/* ELEMENTS ***************************************************************************************/

body, p, a, a:link, a:visited, a:hover, td, li {
	padding: 0px;
	margin: 0px;
	color: #000000;
	border: 0px;
	vertical-align: top;
	text-align: left;
	font-family: Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
	text-decoration: none;
	font-size: 11px;
	line-height: 150%;
}
body {
	background: #b2b2b2;
	font-size: 11px;
	font-weight: normal;
}
p { padding-bottom: 7px; }
a, a:link, a:visited, a:hover { color: #047391; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
img { line-spacing: 0px; border: 0px; }
table, tr, td {
	margin: 0px;
	padding: 0px;
}

div { border: solid 0px red; }

/* Admin link *************************************************************************************/

a.adminlink, a.adminlink:link, a.adminlink:visited, a.adminlink:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 7px;
	background: #000000;
	color: #ffffff;
	text-decoration: none;
}

a.adminlink:hover { text-decoration: underline; }

/* _head.php *************************************************************************************/

div.page {
	width: 769px;
	_width: 771px;
	border: solid 1px #667074;
	background: #ffffff url(lookfeel/pagebg.jpg) repeat-y;
}

/* banner ***************************************************************************************************/

div.banner {
	height: 155px;
	background: url(lookfeel/banner.jpg) no-repeat;
}

div.breadcrumb {
	font-size: 10px;
	color: #b2b2b2;
	padding: 138px 0px 0px 191px;
	text-align: left;
}

a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:hover {
	font-size: 9px;
	color: #b2b2b2;
	white-space: nowrap;
}

/* left ************************************************************************************************************/

div.topleft {
	width: 155px;
	height: 34px;
	background: url(lookfeel/topleft.jpg) no-repeat;
	float: left;
}

/* Top Menu ***************************************************************************************************/

div.Top {
	width: 588px;
	height: 34px;
	background: #047391 url(lookfeel/topbg.jpg) repeat-x;
	float: left;
	padding-left: 26px;
	_width: 614px;
}

a.Top0, a.Top0:link, a.Top0:visited, a.Top0:hover {
	color: #ffffff;
	display: block;
	float: left;
	padding: 10px 10px 0px 10px;
}

div.Top1 {
	position: absolute;
	visibility: hidden;
	top: -2000px;
	left: -2000px;
	z-index: 100;
	margin-top: 7px;
}

a.Top1, a.Top1:link, a.Top1:visited, a.Top1:hover {
	display: block;
	background: #047391;
	color: #ffffff;
	border-top: solid 1px #ffffff;
	white-space: nowrap;
	padding: 2px 5px 2px 5px;
}

/* Left side **************************************************************************************************/

div.leftside {
	width: 155px;
	min-height: 555px;
	text-align: left;
	float: left;
	background: url(lookfeel/leftsidebg.jpg) no-repeat top left;
}

/* Side Menu **************************************************************************************************/

div.Side {
	width: 155px;
	padding: 25px 0px 25px 0px;
}

a.Side0:link, a.Side0:visited, a.Side0:hover {
	color: #000000;
	display: block;
	padding: 6px 0px 6px 25px;
}
a.Side0:hover { background: #ffffff; text-decoration: none; }

div.Side1 {
	position: absolute;
	visibilty: hidden;
	top: -2000px;
	left: -2000px;
	z-index: 100;
}

a.Side1:link, a.Side1:visited, a.Side1:hover {
	display: block;
	background: #7abad6;
	color: #000000;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	white-space: nowrap;
	padding: 5px 5px 6px 5px;
}

/* Emed Shop Link *****************************************************************************************************/

div#emedshop {
	width: 155px;
	height: 110px;
	background: #047391 url(lookfeel/emedshop.jpg) no-repeat;
	margin-bottom: 2px;
	padding-top: 100px;
	_width: 155px;
	_height: 210px;
	_overflow: hidden;
}

div#emedshop div.text {
	width: 38px;
	font-size: 9px;
	text-align: right;
	padding: 1px 0px 0px 100px;
	_width: 138px;
}

div#emedshop div.buttons {
	width: 146px;
	height: 25px;
	margin: 4px 0px 0px 10px;
}

a.viewcart, a.viewcart:link, a.viewcart:visited, a.viewcart:hover {
	display: block;
	width: 131px;
	height: 25px;
	background: url(lookfeel/viewcart.jpg) no-repeat;
	float: left;
}
a.viewcart:hover { background: url(lookfeel/viewcart2.jpg) no-repeat; }

