/* CSS Document for In Peak Condition - Created by Alicia Butler for Tingleweb */

/*******************************			g e n e r a l     s t y l e s 			******************************************/

body {	color: #72615A; background: #fff; font-size: 100.01%; text-align: center; font-family: "Trebuchet MS" }




a:link, a:visited { color: #927c68; text-decoration: none;}
a:focus, a:hover{ color: #927c68; text-decoration: underline;}

h1{ font-size: 128%; color:#A97551; margin: 0px; padding: 0px; clear:both }
h2{ font-size: 110%; color:#A97551; margin: 0px; padding: 0px; font-weight:normal }
h3{ font-size: 116%; color:#A97551; margin: 0px; padding: 0px; }
h4{ font-size: 114%; font-weight: normal; color:#A97551; margin: 0px; padding: 0px; }
h5{ font-size: 112%; color:#A97551; margin: 0px; padding: 0px; }

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: circle; }

img, fieldset, span, div {border: none; padding:0; margin:0}

.left {float: left;}
.right {float: right;}

.skiplink {display:none}

.clear { clear:both}

.bold { font-weight:bold}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#sizer { margin: 0 auto; padding: 0; width: 850px; height:100%   }
#diarySizer { margin: 0 auto; padding: 0; width: 576px; height:100%   }
#supercontent { padding: 0; text-align: left; width: 793px; background-color:#fff; font-size:75%; float:left; height:auto  }
#diarySupercontent { padding: 0; text-align: left; width: 576px; background-color:#fff; font-size:75%; float:left; height:auto  }
html>body #supercontent { margin: 8px;}
#maincontent { background-color:#fff; margin: 9px auto; width: 779px; float:left; height:auto }
#diaryMaincontent { background-color:#fff; margin: 9px auto; width: 576px; float:left; height:auto }
#navBar{ float: left; width: 20%; margin: 7px 0 0 0; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: black;  }






/*******************************			t o p     b l o c k 			******************************************/

#topcontainer{ background-color:#EFD9AA; height:91px; padding:0; margin:0;   }
#topnavigation { float:right; width:175px; }
#toplogo { float:left; margin:0; padding:0}
#topphone { margin: 20px 13px 0 125px; float:left}

ul#topIcons { height:22px; list-style:none; margin: 5px 2px 0 0; padding: 0; text-align:right; float:right; width 225px  }
ul#topIcons li {display:inline; }
ul#topIcons li a { text-decoration:none}
ul#topIcons li a:hover, ul#topIcons li a.active { text-decoration:underline}

#topbasket { float:left; background-color: #F4E4C2; min-height:57px; margin:0; padding: 0 0 0 4px; font-size:90%}
#topbasketleft { float:left; width:85px; padding:6px 0 0 0; margin:0}
#topbasketright { float:right; width:69px; }
img#basketheader { padding:6px 0; width:40px; float:right}

#mainnavigation ul { height:27px; list-style:none; margin:0; padding: 0 0 0 8px; background-color:#AD835D; color:#EFD9AA; border-top:1px solid #fff; border-bottom:1px solid #fff; clear:both; }
#mainnavigation ul li {display:inline; padding:0 2px; margin:0; float:left }
#mainnavigation ul li a { color:#EFD9AA; text-decoration:none;  }
#mainnavigation ul li a:hover, #mainnavigation ul li a.active { color:#EFD9AA;text-decoration:underline}


/*******************************			r i g h t   n a v			******************************************/

#rightbar{ float: right; width: 198px; margin: 0; padding: 7px 0; background-color:#fff; height:100%  }
#rightbar form { padding:0; margin:7px 0 0 0}
#rightbar form select { font-family:"Trebuchet MS"; font-size:90%; margin: 0 7px 0 0; width:144px}

.rightsections { margin: 0 0 0 9px; padding:0; background-color:#FFFFFF}
.rightsections ul { list-style:none; color:#927c68; padding:0; margin:0}

#rightsectionshighlighted { color:#998F88; background-color:#FBF7EC; }
#rightsectionshighlighted p {padding:10px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:90%}
.findoutmore { font-family:"Trebuchet MS"; color:#AC835D; text-align:right; font-weight:bold; padding: 0 0 5px 0}

.dottedline { background:#FFFFFF url(../images/px_dotdivide.gif) center left repeat-x; width:198px; padding:1px 0; margin:0;}

html>body .dottedline { margin:10px 0}

/*******************************			 c e n t r e   b l o c k			******************************************/

.centre{ clear: both; width:576px; float:left;  }
 
#centreintrotext { color:#72615A; background-color:#FBF7EC; }
#centreintrotext p {padding:10px; margin:0}

#homeproductboxcontainer { float:left; height:225px; margin: 7px 0; font-family:Arial, Helvetica, sans-serif; width:576px;}
.homeproductbox { width:136px; float:left; }
.homeproductbox2 { width:136px; float:left; margin:0 8px 0 0; }
.homeproductboxcontents { height: 160px; overflow:hidden; border-left:1px solid #bebebe; border-right:1px solid #bebebe; width:133px}
.homeproductbox p, .homeproductbox2 p { margin:0 0 0 5px; padding:0; font-size: 90%; }
.homeproductbox .title, .homeproductbox2 .title { height:29px; background-color:#F9F1DE; width:135px}
.homeproductbox a img, .homeproductbox2 a img { text-align:center; padding:9px 5px 0 5px; margin:0 0 5px 0;}
.homeproductbox h1, .homeproductbox2 h1 {  color:#A97551; font-size:128%; padding: 6px; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-top: 1px solid #bebebe;}
.homeproductimage { display:block; }
.productprice { color: #A97551;background:#fff url(../images/px_panelbase1.gif) 0 28px no-repeat; width:123px; padding: 5px 5px; font-size:128%; font-weight:bold; float: left; border-left:1px solid #bebebe; border-right:1px solid #bebebe;}
.productprice-price { float:left; vertical-align:middle; }
.productprice img.arrow { float:right; padding:0; margin:0 }



#homespecialboxcontainer { float:left; width:576px; margin: 7px 0; font-family:Arial, Helvetica, sans-serif}
.homespecialboxleft { width:283px; height:257px; float:left; border:1px solid #bebebe; }
.homespecialboxright { width:280px; height:257px; float:right; border:1px solid #bebebe; margin:0 0 0 0; }
.homespecialboxleft p, .homespecialboxright p { margin:0 5px 0 0; padding:0 0 20px 0;  }
.homespecialboxleft div.title { height:29px; background-color:#F9F1DE; width:283px}
.homespecialboxright div.title { height:29px; background-color:#F9F1DE; width:280px}
.homespecialboxleft a img, .homespecialboxright a img { }
.homespecialboxleft h1, .homespecialboxright h1 { color:#A97551; font-size:125%; padding: 6px; border-bottom:2px solid #fff}
.takealook { color: #A97551; background-color:#f9f5e8; width:280px; margin: 7px 0 0 0; height:23px;font-size:125%; font-weight:bold; float: left; z-index:8; display:block }
.takealooklink { float:right; vertical-align:top}
.takealooklink img { vertical-align: middle; }
.homespecialboximage { float:left; height:194px; width:135px; z-index:9}
.homespecialboxtext { float:right; width:126px; font-size: 90%}

#bestSellersScroll { border:1px solid #999; margin:0 0 10px 0}
.infoBoxContents { vertical-align:top; padding: 0 10px; color:#AD835D; font-size:90%; text-align:center;}
.infoBoxContents a { text-decoration:none; cursor:pointer}

#departmentIcons { width:580px; float:left;}
.departmentIcon, .departmentIcon2 { width:142px; height:119px; float:left; padding-bottom: 7px}
.departmentIcon { margin: 0 2px 0 0}

#listrow { float:left; height:225px; margin: 7px 0; font-family:Arial, Helvetica, sans-serif; clear:both }
.relatedProduct { width:115px; float:left; margin: 2px 2px 2px 0 }
.relatedProduct2 { width:115px; float:left; margin:0 8px 0 0; }
.relatedProductcontents { height: 160px; overflow:hidden; border-left:1px solid #bebebe; border-right:1px solid #bebebe; width:113px}
.relatedProduct p, .relatedProduct2 p { margin:0 0 0 5px; padding:0; font-size: 90%; }
.relatedProduct .title, .relatedProduct2 .title { height:29px; background-color:#F9F1DE; width:115px}
.relatedProduct a img, .relatedProduct2 a img { text-align:center; padding:9px 5px 0 5px; margin:0 0 5px 0;}
.relatedProduct h1, .relatedProduct2 h1 {  color:#A97551; font-size:128%; padding: 6px; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-top: 1px solid #bebebe;}
.relatedProductimage { display:block; width:120px; height:120px; overflow:hidden; }
.relatedProduct .productprice { color: #A97551;background:#fff url(../images/px_panelbase1.gif) 0 28px no-repeat; width:103px; padding: 5px 5px; font-size:128%; font-weight:bold; float: left; border-left:1px solid #bebebe; border-right:1px solid #bebebe;}
.relatedProduct .productprice-price { float:left; vertical-align:middle; }
.relatedProduct .productprice img.arrow { float:right; padding:0; margin:0 }
/*******************************			 p r o d u c t   d e t a i l			******************************************/



#proddetails {float:left; width:180px; text-align:center; margin:0 0 50px 0;}
#prodtext{margin-left:220px; color:#72615A; }
#prodtext strong {font-size:12px; }
#prodtext h1 {clear:right;}
img.prodimage { width:200px; height:200px; xoverflow:hidden; border: solid 1px #ccc;}
.thumbs img {
	border: solid 1px #ccc;
	width: 50px;
	height: 50px;
	padding: 4px;
	cursor: pointer;
}
.thumbs img:hover {
	border-color: #4BB666;
}

#prodimageContainer { }

form {padding:0; margin:0;}
#basketform {background-color: #FBF7EC; padding:2px;margin:10px 10px 10px 0;float:none; width:150px;float:right;}

#basketform p { color: #72615A; padding:10px ; margin: 0; xline-height:15px;}
#basketform p strong {font-weight:bold}

#basketform  select {background-color: #FBF7EC; margin-left:-6px; color: #72615A;}

table.data {background-color: #FBF7EC; margin: 20px 0 20px 0;}
table.data td {padding:5px; text-align:left;}

table.data th {background-color: #FBF7EC; text-align:left; text-transform:uppercase; padding:10px 5px 10px 5px;}



/*******************************			 p r o d u c t s   			******************************************/


#productsbox { height:300px}
html>body #productsbox h1 { font-size:90%}

.featureproductboxborder { width::577px; padding: 0 0 8px 0; height:100%; float:left; }
.featureproductbox2 { width:184px; float:left; margin:0 8px 0 0; }

.featureproductbox2 p { margin:0 0 0 5px; padding:0; font-size: 90%; }
.featureproductbox2 .title { height:43px; background-color:#F9F1DE; width:184px}
.featureproductbox2 h1 {  color:#A97551; font-size:138%; padding: 11px; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-top: 1px solid #bebebe; }

.featureproductboxcontents { height: 193px; overflow:hidden; border-left:1px solid #bebebe; border-right:1px solid #bebebe; width:182px}

.featureproductimage { display:block; }

.featureprice { color: #A97551; background:#fff url(../images/px_panelbase1.gif) 0 28px no-repeat; width:177px; font-size:128%; font-weight:bold; float: left; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe;padding: 0 0 0 5px}
.featureprice-price { float:left; vertical-align:middle; }
.featureprice img.arrow { float:right; padding:0; margin:0 }

/*******************************			f o o t e r			******************************************/

#footer { width:793px; margin: 8px; clear: both; color: #B29688; font-family: Arial, Helvetica, sans-serif; float:left; display:block}
#siteInfo{  xfloat:left }
#footer a { color: #B29688; }
#siteInfo a { xpadding: 0 25px 0 0}
#footer a:hover { text-decoration:underline; color:#B29688}

#subfooter { font-size:60%; font-family:Arial, Helvetica, sans-serif; color:#9A7152; clear:both; border-top:1px solid #B29688; padding:3px 0 0 0; margin:0;   }
#tingleweb { float:right; padding: 7px 0 0 0 }
#footersubnavigation ul { float:left; padding:7px 0 0 0; margin:0 }
#footersubnavigation ul li { display: inline; padding:0; margin:0 }
#copyright { float: left; padding: 7px 0 0 150px}

#footernavigation ul { xheight:27px; list-style:none; margin:0; padding: 14px 0 5px 0; xwidth: 175px; xdisplay:block; xbackground-color:#AD835D; color:#B29688; xborder-top:1px solid #fff; xborder-bottom:1px solid #fff; clear:both; float:left   }
#footernavigation ul li {display:inline; font-size: 90%; xcolor:#fff; xfont-weight:bold; }
#footernavigation ul li a { color:#B29688; text-decoration:none; }
#footernavigation ul li a:hover, #mainnavigation ul li a.active { color:#B29688;text-decoration:underline}

/******************************** Accordion ******************************************/
.accordion {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}
.accordion h3 {
	cursor: pointer;
	font-size: 12px;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}

/******************************** RSS FEED DISPLAY ************************************************/

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;

}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

.healthclass{
/*width: 400px;*/
padding: 6px;
color:#72615A; 
background-color:#FBF7EC;}

#inthepresscontainer { text-align:center; }