/* Global Elements */
* {	
	margin				: 0px; 
	padding				: 0px; 
}

html {
	height 				: 100%;
}

body {
	height 				: 100%;
	background-color	: #FFF;
	background-image	: url(../imgs/bg-main.jpg);
	background-position	: left top;
	background-repeat	: repeat-y;
	
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #8B9AAB;
	text-decoration 	: none;
	
}
body a{
	color				: #8B9AAB;
	text-decoration 	: underline;
}
body a:hover{
	color				: #8B9AAB;
	text-decoration 	: none;
}

img{
	border 				: 0px;
	margin				: 0px 0px 0px 0px;
}
form{
	display 			: inline;
}
.clear{
	clear				: both;	
}

/* WRAPPERS */
.contA{
	text-align 			: left;
	vertical-align		: top;	
}
.contB{
	text-align 			: left;
	vertical-align		: top;
	padding 			: 0px 0px 0px 20px	
}


/* NAVIGATION */
.primaryNav{
	width 				: 174px;
	text-align 			: left;
	vertical-align		: top;
	background-image	: url(../imgs/bg-water-drops.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
}
.primaryNavLv1{
	list-style			: none;
	display 			: inline-block;
	padding				: 15px 0px 100px 27px;
}
.primaryNavLv1 li{
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #FFF;
	font-weight 		: bold;
	margin 				: 20px 0px 0px 0px;
}
.primaryNavLv1 li a{
	display 			: block;
	width 				: 145px;
	border-bottom 		: solid 1px #135BAB;
	color				: #FFF;
	text-decoration 	: none;
}
.primaryNavLv1 li a:hover{
	color				: #FFF;
	text-decoration 	: none;
}

.primaryNavLv2{
	list-style			: none;
	padding				: 0px 0px 0px 0px;
}
.primaryNavLv2 li{
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #FFF;
	font-weight 		: lighter;
	margin 				: 5px 0px 0px 0px;
}
.primaryNavLv2 li a{
	display 			: block;
	width 				: 145px;
	border-bottom 		: solid 1px #135BAB;
	color				: #FFF;
	text-decoration 	: none;
}
.primaryNavLv2 li a:hover{
	color				: #FFF;
	text-decoration 	: none;
}

.primaryNavLv3{
	list-style			: none;
	padding				: 0px 0px 10px 0px;
}
.primaryNavLv3 li{
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #FFF;
	font-weight 		: lighter;
	margin 				: 5px 0px 0px 0px;
	
	background-image	: url(../imgs/nav-lv3-dot.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
}
.primaryNavLv3 li a{
	display 			: block;
	padding				: 0px 0px 0px 10px;
	width 				: 135px;
	border-bottom 		: solid 0px #135BAB;
	color				: #FFF;
	text-decoration 	: underline;
}
.primaryNavLv3 li a:hover{
	color				: #FFF;
	text-decoration 	: none;
}
.search{
	display 			: inline-block;
	padding				: 260px 0px 0px 27px;
	
	font-size			: 14px;
	font-weight 		: bold;
	color				: #FFF;
}
.searchBox{
	width 				: 130px;
	padding 			: 3px;
	margin				: 0px 0px 5px 0px;
	border 				: solid 1px #194095;
	font-size			: 13px;
	color				: #194095;
	
}

.secondaryNav{
	clear 				: both;
	display 			: block;
	margin 				: 0px 0px 25px 0px;
	width 				: 100%;
	background-image	: url(../imgs/bg-secondary-nav.jpg);
	background-position	: center top;
	background-repeat	: repeat-y;
	background-color	: #194095;
	vertical-align		: middle;
	text-align 			: center;
}
.secondaryNav ul{
	list-style			: none;
	padding				: 7px 0px 8px 0px;
}
.secondaryNav li{
	display 			: inline;
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #FFF;
}
.secondaryNav li a{
	color				: #FFF;
	text-decoration 	: underline;
}
.secondaryNav li a:hover{
	color				: #FFF;
	text-decoration 	: none;
}

.ftrNav{
	width 				: 100%;
	height 				: 70px;
	background-image	: url(../imgs/image-ftr.gif);
	background-position	: right top;
	background-repeat	: no-repeat;
	text-align 			: center;
}
.ftrNav ul{
	list-style			: none;
	padding				: 24px 0px 0px 0px;
}
.ftrNav li{
	display 			: inline;
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #FFF;
}
.ftrNav li a{
	color				: #FFF;
	text-decoration 	: underline;
}
.ftrNav li a:hover{
	color				: #FFF;
	text-decoration 	: none;
}

.faqNav{
	border-bottom		: dashed 1px #D7DCE1;
	padding				: 0px 0px 40px 0px;
	margin 				: 0px 20px 0px 0px;
	font-weight 		: normal;
	line-height			: 23px;
}
.faqNav a{
	color				: #194095;
	text-decoration 	: underline;
}
.faqNav a:hover{
	color				: #194095;
	text-decoration 	: none;
}

/* BANNER */
.logo{
	float 				: left;
	padding 			: 30px 0px 30px 20px;
}
.miniBasket a{
	float 				: right;
	border 				: dashed 1px #D7DCE1;
	padding 			: 2px;
	margin 				: 15px 15px 0px 0px;
	width 				: 280px;
	height 				: 70px;
	
	font-size			: 14px;
	font-weight 		: normal;
	text-decoration 	: none;
	font-style			: normal;
	color				: #194095;
	
}
.miniBasket a:hover{
	border 				: solid 1px #D7DCE1;
	
	font-size			: 14px;
	font-weight 		: normal;
	text-decoration 	: none;
	font-style			: normal;
	color				: #194095;
	
	cursor				: pointer;
}

/* FOOTER */
.ftr{
	clear 				: both;
	background-image	: url(../imgs/bg-ftr.jpg);
	background-position	: center top;
	background-repeat	: repeat-y;
	background-color	: #5590C5;
}

/* OTHER ELEMENTS */
/* HOME PAGE */
.home{
	font-size			: 14px;
	font-weight 		: normal;
	text-decoration 	: none;
	font-style			: normal;
	color				: #194095;
	text-align 			: center;
	
}
.home span{
	color				: #5590C5;
}
.home a{
	text-decoration 	: underline;
	color				: #194095;
}
.home a:hover{
	text-decoration 	: none;
	color				: #194095;
}

/* SHOP FRONT */
.shopFront{
	margin 				: 0px 30px 0px 0px;
	font-family			: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #8B9AAB;
	text-decoration 	: none;
	text-align 			: center;
}
.shopFront span{
	font-size			: 18px;
	color				: #194095;
}

/* PRODUCTS */
.prod{
	float 				: left;
}
.prod a{
	display				: block;
	width 				: 275px;
	border 				: dashed 1px #D7DCE1;
	margin 				: 20px 20px 0px 0px;
	
	text-decoration 	: none;
	cursor				: pointer;
}
.prod a:hover{
	border 				: solid 1px #D7DCE1;		
}
.prodImg{
	margin				: 10px 5px 10px 10px;
}
.prodInfo{
	height 				: 160px;
	margin				: 10px 10px 10px 10px;
	padding 			: 0px 0px 0px 110px;
}

.prodInfo u{
	font-size			: 15px;
	font-weight 		: bold;
	text-decoration 	: underline;
	font-style			: normal;
	color				: #194095;	
}
.prodInfo i{
	font-size			: 20px;
	font-weight 		: bold;
	font-style			: normal;
	text-decoration 	: none;
	color				: #5590C5;
}
.prodInfo span{
	text-align			: right;
	vertical-align		: text-bottom;
}

.prodDetailInfo{
	float 				: left;
	margin				: 20px 20px 0px 0px;
}
.prodDetailInfo a{
	font-size			: 17px;
	font-weight 		: bold;
	text-decoration 	: underline;
	font-style			: bold;
	color				: #194095;
}
.prodDetailInfo a:hover{
	text-decoration 	: none;
	color				: #194095;
}
.prodDetailInfo span{
	color				: #5590C5;
}

.prodDetailInfo ul{
	display 			: block;
	list-style			: disc;
	margin				: 0px 0px 0px 23px;
	padding				: 0px 0px 10px 0px;
}
.prodDetailInfo ul li{
	padding				: 0px 0px 10px 0px;
	background-image	: none;
}

.prodDetailInfo ol{
	display 			: block;
	list-style 			: none;
	margin				: 30px 0px 30px 0px;
	padding				: 0px 0px 0px 0px;
	
}
.prodDetailInfo ol li{
	background-image	: url(../imgs/icon-doc.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	padding 			: 0px 0px 5px 20px;
	
}
.prodDetailInfo ol li a{
	font-size			: 13px;
	font-weight 		: normal;
	text-decoration 	: underline;
	color				: #194095;
}
.prodDetailInfo ol li a:hover{
	text-decoration 	: none;
	color				: #194095;
}

.prodDetailImg{
	float 				: left;
	margin				: 20px 20px 0px 0px;
}
.prodDetailBuy{
	clear 				: both;
	padding				: 5px 10px 10px 10px;
	
	border 				: dashed 1px #D7DCE1;
	margin				: 20px 20px 20px 0px;
}
.prodDetailBuy span{
	font-size			: 30px;
	color				: #5590C5;
	font-weight			: bold;
}
.prodDetailBuy input{
	font-size			: 13px;
	color				: #194095;
}

.prodOfferIntro{
	margin				: 40px 20px 0px 0px;
}

.prodOfferIntro span{
	font-size			: 18px;
	font-weight 		: normal;
	color				: #194095;
}

/* BASKET */
.basket{
	clear 				: both;
	padding				: 10px 10px 10px 10px;
	border 				: dashed 1px #D7DCE1;
	margin				: 10px 20px 0px 0px;
}
.basket a{
	font-weight 		: bold;
	text-decoration 	: underline;
	color				: #194095;
}
.basket a:hover{
	text-decoration 	: none;
	color				: #194095;
}
.basket span{
	color				: #5590C5;
}
.basket input{
	font-size			: 13px;
	color				: #194095;
}
.basketTotal{
	clear 				: both;
	padding				: 5px 10px 5px 10px;
	border 				: dashed 1px #D7DCE1;
	margin				: 10px 20px 0px 0px;
	
	font-size			: 20px;
	font-weight 		: bold;
	text-decoration 	: none;
	color				: #194095;
}
.basketTotal span{
	font-size			: 20px;
	font-weight 		: bold;
	text-decoration 	: none;
	color				: #5590C5;
}

/* PAGE SELECTION AND FILTERING */
.pageSelect{
	clear 				: both;
	padding				: 35px 0px 25px 0px;
	text-align 			: center;
	font-weight 		: normal;
	color				: #194095;	
}
.pageSelect a{
	border 				: none;
	padding 			: 0px 5px 0px 5px;
	color				: #194095;
	height 				: 12px;
	text-decoration 	: underline;
}
.pageSelect a:hover{
	color				: #194095;
	text-decoration 	: none;
}
.pageSelect span{
	border 				: solid 1px #D7DCE1;
	padding 			: 0px 5px 0px 5px;
	color				: #8B9AAB;
	text-decoration 	: none;
}
.pageSelect u{
	border 				: none;
	padding 			: 0px 5px 0px 5px;
	color				: #8B9AAB;
	text-decoration 	: none;
}

.breadCrumb{
}

.orderMenu{
	float 				: right;
	width 				: 210px;	
	margin 				: 0px 40px 0px 0px;
}
.orderMenu select{
	float 				: right;
	font-size			: 14px;
	color				: #194095;
}
.orderMenu label{
	float 				: left;
	font-size			: 14px;
	color				: #194095;
	font-weight 		: bold;
}


/* AUXILIARY NAVIGATION */
.auxNav{
	width 				: 10px;
	text-align 			: left;
	vertical-align		: top;
	padding 			: 0px 20px 20px 0px	
}
.sortMenu, .relatedMenu, .deliveryMenu, .searchMenu{
	width 				: 150px;
	border 				: dashed 1px #D7DCE1;
	padding				: 8px 10px 10px 10px;
	margin 				: 10px 0px 10px 0px;
	font-weight 		: normal;
	line-height			: 23px;
	
}
.sortMenu a{
	color				: #194095;
	text-decoration 	: underline;
}
.sortMenu a:hover{
	color				: #194095;
	text-decoration 	: none;
}


.relatedMenuInfo{
	float 				: left;
	line-height			: 17px;	
	
}
.relatedMenuInfo a{
	font-size 			: 12px;
	color				: #194095;
	text-decoration 	: underline;
}
.relatedMenuInfo a:hover{
	font-size 			: 12px;
	color				: #194095;
	text-decoration 	: none;
}
.relatedMenuInfo span{
	line-height			: 25px;
	font-size 			: 12px;
	color				: #5590C5;
}
.relatedMenuImg{
	float 				: left;
	margin 				: 0px 10px 0px 0px;
}


.deliveryMenu{
	text-align 			: center;
	line-height			: normal;
	font-size 			: 13px;
	font-weight 		: normal;
	text-decoration 	: none;
}
.deliveryMenu span{
	line-height			: normal;
	font-size 			: 20px;
	font-weight 		: normal;
	color				: #5590C5;
	text-decoration 	: none;
}
.deliveryMenu u{
	font-size 			: 11px;
}
.deliveryMenu i{
	font-size 			: 11px;
	font-style			: normal;
	color				: #194095;
}
.deliveryMenu select, .deliveryMenu input{
	font-size			: 13px;
	color				: #194095;
}

.searchMenu select, .searchMenu input{
	font-size			: 13px;
	color				: #194095;
}

h1 { font-size:14px; margin-bottom:0px; }