/* Discount Link **************************************************************************************************/

a#emeddiscount, a#emeddiscount:link, a#emeddiscount:visited, a#emeddiscount:hover {
	display: block;
	width: 155px;
	height: 91px;
	background: url(lookfeel/emeddiscount.jpg) top left no-repeat;
	margin-bottom: 2px;
}

/* Condition Images *******************************************************************************************/

div#condimages {
	width: 155px;
	margin-bottom: 3px;
}

div#condimages img {
	display: block;
	width: 155px;
}

/*************************************************************************************************/
/* GENERAL ***************************************************************************************/
/*************************************************************************************************/

/* Main area *************************************************************************************/

div.title, a.title, a.title:link, a.title:visited, a.title:hover {
	display: block;
	font-size: 18px; 
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	color: #047391;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

a.title:hover { text-decoration: underline; }

div.text {
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	line-height: 150%;
	color: #312112;
	text-decoration: none;
	text-align: left;
	padding-bottom: 0px;
}

div.summary {
	font: normal 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	text-decoration: none;
	color: #047391;
	text-align: left;
	padding: 4px 0px 4px 0px;
	margin-bottom: 10px;
	border-top: solid 1px #047391;
	border-bottom: solid 1px #047391;
}

a.subtitle, a.subtitle:link, a.subtitle:visited, a.subtitle:hover {
	display: block;
	font: bold 12px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #047391;
	text-align: left;
	padding-bottom: 4px;
}

a.subtitle:hover { text-decoration: underline; }

div.subtext {
	font: normal 9px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #555555;
	line-height: 110%;
	text-decoration: none;
	text-align: left;
	padding: 5px 4px 4px 0px;
}

a.sublink, a.sublink:link, a.sublink:visited, a.sublink:hover {
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	line-height: 150%;
	text-decoration: none;
	color: #0060b6;
	padding: 4px 0px 18px 0px;
}
a.sublink:hover { text-decoration: underline; }

div.parenttitle {
	font: bold 12px; 
	text-decoration: none;
	color: #00a0c6;
	text-align: left;
	padding-bottom: 8px;
	text-transform: uppercase;
}

a.more, a.more:link, a.more:visited, a.more:hover {
	display: block;
	clear: left;
	margin: 5px 0px 5px 0px;
}

a.rightmore, a.rightmore:link, a.rightmore:visited, a.rightmore:hover {
	display: block;
	clear: left;
	margin: 5px 0px 5px 0px;
	float: right;
}

/* IMAGES *******************************************************************************************************************/

div.mainpic, a.mainpic, a.mainpic:link, a.mainpic:visited, a.mainpic:hover {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

div.subpic, a.subpic, a.subpic:link, a.subpic:visited, a.subpic:hover {
	margin-left: 5px;
	margin-bottom: 5px;
	float: right;
}

div.tailfeaturepic, a.tailfeaturepic:link, a.tailfeaturepic:visited, a.tailfeaturepic:hover {
	display: block;
	margin-bottom: 5px;
	background: #ffffff;
	text-align: center;
}

/************************************************************************************************************/
/* General sections *****************************************************************************************/
/************************************************************************************************************/




/*******************************************************************************************************/
/* CENTRE INDEX SECTION (index.php) ********************************************************************/
/*******************************************************************************************************/

div.central {
	text-align: left;
	width: 443px;
	float: left;
	_overflow: hidden;
}

div.centralmargins {
	padding: 0px 0px 0px 36px;
}

div.printemail {
	width: 407px;
	height: 15px;
	color: #00a0c6;
	text-align: right;
	padding-top: 7px;
	_height: 22px;
}

div.printemail a:link, div.printemail a:visited, div.printemail a:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #00a0c6;
	text-decoration: none;
	text-align: left;
}

div.printemail a:hover { text-decoration: underline; }

div#emailfriend {
	position: absolute;
	display: block;
	z-index: 1000;
	left: -2000px;
	width: 200px;
	background: #eeeeee;
	border: 1px solid #808080;
	border-color: #cccccc #808080 #808080 #cccccc;
	padding: 14px;
	color: #000000;
}

div#emailfriend * {
	margin: 2px;
}

div#emailfriend input {
	width: 196px;
}

div#emailfriend a, div#emailfriend a:link, div#emailfriend a:visited, div#emailfriend a:hover {
	display: block;
	float: left;
	padding: 4px 7px 4px 7px;
	border: 1px solid #cccccc;
}

