html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #eeeeee url('/resources/images/front_bg1.jpg') repeat-x top center !important;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#brought { width: 970px; height: 26px; margin: 0 17px 0 17px; padding: 0; }
#brought h2 { width: 170px; height: 26px; margin: 0 0 0 775px; padding: 0; }
#brought h2 a { display: block; width: 170px; height: 26px; margin: 0; padding: 0; background: url('/resources/images/front_smiths.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#header { width: 950px; height: 75px; margin: 0 17px 0 17px; padding: 10px 10px 11px 10px; background: url('/resources/images/inside_top.jpg') no-repeat top left; }
#header #logo { width: 234px; height: 75px; margin: 0; padding: 0; }
#header #logo h1 { width: 225px; height: 75px; margin: 0 5px 0 4px; padding: 0; }
#header #logo h1 a { display: block; width: 225px; height: 75px; margin: 0; padding: 0; background: url('/resources/images/front_logo.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
/*###########################################
## Navigation ##
###########################################*/
#header #navigation { width: 519px; height: 75px; margin: 0; padding: 0; }
#header #navigation ul { list-style: none; margin: 0 0 0 20px; padding: 27px 0 0 0; }
#header #navigation ul > li { float: left; margin: 0 16px 0 0; padding: 0; }
#header #navigation ul > li h4 { margin: 0; padding: 0; }
#header #navigation ul > li:first-child h4 a { color: #515151; font-size: 1.25em; font-weight: bold; letter-spacing: -0.05em; line-height: 20px; text-decoration: none; }
#header #navigation ul > li a { color: #8f9194; font-size: 1.25em; font-weight: normal; letter-spacing: -0.05em; line-height: 20px; text-decoration: none; }
#header #navigation ul > li a:hover { text-decoration: none; }
#header #navigation ul > li a.more { padding: 0 11px 0 0; background: url('/resources/images/front_nav_more.jpg') no-repeat top right; }
/*###########################################
## Search ##
###########################################*/
#header #search { width: 174px; height: 48px; margin: 0 16px 0 0; padding: 27px 0 0 7px; background: url('/resources/images/front_search.jpg') no-repeat top left; }
#header #search form { margin: 0; padding: 0; }
#header #search .form { width: 174px; margin: 0; padding: 0; }
#header #search .form .field { width: 120px; height: 21px; margin: 0 1px 0 0; padding: 0; }
#header #search .form .field input { width: 117px; height: 21px; margin: 0; padding: 0 0 0 3px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; border: 0; background: #bbb8b7; }
#header #search .form .submit { width: 53px; height: 21px; margin: 0; padding: 0; }
/*###########################################
## Sub-navigation ##
###########################################*/
#subnav { width: 1004px; height: 39px; margin: 0 0 0 0; padding: 3px 17px 0 17px; background: url('/resources/images/inside_subnav.jpg') no-repeat top left; }
#subnav .left { width: 203px; margin: 0; padding: 0 0 0 42px; }
#subnav .left h4 { margin: -2px 0 0 0; padding: 0; color: #515151; font-size: 1.25em; font-weight: bold; letter-spacing: -0.05em; line-height: 20px; }
#subnav .right { width: 693px; text-align: right; margin: 0; padding: 0 32px 0 0; }
#subnav .right ul { list-style: none; margin: 0; padding: 0; }
#subnav .right ul li { display: inline-block; margin: 0 ; padding: 0; }
#subnav .right ul li h4 { margin: 0; padding: 0; }
#subnav .right .dropdownNav { width: 150px !important; }
#subnav .right .dropdownNav li { width: 150px !important; }
#subnav .right .dropdownNav li a { width: 125px !important; font-size: 1.1em !important; }
#subnav .right a { color: #515151; font-size: 1em; font-weight: normal; letter-spacing: -0.05em; line-height: 14px; }
#subnav .right .priority { color: #bf0014; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 14px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#body { width: 1004px; margin: 0 0 10px 0; padding: 0; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('/resources/images/inside_body2.jpg') repeat-y top left; }
#bodyBottom { width: 1004px; height: 85px; margin: -40px 0 0 0; padding: 0; background: url('/resources/images/inside_right_bottom.jpg') no-repeat top right; }
/*###########################################
## Columns ##
###########################################*/
/* Left */
#body .left { width: 680px; min-height: 272px; margin: 0; padding: 0 0 0 58px; }
#body .left h3 { margin: 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
/* Right */
#body .right { width: 205px; min-height: 272px; margin: 0; padding: 40px 18px 40px 18px; /*background: url('/resources/images/inside_right_bottom.jpg') no-repeat bottom left;*/ }
/*###########################################
## Breadcrumbs ##
###########################################*/
#body .left #breadcrumbs { width: 680px !important; height: 51px; margin: 0 0 0 0; padding: 0 0 0 0; }
#body .left #breadcrumbs .title { width: 202px; margin: 0; height: 39px; padding: 12px 0 0 0; text-align: center; color: #ffffff; font-size: 1.15em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
#body .left #breadcrumbs .trail { width: 458px; margin: 0; height: 39px; padding: 12px 0 0 20px; color: #9e9e9e; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#body .left #breadcrumbs .trail a { color: #515151; text-decoration: none; }
#body .left #breadcrumbs .trail a:hover { text-decoration: underline; }
#body .left #breadcrumbs .trail .home { color: #cd1e1f; font-weight: bold; }
#body .left #breadcrumbs .trail .active { color: #515151; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
/*###########################################
## Body Content ##
###########################################*/
#body .left #bodyContent { width: 680px; margin: 0; padding: 25px 0 0 0; color: #3e3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#body .left #bodyContent p { margin: 0 0 25px 0; padding: 0; }
#body .left #bodyContent h1 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 2.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 28px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#body .left #bodyContent h2 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 2.0em; font-weight: bold; letter-spacing: -0.05em; line-height: 24px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#body .left #bodyContent h3 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; line-height: 18px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#body .left #bodyContent h4 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#body .left #bodyContent ul { list-style: disc outside; margin: 0 0 20px 0; padding: 0 0 0 20px; }
#body .left #bodyContent ol { list-style: decimal outside; margin: 0 0 20px 0; padding: 0 0 0 25px; }
/*###########################################
## Sidebar ##
###########################################*/
#body .right .promo:first-child { width: 205px; margin: 0; padding: 0 0 20px 0; }
#body .right .promo { width: 205px; margin: 0; padding: 30px 0 20px 0; background: url('/resources/images/inside_right_div.jpg') no-repeat top left; }
#body .right .promo img { border: 7px solid #000000; margin: 0; padding: 0; }
#body .right .promo p { margin: 0 0 10px 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#body .right .promo a { color: #bf0014; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#body .right .promo a:hover { text-decoration: underline; }
#body .right .promo h1 { height: auto; margin: 2px 0 4px 0; padding: 0; color: #000000; font-size: 2.4em; font-weight: normal; letter-spacing: -0.05em; line-height: 28px; }
#body .right .promo h2 { height: auto; margin: 2px 0 4px 0; padding: 0; color: #000000; font-size: 2.0em; font-weight: normal; letter-spacing: -0.05em; line-height: 24px; }
#body .right .promo h3 { height: auto; margin: 0 0 8px 0; padding: 0; color: #000000; font-size: 1.65em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right .promo h3 a { color: #000000; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right .promo h3 a:hover { text-decoration: underline; }
#body .right .promo h4 { height: auto; margin: 2px 0 4px 0; padding: 0; color: #000000; font-size: 1.4em; font-weight: normal; letter-spacing: -0.05em; line-height: 16px; }
#body .right .promo form { margin: 0; padding: 0; }
#body .right .promo form h3 { height: auto; font-size: 1.4em; }
#body .right .promo form h4 { height: auto; margin: 0; padding: 0; color: #bf0014; font-size: 1.1em; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#body .right .promo select { width: 182px; height: auto; margin: 3px 0 10px 0; padding: 0 0 0 3px; color: #000000; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; background: #d5d5d5; border: 1px solid #ababab; }
#body .right .promo .submit { margin: 0; padding: 0 28px 0 0; text-align: right; }
#body .right .promo #geocoder p { width: 180px; margin: 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#body .right .promo #geocoder form { margin: 12px 0 0 0; padding: 0; }
#body .right .promo #geocoder .form { width: 205px; margin: 0; padding: 0; }
#body .right .promo #geocoder .form .field { width: 90px; height: 21px; margin: 0; padding: 0; }
#body .right .promo #geocoder .form .field input { width: 82px; height: 21px; margin: 0; padding: 0 0 0 8px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; border: 0; background: #676766; }
#body .right .promo #geocoder .form .submit { width: 55px; height: 21px; margin: 0; padding: 0; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## CATEGORY - Body ##
############################################################################*/
#categoryBody { width: 970px; min-height: 272px; margin: 0 0 10px 0; padding: 0 17px 0 17px; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('/resources/images/inside_body3.jpg') no-repeat top left; }
/*###########################################
## CATEGORY - Breadcrumbs ##
###########################################*/
#categoryBody #breadcrumbs { width: 929px; height: 40px; margin: 0 0 0 0; padding: 0 0 0 41px; }
#categoryBody #breadcrumbs .title { width: 202px; margin: 0; height: 39px; padding: 12px 0 0 0; text-align: center; color: #ffffff; font-size: 1.15em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
#categoryBody #breadcrumbs .trail { width: 702px; margin: 0; height: 39px; padding: 12px 0 0 25px; color: #9e9e9e; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#categoryBody #breadcrumbs .trail a { color: #515151; text-decoration: none; }
#categoryBody #breadcrumbs .trail a:hover { color: #000000; text-decoration: underline; }
#categoryBody #breadcrumbs .trail .home { color: #cd1e1f; font-weight: bold; }
#categoryBody #breadcrumbs .trail .active { color: #515151; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
/*###########################################
## CATEGORY - Body Content ##
###########################################*/
#categoryBody #bodyContent { width: 909px; margin: 0; padding: 0 20px 0 41px; color: #3e3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
/*###########################################
## CATEGORY - Sort By ##
###########################################*/
#categoryBody #bodyContent #sortBy { height: 20px; margin: 0 0 18px 0; padding: 0; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#categoryBody #bodyContent #sortBy .pieces { float: right; width: 425px; height: 20px; margin: 0; padding: 0; }
#categoryBody #bodyContent #sortBy .pieces div { display: inline-block; height: 20px; margin: 0; padding: 0; }
#categoryBody #bodyContent #sortBy .pieces h2 { display: inline-block; height: auto; margin: 0 4px 0 0; padding: 0; color: #bf0014; font-size: 14px; font-weight: normal; font-family: Trebuchet MS; line-height: 13px; }
#categoryBody #bodyContent #sortBy .pieces h2 a { color: #bf0014; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#categoryBody #bodyContent #sortBy .pieces h2 a:hover { color: #000000; text-decoration: underline; }
#categoryBody #bodyContent #sortBy .pieces form { margin: 0; padding: 0; }
#categoryBody #bodyContent #sortBy .pieces select { width: 128px; height: auto; margin: 0 5px 0 0; padding: 0 0 0 3px; color: #000000; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; background: #ffffff; border: 1px solid #ababab; }
/*###########################################
## CATEGORY - Columns ##
###########################################*/
#categoryBody #bodyContent .columns { width: 909px; margin: 0; padding: 0; }
#categoryBody #bodyContent .columns .left { width: 202px; margin: 0 25px 0 0; padding: 0 0 50px 0; }
#categoryBody #bodyContent .columns .right { width: 682px; margin: 0; padding: 0; }
/* Left */
#categoryBody #bodyContent .columns .left .promo { width: 205px; margin: 0; padding: 30px 0 20px 0; background: url('/resources/images/inside_right_div.jpg') no-repeat top left; }
#categoryBody #bodyContent .columns .left .promo p { margin: 0 0 10px 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#categoryBody #bodyContent .columns .left .promo h3 { height: auto; margin: 0 0 8px 0; padding: 0; color: #000000; font-size: 1.65em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#categoryBody #bodyContent .columns .left .promo h3 a { color: #000000; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#categoryBody #bodyContent .columns .left .promo h3 a:hover { text-decoration: underline; }
#categoryBody #bodyContent .columns .left .promo form { margin: 0; padding: 0; }
#categoryBody #bodyContent .columns .left .promo #geocoder p { width: 180px; margin: 0; padding: 0; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#categoryBody #bodyContent .columns .left .promo #geocoder form { margin: 12px 0 0 0; padding: 0; }
#categoryBody #bodyContent .columns .left .promo #geocoder .form { width: 205px; margin: 0; padding: 0; }
#categoryBody #bodyContent .columns .left .promo #geocoder .form .field { width: 90px; height: 21px; margin: 0; padding: 0; }
#categoryBody #bodyContent .columns .left .promo #geocoder .form .field input { width: 82px; height: 21px; margin: 0; padding: 0 0 0 8px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; border: 0; background: #676766; }
#categoryBody #bodyContent .columns .left .promo #geocoder .form .submit { width: 55px; height: 21px; margin: 0; padding: 0; }
/*###########################################
## CATEGORY - Navigation ##
###########################################*/
#categoryBody #bodyContent .columns .left h1 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 2.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 28px; background: url('/resources/images/title_marker2.png') no-repeat top left; }
#categoryBody #bodyContent .columns .left ul { list-style: none; margin: 0; padding: 0 0 25px 0; line-height: 24px; }
#categoryBody #bodyContent .columns .left ul li { margin: 0 0 8px 0; padding: 0; }
#categoryBody #bodyContent .columns .left ul li h4 { margin: 0; padding: 0 0 0 8px; height: auto; color: #605e5d; font-size: 1.2em; font-weight: normal; letter-spacing: -0.05em; line-height: 14px; }
#categoryBody #bodyContent .columns .left ul li h4 a { color: #605e5d; text-decoration: none; }
#categoryBody #bodyContent .columns .left ul li h4 a:hover { color: #000000; text-decoration: underline; }
#categoryBody #bodyContent .columns .left ul .active h4 { margin: 0; padding: 0 0 0 8px; height: auto; color: #bf0014; font-size: 1.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 14px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#categoryBody #bodyContent .columns .left ul .active h4 a { color: #bf0014; text-decoration: none; }
#categoryBody #bodyContent .columns .left ul .active h4 a:hover { color: #000000; text-decoration: underline; }
.taxon { margin-bottom: 15px; }
.taxon h2 { margin-bottom: 10px; }
.taxon h2 a { color: #3d3b3c; font-size: 17px; font-family: Trebuchet MS; text-decoration: none; font-weight: bold; }
/*##############################################################################
##############################################################################
## PRODUCT - Body ##
############################################################################*/
#productBody { width: 970px; min-height: 272px; margin: 0 0 10px 0; padding: 0 17px 0 17px; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('/resources/images/inside_body3.jpg') no-repeat top left; }
/*###########################################
## PRODUCT - Breadcrumbs ##
###########################################*/
#productBody #breadcrumbs { width: 929px !important; height: 50px; margin: 0 0 0 0; padding: 0 0 0 41px; }
#productBody #breadcrumbs .title { width: 202px; margin: 0; height: 39px; padding: 12px 0 0 0; text-align: center; color: #ffffff; font-size: 1.15em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
#productBody #breadcrumbs .trail { width: 702px; margin: 0; height: 39px; padding: 12px 0 0 25px; color: #9e9e9e; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#productBody #breadcrumbs .trail a { color: #515151; text-decoration: none; }
#productBody #breadcrumbs .trail a:hover { color: #000000; text-decoration: underline; }
#productBody #breadcrumbs .trail .home { color: #cd1e1f; font-weight: bold; }
#productBody #breadcrumbs .trail .active { color: #515151; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
/*###########################################
## PRODUCT - Body Content ##
###########################################*/
#productBody #bodyContent { width: 900px; margin: 0; padding: 0 29px 0 41px; color: #3e3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
/*###########################################
## PRODUCT - Columns ##
###########################################*/
#productBody #bodyContent .columns { width: 900px; margin: 25px 0 0 0; padding: 0; }
#productBody #bodyContent .columns .left { width: 260px; margin: 0 35px 0 0; padding: 0 0 10px 0;}
#productBody #bodyContent .columns .middle { width: 325px; margin: 0 35px 0 0; padding: 0 0 10px 0; }
#productBody #bodyContent .columns .right { width: 245px; margin: 0; padding: 0 0 10px 0; }
/*###########################################
## PRODUCT - Photos ##
###########################################*/
#productBody #bodyContent .columns .left #productPhoto { width: 260px; margin: 0 0 5px 0; padding: 0; }
#productBody #bodyContent .columns .left #productPhoto img { border: 4px solid #c7c7c7; }
#productBody #bodyContent .columns .left #productPhotoThumbnails { width: auto; margin: 0; padding: 7px 0 0 0; background: url('/resources/images/inside_product_div_horiz.jpg') repeat-x top left; }
#productBody #bodyContent .columns .left #productPhotoThumbnails ul { list-style: none; margin: 0; padding: 0; background: url('/resources/images/inside_product_div_horiz.jpg') repeat-x bottom left; }
#productBody #bodyContent .columns .left #productPhotoThumbnails ul li { display: inline-block; width: 38px; height: 43px; margin: 0 5px 5px 0; padding: 0; }
#productBody #bodyContent .columns .left #productPhotoThumbnails img { border: 2px solid #cbcbcb; margin: 0; padding: 0; }
#productBody #bodyContent .columns .left #productPhotoThumbnails img:hover, #product-thumbnails li.selected img { border: 2px solid #000000; }
/*###########################################
## PRODUCT - Add To Cart ##
###########################################*/
#productBody #bodyContent .columns .left #productPurchase { width: 260px; margin: 0; padding: 0; }
#productBody #bodyContent .columns .left #productPurchase h3 { margin: 25px 0 8px 0; padding: 0; color: #000000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#productBody #bodyContent .columns .left #addToCart { margin: 0 0 30px 0; padding: 0; }
/*#productBody #bodyContent .columns .left #addToCart form { margin: 0; padding: 0; }
#productBody #bodyContent .columns .left #addToCart .form { margin: 0; padding: 0; }
#productBody #bodyContent .columns .left #addToCart .form .label { width: 58px; margin: 0; padding: 0; }
#productBody #bodyContent .columns .left #addToCart .form .label h4 { margin: 4px 0 0 0; padding: 0; color: #bf0014; font-size: 1.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 14px; }
#productBody #bodyContent .columns .left #addToCart .form .field { width: 40px; height: 21px; margin: 0 8px 0 0; padding: 1px 0 0 0; }
#productBody #bodyContent .columns .left #addToCart .form .field input { width: 38px; height: 22px; margin: 0; padding: 0 0 0 2px; color: #ffffff; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; border: 0; background: #515151; }
#productBody #bodyContent .columns .left #addToCart .form .submit { margin: 0; padding: 0; }
*/
/*###########################################
## PRODUCT - Details ##
###########################################*/
#productBody #bodyContent .columns .middle h1 { margin: 0 0 4px 0; padding: 0 0 0 8px; height: auto; color: #000000; font-size: 2.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 28px; background: url('/resources/images/title_marker2.png') no-repeat top left; }
#productBody #bodyContent .columns .middle .productDetails { width: 317px; margin: 0; padding: 0 0 0 8px; }
#productBody #bodyContent .columns .middle .productDetails h2 { margin: 0 0 0 0; padding: 0; color: #bf0014; font-size: 2.0em; font-weight: normal; letter-spacing: -0.05em; line-height: 18px; }
#productBody #bodyContent .columns .middle .productDetails h3 { margin: 0 0 3px 0; padding: 0; color: #000000; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#productBody #bodyContent .columns .middle .productDetails h4 { margin: 0 0 2px 0; padding: 0; color: #797777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#productBody #bodyContent .columns .middle .productDetails h4 b { color: #3d3b3b; }
#productBody #bodyContent .columns .middle .productDetails p { width: 310px; margin: 15px 0 20px 0; padding: 0; color: #3d3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#productBody #bodyContent .columns .middle .productDetails ul { list-style: none; margin: 0; padding: 0 0 24px 0; color: #3e3c3b; line-height: 18px; background: url('/resources/images/inside_right_div.jpg') no-repeat bottom left; }
#productBody #bodyContent .columns .middle .productDetails ul li { color: #bf0014; font-size: 12px; margin: 0; padding: 0 0 0 10px; background: url('/resources/images/inside_product_bullet.jpg') no-repeat top left; }
#productBody #bodyContent .columns .middle .productAvailability { width: 180px; margin: 0; padding: 20px 0 30px 0; }
#productBody #bodyContent .columns .middle .productAvailability h3 { margin: 0 0 6px 0; padding: 0 0 0 8px; color: #000000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent .columns .middle .productAvailability p { margin: 0; padding: 0 0 0 8px; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#productBody #bodyContent .columns .middle .productAvailability b { color: #000000; }
/*###########################################
## PRODUCT - Where To Buy ##
###########################################*/
#productBody #bodyContent .columns .right #wheretobuy { width: 216px; height: 62px; margin: 0 0 5px 0; padding: 8px 12px 0 12px; background: url('/resources/images/inside_product_wheretobuy.jpg') no-repeat top left; }
#productBody #bodyContent .columns .right #wheretobuy h3 { margin: 0 0 4px 0; padding: 0; color: #ffffff; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#productBody #bodyContent .columns .right #wheretobuy h4 { margin: 0; padding: 0; }
/*###########################################
## PRODUCT - Customer Rating ##
###########################################*/
#productBody #bodyContent .columns .right #customerrating { width: 216px; height: 95px; margin: 0 0 15px 0; padding: 8px 12px 0 12px; background: url('/resources/images/inside_product_rating.jpg') no-repeat top left; }
#productBody #bodyContent .columns .right #customerrating h3 { margin: 0 0 4px 0; padding: 0; color: #ffffff; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#productBody #bodyContent .columns .right #customerrating .rating { width: 215px; margin: 0; padding: 0; }
#productBody #bodyContent .columns .right #customerrating .rating .left { width: 115px; height: 25px; margin: 8px 3px 0 0; padding: 0; }
#productBody #bodyContent .columns .right #customerrating .rating .right { width: 97px; margin: 0; padding: 7px 0 0 0; color: #262626; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 13px; }
#productBody #bodyContent .columns .right #customerrating .ratings { width: 215px; margin: 0; padding: 4px 0 0 0; }
#productBody #bodyContent .columns .right #customerrating .ratings h4 { margin: 0; padding: 0 0 0 8px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent .columns .right #customerrating .ratings h4 a { color: #262626; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#productBody #bodyContent .columns .right #customerrating .ratings h4 a:hover { color: #000000; text-decoration: underline; }
#productBody #bodyContent .columns .right #customerrating .ratings .left { width: 100px; margin: 0; padding: 0; }
#productBody #bodyContent .columns .right #customerrating .ratings .right { width: 112px; margin: 0; padding: 0; }
span.rating_stars {
display: block;
height: 20px;
margin-bottom: 18px;
background: transparent url(/resources/images/rating_stars_large.png) no-repeat -2px -180px;
padding-left: 100px;
padding-top: 3px;
color: #666666;
font-size: 11px;
}
.rating_selector span.rating_stars {
width: 96px;
padding-left: 0;
margin-top: 3px;
cursor: pointer;
}
span.rating_stars.rating_1 {background-position: -2px -160px;}
span.rating_stars.rating_15 {background-position: -2px -140px;}
span.rating_stars.rating_2 {background-position: -2px -120px;}
span.rating_stars.rating_25 {background-position: -2px -100px;}
span.rating_stars.rating_3 {background-position: -2px -80px;}
span.rating_stars.rating_35 {background-position: -2px -60px;}
span.rating_stars.rating_4 {background-position: -2px -40px;}
span.rating_stars.rating_45 {background-position: -2px -20px;}
span.rating_stars.rating_5{background-position: -2px 0;}
span.rating_stars_small
{
display: block;
width: 73px;
height: 15px;
text-indent: -100000em;
text-align: left;
background: transparent url(../images/rating_stars_small.png) no-repeat -3px -135px;
margin: 8px 0;
}
span.rating_stars_small.rating_1 {background-position: -3px -120px;}
span.rating_stars_small.rating_2 {background-position: -3px -90px;}
span.rating_stars_small.rating_3 {background-position: -3px -60px;}
span.rating_stars_small.rating_4 {background-position: -3px -30px;}
span.rating_stars_small.rating_5 {background-position: -3px top;}
/*###########################################
## PRODUCT - Related Media ##
###########################################*/
#productBody #bodyContent .columns .right #relatedmedia { width: 216px; height: 95px; margin: 0 0 15px 0; padding: 8px 12px 0 12px; }
#productBody #bodyContent .columns .right #relatedmedia h3 { margin: 0 0 4px 0; padding: 0; color: #000000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; }
#productBody #bodyContent .columns .right #relatedmedia dl { margin: 0; padding: 0; line-height: 16px; }
#productBody #bodyContent .columns .right #relatedmedia dl dt { margin: 8px 0 6px 0; padding: 0; color: #bf0014; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; }
#productBody #bodyContent .columns .right #relatedmedia dl dd { margin: 0; padding: 0 0 0 10px; background: url('/resources/images/inside_product_media_bullet.jpg') no-repeat top left; }
#productBody #bodyContent .columns .right #relatedmedia dl dd a { color: #797777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#productBody #bodyContent .columns .right #relatedmedia dl dd a:hover { text-decoration: underline; }
/*###########################################
## PRODUCT - More About ##
###########################################*/
#productBody #bodyContent #moreAbout { width: 900px; margin: -10px 0 0 0; padding: 0; }
#productBody #bodyContent #moreAbout h3 { margin: 0 0 8px 0; padding: 0; color: #777777; font-size: 1.2em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#productBody #bodyContent #moreAbout h3 b { color: #000000; font-size: 1.55em; font-weight: normal; }
#productBody #bodyContent #moreAbout p { margin: 0 0 6px 0; padding: 0; color: #3d3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#productBody #bodyContent #moreAbout .columns { width: 820px; margin: 0 0 40px 0; padding: 0; }
#productBody #bodyContent #moreAbout .columns .left { width: 400px; margin: 0 20px 0 0; padding: 0; }
#productBody #bodyContent #moreAbout .columns .left h4 { margin: 0; padding: 0; color: #000000; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }
#productBody #bodyContent #moreAbout .columns .left ul { list-style: none; margin: 0; padding: 0; color: #3e3c3b; line-height: 20px; }
#productBody #bodyContent #moreAbout .columns .left ul li { color: #3e3b3a; font-size: 12px; margin: 0; padding: 0 0 0 0; }
#productBody #bodyContent #moreAbout .columns .right { width: 400px; margin: 0; padding: 0; }
#productBody #bodyContent #moreAbout .columns .right h4 { margin: 0; padding: 0; color: #000000; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }
#productBody #bodyContent #moreAbout .columns .right ul { list-style: none; margin: 0; padding: 0; color: #3e3c3b; line-height: 18px; }
#productBody #bodyContent #moreAbout .columns .right ul li { color: #bf0014; font-size: 12px; margin: 0 0 0 5px; padding: 0 0 0 10px; background: url('/resources/images/inside_product_bullet.jpg') no-repeat top left; }
/*###########################################
## PRODUCT - Information Tabs ##
###########################################*/
#productBody #bodyContent #tabbedDetails { width: 900px; margin: 0; padding: 0; }
#productBody #bodyContent #tabbedDetails #tabContent { width: 900px; margin: 0; padding: 6px 0 40px 0; background: url('/resources/images/inside_product_box_top.jpg') no-repeat top left; }
#productBody #bodyContent #tabbedDetails #tabContent .body { width: 900px; margin: 0; padding: 0 0 6px 0; background: url('/resources/images/inside_product_box_bottom.jpg') no-repeat bottom left; }
#productBody #bodyContent #tabbedDetails #tabContent .body .columns { width: 882px; margin: 0; padding: 6px 0 8px 18px; background: url('/resources/images/inside_product_box_bg.jpg') repeat-y top left; }
#tabContent h4 { margin: 0; padding: 0; color: #000000; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; }
#tabContent ul { list-style: none; margin: 0; padding: 0; color: #3e3c3b; line-height: 18px; }
#tabContent ul li { color: #bf0014; font-size: 12px; margin: 0 0 0 5px; padding: 0 0 0 10px; background: url('/resources/images/inside_product_bullet.jpg') no-repeat top left; }
/*###########################################
## PRODUCT - More Like This ##
###########################################*/
#productBody #bodyContent #moreLikeThis { width: 900px; margin: 0; padding: 6px 0 40px 0; background: url('/resources/images/inside_product_box_top.jpg') no-repeat top left; }
#productBody #bodyContent #moreLikeThis .body { width: 900px; margin: 0; padding: 0 0 6px 0; background: url('/resources/images/inside_product_box_bottom.jpg') no-repeat bottom left; }
#productBody #bodyContent #moreLikeThis .body .columns { width: 882px; margin: 0; padding: 6px 0 8px 18px; background: url('/resources/images/inside_product_box_bg.jpg') repeat-y top left; }
#productBody #bodyContent #moreLikeThis .body .columns h3 { margin: 0 0 10px 0; padding: 0 0 0 8px; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent #moreLikeThis .body .columns ul { width: 882px; margin: 0; padding: 0; font-size: 12px; line-height: 14px; list-style: none !important; }
#productBody #bodyContent #moreLikeThis .body .columns ul li:first-child { display: inline-block; width: 210px; margin: 0 0 0 8px; padding: 0 0 5px 0; background: none; vertical-align: top; }
#productBody #bodyContent #moreLikeThis .body .columns ul li { display: inline-block; width: 210px; margin: 0 0 0 18px; padding: 0 0 5px 22px; background: url('/resources/images/inside_category_div_vert.jpg') repeat-y top left; vertical-align: top; }
#productBody #bodyContent #moreLikeThis .body .columns ul li img { border: 4px solid #c7c7c7; margin: 0; padding: 0; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h3 { margin: 0 0 -3px 0; padding: 0; height: auto; color: #515151; font-size: 12px; background: none; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h3 a { color: #515151; font-size: 1.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 17px; text-decoration: none; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h3 a:hover { color: #000000; text-decoration: underline; }
#productBody #bodyContent #moreLikeThis .body .columns ul li p { margin: 0 0 2px 0; padding: 0; color: #bf0014; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h4 { margin: 0; padding: 0 0 0 8px; height: auto; color: #767676; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h4 a { color: #767676; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h4 a:hover { color: #000000; text-decoration: underline; }
#productBody #bodyContent #moreLikeThis .body .columns ul li h4 b { color: #000000; }
#productBody #bodyContent #moreLikeThis .body .columns ul .last { width: 80px; margin: 0 0 0 18px !important; padding: 0 0 5px 18px !important; }
#productBody #bodyContent #moreLikeThis .body .columns ul li ul { width: 70px; list-style: none; margin: 6px 0 0 0; padding: 0; color: #3e3c3b; line-height: 14px; }
#productBody #bodyContent #moreLikeThis .body .columns ul li ul li:first-child { width: 70px; display: block; color: #bf0014; font-size: 12px; margin: 0 0 8px 0; padding: 0 0 0 8px; background: url('/resources/images/list_marker2.png') no-repeat top left; }
#productBody #bodyContent #moreLikeThis .body .columns ul li ul li { width: 70px; display: block; color: #bf0014; font-size: 12px; margin: 0 0 8px 0; padding: 0 0 0 8px; background: url('/resources/images/list_marker2.png') no-repeat top left; }
#productBody #bodyContent #moreLikeThis .body .columns ul li ul li a { color: #bf0014; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#productBody #bodyContent #moreLikeThis .body .columns ul li ul li a:hover { text-decoration: underline; }
/*###########################################
## PRODUCT - Customer Reviews ##
###########################################*/
#productBody #bodyContent #customerReviews { width: 900px; margin: 0; padding: 0 0 20px 0; }
#productBody #bodyContent #customerReviews h3 { margin: 0 0 6px 0; padding: 0 0 0 8px; color: #000000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent #customerReviews .all { width: 900px; margin: 0 0 18px 0; padding: 0; }
#productBody #bodyContent #customerReviews .all .avg { width: 330px; margin: 0; padding: 0 0 0 8px; }
#productBody #bodyContent #customerReviews .all .avg ul { list-style: none; margin: 0 0 6px 0; padding: 0; }
#productBody #bodyContent #customerReviews .all .avg ul li { display: inline-block; margin: 0; padding: 4px 4px 0 0; color: #777777; vertical-align: top; }
#productBody #bodyContent #customerReviews .all .avg ul li b { color: #262626; }
#productBody #bodyContent #customerReviews .all .avg ul li img { margin: -4px 0 0 0; }
#productBody #bodyContent #customerReviews .all .avg h4 { margin: 0; padding: 0 0 0 8px; height: auto; color: #bf0014; background: url('/resources/images/title_marker.png') no-repeat center left; }
#productBody #bodyContent #customerReviews .all .avg h4 a { color: #bf0014; font-size: 1.2em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#productBody #bodyContent #customerReviews .all .avg h4 a:hover { color: #000000; text-decoration: underline; }
#productBody #bodyContent #customerReviews .all .log { width: 562px; margin: 0; padding: 4px 0 0 0; }
#productBody #bodyContent #customerReviews .all .log p { margin: 0; padding: 0; }
#productBody #bodyContent #customerReviews .all .log b { color: #262626; font-weight: normal; }
#productBody #bodyContent #customerReviews .review { width: 900px; margin: 0; padding: 10px 0 20px 0; border-top: 1px solid #b3b2b1; }
#productBody #bodyContent #customerReviews .review .details { width: 338px; margin: 0; padding: 15px 0 0 0; line-height: 16px; }
#productBody #bodyContent #customerReviews .review .details ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#productBody #bodyContent #customerReviews .review .details ul li { display: inline-block; margin: 0; padding: 0; color: #262626; font-size: 11px; }
#productBody #bodyContent #customerReviews .review .details ul li img { margin: 0; padding: 0; }
#productBody #bodyContent #customerReviews .review .details h3 { margin: 0 0 6px 0; padding: 0; height: auto; color: #bf0014; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; background: none; }
#productBody #bodyContent #customerReviews .review .details p { margin: 0; padding: 0; color: #797675; }
#productBody #bodyContent #customerReviews .review .details b { color: #3d3b3a; font-weight: normal; }
#productBody #bodyContent #customerReviews .review .details h4 { margin: 4px 0 0 0; padding: 0; height: auto; color: #797675; font-size: 1.1em; font-weight: normal; letter-spacing: -0.05em; line-height: 16px; background: none; }
#productBody #bodyContent #customerReviews .review .text { width: 562px; margin: 0; padding: 0; }
#productBody #bodyContent #customerReviews .review .text .date { width: 562px; text-align: right; }
#productBody #bodyContent #customerReviews .review .text b { color: #3d3b3a; }
#productBody #bodyContent #customerReviews .review .text h4 { margin: 0; padding: 0; height: auto; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; }
#productBody #bodyContent #customerReviews .review .text p { margin: 0; padding: 0; color: #3d3b3a; font-size: 11px; line-height: 16px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bottom { width: 970px; margin: 0 17px 15px 17px; padding: 0; background: url('/resources/images/front_bottom_bg.jpg') repeat-y top left; }
#bottom .top { width: 970px; height: 28px; margin: 0; padding: 0; background: url('/resources/images/front_bottom_top.jpg') no-repeat top left; }
/*###########################################
## Tips and Tricks ##
###########################################*/
#bottom #tipsandtricks { width: 250px; padding: 0 21px 25px 22px; }
#bottom #tipsandtricks h3 { margin: 0 0 5px 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#bottom #tipsandtricks ul { list-style: none; margin: 0; padding: 0; }
#bottom #tipsandtricks ul li { margin: 0 0 10px 0; padding: 0; }
#bottom #tipsandtricks ul li h4 { height: auto; margin: 0 0 4px 0; padding: 0 0 0 10px; background: url('/resources/images/list_marker.png') no-repeat top left; }
#bottom #tipsandtricks ul li h4 a { color: #000000; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; text-decoration: none; }
#bottom #tipsandtricks ul li h4 a:hover { text-decoration: underline; }
#bottom #tipsandtricks ul li p { margin: -2px 0 12px 0; padding: 0 0 0 11px; color: #515151; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
/*###########################################
## Newsroom ##
###########################################*/
#bottom #newsroom { width: 465px; padding: 0 21px 25px 22px; }
#bottom #newsroom h2 { display: inline-block; width: auto; margin: 0 0 15px 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; }
#bottom #newsroom .logo { display: inline-block; width: 92px; height: 27px; text-indent: -9999px; background: url('/resources/images/edgeware_small_white.jpg') no-repeat top left; }
#bottom #newsroom ul { list-style: none !important; margin: 0; padding: 0; }
#bottom #newsroom ul li { float: left; width: 222px; height: auto; margin: 0; padding: 0 10px 28px 0; list-style-type: none !important; }
#bottom #newsroom ul li h4 { margin: 0; padding: 0; height: auto !important; }
#bottom #newsroom ul li h4 a { color: #bf0014; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bottom #newsroom ul li h4 a:hover { text-decoration: underline; }
#bottom #newsroom ul li p { margin: 0; padding: 0; color: #515151; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#bottom #newsroom .more { clear: both; margin: 0; padding: 0; }
#bottom #newsroom .more h3 { margin: 0 0 0 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#bottom #newsroom .more h3 a { color: #000000; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#bottom #newsroom .more h3 a:hover { text-decoration: underline; }
/*###########################################
## Social Archives ##
###########################################*/
#bottom #socialarchives { width: 106px; padding: 0 21px 25px 22px; }
#bottom #socialarchives ul { list-style: none; line-height: 20px; margin: 0; padding: 0; }
#bottom #socialarchives ul li { margin: 0; padding: 0; }
#bottom #socialarchives ul li h4 { margin: 0; padding: 0 0 0 8px; background: url('/resources/images/list_marker.png') no-repeat top left; }
#bottom #socialarchives ul li h4 a { color: #bf0014; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bottom #socialarchives ul li h4 a:hover { text-decoration: underline; }
#bottom #socialarchives ul li .facebook { display: block; width: 71px; height: 16px; background: url('/resources/images/facebook.jpg') no-repeat top left; text-indent: -9999px; }
#bottom #socialarchives ul li .twitter { display: block; width: 62px; height: 14px; margin: 4px 0 0 0; background: url('/resources/images/twitter.jpg') no-repeat top left; text-indent: -9999px; }
#bottom #socialarchives ul li h3 { margin: 16px 0 0 0; padding: 0 0 0 8px; background: url('/resources/images/list_marker.png') no-repeat top left; }
#bottom #socialarchives ul li h3 a { color: #bf0014; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#bottom #socialarchives ul li h3 a:hover { text-decoration: underline; }
#bottom #socialarchives ul li ul { list-style: none; line-height: 16px; margin: 0; padding: 0 0 0 8px; }
#bottom #socialarchives ul li ul li { margin: 0; padding: 0; }
#bottom #socialarchives ul li ul li a { color: #777777; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; line-height: 12px; }
#bottom #socialarchives ul li ul li a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Footer ##
############################################################################*/
#footer { width: 950px; margin: 0 27px 0 27px; padding: 0 0 20px 0; }
/*###########################################
## Left ##
###########################################*/
#footer .left { width: 458px; margin: 0 0 0 22px; padding: 45px 0 0 0; background: url('/resources/images/edgeware_large_footer.jpg') no-repeat top left; color: #777777; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#footer .left .address { width: 215px; margin: 0; padding: 0; }
#footer .left .address p { margin: 0 0 10px 0; padding: 0; }
#footer .left .address a { color: #000000; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; line-height: 12px; }
#footer .left .address a:hover { text-decoration: underline; }
#footer .left .contact { width: 243px; margin: 0; padding: 0; }
/*###########################################
## Right ##
###########################################*/
#footer .right { width: 448px; margin: 0; padding: 8px 22px 0 0; color: #777777; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#footer .right p { margin: 0 0 10px 0; padding: 0; text-align: right; }
#footer .right a { color: #bf0014; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#footer .right a:hover { text-decoration: underline; }
#footer .right .credit { margin: 0; padding: 0;}
#footer .right .credit h4 { width: 248px; height: 22px; margin: 0px 0 0 200px; padding: 0; }
#footer .right .credit h4 a { background: url('/resources/images/flex360.jpg') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*###########################################
## Product Grid ##
###########################################*/
#bodyContent .grid { width: 682px; min-height: 200px; margin: 0 0 15px 0; padding: 0 0 15px 0; background: url('/resources/images/inside_category_div_horiz.jpg') no-repeat bottom left; }
#bodyContent .grid .cell:first-child { display: inline-block; width: 200px; margin: 0 0 0 0; padding: 0 0 15px 0; background: none; vertical-align: top; }
#bodyContent .grid .cell { display: inline-block; width: 200px; margin: 0 0 0 17px; padding: 0 0 15px 20px; background: url('/resources/images/inside_category_div_vert.jpg') repeat-y top left; vertical-align: top; }
#bodyContent .grid .cell img { border: 4px solid #c7c7c7; margin: 0; padding: 0; }
#bodyContent .grid .cell h3 { margin: 0 !important; padding: 0 !important; height: auto; color: #515151; font-size: 1.2em !important; background: none !important; }
#bodyContent .grid .cell h3 a { color: #515151; font-size: 1.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 17px; text-decoration: none; }
#bodyContent .grid .cell h3 a:hover { color: #000000; text-decoration: underline; }
#bodyContent .grid .cell p { margin: 5px 0 3px 0 !important; padding: 0; color: #767676; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .grid .cell h4 { margin: 0; padding: 0 0 0 8px; height: auto; color: #767676; background: url('/resources/images/title_marker.png') no-repeat center left; }
#bodyContent .grid .cell h4 a { color: #767676; font-size: 13px !important; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#bodyContent .grid .cell h4 a:hover { color: #000000; text-decoration: underline; }
#bodyContent .grid .cell h4 b { color: #000000; }
#bodyContent .grid .cell .rating { width: 200px; margin: 0; padding: 0; }
#bodyContent .grid .cell .rating .product-stars { display: inline-block; width: 85px; margin: 0 6px 0 0; padding: 0; }
#bodyContent .grid .cell .rating .amount { display: inline-block; height: 18px; width: 100px; margin: 0; padding: 0 0 3px 0; color: #000000; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; vertical-align: middle; }
#bodyContent .last { background: none; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Dropdown Navigation ##
############################################################################*/
/* Controls */
.mainNav li:hover, .mainNav li.over { position: static; /* make menus not sticky in ie7 */ }
.mainNav li ul { position: absolute; left: -999em; list-style: none; }
.mainNav li:hover ul { left: auto; }
.mainNav li:hover ul, .mainNav li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; position: absolute; width: 200px; margin: 0 0 0 -15px !important; padding: 9px 0 9px 0 !important; line-height: 12px; background: url('/resources/images/dropdown_bg.png') repeat top left; }
.dropdownNav li { width: 200px; min-height: 20px; margin: 0 !important; padding: 0 !important; line-height: 12px; text-align: left; }
.dropdownNav li a { display: block; width: 175px; margin: 0 !important; padding: 4px 10px 6px 15px !important; color: #ffffff !important; font-size: 1.1em; font-weight: bold !important; text-decoration: none; cursor: pointer; }
.dropdownNav li a:hover { margin: 0; padding: 4px 10px 6px 15px; color: #ffffff; font-size: 1.1em; font-weight: bold; text-decoration: none; background: #bf0014; cursor: pointer; }
/* Individual Containers */
/*.navigation li { margin: 0 26px 0 0; padding: 0; }*/
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Liquid 3-column layout structure ##
############################################################################*/
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
z-index: 1;
}
/* common column settings */
.colright,
.colmid,
.colleft,
.bodycolmid,
.bodycolleft {
float:left;
width:100%; /* width of page */
position:relative;
z-index: 1;
}
.mainBody,
.leftBody,
.rightBody,
.bodymainBody,
.bodyleftBody,
.bodyrightBody {
float:left;
position:relative;
padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:visible;
z-index: 1;
}
/* BODY 3 Column settings */
.threecol { /*background:#eee;*/ /* right column background colour */ }
.imprint { background: url('/resources/images/inside_body.jpg') no-repeat top left; }
.threecol .bodycolmid { right:241px; /* width of the right column */ }
.threecol .bodycolleft { right:25px; /* width of the middle column */ }
.threecol .bodymainBody {
width:25px; /* width of center column content (column width minus padding on either side) */
left:100%; /* 100% plus left padding of center column */
/*background: #234567;* /* center column background colour */
}
.threecol .bodyleftBody {
width:738px; /* Width of left column content (column width minus padding on either side) */
left:241px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
/*background: #ffffff;*/
}
.threecol .bodyrightBody {
width:241px; /* Width of right column content (column width minus padding on either side) */
left:266px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
/*background: url('/resources/images/inside_right.jpg') repeat-y top left;*/
}
/* BOTTOM 3 Column settings */
.faded { min-height: 200px; background: url('/resources/images/front_bottom.jpg') no-repeat bottom left; }
.threecol .colmid { right:159px; /* width of the right column */ }
.threecol .colleft { right:508px; /* width of the middle column */ }
.threecol .mainBody {
width:508px; /* width of center column content (column width minus padding on either side) */
left:100%; /* 100% plus left padding of center column */
/*background: #000000*/ /* center column background colour */
margin: 0 0 30px 0;
}
.threecol .leftBody {
width:293px; /* Width of left column content (column width minus padding on either side) */
left:159px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
margin: 0 0 0 10px;
}
.threecol .rightBody {
width:149px; /* Width of right column content (column width minus padding on either side) */
left:667px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
margin: 0 10px 0 0;
}
/*##############################################################################
##############################################################################*/
/*###########################################
## Checkout ##
###########################################*/
#checkoutBody { width: 970px; min-height: 272px; margin: 0 0 10px 0; padding: 0 17px 0 17px; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; background: url('/resources/images/inside_body3.jpg') no-repeat top left; }
#checkoutBody #breadcrumbs { width: 929px; height: 50px; margin: 0 0 0 0; padding: 0 0 0 41px; }
#checkoutBody #breadcrumbs .title { width: 202px; margin: 0; height: 39px; padding: 12px 0 0 0; text-align: center; color: #ffffff; font-size: 1.15em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
#checkoutBody #breadcrumbs .trail { margin: 0; height: 39px; padding: 12px 0 0 25px; color: #9e9e9e; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#checkoutBody #breadcrumbs .trail a { color: #515151; text-decoration: none; }
#checkoutBody #breadcrumbs .trail a:hover { color: #000000; text-decoration: underline; }
#checkoutBody #breadcrumbs .trail .home { color: #cd1e1f; font-weight: bold; }
#checkoutBody #breadcrumbs .trail .active { color: #515151; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; }
#checkoutBody #bodyContent { width: 950px; margin: 0; padding: 25px 0 0 58px; color: #3e3b3a; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#checkoutBody #bodyContent p { margin: 0 0 25px 0; padding: 0; }
#checkoutBody #bodyContent h1 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 2.4em; font-weight: bold; letter-spacing: -0.05em; line-height: 28px; background: url('/resources//images/title_marker.png') no-repeat center left; }
#checkoutBody #bodyContent h2 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 2.0em; font-weight: bold; letter-spacing: -0.05em; line-height: 24px; background: url('/resources//images/title_marker.png') no-repeat center left; }
#checkoutBody #bodyContent h3 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; line-height: 18px; background: url('/resources//images/title_marker.png') no-repeat center left; }
#checkoutBody #bodyContent h4 { margin: 0 0 20px 0; padding: 0 0 0 8px; height: auto; color: #3e3b3a; font-size: 1.3em; font-weight: bold; letter-spacing: -0.05em; line-height: 16px; background: url('/resources//images/title_marker.png') no-repeat center left; }
#checkoutBody #bodyContent ul { list-style: disc outside; margin: 0 0 20px 0; padding: 0 0 0 20px; }
#checkoutBody #bodyContent ol { list-style: decimal outside; margin: 0 0 20px 0; padding: 0 0 0 25px; }
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; }
/* stores */
#stores p {
font-size: 15px;
}
#stores .store h3 {
margin: 0 !important;
}
#stores .store p {
margin: 0 0 10px 10px !important;
}
#stores .store a {
color: #4b4b4b !important;
border-bottom: 1px solid #9b9b9b;
text-decoration: none !important;
}
/* flickr photos */
#photos li {
list-style-type: none;
float: left;
margin: 0 30px 10px 0;
text-align: center;
}
#photos li img {
border: 4px solid #c6c6c6;
}
#photos li img:hover {
border: 4px solid #a4a4a4;
}
#photos li a {
font-size: 11px;
}
.side_by_side_products .description { display: none; }