@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles � (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Lucida Sans', Lucida Grande, Arial, Helvetica sans-serif; color:#606464; text-align:left; background:url(../images/bDrop_body.jpg) top repeat-x; background-color:#ffffff; height:100%; } /* Page Structure --------------------------------------------------------------------------------------- */ #page {margin: 0 auto; width:900px; min-height:100%; position:relative; } * html #page { height:100%; } #homePage {background:url(../images/bDrop_homeBody.jpg) top repeat-x; } #header {height:125px; } #nav {height:60px; float:right; margin:65px 0 0 35px; background:url(../images/bDrop_nav.gif) no-repeat; } #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #nav ul li { float: left; margin: 0; padding: 0;} #nav ul li a { height:45px; display: block; margin: 0; padding: 0;} #homeBanner {height:243px; background:url(../images/bDrop_homeBanner.jpg) no-repeat;} #banner {height:159px; background:url(../images/bDrop_banner.jpg) no-repeat;} #left, #right {float:left; width:250px; margin:0px; padding:25px 22px 30px 22px; } #right { float:right; } #container { width:900px; margin:0 auto; padding-bottom:100px; } #middle { padding:25px 22px 30px 22px; margin:0 300px; width:250px;} #clickthrough {height:28px; width:150px; text-align:left; background:url(../images/bt_find.gif) no-repeat; text-indent:-9999px; } #clickthrough ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; display: block;} #clickthrough ul li { float: left; margin: 0; padding: 0;} #clickthrough ul li a { height:28px; display: block; margin: 0; padding: 0;} #content {padding:25px 5px 100px 25px; } #productBlock {height: 200px; } #newsBlock {height: 300px; } .image {float:left; margin:7px 25px 15px 5px;} .image p {font-size:11px; font-style:italic; } #footer {position:relative; margin: -80px auto 0 auto; background:url(../images/bDrop_footer.gif) repeat-x; height:80px; } #footer #frame { margin:0 auto; width:900px; padding-top:15px; } #footer #frame .col01, #footer #frame .col02 {float:left; width:255px; font-family:'Lucida Sans', Lucida Grande, Arial, Helvetica sans-serif; color:#00536d; font-size:11px; font-weight:600; padding:0 15px 10px 30px; line-height:18px; } #footer #frame .col02 {margin-left:305px; color:#FFFFFF; padding:0 15px 10px 30px; float:none; width:535px; } /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} #header h1 {background:url(../images/hd_logo.gif) no-repeat; width:187px; height:125px; text-indent:-9999px; } #left h1, #right h1, #middle h1 { background:url(../images/hd_rest.gif) no-repeat; width:235px; height:75px; text-indent:-9999px; } #middle h1 { background:url(../images/hd_step.gif) no-repeat; } #right h1 { background:url(../images/hd_get.gif) no-repeat; width:255px; } h2 {color:#03a8b6; font-size:14px; margin:2px; padding:2px; font-weight:700;} #productBlock h2 { padding-top: 10px; } #content .about h1, #content .news1 h1, #content .news2 h1, #content .foot1 h1, #content .foot2 h1, #content .foot3 h1, #content .rewards h1, #content .find h1, #content .shoes h1, #content .downloads h1, #content .shoesPro h1, #content .shoesWide h1, #content .footcarePro h1, #content .do h1 {background:url(../images/hd_about.gif) no-repeat; text-indent:-9999px; height:45px; width:600px; } #content .news1 h1 {background:url(../images/hd_news1.gif) no-repeat; } #content .news2 h1 {background:url(../images/hd_news2.gif) no-repeat; } #content .foot1 h1 {background:url(../images/hd_foot1.gif) no-repeat; } #content .foot2 h1 {background:url(../images/hd_foot2.gif) no-repeat; } #content .foot3 h1 {background:url(../images/hd_foot3.gif) no-repeat; } #content .rewards h1 {background:url(../images/hd_rewards.gif) no-repeat; } #content .find h1 {background:url(../images/hd_find.gif) no-repeat; } #content .shoes h1 {background:url(../images/hd_shoes.gif) no-repeat; } #content .downloads h1 {background:url(../images/hd_downloads.gif) no-repeat; } #content .shoesPro h1 {background:url(../images/hd_shoes2.gif) no-repeat; width:400px;} #content .shoesWide h1 {background:url(../images/hd_shoes3.gif) no-repeat; width:540px;} #content .footcarePro h1 {background:url(../images/hd_footcarePro.gif) no-repeat; width:300px; } #content .do h1 {background:url(../images/hd_do.gif) no-repeat; } /* Text Styles --------------------------------------------------------------------------------------- */ p, .bold { margin:3px; padding:2px; font-size:12px; line-height:18px; } .bold {color:#00536d; font-weight:800; margin:0; padding:0;} .list, .numlist { font-size:12px; line-height:18px; margin:5px 5px 5px 15px; padding:0 0 0 10px; list-style-type:disc; list-style-position: outside; display:block; color:#606464; } .numlist { list-style-type:decimal; margin:5px 5px 5px 20px;} /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; } #content a, a:link, a:visited, a:hover {margin:0; text-decoration:none; font-family:'Lucida Sans', Lucida Grande, Arial, Helvetica sans-serif; color:#03a8b6; } #content a:hover {color:#00536d;} #footer #frame .col02 a, a:link, a:visited, a:hover {margin:0 6px; text-decoration:none; font-family:'Lucida Sans', Lucida Grande, Arial, Helvetica sans-serif; color:#FFFFFF; font-weight:600; } #footer #frame .col02 a:hover {color:#00536d;} #nav ul li a.home { width: 77px; height: 45px; background: url(../images/bt_home.gif) no-repeat; text-indent: -9999px; } #nav ul li a.about { width: 83px; height: 45px; background: url(../images/bt_about.gif) no-repeat; text-indent: -9999px; } #nav ul li a.shoes { width: 65px; height: 45px; background: url(../images/bt_shoes.gif) no-repeat; text-indent: -9999px; } #nav ul li a.news { width: 62px; height: 45px; background: url(../images/bt_news.gif) no-repeat; text-indent: -9999px; } #nav ul li a.foot { width: 80px; height: 45px; background: url(../images/bt_footcare.gif) no-repeat; text-indent: -9999px; } #nav ul li a.rewards { width: 80px; height: 45px; background: url(../images/bt_rewards.gif) no-repeat; text-indent: -9999px; } #nav ul li a.findus { width: 72px; height: 45px; background: url(../images/bt_findus.gif) no-repeat; text-indent: -9999px; } #nav ul li a.downloads { width: 81px; height: 45px; background: url(../images/bt_downloads.gif) no-repeat; text-indent: -9999px; } #nav ul li a.home:hover { background: url(../images/bt_homeOV.gif) no-repeat; } #nav ul li a.about:hover { background: url(../images/bt_aboutOV.gif) no-repeat; } #nav ul li a.shoes:hover { background: url(../images/bt_shoesOV.gif) no-repeat; } #nav ul li a.news:hover { background: url(../images/bt_newsOV.gif) no-repeat;} #nav ul li a.foot:hover { background: url(../images/bt_footcareOV.gif) no-repeat; } #nav ul li a.rewards:hover { background: url(../images/bt_rewardsOV.gif) no-repeat; } #nav ul li a.findus:hover { background: url(../images/bt_findusOV.gif) no-repeat; } #nav ul li a.downloads:hover { background: url(../images/bt_downloadsOV.gif) no-repeat; } #clickthrough ul li a.find { width:150px; background: url(../images/bt_find.gif) no-repeat; text-indent: -9999px; } #clickthrough ul li a.find:hover { background: url(../images/bt_findOV.gif) no-repeat; }