div#emailfriend a:hover {
	background: #dddddd;
	text-decoration: none;
}

div.line {
	width: 407px;
	height: 1px;
	background: #d6d9c7;
	margin-top: 10px;
	margin-bottom: 2px;
	clear: both;
	_overflow: hidden;
}

div.dropshadow {
	display: block;
	float: left;
	width: 456px;
	height: 7px;
	background: url(lookfeel/dropshadowbg.jpg) repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/* Index Feature ***********************************************************************************************/

div.centralfeaturemargins {
	padding: 0px 0px 0px 36px;
}

div.indexfeatureboxleft {
	display: block;
	width: 198px;
	height: 160px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
}

div.indexfeatureboxright {
	display: block;
	width: 198px;
	height: 160px;
	float: left;
	margin-bottom: 10px;
	margin-left: 11px;
	overflow: hidden;
}

div.indexfeatureline {
	width: 198px;
	height: 1px;
	background: #d6d9c7;
	margin-top: 0px;
	margin-bottom: 12px;
	_overflow: hidden;
}

div.indexfeaturesubtitle, a.indexfeaturesubtitle, a.indexfeaturesubtitle:link, a.indexfeaturesubtitle:visited, a.indexfeaturesubtitle:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #00a0c6;
	text-align: left;
}

a.indexfeaturesubtitle:hover { text-decoration: underline; }

div.indexfeaturetext {
	width: 198px;
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #525051;
	text-align: left;
}

div.indexfeaturetext a:link, div.indexfeaturetext a:visited, div.indexfeaturetext a:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #8f0000;
	text-decoration: none;
}

div.indexfeaturetext a:hover { text-decoration: underline; }

/************************************************************************************************/
/* RIGHT INDEX SECTION (_tail.php) **************************************************************/
/************************************************************************************************/

div.rightside {
	width: 158px;
	text-align: left;
	vertical-align: top;
	float: right;
}

/* Login Form ******************************************************************************************/

div.memberbox {
	width: 158px;
	height:102px;
	background: url(lookfeel/memberbg.jpg) bottom repeat-x;
	float: left;
	_overflow: hidden;
}

div.membertitle {
	font: normal 9px/9px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #0060b6;
	text-transform: uppercase;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-left: 14px;
}

table.login {
	margin-left: 14px;
	margin-bottom: 2px;
	_padding-left: 7px;
}

input.logininput {
	font: normal 9px Lucida Grande, sans-serif;
	color: #000000;
	vertical-align: top;
	padding: 3px;
	margin-bottom: 2px;
	text-align: left;
	width: 92px;
	border: 0px;
}

input.loginbutton {
	height: 18px;
	border: 0px; 
	text-align: left;
	margin-left: 4px;
}

div.memberbox div.buttons {
	margin-left: 10px;
}

div.unsubscribe, div.unsubscribe a:link, div.unsubscribe a:visited, div.unsubscribe a:hover {
	width: 73px;
	height: 26px;
	background: url(lookfeel/unsubbutton.jpg) no-repeat;
	float: left;
}

div.unsubscribe a:hover { background: url(lookfeel/unsubbutton2.jpg) no-repeat; }

div.subscribe, div.subscribe a:link, div.subscribe a:visited, div.subscribe a:hover {
	width: 64px;
	height: 26px;
	background: url(lookfeel/subbutton.jpg) no-repeat;
	float: left;
}

div.subscribe a:hover { background: url(lookfeel/subbutton2.jpg) no-repeat; }

/* Checkout login Form **************************************************************************/

table.cartlogin {
	margin: 14px;
	_padding-left: 7px;
}

input.cartlogininput {
	font: normal 10px Lucida Grande, sans-serif;
	color: #000000;
	vertical-align: top;
	padding: 3px;
	margin-bottom: 2px;
	text-align: left;
	width: 92px;
	border: 1px solid #cccccc;
}

input.cartloginbutton {
	background: #cccccc;
	margin-left: 12px;
	border: 1px solid #aaaaaa;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
	font: normal 10px Lucida Grande, sans-serif;
	color: #047391;
}

td.cartloginlabel {
	padding-right: 7px;
	text-align: right;
}

/* Search Form *****************************************************************************************/

div.searchbox {
	width: 158px;
	height: 76px;
	background: url(lookfeel/searchbg.jpg) repeat-x;
	float: left;
}

div.search {
	width: 131px;
	padding-top: 6px;
	margin-left: 14px;
}

