/* GENERAL STYLES */
/* GENERAL STYLES */

/*



Site Developed By NOW/media Digital Agency

www.nowmedia.com.au



*/



/* -------------------------------------------

GLOBAL RESET 

------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, form, label,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	position: relative;

}



body {

	line-height: 1;

}

blockquote, q {

	quotes: none;

}



blockquote {

border: 1px solid #000000;

display: block;

float: right;

font-size: 20px;

line-height: 22px;

margin: 10px 0 10px 20px;

padding: 19px;

text-align: center;

width: 100px;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



:focus {

	outline: 0;

}



ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



input {

	font-family: Tahoma, Verdana, Arial;

	font-size: 1.2em;

}



/* -------------------------------------------

Default Settings

------------------------------------------- */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	color: #000;

}



img, div, a, input { behavior: url(/css/iepngfix.htc); }



.page-clear {

    height:0;

    clear:both;

    visibility:hidden;

    width:100%;

    height:1px;

}



body.homepage #header { height: 40px!important; }

body.homepage #bodywrap { padding-bottom: 100px!important; }



a,

a:visited {

	color: #b2975a;

	text-decoration: underline;

}



a:hover {

	text-decoration: none;

	cursor: pointer;

}



#product-large-image {

width: 300px;

height: 600px;

}

#win-close-cover {

position: absolute;

width: 1000px;

height: 1000px;

top: 0;

left: 0;

background: transparent url('/media/19724/overlay.png') -70px -65px no-repeat;

z-index: 1000;

display: none;

}

*html #win-close-cover {

width: 0;

height: 0;

visibility: hidden;

display: none;

}

a.win-close {width: 100%; height: 100%; display: block; }

a.win-close:hover #win-close-cover {

display: block;

}



h1 {

	font-size: 24px;

}



h2 {

	height: 55px;

	margin-bottom: 0px;

	font-size: 18px;

	font-weight: normal;

}



h3 {              /* For Image Replacements */

	height: 30px;

	margin-bottom: 0px;

	font-size: 18px;

	font-weight: none;

}



h3.subheading {

	font: normal 18px/20px Arial !important;

}



p {

	margin: 5px 0 15px 0;

	line-height: 1.3em;

}



sup {

	font-size:7px;

	vertical-align:top;

}



a.pdf {

background:transparent url('/media/19654/icon-pdf.gif') no-repeat scroll left center;

padding:5px 0 5px 28px;

}



/* -------------------------------------------

Base Layout

------------------------------------------- */



#bodywrap {

	width: 100%;

	background: #fff url('/media/19/bg-body.gif') bottom left repeat-x;

	padding-bottom: 50px;

}	



#sitewrap {

	width: 980px;

	margin: 0 auto;

}



.inline, span.inline label {

    display:inline !important;

}



.vspace {

    margin-bottom:15px !important;

}



/* -------------------------------------------

Header

------------------------------------------- */



#header {

	width: 100%;

	height: 90px;

	padding-top: 10px;

}



h1.drl {

	display: block;

	height: 36px;

	width: 459px;

}



h1.drl a {

	display: block;

	height: 100%;

	width: 100%;

}



h1.drl span {

	background-image: url('/media/24/hdr-drlrewards.gif');

}



#logout-link {

	position:absolute;

	right:0px;

	top:8px;

}



/* -------------------------------------------

Header Images

------------------------------------------- */



#homepage-hdrimg {

	width: 100%;

	height: 240px;

	margin-top: 19px;

	background: url('/media/29/img-hdr-homepage.jpg') top left no-repeat;

}



/* -------------------------------------------

Non Image Replaced Headers

------------------------------------------- */



h2.non-image-replaced {

    color: #000000;

    font: normal 26px/19px Arial, Sans-Serif;

    height: 26px;

    margin: 0px 0px 0px 0px;

    text-transform: uppercase;

}



/*********************************************

*** Content Page Styles

*********************************************/



#heroFlash { margin-bottom: 10px; }



.hero-image-container div.alt {

    display:none;

}



#subpage-content {

	font: normal 12px/14px Arial, Sans-Serif;

}



#subpage-content h3 {

	font: bold 16px/20px Arial, Sans-Serif;

	margin: 5px 0px 5px 0px !important;

	padding:0px !important;

}



#subpage-content ol {

padding-left: 30px;

margin-left: 0;

}





#subpage-content ol ol {

margin-left: 15px;

}



