/* HTML STYLIN
----------------------------------------------------------------------------------------------------*/

body
	{
	background: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 66.6%;
	background: #0e141f;
	margin: 0;
	padding: 0;
	color: #353f4c;
	}

img {border: 0;}
	
a, a:visited
	{
	color: #0cf;
	text-decoration: none;
	}

h1
	{
	color: #fff;
	font-size: 1.7em;
	margin: 0 0 0 0;
	padding: 6px 0 6px 48px;
	background: url(../images/logo.png) 10px 4px no-repeat;
	}
	
h3
	{
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	}

h3.borderBottom
	{
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	border-bottom: 2px #dadbdc solid;
	}
	
h3.confirm
	{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	border-bottom: 2px #dadbdc solid;
	}
	
h6
	{
	text-align: center;
	font-size: .80em;
	margin: 8px 0;
	}
	
h6.breadCrumb
	{
	text-align: left;
	font-size: .90em;
	margin: 0 0 8px 0;
	color: #999;
	}
	
h6.breadCrumb a#active
	{
	padding-right: 7px;
	background: url(../images/arrowBreadcrumb.png) right no-repeat;
	color: #999;
	}

	
p
	{
	margin: 5px 0;
	}
	
hr
	{
	width: 65%;
	border: 0;
	color: #dadbdc;
	background-color: #dadbdc;
	height: 2px;
	}

/* HEADINGS
----------------------------------------------------------------------------------------------------*/
.headingOn {background: #16253e url(../images/backgroundList.png) repeat-x;}
.headingOff {background: #16253e url(../images/backgroundList.png) repeat-x;}

.headingOn a,
.headingOn a:visited
	{
	color: #0cf;
	padding: 4px 6px 4px 26px;
	background: url(../images/arrowOn.png) 6px 4px no-repeat;
	border-top: 1px #303740 solid;
	border-bottom: 1px #000 solid;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	}
	
.headingOff a,
.headingOff a:visited
	{
	color: #fff;
	padding: 4px 6px 4px 26px;
	background: url(../images/arrowOff.png) 6px 6px no-repeat;
	border-top: 1px #303740 solid;
	border-bottom: 1px #000 solid;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	}
	
.headingOff a:hover,
.headingOff a:active,
.headingOn a:hover,
.headingOn a:active
	{
	color: #0cf;
	background-color: #0e141f;
	}

/* BUTTONS
----------------------------------------------------------------------------------------------------*/
.buttonWrapper
	{
	margin-top: 12px;
	}
	
.buttonDotDelete
	{
	background: #d4005e url(../images/buttonGloss.png);
	color: #fff;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	width: 20px;
	padding: 2px 0;
	cursor: pointer;
	margin: 0 0 8px 0;
	text-align: center;
	}
	
.buttonDotDelete:hover
	{
	background: #c10056;
	}
	
.buttonTeal
	{
	background: #109cc1 url(../images/buttonGloss.png) repeat-x;
	color: #fff;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	margin: 0 0 8px 0;
	}
	
.buttonTeal:hover
	{
	background: #109cc1;
	}
	
.buttonGrey
	{
	background: #8e8e8e url(../images/buttonGloss.png) repeat-x;
	color: #fff;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	margin: 0 0 8px 0;
	}
	
.buttonGrey:hover
	{
	background: #8b8b8b;
	}

/* DELIVERY
----------------------------------------------------------------------------------------------------*/
.rowDeliveryZebra, 
.rowDelivery
	{
	height: 16px;
	padding: 6px 0 5px 0;
	}
	
.rowDeliveryZebra {background: #e5f9ff;}
	
.deliveryCol1
	{
	float: left;width: 10%;text-align: center;
	}
	
.deliveryCol2
	{
	float: left;width: 57%;
	}
	
.deliveryCol3
	{
	float: left;width: 33%;text-align: right;
	}
	
.radioFix
	{
	border: 0;height: 14px;margin: 0;padding: 0;
	}
/* CART DOTS
----------------------------------------------------------------------------------------------------*/
.containerCartDots
	{
	margin-bottom: 8px;
	text-align: center;
	}
	
.cartDot
	{
	margin: 6px 12px;
	}

/* MENU MAIN
----------------------------------------------------------------------------------------------------
ul.menuMain
	{
	list-style-type: none;
	margin:  0;
	padding: 0;
	}
	
ul.menuMain li
	{
	font-size: 1.25em;
	font-weight: bold;
	}
	
ul.menuMain li a, 
ul.menuMain li a:visited
	{
	color: #fff;
	padding: 4px 6px;
	background: #16253e url(../images/backgroundList.png) repeat-x;
	border-top: 1px #303740 solid;
	border-bottom: 1px #000 solid;
	display: block;
	}
	
ul.menuMain li a:hover, ul.menuMain li a:active
	{
	color: #0cf;
	background: #0e141f;
	}
*/
	
.subContainerCategories
	{
	background: #fff;
	padding: 4px 6px;
	font-size: 1.15em;
	}
	
.subContainerCategories a, 
.subContainerCategories a:visited 
	{
	border-bottom: 2px #dadbdc solid;
	display: block;
	margin: 4px 0;
	padding: 2px 0 4px 0;
	background: url(../images/arrowCategory.png) right no-repeat;
	}
	
.subContainerCategories a:hover, 
.subContainerCategories a:active 
	{
	color: #ccd5df;
	}
	
.subContainer
	{
	background: #fff;
	padding: 4px 6px;
	font-size: 1.15em;
	}
	
.subContainer a, 
.subContainer a:visited 
	{
	}
	
.subContainer a:hover, 
.subContainer a:active 
	{
	color: #ccd5df
	}
	
.subCount
	{
	color: #ccc;
	}
	
.container
	{
	background: #fff;
	padding: 10px;
	}

/* COSMETICS
----------------------------------------------------------------------------------------------------*/
.clearBoth {clear: both;}
.show {display: block;}
.hide {display: none;}
.textAlignCenter {text-align: center;}
.floatLeft {float: left;}
.floatRight {float: right;}

/* FORMS
----------------------------------------------------------------------------------------------------*/
.inputText
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	color: #5d6570;
	border: 1px #ccc solid;
	}
	
select
	{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	border: 1px #ccc solid;
	color: #5d6570;
	}

/* ELEMENTS
----------------------------------------------------------------------------------------------------*/
.multiplyX
	{
	background: url(../images/x.png) no-repeat;
	height: 10px;
	margin-top: 6px;
	text-indent: -1000em;
	width: 10px;
	}
	
/* TABLES
----------------------------------------------------------------------------------------------------*/
.rowCart
	{
	/*background: #ccf;*/
	margin-top: 10px;
	border-bottom: 2px #dadbdc solid;
	height: 40px;
	width: 100%;
	}
	
/*.tableCart
	{
	border-collapse: collapse;
	width: 100%;
	}
	
.tableCart td
	{
	vertical-align: top;
	}*/