td.searchlabel {
	font: normal 9px/9px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #0060b6;
	text-transform: uppercase;
	padding-bottom: 5px;
}

td.searchdata {
	font: normal 11px/16px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #0060b6; 
	border: none;
	text-align: left;
}

input.searchinput {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	background: #FFFFFF;
	color: #312112; 
	border: none;
	margin: 0px; 
	padding: 3px;
	text-align: left;
}

input.searchbutton {
	height: 18px;
	border: 0px;
	text-align: left;
	margin-left: 4px;
}

select.conditionselect {
	width: 138px;
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #000000;
	margin-top: 3px;
	margin-left: 14px;
}

/* Tail Feature Category List **********************************************************************/

div.listbox {
	width: 144px;
	height: 68px;
	background: url(lookfeel/listboxbg.jpg) repeat-x;
	padding: 12px 0px 0px 14px;
	float:left;
	_width: 158px;
	_height: 80px;
}

div.listbox a:link, div.listbox a:visited, div.listbox a:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #0060B6;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-bottom: 7px;
}

div.listbox a:hover { text-decoration: underline; }

/* Tail Feature ****************************************************************************/

div.feature {
	width: 158px;
	text-align: left;
	vertical-align: top;
	float: left;
	_overflow: hidden;
}

div.featureswash {
	width: 158px;
	height: 28px;
	background: url(lookfeel/featureswash.jpg) no-repeat;
}

div.tailfeaturebox {
	width: 136px;
	padding: 0px 11px 0px 11px;
	float: left;
	text-align: center;
	_width: 158px;
}

div.tailfeaturetitle, a.tailfeaturetitle, a.tailfeaturetitle:link, a.tailfeaturetitle:visited, a.tailfeaturetitle:hover {
	display: block;
	margin-top: 5px;
	font: bold 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #047391;
	text-align: left;
	text-decoration: none;
}

a.tailfeaturetitle:hover { text-decoration: underline; }

div.tailfeaturetext {
	width: 136px;
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #2d2d2d;
	text-align: left;
}

div.tailfeaturetext a:link, div.tailfeaturetext a:visited, div.tailfeaturetext a:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #00a0c6;
	text-decoration: none;
}

div.tailfeaturetext a:hover { text-decoration: underline; }

div.tailfeatureline {
	width: 136px;
	height: 1px;
	background: #d6d9c7;
	margin-top: 6px;
	margin-bottom: 6px;
	clear: both;
	_overflow: hidden;
}

/******************************************************************************************************/
/* RIGHT ARTICLE SECTION (_arttail.php) ***************************************************************/
/******************************************************************************************************/

div.arttailpic {
	width: 158px;
	_overflow: hidden;
}

div.recommendedswash {
	width: 158px;
	height: 42px;
	background: url(lookfeel/recommended.jpg) no-repeat;
}

div.tailrecommendbox {
	width: 158px;
	float: left;
	background: #ebff99;
}

a.tailrecommendpic:link, a.tailrecommendpic:visited, a.tailrecommendpic:hover {
	display: block;
	margin-left: 11px;
	width: 136px;
	background: #ffffff;
	text-align: center;
}

a.tailrecommendtitle:link, a.tailrecommendtitle:visited, a.tailrecommendtitle:hover {
	float: left;
	font: bold 9px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #047391;
	text-decoration: none;
	display: block;
	width: 102px;
	margin: 3px 0px 3px 11px;
	_margin-left: 6px;
	background: none;
	_width: 101px;
}

a.tailrecommendtitle:hover { text-decoration: underline; }

a.tailrecommendbut:link, a.tailrecommendbut:visited, a.tailrecommendbut:hover {
	display: block;
	float: left;
	width: 36px;
	height: 18px;
	float: left;
	background: url(lookfeel/viewbutton.jpg) no-repeat;
}

a.tailrecommendbut:hover {
	background: url(lookfeel/viewbutton2.jpg) no-repeat;
}

div.tailrecommendbox img.viewbutton {
	width: 36px;
	height: 18px;
}

div.tailrecommendline {
	width: 158px;
	height: 1px;
	background: #cddb90;
	clear: both;
	_overflow: hidden;
}

div.recommendedbase {
	width: 158px;
	height: 5px;
	background: url(lookfeel/recommendbase.jpg) repeat-x;
	float: left;
	_overflow: hidden;
}