#subpage-content ul li, #subpage-content ol li {

	font: normal 12px/14px Arial, Sans-Serif;

	margin-bottom: 3px;

}



/* -------------------------------------------

Main Top Navigation

------------------------------------------- */



#main-nav {

	position: absolute;

	width: 980px;

	height: 35px;

	left: 0;

	top: 55px;

	background: #efebde url('/media/200/bg-mainnav.gif') top left no-repeat;

}



#main-nav ul {

	font-size: 1.2em;

	padding:0px;

	margin:0px;

	list-style:none;

}



#main-nav ul li {

	display: block;

	float: left;

	text-align: center;

	height: 35px;

}



#main-nav ul li a {

	display: block;

	width: 100%;

	height: 100%;

	color: #000;

	text-decoration: none;

}



#main-nav ul li a:hover {

	color: #b2975a;

}



#main-nav ul li a:hover span {

	background-position: 0 -35px;

}



	#main-nav ul li.welcome {

		width: 97px;

	}

	

		#main-nav ul li.welcome a span {

			background-image: url('/media/170/btn-welcome.gif');

		}

			

	#main-nav ul li.rewards {

		width: 90px;

	}

	

		#main-nav ul li.rewards a span {

			background-image: url('/media/175/btn-rewards.gif');

		}

	

	#main-nav ul li.points {

		width: 160px;

	}

	

		#main-nav ul li.points a span {

			background-image: url('/media/180/btn-points.gif');

		}

	

	#main-nav ul li.launches {

		width: 146px;

	}

	

		#main-nav ul li.launches a span {

			background-image: url('/media/185/btn-launches.gif');

		}

	

	#main-nav ul li.program {

		width: 173px;

	}

	

		#main-nav ul li.program a span {

			background-image: url('/media/190/btn-program.gif');

		}

	

	#main-nav ul li.account {

		width: 136px;

	}

	

		#main-nav ul li.account a span {

			background-image: url('/media/195/btn-account.gif');

		}



#main-nav ul li a.active span {

	background-position: 0 -35px;

}



#main-nav ul li a.moreactive span {

	background-position: 0 -70px;

}



/* -------------------------------------------

Left Side Navigation

------------------------------------------- */



#side-nav {

	position: absolute;

	left: 0px;

	top: 10px;

	font-size: 11px;

}



#side-nav ul {

	list-style:none;

	margin:0px;

	padding:0px;

}



#side-nav ul li {

	border: 1px solid #e2d8c1;

	border-bottom: none;

	background-color: #fff;

}



#side-nav ul li.last {

	border-bottom: 1px solid #e2d8c1;

}



#side-nav ul li a, 

#side-nav ul li a:visited {

	color: #000;

	text-decoration: none;

	display: block;

	width: 175px;

	padding: 5px 0 5px 10px;

	height: 1em;

}



#side-nav ul li a:hover {

	color: #fff;

	background-color: #b4965a;

}



/* Side Nav Sub Nav Styles */



	#side-nav ul ul li a, 

	#side-nav ul ul li a:visited {

		color: #fff;

		text-decoration: none;

		display: block;

		width: 173px;

		padding: 5px 0 5px 10px;

		height: 1em;

	}



	#side-nav ul ul li {

		border: none;

		border-top: 1px solid #e2d8c1;

	}



	#side-nav ul ul {

		background-color: #b4965a;

		border: none;

	}

	

	#side-nav ul ul li {

		background-color: #b4965a;	

	}

	

	#side-nav ul ul li a:hover {

		color: #000;

	}	

	

/* Side Nav Active States */



#side-nav ul li a.active {

	background: #fff url('/media/205/bg-nav-arrowdown.gif') 174px 10px no-repeat;

}



	#side-nav ul li a.active:hover {

		color: #000;

		background-color: #fff;

	}



#side-nav ul ul li a.active {

	background: #b4965a url('/media/210/bg-nav-arrowright.gif') 176px 8px no-repeat;

}



	#side-nav ul ul li a.active:hover {

		color: #fff;

		font-weight: bold;

		background-color: #b4965a;

	}

	

/* -------------------------------------------

DHTML Side Navigation

------------------------------------------- */



#left-nav {

	position: absolute;

	left: 0px;

	top: 10px;

	font-size: 11px;

}

	

#dhtml-leftnav {

	position: relative;

	font-size: 11px;

	width: 183px;

	margin:0px;

	padding:0px;

	list-style:none;

	border: 1px solid #e2d8c1;

	border-bottom: none;

}



