/* Text Settings */
body,html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: 666666;
background-color: #FFFFFF;
margin: 15px 15px 15px 15px;
}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #EDB64C; margin: 0px 0px 0px 0px;}
h2 { font-size: 14px; font-weight: bold; color: #666666; line-height: 14px; margin: 0px 0px 8px 0px; }
h3 { font-size: 11px; font-weight: bold; color: #000000; line-height: 11px; margin: 0px 0px 5px 0px; }
ul { margin: 0px 10px 8px 15px; padding-left: 10px; }
li { line-height: 14px; font-size: 11px; padding: 3px 3px 3px 0px; }
.smtext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0px; }
/* Link Settings */
a {	text-decoration: none; color: #000000; }
a:link { text-decoration: none; color: #000000; }
a:visited {	text-decoration: none;	color: #000000; }
a:hover { text-decoration: none; color: #EDB64C; }
a.sm {	font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; }
a.sm:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; }
a.sm:visited {	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;	color: #000000; }
a.sm:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #EDB64C; }
a.nav {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
line-height: 18px;
padding: 0px 0px 0px 7px;
}
a.nav:link {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.nav:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.nav:hover {
text-decoration: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.navsub {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 17px;
letter-spacing: 0px;
padding: 0px 0px 0px 15px;
}
a.navsub:link {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
a.navsub:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
a.navsub:hover {
text-decoration: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
a.navsub2 {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 14px;
letter-spacing: 0px;
padding: 0px 0px 0px 27px;
}
a.navsub2:link {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
a.navsub2:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
a.navsub2:hover {
text-decoration: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
a.navsearch {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0px;
line-height: 12px;
padding: 0px 0px 0px 7px;
}
a.navsearch:link {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0px;
}
a.navsearch:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0px;
}
a.navsearch:hover {
text-decoration: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0px;
}
a.navnote {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
line-height: 20px;
padding: 0px 0px 0px 0px;
}
a.navnote:link {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.navnote:visited {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.navnote:hover {
text-decoration: none;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
a.on {	text-decoration: none; color: #ffab00; }
a.on:link { text-decoration: none;	color: #ffab00; }
a.on:visited {	text-decoration: none;	color: #ffab00; }
a.on:hover { text-decoration: none; color: #ffab00; }
/* Image Settings */
.imageborder {
border: 1px solid #CCCCCC;
}
img { border: 0px; }
img.divider { margin-top: 0px; margin-bottom: 0px; }
HR.white { height: 1px; width:100%; color:#FFFFFF; margin: 0px 0px 0px 0px; }
/* Input Settings */
input,select,textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; }
.submit { font-weight:bold; color: #FFFFFF; background-color: #EDB64C; border: 1px solid #FFFFFF; padding: 1px 1px 1px 1px; }
.radiobutton {
margin: 0px 0px 0px 6px;
vertical-align: -30%;
}
/* Table Settings */
table, td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; vertical-align: top; }
td.logo { text-align: left; width: 236px; height: 41px; vertical-align: bottom; }
td.navcorners { width: 10px; height: 25px; vertical-align: bottom;}
td.topnav { text-align: right; width: 488px; vertical-align: bottom; }
td.sidenav { text-align: left; width: 138px; height: 360px; background-color: #F2CC81; }
td.sidenavbg { text-align: left; width: 138px; height: 362px; background-color: #EDB64C; }
td.mainpic { width: 241px; height: 301px; }
td.feature { width: 241px; height: 153px; padding: 10px 10px 10px 10px; text-align: center; }
td.title { width: 560px; height: 28px; padding: 0px 12px 0px 12px; text-align: left; vertical-align: middle; }
td.main { text-align: left; padding: 0px 0px 0px 0px; border-top: #E4E4E4 1px solid;
border-bottom: #E4E4E4 1px solid;
}
td.homefeature { text-align: left; padding: 5px 10px 5px 10px; border-left: #E4E4E4 1px solid;
border-right: #E4E4E4 1px solid;
}
td.box { text-align: left; padding: 0px 11px 0px 9px; border-left: #E4E4E4 1px solid;
border-right: #E4E4E4 1px solid;
}
td.product { text-align: center; padding: 8px 5px 8px 5px; border-left: #D1D1D1 1px solid;
border-right: #D1D1D1 1px solid;
width: 114px;
height: 165px;
}
td.project { text-align: center; padding: 8px 10px 8px 10px; border-left: #E5E5E5 1px solid;
border-right: #E5E5E5 1px solid;
width: 150px;
}
td.navnote {
font-family: Arial, Helvetica, sans-serif; text-decoration: none;
color: #FFFFFF;
font-size: 12px;
letter-spacing: 0px;
line-height: 14px; padding: 8px 10px 12px 10px;
text-align: center;
}
/* DIV Settings */
div.intro { padding: 10px 0px 0px 40px; font-size: 12px; line-height: 15px;}
div.introtop { padding: 14px 2px 0px 20px; line-height: 14px; vertical-align: bottom;}
div.introbottom { padding: 0px 10px 10px 10px; line-height: 18px; vertical-align: bottom;}
div.sidenav {
text-align: left;
width: 138px;
background-color: #F2CC81;
clip: rect(auto 138px auto auto);
}
div.nav {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
line-height: 19px; padding: 0px 0px 0px 8px;
display: block;
}
div.navsearch {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
line-height: 14px; padding: 3px 0px 2px 15px;
}
div.navnote {
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0px;
line-height: 14px; padding: 8px 10px 12px 10px;
text-align: center;
}
div.small { font-size: 10px; }
div.price { font-family: Arial, Helvetica, sans-serif; font-size: 13px }
div.pricetext { text-align: center; padding-top: 2px; font-size: 11px; }
div.footer { text-align: center; padding-top: 10px; }
div.copyright { text-align: center; padding-top: 10px; font-size: 10px; }
span.productover {
display: block; position:relative;
}
span.productover a:hover {
font-size: 10px;
}
span.productover span {
display: none;
}
span.productover a:hover span { display: block; position: absolute;
top: 0px;
left: 0px;
}
#cornerimage { position: relative; width: 160px; height: 70px; top: -9px;
left: 11px;
}
#shopby{margin:0px; width:100px; }
.hovermenu{}
.hovermenu ul{padding:0px; margin:0; height:16px; width:100%; float:left }
.hovermenu ul li{display: inline; float:left}
.hovermenu ul li{padding: 5px 2.8%;}
div.linespace {
line-height: 18px;
}
.error {
color: #E62925;
font-size: 11px;
}
/* Rotating banner */
/* *{ margin:0; padding:0; } Quick reset*/
#banners {
width:586px;
height: 380px;
position: relative;
font-family: Arial, sans-serif;
}
#banners .banner{
position: absolute;
border: none;
top:0;
left:0;
display:block;
}
.banner.current{z-index: 2;}
#controls{
position:absolute;
bottom:1px;
right:-13px;
z-index:10;
}
#controls li { list-style:none; display:inline;}
#controls li a{
display:-moz-inline-box; /* < = FF2 hack */
display:inline-block;
font-size:12px;
font-weight:bold;
margin-left:0px;
padding:3px 6px 3px 6px;
text-decoration:none;
color: #FFF;
background:#e1eea8;
opacity:0.6;
filter:alpha(opacity=60);
outline:none;
}
#controls li.active a{
color:#FFF;
background-color:#dfeca3;
opacity:1;
filter:alpha(opacity=100);
}
#controls li a:hover{
color: #FFF;
background-color:#dfeca3;
opacity:1;
filter:alpha(opacity=100);
}