div.relatedswash {
	width: 158px;
	height: 29px;
	background: url(lookfeel/relatedcond.jpg) no-repeat;
	float: left;
}

div.tailconditionbox {
	width: 158px;
	background: #bbd8e8;
	float: left;
}

div.tailconditionbox img {
	width: 136px;
	margin-left: 11px;
}

div.tailconditionbox a:link, div.tailconditionbox a:visited, div.tailconditionbox a:hover {
	font: bold 9px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #047391;
	text-decoration: none;
	display: block;
	width: 136px;
	padding: 3px 11px 3px 11px;
}

div.tailconditionbox a:hover { text-decoration: underline; }

div.tailconditionline {
	width: 158px;
	height: 1px;
	background: #a9becb;
	clear: both;
	_overflow: hidden;
}


/************************************************************************************************/
/* CENTRE CATEGORY SECTION (category.php) *******************************************************/
/************************************************************************************************/

div.catcentral {
	text-align: left;
	width: 456px;
	float: left;
	_overflow: hidden;
}

div.catcentralmargins {
	padding: 0px 3px 0px 5px;
}

div.light, div.dark {
	width: 224px;
	height: 76px;
	float: left;
	margin-bottom: 5px;
	background: #ffffff;
}

div.dark {
	background: #f1f1f1;
}

div.catrow {
	width: 76px;
	float: left;
}

div.catrow img { width: 76px; 	vertical-align: text-top; }

div.cattitle, div.cattitle a, div.cattitle a:link, div.cattitle a:visited, div.cattitle a:hover {
	width: 138px;
	font: bold 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #00A0C6;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	_margin-left: 2px;
	_width: 136px;
}

div.cattitle a:hover { text-decoration: underline; }

div.cattext {
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #666666;
	padding-bottom: 20px;
}

/******************************************************************************************************************************************/
/* RIGHT CATEGORY SECTION (_cattail.php) **************************************************************************************************/
/******************************************************************************************************************************************/

div.catpic, div.catpic img {
	width: 158px;
	_overflow: hidden;
}

/******************************************************************************************************************************************/
/* product.php cont'd *-*******************************************************************************************************************/
/******************************************************************************************************************************************/

/* Product Menu ***************************************************************************************************************************/

div.productmenu {
	width: 155px;
	text-align: left;
	padding: 25px 0px 25px 0px;
}

a.productmenu, a.productmenu:link, a.productmenu:visited, a.productmenu:hover,
a.productmenuwhite, a.productmenuwhite:link, a.productmenuwhite:visited, a.productmenuwhite:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	color: #3F3F3F;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 6px 0px 6px 25px;
}

a.productmenuwhite, a.productmenuwhite:link, a.productmenuwhite:visited, a.productmenuwhite:hover, 
a.productmenu:hover {
	background: #ffffff;
}

/* Product right section ******************************************************************************************************************/

div.productpic {
	width: 158px;
	padding-top: 7px;
	padding-bottom: 4px;
	background: #ffffff;
	text-align: center;
}

div.prices {
	width: 158px;
	background: #ebff99 url(lookfeel/pricebg.jpg) no-repeat;
	_overflow: hidden;
}

div.pricelabels {
	height: 18px;
	_height: 20px;
 	padding-top: 6px;
	font-size: 9px;
	font-weight: bold; 
	color: #047391;
}

div.pricelabels div.rrp {
	width: 37px;
	margin-left: 12px;
	float: left;
	_margin-left: 6px;
	font-size: 11px;
	font-weight: bold;
}

div.pricelabels div.emedrrp {
	width: 37px;
	float: left;
}

div.priceitems {
	width: 158px;
	font: bold 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #047391;
	padding-top: 2px;
	clear: both;
	text-align: left;
}

div.priceitems div.rrp {
	width: 150px;
	margin-left: 12px;
	padding-top: 3px;
	text-decoration: line-through;
	float: left;
	_margin-left: 6px;
	_padding-top: 5px;
	color: #808080;
}

div.priceitems div.emedrrp, div.priceitems div.emedspec {
	width: 45px;
	float: left;
	padding-right: 7px;
	padding-top: 3px;
	_padding-top: 5px;
	text-align: right;
}

div.priceitems div.emedspec {
	color: #dd0000;
}

div.priceitems div.prodsize {
	width: 74px;
	float: left;
	padding-top: 3px;
	_padding-top: 5px;
	text-align: right;
}

div.productinput {
	margin-top: 2px;
	margin-right: 10px;
	_margin-right: 4px;
}