#dhtml-leftnav li.topmenu {

	display:inline;

}



#dhtml-leftnav a {

	font: normal 10px/22px Verdana, Arial;

	text-decoration:none;

	border-bottom: 1px solid #e2d8c1;

	display:block;

	margin:0px;

	padding:0px;

}



#dhtml-leftnav a.headitem {

	background: #ffffff url('/media/10633/nav-arrow-down.gif') no-repeat 172px 10px !important;

	color: #000000 !important;

	padding-left: 10px;

}



#dhtml-leftnav a.active-menuitem {

	background: #b3965a url('/media/10639/nav-arrow-right.gif') no-repeat 173px 9px !important;

	font-weight: bold !important;

}



#dhtml-leftnav a.menuitem {

	background-color: #b4965a;

	color: #FFFFFF;

	padding-left: 10px;

}



#dhtml-leftnav a.menuitem:Hover {

	color: #000000;

}



#dhtml-leftnav ul.submenu {

	list-style:none;

	padding:0px;

	margin:0px;

}



#dhtml-leftnav ul.submenu li a {

	color: #000000;

	padding-left:15px;

	background-color:#FFFFFF;

}



#dhtml-leftnav ul.submenu li a:Hover {

	background-color: #DFDCCB;

}



/* -------------------------------------------

Product Lists

------------------------------------------- */



.product-block {

	margin-bottom:20px;

	float:left;

	position:relative;

	



}



.product-block .product-block-top {

	width:100%;

	height:5px;

}



.product-block .product-block-top .product-block-top-left {

	width:5px;

	height:5px;

	position:block;

	float:left;

	margin-left:-1px;

}



.product-block .product-block-bottom {

	width:100%;

	height:5px;

}



.product-block .product-block-bottom .product-block-bottom-left {

	width:5px;

	height:5px;

	position:block;

	float:left;

	margin-left:-1px;

}



.product-block .product-list {

	position:relative;

	border:0px;

	padding:0px;

	margin:0px;

	border-collapse:separate;	

	*border-collapse:collapse;

}



.product-block .product-list td {

	width:190px;

	border-left: 1px solid #b4a1c0;

	*border-collapse:separate;

	position:relative;

	vertical-align: top;

}



.product-block .product-list td.first-item {

	width:192px !important;

}



.product-block .product-list td.end-item {

	width:193px !important;

}



.product-block .product-list td div {

	padding:10px 14px;

	display: inline-block;

        z-index: 100;

}



.product-block .product-list td div a {

	color: #000000;

	text-decoration:none;

        z-index:1000;

}



.product-block .product-list td div h3 {

	margin:0px 0px 4px 0px !important;

	color: #000000 !important;

	font: bold 11px/11px Verdana, Arial !important;

	text-transform:uppercase !important;

	display:block !important;

}



.product-block .product-list td div img {

	display:block;

	margin:0px auto 3px auto;

}



.product-block .product-list td div h4 {

	margin:0px 0px 2px 0px;	font: normal 10px/12px Verdana, Arial;

	text-transform:uppercase;

}



.product-block .product-list td div p {

	margin:0px 0px 10px 0px;

	color: #353535;

	font: normal 10px/12px Verdana, Arial;

}



.product-block .product-list td div span.points {

	display:block;

	font: bold 10px/12px Verdana, Arial;

}



.product-block .product-list td div span.code {

	display:block;

	color: #000000;

	font: normal 9px/12px Verdana, Arial;



}



#product-large-image img {

	margin:5px;

}



/* ------ Dr Lewinns Category List ------ */



#product-category-list .last {

        margin-right:0px;

}



#category-list {

	width: 100%;		

}

		

#category-list ul.product-categories {

	width: 100%;

	margin:0px;

	padding:0px;

}



#category-list ul.product-categories li {

	float: left;

	display: block;

	width: 377px;

	height: 128px;

overflow: hidden;

	background: #f0ebdf url('/media/1128/bg-category.gif') left top no-repeat;

	margin-bottom: 14px;

}



#category-list ul.product-categories li.alt {

	float: right;

	margin-right: 0px;

}



#category-list ul.product-categories li a, #category-list ul.product-categories li a:hover {

	display: block;

	width: 100%;

	height: 100%;

	text-decoration: none;

	color: #000;

}



#category-list ul.product-categories li a {

height: 128px!important;

}



