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('http://s3.amazonaws.com/edgewareproducts/images/front_bg1.jpg') repeat-x top center;
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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/images/front_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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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: 970px; height: 28px; margin: 0 17px 0 17px; padding: 3px 0 0 0; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_flap_top.jpg') no-repeat top right; }
#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; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Promo Slider ##
############################################################################*/
#promo { width: 953px; height: 267px; margin: 0 0 0 42px; padding: 0; }
#promo .slider { width: 675px; height: 265px; margin: 0; padding: 0 1px 0 0; border-top: 1px solid #bbb8b7; border-left: 1px solid #bbb8b7; border-bottom: 1px solid #bbb8b7; overflow: hidden !important; }
#promo #mainSlider { display: block; position: relative; z-index: 10; width: 675px; height: 265px; margin: -30px 0 0 0; padding: 0; top: 0; left: 0; }
/* Pagination */
#promo #sliderNav { margin: 0; padding: 0; z-index: 20; position: relative; top: 238px; left: 20px; width: 250px; min-height: 30px; text-align: left; }
#promo #sliderNav a { display: inline-block; width: 18px; height: 10px; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_promo_paginate_bg.png') repeat top left; padding: 3px 0 0 1px; height: 18px; margin: 0 5px 0 0; color: #929292; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; text-align: center; }
#promo #sliderNav a:hover { text-decoration: underline; }
#promo #sliderNav a.activeSlide { color: #ffffff; font-size: 12px; font-weight: bold; }
/* Right */
#promo .right { width: 35px; height: 267px; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_flap_right.jpg') no-repeat top left; }
/* Bottom */
#promobottom { width: 970px; height: 25px; margin: 0 17px 0 17px; padding: 0; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_flap_bottom.jpg') no-repeat top right; }
/*###########################################
## Call-out Boxes ##
###########################################*/
#promo .callouts { width: 241px; height: 265px; margin: 0; padding: 0; border-top: 1px solid #bbb8b7; border-bottom: 1px solid #bbb8b7; }
#promo .callouts #promo1 { width: 201px; height: 114px; margin: 0 0 1px 0; padding: 18px 20px 0 20px; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_flap_box1.jpg') no-repeat top right; }
#promo .callouts #promo2 { width: 201px; height: 114px; margin: 0; padding: 18px 20px 0 20px; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_flap_box2.jpg') no-repeat top right; }
#promo .callouts h1 { color: #ffffff; font-size: 2.4em; font-weight: normal; letter-spacing: -0.05em; line-height: 30px; }
#promo .callouts h2 { color: #ffffff; font-size: 1.5em; font-weight: bold; letter-spacing: -0.05em; line-height: 18px; }
#promo .callouts b { color: #ffffff; font-size: 1em; font-weight: normal; letter-spacing: -0.05em; line-height: 20px; }
#promo .callouts a { color: #ffffff; text-decoration: none; }
#promo .callouts a:hover { color: #ffffff; text-decoration: underline; }
#promo .callouts p { color: #ffffff; font-size: 1.2em; font-weight: normal; letter-spacing: -0.05em; line-height: 14px; margin: 5px 0 0 0; padding: 0; }
#promo .callouts p a { margin: 0 0 0 3px; color: #5f0002; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#promo .callouts p a:hover { color: #5f0002; text-decoration: underline; }
#promo .callouts small { color: #5f0002; font-size: 1em; }
#promo .callouts small b { color: #ffffff; font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; line-height: 20px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#body { width: 953px; margin: 0 0 10px 42px; padding: 0; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
/*###########################################
## Columns ##
###########################################*/
/* Left */
#body .left { width: 278px; margin: 0; padding: 0; }
#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; }
/* Middle */
#body .middle { width: 330px; margin: 0 35px 0 35px; padding: 0; color: #515151; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#body .middle h2 { display: inline-block; width: auto; margin: 0 0 -8px 0; padding: 0; color: #000000; font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; }
#body .middle .logo { display: inline-block; width: 103px; height: 30px; text-indent: -9999px; background: url('http://s3.amazonaws.com/edgewareproducts/images/edgeware_large_gray.jpg') no-repeat top left; }
#body .middle h3 { margin: 0; padding: 0; }
#body .middle h3 a { color: #000000; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .middle h3 a:hover { text-decoration: underline; }
/* Right */
#body .right { width: 275px; margin: 0; padding: 0; }
/*###########################################
## Promo Boxes ##
###########################################*/
#body .left .promo { width: 246px; margin: 0 0 5px 0; padding: 13px 16px 13px 16px; background: #ffffff; }
#body .left .promo h3 { margin: 0 0 10px 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .left .promo img { display: block; float: left; border: 2px solid #bbb8b7; margin: 0 10px 10px 0; padding: 0; }
#body .left .promo h4 { margin: 0 0 0 0; padding: 0; height: auto; }
#body .left .promo h4 a { height: auto; margin: 0; padding: 0; color: #bf0014; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#body .left .promo h4 a:hover { text-decoration: underline; }
#body .left .promo p { margin: 0; padding: 0; color: #515151; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 15px; }
#body .left .promo b { color: #bf0014; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; }
#body .left .promo form { margin: 0; padding: 0; }
#body .left .promo select { width: 222px; height: auto; margin: 3px 0 15px 0; padding: 0 0 0 6px; color: #000000; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; background: #d5d5d5; border: 1px solid #ababab; }
#body .left .promo #suggestion { margin: 10px 0 5px 0; }
/*###########################################
## Find Your Sharpener ##
###########################################*/
#body .right #findSharpener { width: 275px; margin: 0; padding: 0; }
#body .right #findSharpener h3 { margin: 0 0 8px 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right #findSharpener h3 a { color: #000000; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right #findSharpener h3 a:hover { text-decoration: underline; }
#body .right #findSharpener h4 { margin: 0; padding: 0; color: #bf0014; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#body .right #findSharpener form { margin: 0; padding: 0; }
#body .right #findSharpener select { width: 222px; height: auto; margin: 3px 0 15px 0; padding: 0 0 0 6px; color: #000000; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; background: #d5d5d5; border: 1px solid #ababab; }
#body .right #findSharpener .submit { margin: 0; padding: 0 55px 0 0; text-align: right; }
/*###########################################
## Where To Buy ##
###########################################*/
#body .right #wheretobuy { width: 275px; margin: 20px 0 0 0; padding: 0; }
#body .right #wheretobuy h3 { margin: 0 0 8px 0; padding: 0; color: #000000; font-size: 1.6em; font-weight: normal; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right #wheretobuy h3 a { color: #000000; font-size: 1em; font-weight: bold; letter-spacing: -0.05em; line-height: 22px; text-decoration: none; }
#body .right #wheretobuy h3 a:hover { text-decoration: underline; }
#body .right #wheretobuy #geocoder { width: 305px; margin: 0 0 0 -33px; padding: 0; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_wheretobuy_bg.jpg') repeat-y top left; }
#body .right #wheretobuy #geocoder .body { width: 210px; min-height: 83px; margin: 0; padding: 12px 47px 55px 48px; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_wheretobuy.jpg') no-repeat bottom left; }
#body .right #wheretobuy #geocoder .body p { margin: 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 16px; }
#body .right #wheretobuy #geocoder .body form { margin: 12px 0 0 0; padding: 0; }
#body .right #wheretobuy #geocoder .body .form { width: 210px; margin: 0; padding: 0; }
#body .right #wheretobuy #geocoder .body .form .field { width: 90px; height: 21px; margin: 0; padding: 0; }
#body .right #wheretobuy #geocoder .body .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 #wheretobuy #geocoder .body .form .submit { width: 55px; height: 21px; margin: 0; padding: 0; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bottom { width: 970px; margin: 0 17px 15px 17px; padding: 0; background: url('http://s3.amazonaws.com/edgewareproducts/images/front_bottom_bg.jpg') repeat-y top left; }
#bottom .top { width: 970px; height: 28px; margin: 0; padding: 0; background: url('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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 !important; 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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/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('http://s3.amazonaws.com/edgewareproducts/images/flex360.jpg') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## 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('http://s3.amazonaws.com/edgewareproducts/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 {
float:left;
width:100%; /* width of page */
position:relative;
z-index: 1;
}
.mainBody,
.leftBody,
.rightBody {
float:left;
position:relative;
padding:0 0 25px 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;
}
/* 3 Column settings */
.threecol { /*background:#eee;*/ /* right column background colour */ }
.faded { min-height: 200px; background: url('http://s3.amazonaws.com/edgewareproducts/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;
}
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; }