input.productinput {
	border: none;
	margin-top: 0px;
}

div.priceline {
	width: 158px;
	height: 1px;
	background: #cddb90;
	margin-top: 4px;
	float: left;
	clear: both;
	_overflow: hidden;
}

div.qtyinput {
	font: bold 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #047391;
	border: none;
	margin-top: 2px;
	text-align: right;
	margin-right: 11px;
}

input.qtyinput {
	font: normal 11px Arial, Lucida Grande, Helvetica, Lucida, sans-serif; 
	color: #000000;
	border: none;
	padding: 2px;
	text-align: right;
	margin-top: 2px;
	_margin-left: 2px;
	_width: 20px;
}

div.addcartbutton {
	width: 151px;
	height: 32px;
	padding-right: 7px;
	margin-top: 0px;
	text-align: right;
	_width: 158px;
}

div.pricebase {
	width: 158px;
	height: 6px;
	background: url(lookfeel/pricebase.jpg) repeat-x;
	float: left;
	_overflow: hidden;
}

/*************************************************************************************************************/
/* SEARCH RESULTS (search.php) *******************************************************************************/
/*************************************************************************************************************/

div.displaypages {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	line-height: 150%;
	color: #312112;
}

div.pagenumbers {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	line-height: 150%;
	color: #312112;
	float: left;
	margin-right: 3px;
	padding-bottom: 20px;
}

a.paginate, a.paginate:link, a.paginate:visited, a.paginate:hover,
a.paginatecurrent, a.paginatecurrent:link, a.paginatecurrent:visited, a.paginatecurrent:hover {
	font: normal 10px Arial, Lucida Grande, Helvetica, Lucida, sans-serif;
	line-height: 150%;
	color: #312112;
	text-decoration: none;
	text-align: left;
}
a.paginatecurrent, a.paginatecurrent:link, a.paginatecurrent:visited, a.paginatecurrent:hover { color: #047391; }
a.paginate:hover, a.paginatecurrent:hover { text-decoration: underline; }

a.searchpic, a.searchpic:link, a.searchpic:visited, a.searchpic:hover  {
	vertical-align: text-top;
	cursor: pointer;
}



/**************************************************************************************************************/
/* PRODUCT LIST (productlist.php) *****************************************************************************/
/**************************************************************************************************************/

div.plpage {
	margin: auto;
	width: 769px;
	_width: 771px;
	border: solid 1px #667074;
	background: #ffffff url(lookfeel/plpagebg.jpg) repeat-y;
}

div.plcentral {
	text-align: left;
	width: 420px;
	float: left;
	_overflow: hidden;
}

div.plcentralmargins {
	margin: 10px 13px 10px 0px;
}

div.productlist {
	text-align: left;
	background: #ffffff url(lookfeel/productlistbg.jpg) repeat-y right;
	width: 614px;
	float: left;
	_overflow: hidden;
}

div.productlistmargins {
	padding: 0px 0px 0px 36px;
}

div.pricelistlabels {
	float: right;
	width: 158px;
	height: 12px;
	_height: 18px;
	background: #ebff99 url(lookfeel/pricebg.jpg) no-repeat;
 	padding-top: 6px;
	margin-left: 420px;
	font-size: 9px;
	font-weight: bold; 
	color: #047391;
	_overflow: hidden;
}

div.plrightside {
	width: 158px;
	text-align: left;
	vertical-align: top;
	float: left;
}

div.pricelistlabels div.rrp {
	width: 39px;
	margin-left: 12px;
	float: left;
	_margin-left: 6px;
	font-size: 9px;
	font-weight: bold; 
}

div.pricelistlabels div.emedrrp {
	width: 37px;
	float: left;
}

div.pricelistlabels div.emedspec {
	width: 37px;
	float: left;
	color: #dd0000;
}

div.productlistline {
	width: 407px;
	height: 1px;
	background: #000000;
	clear: both;
	_overflow: hidden;
}

div.productlistwholeline {
	float: left;
	width: 578px;
	height: 3px;
	background: #ffffff;
	clear: both;
	_overflow: hidden;
}

a.productlistpic, a.productlistpic:link, a.productlistpic:visited, a.productlistpic:hover  {
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

div.productlistprices {
	width: 158px;
	_overflow: hidden;
}

div.pladdcartbutton {
	float: left;
	width: 75px;
	height: 26px;
	padding-right: 7px;
	margin-top: 0px;
	text-align: right;
	_width: 158px;
}

/* REFERRAL (referral.php) ************************************************************************/

div#refproducts, div#refarticles {
	margin: 7px 0px 7px 0px;
	border: 1px solid #cccccc;
	padding: 10px;
	background: #eeeeee;
}

div.refprow {
	padding-top: 5px;
}

select.repfdrop {
	width: 165px;
	border: solid 1px #cccccc;
	padding: 1px 0px 1px 0px;
	font-size: 10px;
	color: #000000;
}

div.repfread, div.repfread a:link, div.repfread a:visited, div.repfread a:hover  {
	display: block;
	font-size: 11px;
}

textarea.notetext {
	width: 387px;
	height: 80px;
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
	font-size: 11px;
}

a.refsave, a.refsave:link, a.refsave:visited, a.refsave:hover {
	background: #dddddd;
	border: solid 1px #cccccc;
	margin-right: 10px;
	padding: 4px;
	color: #047391;
	text-decoration: none;
	text-align: left;
}

a.refsave:hover {
	background: #cccccc;
	color: #000000;
}

/* CART (cart.php) *********************************************************************************/

div#checkout {
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif; 
	color: #666666; 
}