#category-list ul.product-categories li img {

	float: left;

	margin: 8px 0 0 11px;

}



#category-list ul.product-categories li div, #category-list ul.product-categories li.alt div {

    position: absolute;

    top:0;

    right:0;

}





#category-list ul.product-categories li h4 {

	width: 230px;

	float: right;

	margin: 15px 10px 5px 0;

	text-transform: uppercase;

}



#category-list ul.product-categories li p {

	width: 230px;

	float: right;

	margin-right: 10px;

}



/* ------ End Dr Lewinns Category List ------ */



/* -------------------------------------------

Homepage Layout

------------------------------------------- */



#login-form-container .forgot-pass {

	vertical-align:middle;

	line-height:30px;

	height:30px;

}



#login-form-container .forgot-pass img {

	vertical-align:middle;

}



#login-form-container .forgot-pass-link {

	margin-left: 20px;

	line-height:30px;

}



#homepage-subheader {

	margin-bottom: 9px;

}



#homepage-memlog {

	float: left;

	width: 348px;

	margin-right: 29px;

	margin-bottom: 7px;

}



		h3.memlog span {

			background-image: url('/media/34/hdr-memlogin.gif');

		}

		

			#login-form {

				width: 100%;

				height: 160px;

				margin-top: 5px;

				background: transparent url('/media/39/bg-loginform.gif') top left no-repeat;

			}

			

			#login-form-container {

				display: block;

				width: 313px;

				padding-top: 8px;

				padding-left: 15px;

			}

			

			#login-form-container input.txt {

				width: 307px;

				padding: 3px;

				border: 1px solid #bbb;

				margin-bottom: 7px;

			}

			

				#login-form-container input.txt:focus {

					border: 1px solid #888;

					background-color: #f3ebd8;

				}

			

			#login-form-container input.sub {

				background-color: #bbb;

				float: left;

				margin-right: 10px;

				text-align: center;

			}

			

			#login-form-container p.forgotpass {

				display: inline-block;

				float: left;

			}

			

			#login-form-container label {

				margin-bottom: 2px;

				width: 200px;

				height: 17px;

			}

			

			#login-form-container label.login span {

				background-image: url('/media/44/lbl-loginid.gif');

			}

			

			#login-form-container label.password span {

				background-image: url('/media/49/lbl-password.gif');

			}

		



#homepage-newmem {

	float: left;

	width: 265px;

	margin-right: 29px;

        height: 193px;	

}



		h3.newmem span {

			background-image: url('/media/54/hdr-newmem.gif');

		}

		

		a.activate {

                        position: absolute;

			width: 86px;

			height: 25px;

                        bottom: 0;

                        left: 0;

		}

		

		a.activate span {

			background-image: url('/media/59/btn-activate.gif');

		}		

		

#homepage-becomemem {

	float: left;

	width: 306px;

        height: 193px;

}



		h3.becomemem span {

			background-image: url('/media/64/hdr-becomemem.gif');

		}

		

		a.continue {

                        position: absolute;

			width: 86px;

			height: 25px;

                        bottom: 0;

                        left: 0;

		}

		

		a.continue span {

			background-image: url('/media/69/btn-continue.gif');

		}

		

#question-link {

	width: 291px;

	height: 25px;

	clear: both;

	margin-left: 15px;

}



	#question-link a {

		height: 25px;

		width: 219px;

	}



	#question-link a span {

		background-image: url('/media/74/btn-questions.gif');

	}

	

/* -------------------------------------------

Subpage Layout

------------------------------------------- */



.popup-window {

	width: 400px !important;

	margin-left:0px !important;

	padding: 0px 10px;

}



#subpage-content .popup-window {

	padding:0px !important;

}



/* Header Titles */



#subpage-content h2.img-rep {

	font-weight:normal !important;

	font-size:16px;

}



#subpage-content h2.welcome span {

	background-image: url('/media/340/hdr-welcome.gif');

}



#subpage-content h2.rewards span {

	background-image: url('/media/651/hdr-rewards.gif');

}



#subpage-content h2.skincare span {

	background-image: url('/media/345/hdr-rewards-skincare.gif');

}



#subpage-content h2.hissyfit span {

	background-image: url('/i/products/hdr-hissyfit.gif');

}



#subpage-content h2.vouchers span {

	background-image: url('/media/11674/hdr-vouchers.gif');

}



#subpage-content h2.accessories span {

	background-image: url('/media/750/hdr-accessories.gif');

}



