body { background:white; background:#f2f2f2 url(/public/img/bg.gif) repeat-y; }

/* Header */
h1 {position:absolute; top:0; left:0; width:240px; height:90px;}
h1 a {background:url(/public/img/logo.gif) no-repeat; display:block; width:240px; height:90px; text-indent:-9000px;}

/* Navigation */
#mainnav {margin-left:240px; height:90px; background:#000; border-left:1px solid #333; margin-bottom:0px;}
#mainnav li {float:left; }
#mainnav li a {font-family:century gothic, verdana, sans-serif;font-size:.7em;color:#ccc;text-decoration:none;text-transform: uppercase;display:block;width:123px;height:30px;border-right:1px solid #333;padding:60px 10px 0 10px;} 
#mainnav li a:hover, #mainnav li a.selected {height:25px;border-bottom:5px solid red;padding:60px 10px 0 10px;background-color:#151515;}

/* Product Navigation */ 
#productnav {width:240px;position:absolute;top:170px;left:0;border-top:1px solid #ccc;}
#productnav a {font-family:century gothic, verdana, sans-serif; border-bottom:1px solid #ccc; font-size:.8em; color:#555; text-transform: uppercase; text-decoration:none; display:block; line-height:40px; padding-left:20px;}
#productnav a:hover, #productnav a.selected {background:#eee; color:#000; border-right:10px solid #ccc;	width:210px;}

#productnav li.offers a {color:#c00;}

/* Language Selection */ 
#language_select {position:absolute;top:110px;left:0;width:230px;text-align:center;font-size:.8em;color:#888;}
#language_select a {color:#888;text-decoration:none;border:0;}
#language_select img {border:0;padding-left:10px;}


/* Main Content */
#maincontent {margin-left:270px;width:660px;} /* Has 30px left/right padding */
#maincontent * {font-family:verdana, serif; line-height:1.6em;}
#maincontent p {font-size:.75em; margin-bottom:1.5em; margin-top:3em;}
#maincontent li {font-size:.75em; margin-bottom:1em; background-image: url(/public/img/bullet.png); background-repeat: no-repeat; background-position: 0 6px; padding-left:20px; margin-left:10px;}
#maincontent h2 {/*text-transform:uppercase; */ font-size:1.2em; font-weight:normal; border-bottom:1px solid #ccc; margin-bottom:20px; margin-top:44px;}
#maincontent img.sectionphoto {float:right; margin-left:50px;}
#maincontent .padded {padding-right:240px;}  /* image width + its left margin */


/* Filter Forms for all product pages */

#maincontent .filtersform { border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:block; width:650px; margin:0 auto; padding:10px 5px; background:#fafafa;}
#maincontent .filtersform legend {padding:0 8px;color:#666;font-size:10px;margin-left:10px;background:#eee;border:1px solid #ccc;font-weight:bold;}
#maincontent .filtersform .filter {display:block; width:180px; padding:0 10px; float:left;}
#maincontent .filtersform .filter label {display:block; width:180px; font-size:10px; font-weight:bold; margin-bottom:5px;}
#maincontent .filtersform .filter select {width:176px; font-size:10px; padding:2px;}
#maincontent .filtersform .filter input {width:176px; font-size:10px; padding:2px;}
#maincontent .filtersform .filtersubmit {font-size:10px; padding:1px; margin-top:21px;}
#maincontent .filtersform p.feedback {margin:20px 10px 0 10px; font-size:10px; color:green;}

#maincontent .filtersform p.feedback span.searchcriteria {color:#555; border:1px solid #aaa; padding-left:3px; margin:0 8px;  background: #fff;}
#maincontent .filtersform .searchcriteria a {border-left:1px solid #aaa; padding:0 3px; margin-left: 3px; color:#c00; text-decoration: none;}
#maincontent .filtersform .searchcriteria a:hover {background:#c00; color:white;}

/* Disabled styles 
#maincontent .filtersform .filter select { border:1px solid #aaa; width:176px; font-size:10px; padding:2px;}
#maincontent .filtersform .filter input { border:1px solid #aaa; width:176px; font-size:10px; padding:2px;}
#maincontent .filtersform .filtersubmit { border:1px solid #aaa; font-size:10px; padding:1px; margin-top:21px;}
*/
#maincontent .filtersform .radiofilter {
display:block;
float:left;
height:15px;
margin:20px 0 0 12px;
}

#maincontent .filtersform .radiofilter label {
display:block;
float:left;
font-size:10px;
line-height:15px; 
font-weight:bold;
margin:0 20px 0 2px;

}


#maincontent .filtersform .radiofilter input {
display:block;
float:left;
font-weight:bold;
margin:0;
padding:0;
}



/* Pagination for all product pages */
#maincontent p.pager {margin:30px 10px 0 10px; font-size:10px; text-align:right;}
#maincontent p.pager a {text-decoration:none; font-weight:bold; color:#c00;}


/* Can't find what you're looking for message for all product pages */
#maincontent p.cantfind em {font-style:italic; font-size:11px; color:#999;}
#maincontent p.cantfind a {color:#000; text-decoration:none; font-weight:bold; border-bottom:1px solid red;}
#maincontent p.cantfind a:hover {text-decoration:none; font-weight:bold; border-bottom:2px solid red;}