div#checkout a, div#checkout a:link, div#checkout a:visited, div#checkout a:hover {
	padding: 3px 4px 3px 4px;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif; 
	color: #6B6E4C; 
}

div#checkout div.note {
	width: 400px;
	margin: 0px;
	padding: 8px 0px 6px 0px;
}

div#checkout div.lineitem {
	width: 400px;
	margin: 0px;
	padding: 8px 0px 6px 0px;
	background: #ffffff;
}

div#checkout div.product {
	float: left;
	width: 159px;
	margin-right: 3px;
	padding: 4px;
}

div#checkout div.quantity {
	float: left;
	width: 99px;
	margin-right: 3px;
	padding: 4px;
}

div#checkout a.apply, div#checkout a.apply:link, div#checkout a.apply:visited, div#checkout a.apply:hover {
	margin-left: 7px;
	padding: 3px 4px 3px 4px;
	border: 1px solid #aaaaaa;
	color: #6B6E4C;
	text-decoration: none;
}
div#checkout a.apply:hover { background: #eeeeee; }

div#checkout input {
	width: 25px;
	margin-top: -3px;
	_margin-top: -1px;
	padding: 3px;
	border: 1px solid #aaaaaa;
	text-align: center;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif; 
	color: #6B6E4C; 
}

div#checkout div.price {
	float: left;
	width: 59px;
	_width: 67px;
	margin-right: 3px;
	padding: 4px;
	text-align: right;
}

div#checkout a.remove, div#checkout a.remove:link, div#checkout a.remove:visited, div#checkout a.remove:hover {
	display: block;
	float: right;
	padding-top: 7px;
	color: #aa3333; 
}

div#checkout div.totallabel {
	float: left;
	width: 311px;
	_width: 319px;
	margin-right: 3px;
	padding: 4px;
}

div#checkout div.heading {
	background: #eaeaea;
	font-weight: bold;
	text-align: left;
}

div#checkout div.cart {
	padding-top: 20px;
}

div#checkout a.cart, div#checkout a.cart:link, div#checkout a.cart:visited, div#checkout a.cart:hover {
	display: block;
	padding: 3px 4px 3px 0px;
	color: #6B6E4C;
}

div#checkout .border { border-bottom: 1px solid #e6e6e6; }
div#checkout .bold { font-weight: bold; }

div#checkout div.label {
	float: left;
	width: 100px;
	margin-right: 3px;
	padding: 0px;
	text-align: right;
}

div#checkout div.data {
	float: left;
	width: 230px;
	margin-right: 3px;
	padding: 0px;
}

div#checkout input.data {
	padding: 2px;
	text-align: left;
}

div#checkout select {
	border: 1px solid #bbbbbb;
	padding: 1px;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif; 
	color: #6B6E4C;
}

/* revised bits */

div#checkout div.prod {
	float: left;
	width: 112px;
	_width: 120px;
	margin-right: 3px;
	padding: 4px;
}

div#checkout div.qty {
	float: left;
	width: 75px;
	_width: 85px;
	margin-right: 3px;
	padding: 4px;
}

div#checkout div.gross, div#checkout div.discount, div#checkout div.total {
	float: left;
	width: 50px;
	_width: 58px;
	margin-right: 3px;
	padding: 4px;
	text-align: right;
}