#subpage-content h2.technology span {

	background-image: url('/media/755/hdr-technology.gif');

}



#subpage-content h2.jewellery span {

	background-image: url('/media/350/hdr-jewelleryandwatches.gif');

}



#subpage-content h2.your-account span {

	background-image: url('/media/2523/hdr-your-account.gif');

}



#subpage-content h2.program span {

	background-image: url('/media/2536/hdr-about-the-program.gif');

}



#subpage-content h2.launches span {

	background-image: url('/media/2542/hdr-latest-launches.gif');

}



#subpage-content h2.points span {

	background-image: url('/media/2549/hdr-earn-extra-points.gif');

}



#subpage-content h2.activate-membership span {

	background-image: url('/media/3752/hdr-activate-membership.gif');

}



#subpage-content h2.cleansers span {

	background-image: url('/media/8253/hdr-cleansers.gif');

}



#subpage-content h2.firming-plus span {

	background-image: url('/media/8259/hdr-firming-plus.gif');

}



#subpage-content h2.line-smoothing-plus span {

	background-image: url('/media/8265/hdr-line-smoothing-plus.gif');

}



#subpage-content h2.men span {

	background-image: url('/media/8271/hdr-men.gif');

}



#subpage-content h2.purifying-plus span {

	background-image: url('/media/8277/hdr-purifying-plus.gif');

}



#subpage-content h2.revitanail-nailcare span {

	background-image: url('/media/8283/hdr-revianail-nailcare.gif');

}



#subpage-content h2.skin-cell-renewal span {

	background-image: url('/media/8289/hdr-skin-cell-renewal.gif');

}



#subpage-content h2.special-gifts span {

	background-image: url('/media/8295/hdr-special-gifts.gif');

}



#subpage-content h2.suncare span {

	background-image: url('/media/8301/hdr-suncare.gif');

}

#subpage-content h2.medic span {

	background-image: url('/media/39540/medichdr.png');

}

#subpage-content h2.rewards-welcome span {

	background-image: url('/media/18951/hdr-rewards-welcome.gif');

}



#subpage-content h2.become-member span {

	background-image: url('/media/64/hdr-becomemem.gif');

}

#subpage-content h2.juice-beauty span {
	background-image: url('/media/40960/juicebeautymainhdr.png');
}

#subpage-content h2.core-collection span {
	background-image: url('/media/40948/jbcorecollnmainhdr.png');
}

#subpage-content h2.green-app span {
	background-image: url('/media/40954/jbgreenappmainhdr.png');
}



h2.popup-header {

	height:30px;

}



/* End Header Titles */



#subpage-content {

	width: 770px;

	margin-left: 210px;

	margin-top: 0px;

	padding-top: 10px;

}



#subpage-hdrimg {

	margin-bottom: 15px;

}



#subpage-content {

	font: normal 12px/14px Arial, Sans-Serif;

}



#subpage-content h3 {

	font: normal 16px/20px Arial, Sans-Serif;

	margin: 5px 0px 5px 0px !important;

	padding:0px !important;

}



#subpage-content ul, #subpage-content ol {

}



#subpage-content ul li, #subpage-content ol li {

	font: normal 12px/14px Arial, Sans-Serif;

	margin-bottom: 3px;

}



/* ------ Browse Our Rewards Module ------ */



#browse-rewards {

	width: 100%;

}



#browse-rewards h3.browse span {

	background-image: url('/media/6189/hdr-browserewards.gif');

}



#browse-rewards ul {

	width: 100%;

	list-style:none !important;

	margin:0px;

	padding:0px;

}



#browse-rewards ul li {

	float: left;

	display: block;

	width: 147px;

	height: 157px;

	background: url('/media/6195/bg-browserewards-item.gif') left top no-repeat;

	margin-right: 7px;

	margin-bottom: 7px;

	text-align: center;

	/*padding:10px 0px;*/ 

}





#browse-rewards ul li a {

	display: block;

	width: 100%;

	/*height: 108px;*/

	position:relative;

}



#browse-rewards ul li img {

	position:relative;

	text-align:center;

}





#browse-rewards ul li h4 {

	display: block;

	text-align: left;	

	width: 115px;

	height:33px;

	postion:absolute;

	bottom:15px;

	top:0px;

	color:#f7f5ee;

	font-size:1px;

        /*margin-left:20px;*/

margin: 0 auto;

}

/* *html #browse-rewards ul li h4 {

    margin-top: -10px;

} */



