@charset "utf-8";
/* CSS Document Hi Life 2.0 */

body { background: #fff url(../img/body_bg.png) repeat-x; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center; color:#353535;}
p { margin:0 0 8px 0; padding:0;}
h1 { margin:0; padding:0; font-size:16px; color:#ca0a2e;}
h2 { margin:0; padding:0; font-size:14px; color:#272727; text-transform:none; font-weight:normal;  }
h3 { margin:0; padding:0; font-size:12px; color:#272727;}
h4 { margin:0; padding:0; font-size:12px; font-weight:bold;}

form { margin:0; padding:0;}
a { color:#ca0a2e; text-decoration:underline;}
img { border:0;}
ul { margin:0; padding:0;}

/* popups */

#frm_addToCart label { float: left; font-family: Arial, Helvetica, sans-serif;}

#frm_personalDetails label { float: left; font-family: Arial, Helvetica, sans-serif; width:150px; text-align:left; margin-bottom:0px;}
#frm_personalDetails input { margin-bottom:2px; width:170px;}
#frm_personalDetails select { margin-bottom:2px; width:175px;}

#frm_addComment label { float: left; font-family: Arial, Helvetica, sans-serif; width:150px; text-align:left; margin-bottom:0px;}
#frm_addComment input { margin-bottom:0; width:170px;}

#frm_redeemVoucher label { float: left; font-family: Arial, Helvetica, sans-serif; width:160px; text-align:left; margin-bottom:0px;}
#frm_redeemVoucher input { margin-bottom:2px; width:140px;}

#addToCartDialog#field { margin-left: .5em; float: left; }
#addToCartDialog#field, #addToCartDialog label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }

#editCartItemDialog#field { margin-left: .5em; float: left; }
#editCartItemDialog#field, #editCartItemDialog label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }

#personalDetailsDialog#field { margin-left: .5em; float: left; }
#personalDetailsDialog#field, #personalDetailsDialog label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }


.validateFrm.input { border: 1px solid black; margin-bottom: .5em;  }
input.error { border: 1px solid red; }


div.val_error { padding: 10px 0 10px 0; border: 1px solid red; color: red; }
label.error { color: red; }
label.valid { color: black; }
select.error { border: 1px solid red; color: black; font-weight: normal; }
textarea.error { border: 1px solid red; }

/* end popups */

#container { width:918px; margin-left:auto; margin-right:auto; padding:0; text-align:left;}
#header { height:125px; margin-bottom:3px;}
#leftbar { width:155px; float:left;}
#content { margin-left:160px; position:relative;}

.nodisplay { display:none;}
.smallmargin { margin-bottom:3px;}
.logo { display:block; background:url(../img/logo.png) no-repeat; width:225px; height:125px; float:left;}
.redbox { width:140px; background:url(../img/redbox_bg.png) no-repeat; height:68px; padding:5px;}
.redout { border:1px solid #d71635;}
.upsize { font-size:14px;}
.upsize12 { font-size:12px; margin-bottom:2px;}
.smallfont { font-size:8px;}
.strong { font-weight:bold;}
.white { color:#FFF;}
.red {color:#ca0a2e;}
.title { color:#ca0a2e; font-size:2.5em; font-weight:normal; text-transform:capitalize;}
.blacktop { background:url(../img/black_top.png) no-repeat; width:140px; height:26px;}
.blackbottom { background:url(../img/black_bottom.png) no-repeat; width:140px; height:7px;}
.addtocart { background:url(../img/addcart.png) no-repeat; width:22px; height:15px; cursor:pointer;}
h2 a { text-decoration:none; color:#000000;}

/* header */
.headerimg { background:url(../img/header.jpg) no-repeat; width:693px; height:125px; margin-left:225px;}

/* navigation */
#navigation { background: url(../img/homemenu_bg.jpg) no-repeat; width:155px; padding-top:5px; padding-bottom:3px; }
#navigation  ul { margin:0 0 0 20px; padding:0;}
#navigation  ul li { margin:0; padding:0; list-style:none;}
#navigation ul li a { font-weight:bold; font-size:11px; color:#272727; display:block; width:105px; padding-bottom:4px; margin-top:5px; border-bottom:1px dotted #a4a4a4; text-decoration:none;}
#navigationbottom { background: url(../img/homemenu_bottom.jpg) no-repeat; width:157px; height:7px; margin-bottom:8px;}
#share { margin:8px 0 0 9px; cursor:pointer;}

/* Cart  */
#cart { margin:0 0 8px 8px; width:140px;}
#cart  h2 { margin:4px 0 0 11px;}
.cartinfo { background: url(../img/cartinfo_bg.png) no-repeat; padding-bottom:3px; height:35px;}
.cartinfo p { font-weight:bold; padding-right:5px; padding-left:5px; padding-bottom:4px; margin:0;}
.cartinfo p.first { font-weight:bold; padding-top:3px; padding-bottom:2px; margin:0;}
.cartlist { background: #111111 url(../img/cartlist_bg.jpg) no-repeat; padding:5px 5px 0 5px; max-height:260px; overflow:auto;}
.cartitem { padding-bottom:5px; margin-right:8px;}
.cartitemheading { color:#ffffff; margin-bottom:3px; font-size:10px;}
.cartitemprice { font-size:10px; }
.cartitemqty { font-size:10px; color:#a4a4a4;}
.cartsplit { margin:3px 15px 3px 8px; border-bottom:1px solid #a4a4a4;}

	/* cart add */
		#frm_addToCart {}
		h2#prodName { text-align:left; margin:2px 2px 2px 0;}
		#frm_addToCart fieldset { text-align:left;}
		#frm_addToCart label { width:140px; text-align:left; margin:2px 0 2px 0;}
		#frm_addToCart input { width:170px; padding:2px; margin:2px 0 2px 0; }
		#frm_addToCart input.button { width:30px; }
		#frm_addToCart select { width:115px; text-align:left; padding:2px;}
		#frm_addToCart input.checkbox { width:20px;}
        
        
        #frm_editCartItem fieldset { text-align:left;}
        #frm_editCartItem label { width:140px; text-align:left; margin:2px 0 2px 0;}
        #frm_editCartItem input { width:170px; padding:2px; margin:2px 0 2px 0; }
        #frm_editCartItem input.button { width:30px; }
        #frm_editCartItem select { width:115px; text-align:left; padding:2px;}
        #frm_editCartItem input.checkbox { width:20px;}
		


/* supplier login */
#supplierlogin { background:url(../img/supplier_login_bg.png) no-repeat; width:140px; height:119px; padding-top:3px; margin-left:8px;}
#supplierlogin h2 { margin:0 0 5px 15px;}
#supplierlogin form { margin:0; padding:0;}
#supplierlogin label { color:#FFF; margin:4px 0 2px 5px; font-weight:bold;}
#supplierlogin input { background:#FFF; border:1px solid #353535; width:125px; margin:2px 0 3px 6px; height:17px; padding:1px;}
#supplierlogin a { font-weight:bold; color:#272727; float:right; text-decoration:none; margin-right:6px;}
#supplierlogin a.forgot { font-weight:bold; color:#272727; text-decoration:none; margin-left:6px; font-size:9px; float:left;}

/* most populare */
#mp_viewall { float:right; padding-top:3px;}
#mp_viewall a { margin:0 8px 0 0;}
#mostpop { background:url(../img/mostpopular_bg.jpg) no-repeat; width:751px; padding-top:3px;  }
#mostpop_menu { border-bottom: 1px dotted #cfcfcf; padding-bottom:2px;}
#mostpop span { font-size:14px; margin:0 0 0 5px;}
#mostpop form { padding:5px 0 3px 8px;  border-bottom:1px dotted #a4a4a4;}
#mostpop label { margin:-2px 0 2px 10px; float:none;}
#mostpop select { width:120px;}

#mostpoplist { width:350px; float:right; margin-top:8px; }
.mostpoplistitem {margin:0 8px 0 4px; padding-bottom:5px; border-bottom:1px dotted #a4a4a4;}
.mostpoplistitem img { margin-right:3px; float:left;}
.mpi_info { margin:0 0 0 0;}
.mpi_info a { margin:3px 5px 0 5px;}
.mpi_info .addtocart { margin-top:4px; margin-left:315px;}

.mostpopitem { margin:8px 0 0 8px; width:386px; }
.mp_rightitems { float:right; width:85px; padding-top:8px;}
.mp_rightitems a { float:left; margin:3px 0 0 0;}
.mp_rightitems .addtocart { float:right;}

.mostpopbottom {background: url(../img/mostpopular_bottom.jpg) no-repeat; height:5px; width:751px; }

/* content */

#contentleft p { margin:0 0 8px 0; padding:0;}
#contentleft { margin-top:8px; margin-left:15px; width:350px; float:left;}
#contentleft h2 { margin-bottom:8px;}
#contentright { margin-left: 420px;}
#contentright img { margin-top: 8px; margin-left:10px;}


/* home content */
.homecontent { }
.homecontent h2 { color:#ca0a2e;}
.homecontent p { line-height:1.7em; margin:0; }

	/* product list */
	
	#productlist {}
	#productlist_menu { margin:8px 0 8px 0;}
	#productlist_menu a { text-decoration:none;}
	
	#prodlist_container { clear:right;}
	#productlist_left { width:370px; float:left;}
	#productlist_right {width:370px; margin-left:382px; }
	
	.productlistitem { min-height:125px; padding:3px; margin-bottom:8px; }
	.productlistitemleft { float:left; width:40px;}
	.productlistitem .addcartitemlist { margin:-4px 0 0 0; float:right;}
	.productlistitem .links { margin:2px 0 0 0;}
	.productlistitem .listnew { margin:3px 0 0 6px;}
	.productlistitem a { text-decoration:none; }
	
	
	.productlistitemright { margin-left:55px; }
	.productlistitemright h2 { margin-bottom:5px;}
	.productlistitemright_price { margin-bottom:5px;}
	.productlistitemright a.firsticon { margin-left:22px;}
	.productlistitemright img { margin:2px 0 -2px 0;}	
	.productlistitemright img.icons { margin:6px 0 -6px 0;}
	.item_extras {  margin-top:5px; float:right; text-align:left; width:310px;}
	.item_extras img {  float:left; margin:3px 8px -3px 4px;}
	
		/* mini search */
		#list_search { background:url(img/search_bg.png) no-repeat; width:217px; height:35px; float:right;}
		#list_search input.search { border:0; font-size:11px; margin:7px 5px 0 15px; height:13px; padding:2px; width:164px;}
		#list_search input.searchicon { margin:8px 12px 0 0; float:right; width:16px; height:17px;}
	
	
	/* product display */	
	
	#product_left { width:430px; margin-right:5px; float:left;}
	#product_right {width:320px;  margin-top:15px; float:right;}
	.productitemshare { margin:8px 0 3px 0;}
	.share_tweet { float:left;}
	.share_fb { margin-left:120px;}
	.product_price { font-weight:bold; margin:5px 0 5px 0; text-align:center; font-size:24px; }
	.product_addtocart {}
	
	#product_left .mainimg { margin-bottom:8px; width:385px; height:225px; }	
	#product_right h3 { margin:8px 0 2px 0;}
	#product_right ul { margin:0; padding:0;}
	#product_right ul li { margin:0; list-style:none; padding:0;}
	
		/* comments */
		.commentstop  { background: url(../img/comment_top.png) no-repeat; width:422px; height:12px; margin-top:1px;}
		.commentsbg { background: url(../img/comment_bg.png) no-repeat bottom; width:422px; padding-bottom:20px;}
		.prodctitmecomments { margin:8px 0 0 0;}
		.prodctitmecomments p {margin:0; padding:0;}
		.addcomment { float:right; text-decoration:none; padding-right:15px;}
		.addcomment a { margin-right:15px; margin-bottom:7px; text-decoration:none;}
		.addcomment img { margin:0 0 -5px 0;}
		.comment { background: url(../img/comment_dots.png) no-repeat bottom left; width:400px; margin-left:5px; padding:5px 10px 3px 10px; }
		.commenttwo {  background:#f2f2f2 url(../img/comment_dots.png) no-repeat bottom left; width:392px; margin-left:5px; padding:5px 10px 3px 10px; }
		.commentdate { float:right; margin-right:5px; }
	
	/* cart display */
	#content_left { width:501px; float:left;}
	#content_right {width:225px; margin-left:515px; margin-top:15px;  }
	
	#fullcart { width:501px;}
	#fullcart h2.title {color:#00aad0; } 
	#fullcart h3 { color:#a6ce39; font-weight:normal; margin:5px 0 5px 0; padding:0; font-size:16px; }
	.fontsmaller { font-size:0.7em;}
	
	#fullcart ul { margin:8px 0 8px 0;}
	#fullcart ul li { list-style:circle; margin-left:20px; }
	
	#cartfullitems { margin:10px 0 10pxs 0;}
	.cartfulltop { background:url(../img/carttable_top.png) no-repeat top; width:496px; height:21px; color:#fff; font-size:14px; padding-left:5px; padding-top:7px;}
	
	#fullcart table.carttable { background:url(../img/carttabel_bg.png) repeat-y; padding:0 1px 0 1px; margin:0;}
	#fullcart table { font-size:10px;}
	#fullcart table th { color:#fff; text-align:left; background:#111111; height:15px; padding-left:3px;}
	#fullcart table th.cartTHItem { background: #111111 url(../img/carttabel_headers_item.png) no-repeat left;}
	#fullcart table th.cartTHQty { width:26px;}
	#fullcart table th.cartTHPrice { background: #111111 url(../img/carttabel_headers_price.png) no-repeat right; width:88px;}
	
	h2.carttableh2 { font-size:11px; margin:0; padding:0;}
	.carttableQTY { text-align:center;}
	.carttablePrice { text-align:right; padding-right:8px; width:88px;}
	.carttableiteminfo { width :375px;}
	.carttabledel { height:20px; vertical-align:middle;}
	
	
	.carttablebottom { background: url(../img/carttable_bottom.png) no-repeat; width:501px; height:28px; color:#fff; margin:0; padding:0; font-weight:bold;}
	.carttablebottom table { font-size:14px; font-weight:bold; padding-top:8px;}
	.note { margin:3px 0 0 0;}
	.smallnote { margin:3px 0 0 0; font-size:10px; float:right; margin-right:10px;}
	.terms { float:right; margin-top:3px;}
	.terms input { margin:2px 0 -2px 0;  }
	.cartbutton { font-size:12px; color:#ca0a2e; font-weight:bold; margin:10px 0 0 0; float:right; clear:right; }
	.cartbutton img { margin:1px 0 -1px 0;}
	
	.carttable2 { width:501px; background:url(../img/carttabel_bg.png) repeat-y; padding:0 1px 0 1px; margin:0;}
	.carttable2 tr td { height:16px; padding-top:4px; padding-left:4px; padding-bottom:4px; font-size:11px;}
	.greenbg { background:#e3f0c2;}
	
	.addvoucher { margin:-5px 0 25px 0; color:#ca0a2e; font-size:12px; font-weight:bold;}
	.addvoucher img { margin:20px 0 -20px 0;}
	.paymentmethod { margin-bottom:10px; font-size:16px; color:#4e4e4e; font-weight:bold;}
	.paymentmethod img { margin:5px 0 -5px 0;}
	
	
	/* rightbox */
	.rightbox_top { background:url(../img/rightbox_top.png) no-repeat; width:231px; height:5px;}
	.rightbox { background:url(../img/rightbox_bg.png) no-repeat bottom; width:231px;}
	
	.rightitembox_top { background:url(../img/rightitem_top.png) no-repeat; width:311px; height:11px; }
	.rightitembox { background:url(../img/rightitem_bg.png) no-repeat bottom; width:295px; padding:0 10px 12px 10px;}
	
	
	/* purchaser details */
	.purchaserth { font-weight:bold;}
	
	/*contact page */
	#contact_left { width:400px;}
	#contact_right {width:300px;  margin-top:15px; float:right; }
	
	/* footer */

	#footer { background:url(../img/footer_bg.png) repeat-x; position:relative; clear:both; padding-top:4px; margin-bottom:15px; bottom:-20px;}
	
	#footercontent { width:918px; display:block; margin-left:auto; margin-right:auto; padding:0; text-align:center;  clear:both;}
	#footercontent h1 { font-size:11px; color:#3a3a3a;}
	#footercontent a { font-size:10px; color:#5f5f5f;}
	
		/* supplier List */
			#supplierlist {  margin:10px auto 0 auto; width:438px; display:block; height:71px; }
			#supplierlist p { padding:5px 0 0 0; margin:0; font-size:10px; margin:0;}
			#supplierlist img { margin-top:2px; display:inline; vertical-align:middle; }			
			.supplierlistleft { width:8px; height:71px; background:url(../img/supplier_bg_left.png) no-repeat; float:left; }
			.suppliers { height:71px; vertical-align:middle; background:url(../img/supplier_bg_right.png) right no-repeat;  width:430px;  text-align:center;}
			
		/* footer nav */
		#footernav { text-align:left; margin-top:10px;}
		#footernav h2 { margin:0; padding:0; font-size:11px;}
		#footernav ul { margin:0; padding:0;    }
		#footernav ul li { list-style:none; margin:2px 3px 0 3px; padding:0; overflow:hidden; border-bottom:1px dotted #CCC; height:26px; vertical-align:bottom; position:relative; bottom:0; vertical-align:middle;}
		#footernav ul li.viewall { border-bottom:none; text-align:right; height:15px;}
		#footernav ul li.last { border-bottom:none; height:15px; }
		#footernav ul li a { text-decoration:none; font-size:9px;  bottom:0;}
		#footernav ul li.viewall a { color:#ca0a2e;}
		.footerproductlinks { float:left; margin-right:9px; margin-left:9px; width:135px;}
			