div#checkout div.subtotallabel {
	float: left;
	width: 198px;
	_width: 206px;
	margin-right: 3px;
	padding: 4px;
}



/* REFERRAL EMAIL (refermail.php) ********************************************************************/

div.refpage {
	background: #ffffff;
}

div.refcentral {
	text-align: left;
	width: 456px;
	float: left;
	_overflow: hidden;
}

div.refcentralmargins {
	padding: 20px 25px 20px 25px;
}

div.reficon {
	height: 100px;
}

div.reficon img {
	height: 100px;
}

div.refnote {
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
	line-height: 140%;
}

div.refer {
	border: solid 1px #cccccc;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
	line-height: 140%;
}

div.refertitle {
	margin-top: 10px;
	margin-bottom: 2px;
}

input.referemail {
	width: 200px;
	height: 18px;
	border: solid 1px #cccccc;
	margin-right: 10px;
	padding: 2px 2px 2px 10px;
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
}


/* WYSIWYG.CSS styles *******************************************************************************/

.picture {
	display: block;
	float: left;
	padding: 7px;
}

.caption {
	padding-top: 4px;
	display: block;
	text-align: center;
}

.floatleft {
	display: block;
	float: left;
	padding: 7px;
}

.floatright {
	display: block;
	float: right;
	padding: 7px;
}

.righttoleft {
	unicode-bidi: bidi-override; 
	direction: rtl;
	
}

.lefttoright {
	unicode-bidi: bidi-override; 
	direction: ltr;
}

/* SUBSCRIPTION PAGE *******************************************************************************/

td.responseheading, td.responserequired, span.responserequired, td.responselabel, td.responsedata, input.responseinput, textarea.responseinput, select.responseinput  {
	font-size: 11px;
	vertical-align: top;
	padding: 2px;
	text-align: left;
}

td.responsedata input.responseinput, td.responsedata textarea.responseinput, td.responsedata select {
	border: solid 1px #cccccc;
}

td.responsedata select {
	font: normal 11px Arial,Helvetica,Lucida,Trebuchet MS,Arial Narrow,sans-serif;
	padding: 2px 2px 2px 0px;
}

td.responseheading {
	font-size: 11px;
	font-weight: bold;
	color: #047391;
	padding: 5px 2px 4px 0px;
	text-transform: uppercase;
}

td.responserequired, span.responserequired {
	font-size: 11px;
	color:#dd0000; 
	padding: 2px 2px 2px 12px;
}
span.responserequired { padding: 0px 0px 0px 2px; }

td.responselabel { text-align: right; }

a.responsedeleted, a.responsedeleted:link, a.responsedeleted:visited, a.responsedeleted:hover { background: #ffaaaa; }

td.responsedata input.responsebutton, td.responsedata input.responsebutton:link, td.responsedata input.responsebutton:visited, td.responsedata input.responsebutton:hover {
	background: #dddddd;
	border: solid 1px #cccccc;
	margin-right: 10px;
	padding: 4px;
	color: #047391;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}

td.responsedata input.responsebutton:hover {
	background: #cccccc;
	color: #000000;
}

td.responsedata a, td.responsedata a:link, td.responsedata a:visited, td.responsedata a:hover {
	cursor: pointer;
	vertical-align: bottom;
}

td.responsedata img {
	border: none;
	vertical-align: bottom;
}

/* Calendar pop up *************************************************/

div#calendarpopup {
	background: #eeeeee;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	z-index: 1000;
}

div#calendarpopup a, div#calendarpopup a:link, div#calendarpopup a:visited, div#calendarpopup a:hover {
	display: block;
	color: #222222;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	text-align: center;
	border: none;
}

div#calendarpopup a.month, div#calendarpopup a.month:link, div#calendarpopup a.month:visited, div#calendarpopup a.month:hover,
div#calendarpopup a.year, div#calendarpopup a.year:link, div#calendarpopup a.year:visited, div#calendarpopup a.year:hover,
div#calendarpopup a.today, div#calendarpopup a.today:link, div#calendarpopup a.today:visited, div#calendarpopup a.today:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
}

div#calendarpopup a:hover {
	background: #aaaaaa;
}

div#calendarpopup img {
	vertical-align: bottom;	
}
	
td.year, td.month, td.dayname, td.day, td.today {
	text-align: center;
	margin-bottom: -1px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

td.year, td.month, td.today {
	background: #047391;
	color: white;
	font-weight: bold;
	line-height: 20px;
}