#browse-rewards ul li h4.skincare span {

	background-image: url('/media/6076/hdr-bor-skincare.gif');

}



#browse-rewards ul li h4.vouchers span {

	background-image: url('/media/11686/hdr-bor-vouchers.gif');

}



#browse-rewards ul li h4.jewellery-watches span {

	background-image: url('/media/6100/hdr-bor-watches.gif');

}



#browse-rewards ul li h4.accessories span {

	background-image: url('/media/6082/hdr-bor-accessories.gif');

}



#browse-rewards ul li h4.technology span {

	background-image: url('/media/6094/hdr-bor-technology.gif');

}



#browse-rewards ul li h4.hissyfit span {

	background-image: url('/media/31012/hdr-bor-hissyfit.gif');

}

#browse-rewards ul li h4.juice-beauty span {
	background-image: url('/media/41002/juicethumbhdr.png');
}

			

/* ------ End Browse Our Rewards Module ------ */



/* ------ Product List Colors ------ */



.gold .product-list td.product-block-top {

	background: #FFFFFF url('/media/13500/prod-list-gold-top.gif') no-repeat right bottom!important;

}



.gold .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/media/13506/prod-list-gold-top-left.gif') no-repeat left bottom;

}



.gold .product-list td.product-block-bottom {

	background: #FFFFFF url('/media/13488/prod-list-gold-bottom.gif') no-repeat right top !important;

}



.gold .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/media/13494/prod-list-gold-bottom-left.gif') no-repeat left top;

}



.gold .product-list td {

	background: #FFFFFF url('/media/13482/prod-list-gold-bg.gif') repeat-x bottom left;

	border-color:#b4975a;

}



.gold .product-list td.end-item {

	border-right: 1px solid #b4975a;

}



.gold .product-list td div h4 {

	color: #b4975a;

}



.gold .product-list td div span.points {

	color: #b4975a;

}



.blue .product-list td.product-block-top {

	background: #FFFFFF url('/media/13530/prod-list-blue-top.gif') no-repeat right bottom!important;

}



.blue .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/media/13536/prod-list-blue-top-left.gif') no-repeat left bottom;

}



.blue .product-list td.product-block-bottom {

	background: #FFFFFF url('/media/13518/prod-list-blue-bottom.gif') no-repeat right top !important;

}



.blue .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/media/13524/prod-list-blue-bottom-left.gif') no-repeat left top;

}



.blue .product-list td {

	background: #FFFFFF url('/media/13512/prod-list-blue-bg.gif') repeat-x bottom left;

	border-color:#006bb6;

}



.blue .product-list td.end-item {

	border-right: 1px solid #006bb6;

}



.blue .product-list td div h4 {

	color: #006bb6;

}



.blue .product-list td div span.points {

	color: #006bb6;

}



.grey .product-list td.product-block-top {

	background: #FFFFFF url('/media/13560/prod-list-grey-top.gif') no-repeat right bottom!important;

}



.grey .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/media/13566/prod-list-grey-top-left.gif') no-repeat left bottom;

}



.grey .product-list td.product-block-bottom {

	background: #FFFFFF url('/media/13548/prod-list-grey-bottom.gif') no-repeat right top !important;

}



.grey .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/media/13554/prod-list-grey-bottom-left.gif') no-repeat left top;

}



.grey .product-list td {

	background: #FFFFFF url('/media/13542/prod-list-grey-bg.gif') repeat-x bottom left;

	border-color:#97a1a4;

}



.grey .product-list td.end-item {

	border-right: 1px solid #97a1a4;

}



.grey .product-list td div h4 {

	color: #97a1a4;

}



.grey .product-list td div span.points {

	color: #97a1a4;

}



.orange .product-list td.product-block-top {

	background: #FFFFFF url('/media/13590/prod-list-orange-top.gif') no-repeat right bottom!important;

}



.orange .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/media/13596/prod-list-orange-top-left.gif') no-repeat left bottom;

}



.orange .product-list td.product-block-bottom {

	background: #FFFFFF url('/media/13578/prod-list-orange-bottom.gif') no-repeat right top !important;

}



.orange .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/media/13584/prod-list-orange-bottom-left.gif') no-repeat left top;

}



.orange .product-list td {

	background: #FFFFFF url('/media/13572/prod-list-orange-bg.gif') repeat-x bottom left;

	border-color:#fbb567;

}



.orange .product-list td.end-item {

	border-right: 1px solid #fbb567;

}