/* Product boxes for all product pages */
#maincontent .product {padding-bottom:40px;margin-bottom:40px;padding-top:20px;}
#maincontent .product img.productphoto {float:right;padding-left:20px;}
#maincontent .product h3 {font-size:1.1em;font-weight:normal;color:#c00;margin-bottom:10px;}
#maincontent .product p {margin:0;color:#222;}
#maincontent .product p strong {font-weight:normal;color:#000;}
#maincontent .product table {margin-top:10px; width:490px;}
#maincontent .product td, .product td.label {border-bottom:1px solid #eee;	font-family:verdana, serif;	font-size:.7em;	line-height:2em; color: #000; vertical-align:top;}
#maincontent .product td.label {width:200px; color:#666;}

/* Product Icons for all product pages */
#maincontent .product span.icons img {float:left; border:1px solid white;}
#maincontent .product span.icons span {display:block; float:left; height:30px; font-family:verdana,serif; font-size:10px; line-height:30px;}


/* Homepage */

.homepage img.intro {margin:30px 0 20px 0;}

#maincontent .homepagesearch {text-align:right; margin-top:10px;}
#maincontent .homepagesearch label {font-size:11px; line-height:normal; font-weight:bold;}
#maincontent .homepagesearch select {font-size:11px;}
#maincontent .homepagesearch input {line-height:normal; font-size:11px;}



#maincontent .homepageoffers {float:left; border-top:1px solid #bbb; border-bottom:1px solid #bbb; display:block; width:626px; padding:10px 15px; margin-top:1em;}
#maincontent .homepageoffers legend {color:#c00;font-size:14px;font-weight:bold;padding:0 10px;}

#maincontent .homepageoffers .offer {display:block; width:165px; float:left; text-align:center; padding-top:5px;}
#maincontent .homepageoffers .offer img {display:block; margin:auto;}
#maincontent .homepageoffers .offer .productname {display:block; font-size:11px; margin:5px;}
#maincontent .homepageoffers p.moreoffers {text-align:center; font-size:11px;}
#maincontent .homepageoffers p.moreoffers a {color:#c00; text-decoration:none; font-weight:bold; display:block; width:80px; float:left; padding:20px; }

.homepage #maincontent p.briefcontact {font-size:10px; text-align:center; margin-top:40px;}
.homepage #maincontent p.briefcontact strong {color:#ccc; padding:0 5px;}



/* Contact */
.contact #maincontent #contact_col1 {width:220px; float:left;}
.contact #maincontent #contact_col2 {width:220px; float:left;}
.contact #maincontent #contact_col3 {width:220px; float:left; text-align:right;}
.contact #maincontent #contact_col2 img {margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
.contact #maincontent label {font-family:verdana, serif;font-size:.75em;line-height:1.8em;margin-bottom:1em;display:block;float:left;width:100px;}
.contact #maincontent input {font-family:verdana, serif;margin-bottom:1em;width:280px;font-size:.75em;padding:5px;display:block;float:left;border:1px solid #aaa;background:#eee;color:#333;font-style:italic;}
.contact #maincontent textarea {width:530px;float:left;border:1px solid #aaa;background:#eee;font-family:verdana, serif;font-size:.75em;padding:5px;height:140px;line-height:1.8em;color:#333;font-style:italic;}






#footer {width:660px; margin:80px 0 30px 260px;} /* Has 30px left/right padding */


strong {font-weight:bold;}

button {display:block;float:right;margin:10px 18px 0 0;background-color:#f5f5f5;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;font-family: Verdana, Arial, sans-serif;font-size:.75em;line-height:1.8em;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer; padding:5px 10px 6px 7px; /* Links */}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px; /* IE6 */}
button[type] {padding:5px 10px 5px 7px; /* Firefox */line-height:17px; /* Safari */}
*:first-child+html button[type] {padding:4px 10px 3px 7px; /* IE7 */}
button img {margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#maincontent input.hide {display:none;}


#maincontent p#newsletterattachment { }
#maincontent p#newsletterattachment a {text-decoration:none; background:url('/public/img/xl.gif') no-repeat left ; height:20px; line-height:20px; display:block; padding:5px; padding-left:25px; color:#555; font-weight: bold;}



/* Product boxes for all product pages */
#maincontent .newsletterproduct {padding-bottom:40px;margin-bottom:40px;padding-top:20px; }
#maincontent .newsletterproduct img.productphoto {float:left;padding-right:20px; padding-top:5px;}
#maincontent .newsletterproduct h3 {font-size:1.1em;font-weight:normal;color:#c00;margin-bottom:10px; margin-top:0; padding-top:0;}
#maincontent .newsletterproduct p {margin:0;color:#222;}
#maincontent .newsletterproduct p strong {font-weight:normal;color:#000; }
#maincontent .newsletterproduct p.price {font-weight:bold; font-size:0.9em; margin-bottom:10px;}
#maincontent .newsletterproduct p span.availability {font-weight:normal; font-size:0.8em; color:#888; margin-left:20px;}

#maincontent .newsletterproduct p {padding-left:170px;}


.newsletter #maincontent div.newsletternote p {
    border:1px solid #ddd; background :#eee; font-size:.6em; padding:10px; text-align:center;
}