@import url(fonts-min.css);

/* ----- General Formatting ----- */

body { text-align:left; background-image:url(../images/body-bg3.gif); background-repeat:repeat-x; margin:0; padding:0; }
/* use to test positioning of elements
body { text-align:center; background-image:url(../images/layout-grid.gif); background-repeat:repeat-x; margin:0; }
 */
img { border:0px; margin:0px; padding:0px; }
form { margin:0px; padding:0px; display:inline; }
em { }

/**
Don't change the wrapper width less than 790px, otherwise it will mess up the delivery option page in IE
*/
#wrapper { width:768px;	position:relative; margin:0 auto; padding:0; text-align:left; }
#demo-disclaimer { color:#fff; background-color:#FF0000; padding:10px;}

h1	{ color:#333; font-size:129%; margin:0;}
h2	{ color:#333; font-size:114%; margin:0;}

h1.category { padding:.5em; margin:0; }

/*
a:link, a:visited {	text-decoration:underline; color:#C60; }
a:hover { text-decoration:underline; color:#C60; }
a:active { text-decoration:none; color:#526968; }
*/

hr { width:100%; size:1px; line-height:1px; border:0px; background-color:#ccc; color:#ccc; margin:2px 0px 2px 0px; }

/* ----- Clear Formatting ----- */

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {display: inline-table;}

.clear0{clear:both;}
.clear1{height:1px;clear:both;overflow:hidden; background-color:#FFF; }
.clear4{height:4px;clear:both;overflow:hidden;}
.clear5{height:5px;clear:both;overflow:hidden;}
.clear10{height:10px;clear:both;overflow:hidden;}
.clear20{height:20px;clear:both;overflow:hidden;}
.clear40{height:40px;clear:both;overflow:hidden;}
.clear60{height:60px;clear:both;overflow:hidden;}

/* ----- Layout Formatting ----- */

#main-content { float:right; width:580px; }
#main-content h1 { margin-bottom:10px; }
#side-menu { float:left; width:175px; }

/* ----- Header Formatting ----- */

#header { width:100%; height:40px; vertical-align:bottom; }
#logo { float:left; width:107px; padding:0px 0px 0px 0px; margin-top:5px;}
#account { float:right; text-align:right; height:25px; padding:0; margin-top:5px; color:#999;}
#account a { text-decoration:none;}

/* ----- Breadcrumb Formating ----- */
/* WARNING: Do not set a percentage font-size on #breadcrumb, since that will cause ugly horizontal lines
   to display on the PowerReviews product review submission iFrame when scrolling down and then up */
#breadcrumb {text-align: left; clear:both; color:#999; margin:0; padding:9px 10px 9px 10px; border-bottom:1px solid #D1DFEF; }
#breadcrumb a { font-size:92%; text-decoration:none; margin:0 3px; }
#breadcrumb a:hover { text-decoration:underline; }

/* ----- Side Menu Formating ----- */

#side-menu { font-family:Arial, Helvetica, sans-serif;}
#side-menu a { text-decoration:none; font-size:;}
#side-menu a:hover { text-decoration:underline;}
#side-menu h2 { font-size:85%; padding:0px; text-transform:uppercase; margin:10px 0 2px 0;}

#side-menu ul { margin:0; padding-left:10px; list-style:none; }
#side-menu ul li { font-size:85%; padding:3px 0px 0px 0px; color:#666;}
#side-menu ul li a { color:#C60;}
#side-menu ul li.sale a { color:orangered; font-weight:bold;}

/* ----- Footer Formatting ----- */

#footer { clear:both;  }
#footer div { width:768px; margin:0 auto; text-align:left;}
#footer div#footer-nav { width:500px; float:left;}
#footer div p { margin-bottom:8px;  }
#footer div p a { color:#666; }
#footer div p.lang { color:#000; }
#footer div p.lang a { color:#c60; }
#footer div p.lang span.on { font-weight:bold; font-size: }

#footer div#copyright { width:160px; height:45px; float:right; }