.orange .product-list td div h4 {

	color: #fbb567;

}



.orange .product-list td div span.points {

	color: #fbb567;

}



.purple .product-list td.product-block-top {

	background: #FFFFFF url('/media/13620/prod-list-purple-top.gif') no-repeat right bottom!important;

}



.purple .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/media/13626/prod-list-purple-top-left.gif') no-repeat left bottom;

}



.purple .product-list td.product-block-bottom {

	background: #FFFFFF url('/media/13608/prod-list-purple-bottom.gif') no-repeat right top !important;

}



.purple .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/media/13614/prod-list-purple-bottom-left.gif') no-repeat left top;

}



.purple .product-list td {

	background: #FFFFFF url('/media/13602/prod-list-purple-bg.gif') repeat-x bottom left;

	border-color:#7F4098;

}



.purple .product-list td.end-item {

	border-right: 1px solid #7F4098;

}



.purple .product-list td div h4 {

	color: #7F4098;

}



.purple .product-list td div span.points {

	color: #7F4098;

}



.cyan .product-list td.product-block-top {

	background: #FFFFFF url('/i/products/prod-list-cyan-top.gif') no-repeat right bottom!important;

}



.cyan .product-list .product-block-top .product-block-top-left {

	background: #FFFFFF url('/i/products/prod-list-cyan-top-left.gif') no-repeat left bottom;

}



.cyan .product-list td.product-block-bottom {

	background: #FFFFFF url('/i/products/prod-list-cyan-bottom.gif') no-repeat right top !important;

}



.cyan .product-list .product-block-bottom .product-block-bottom-left {

	background: #FFFFFF url('/i/products/prod-list-cyan-bottom-left.gif') no-repeat left top;

}



.cyan .product-list td {

	background: #FFFFFF url('/i/products/prod-list-cyan-bg.gif') repeat-x bottom left;

	border-color:#66cccc;

}



.cyan .product-list td.end-item {

	border-right: 1px solid #66cccc;

}



.cyan .product-list td div h4 {

	color: #66cccc;

}



.cyan .product-list td div span.points {

	color: #66cccc;

}

.lime .product-list td.product-block-top {
	background: #FFFFFF url('/i/products/prod-list-lime-top.gif') no-repeat right bottom!important;
}

.lime .product-list .product-block-top .product-block-top-left {
	background: #FFFFFF url('/i/products/prod-list-lime-top-left.gif') no-repeat left bottom;
}

.lime .product-list td.product-block-bottom {
	background: #FFFFFF url('/i/products/prod-list-lime-bottom.gif') no-repeat right top !important;
}

.lime .product-list .product-block-bottom .product-block-bottom-left {
	background: #FFFFFF url('/i/products/prod-list-lime-bottom-left.gif') no-repeat left top;
}

.lime .product-list td {
	background: #FFFFFF url('/i/products/prod-list-lime-bg.gif') repeat-x bottom left;
	border-color:#b0d237;
}

.lime .product-list td.end-item {
	border-right: 1px solid #b0d237;
}

.lime .product-list td div h4 {
	color: #b0d237;
}

.lime .product-list td div span.points {
	color: #b0d237;
}



/* ------ END Product List Colors ------ */



/* ------ Account Management Module ------ */



a.account-link-active, a:visited.account-link-active {

        color: #000 !important;

}



.field-label {

	margin-bottom:10px;

	margin-right:10px;

	font: normal 12px/12px Arial, Sans-Serif !important;

}



.field-value {

	padding-bottom:10px;

	font: nomral 12px/12px Arial, Sans-Serif !important;

}



.form-label {

	display:block;

	width:250px;

	float:left;

}



.form-item {

	display:block;

	width:600px;

	float:left;

}



.spacer {

	height:3x;

}



#tblEditAccount td {

	width:300px;

}



/* ------ End Account Management Module ------ */







/* -------------------------------------------

Forms Layout

------------------------------------------- */	



.page-form {

    width:600px;

}



.form-item {

    width:600px;

    margin-bottom:5px;

}



.form-item label {

    width:200px;

    float:left;

}



.form-item input {

    float:left !important;

}



input.short, select.short, textarea.short {

    width:90px !important;

    margin-right:15px !important;

}



select.really-short {

    width:60px !important;

    margin-right:15px !important;

}



input.medium, select.medium, textarea.medium{

    width:200px !important;

}



input.medium-long, select.medium-long, textarea.medium-long {

    width:250px !important;

}





.form-field {

    width:250px;

    border:1px solid #bababa;

    color: #010101;

    font: normal 12px/18px Arial, Sans-Serif;

    height:18px;

    background-color: #FFFFFF;

    margin-bottom:5px;

}



.textbox {

    padding-left:4px;

}



label {

    display:block;

    margin:5px 0px 0px 0px;

    font: normal 12px/16px Arial, Sans-Serif;

    color: #010101;

}



textarea {

    width:380px !important;

    height:50px !important;

}



textarea.contact-message {

    width:380px !important;

    height:150px !important;

}





.form-item .form-error-message {

    color:#9a2a2a; /*8e753c;*/

    margin-left:200px;

    margin-bottom:3px;

    background: url('/media/393/error-arrow-up.gif') no-repeat 0px 6px;

    padding-left:8px;

    width:500px;

}



.form-item .form-error-message-no-left-margin {

    color:#8e753c;

    margin-left:5px;

    margin-bottom:3px;

    background: url('/media/393/error-arrow-up.gif') no-repeat 0px 6px;

    padding-left:8px;

    width:600px;

}



.non-form-error-message {

    color:#8e753c;

    margin-left:5px;

    margin-bottom:3px;

    background: url('/media/393/error-arrow-up.gif') no-repeat 0px 6px;

    padding-left:8px;

    width:600px;

    display:block;

}



.form-item .image-button {

    margin-right:15px;

}



fieldset {

    border-left-width:0px;

    border-right-width:0px;

    border-top:1px solid #bababa;

    border-bottom:1px solid #bababa;

    margin:10px 0px 15px 0px;

    padding-bottom:5px;

    padding-left:0px;

    display:block;

    width:600px;

    float:left;

}



.alt-fieldset {

    background: url('/i/fieldset-bg.gif') repeat-x 0px 6px;

    margin-top:4px;

    width:650px;

    float:left;

    margin-bottom:4px;

}



.alt-legend {

    margin-left:8px; 

    padding-left:2px;

    display:block; 

    background-color: white; 

    float:left; 

    font-weight:bold;

    font-size:12px;

    width:90px;

}



.form-display-item .field-label {

	width:180px;

	float:left;

	display:block;

}



.form-display-item .field-value {

	width: 420px;

	float:left;

	display:block;

}



fieldset .form-display-item .field-label {

	width: 180px !important;

}



fieldset .form-display-item .field-value {

	width: 400px !important;

}



legend {

    font: bold 12px/16px Arial, Sans-Serif;

    color: #010101;

    padding-left:0px;

    padding-right:5px;

    margin-left:0px;

}



/* Forgotton Password Form */



#forgotton-password-form input.form-item {

    margin:2px 0px 0px 3px;

}



/* Activation Complete */

.activation-complete-spacer {

	height: 400px;

}



/* -------------------------------------------

Footer Layout

------------------------------------------- */	



#contact-form textarea.form-item {

    height:250px;

    width:450px;

}







/* -------------------------------------------

Footer Layout

------------------------------------------- */	



#footer {

	width: 980px;

	margin: 0 auto 20px auto;

	font-size: 0.9em;

}



	#footer-award {

		width: 340px;

		float: left;

		height: 64px;

		background: transparent url('/media/84/img-voted-number-one.gif') top left no-repeat;

	}

	

	#footer-links {

		width: 640px;

		float: right;

		text-align: right;

	}

	

		#footer-links p {

			margin-bottom: 5px;

		}

		

		#footer-links ul {	

			float: right;

		}

		

			#footer-links ul li {

				list-style: none;

				display: inline-block;

				float: left;

				margin-left: 12px;	

				color: #b2975a;

			}

		

				#footer-links ul li a {

				text-decoration: none;

				text-transform: uppercase;

				}

				

				#footer-links ul li a:hover {

				text-decoration: underline;

				}

	

		

/* -------------------------------------------

Image Replacement

------------------------------------------- */



.img-rep {

	z-index: 10;

	overflow: hidden;

	display: block;

}



.img-rep span {

	z-index: 20;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: transparent;

	background-position: top left;

	background-repeat: no-repeat;

}



/* -------------------------------------------

Clear Fix

------------------------------------------- */



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {

	display: inline-block;

}



*html .clearfix {

    zoom: 1;

    display: block;

}





/* EDITOR PROPERTIES */



/* EDITOR PROPERTIES */

