/* ----------- MAIN STRUCTURE ----------- */
#pagewrapper {
margin: auto;
width: 960px;
}
body {
font-family: Arial, Helvetica, sans-serif;
background:url(/images/header-blk.png) repeat-x 0 42px;
font-size:12px;
color:#000;
}
#main_content {
width:683px;
float:left;
padding-bottom:30px;
}
#side_bar { float:right; width:253px; margin-top:33px; background-color:#f9f9f9; }
/* ----------- TYPOGRAPHY ----------- */
p { margin:0 0 1em 0; line-height:170%; }
#main_description p { font-size:11px; color:#474747; }
#main_description h1 { font-size:23px; color:#000; font-family:"HelveticaNeue H85", Arial, sans-serif; margin-bottom:5px; }
h2 { font-family:"HelveticaNeue H85", Arial, sans-serif; }
h2#sizes_heading { display:inline; }
#main_content a { color:#868467; border-bottom:1px dotted #B8B58A; text-decoration:none; padding-bottom:2px; }
#main_content a:hover { color:#acacac; }
.general_list li { background:url(/images/gen_marker.png) no-repeat 0 5px; padding-left:15px; margin-bottom:.8em; line-height:140%; }
/* ------------ NAVs ------------ */
#header { /*padding-bottom:34px;*/ }
#primarynav { height: 80px; margin-left:-32px; }
#primarynav ul { height:80px; float:left; margin-left:0px; }
#primarynav ul li { float:left; }
#primarynav ul li a { display:block; text-indent:-9999px; height:80px; background-repeat:no-repeat; }
#primarynav ul li a:hover { background-position:0 -80px; }
#primarynav ul li.active a { background-position:0 -160px; }
#primarynav ul li.next_to_active a { background-position:0 -240px; }
#primarynav ul li.next_to_active a:hover { background-position:0 -320px; }
#primarynav #nav_home a { background-image:url(/images/nav-home.png); width:69px; }
#primarynav #nav_underwear a { background-image:url(/images/nav-everyday-underwear.png); width:160px; }
#primarynav #nav_boxers a { background-image:url(/images/nav-boxer-shorts.png); width:108px; }
#primarynav #nav_sports a { background-image:url(/images/nav-sports.png); width:66px; }
#primarynav #nav_pj a { background-image:url(/images/nav-cotton-pjs.png); width:173px; }
#primarynav #nav_singlets a { background-image:url(/images/nav-singlets.png); width:76px; }
#topnav { height: 34px; }
#topnav ul { margin:14px 0px 0 0; float:right; }
#topnav ul li { font-size:11px; float:left; font-family: "Segoe UI", Tahoma, Verdana; color: #515151; margin-right:12px; }
#topnav ul li a { color:#4a4a4a; text-decoration:none; background:url(/images/top-nav-divider.jpg) -1px -2px no-repeat; padding-left:12px; }
#topnav ul li a:hover { color:#000; }
#topnav ul li:first-child a { background-image:none; }
#footernav ul li { font-size:11px; float:left; font-family: "Segoe UI", Tahoma, Verdana; color: #4a4a4a; margin-right:12px; }
#footernav ul li a { color:#4a4a4a; text-decoration:none; background:url(/images/footer-divider.png) -1px 0px no-repeat; padding-left:12px; }
/* ----------- HEADER ----------- */
#search_wrap { width:195px; float:right; margin-top:33px; }
#search { width:168px; height:15px; padding:3px; border:none; border:0; display:block; float:left; color:#7c7c7c; font-size:11px; text-indent:0px; }
#btn_search { background:url(/images/btn-search.png) no-repeat; width:21px; height:21px; border:none; border:0; float:right; }
/* ----------- GENERAL ----------- */
h2#logo { float:left; margin:6px 0 0 0px; padding:0 31px; background-color:#fff; }
h2#logo a { background:url(/images/bendon-logo.png) no-repeat; display:block; width:148px; height:75px; text-indent:-9999px; }
/* ----------- PRODUCTS ----------- */
#prod_feature { /*margin-top:-33px;*/ margin-bottom:36px; }
#prod_feature.prod_feature_inner { margin-bottom:10px; }
#prod_banner { background-color:#C2BE96; }
#hero { margin:0; height:208px; }
#hero_bottom { height:23px; }
#prod_feature_content { background-color:#C2BE96; padding:0 25px; padding-bottom:25px; margin:0; }
#prod_feature_content p:last-child { margin-bottom:0; }
.product_row { min-height:333px; }
.product { border: 1px solid #BFBFBF; width:321px; min-height:338px; float:left; margin-bottom:37px; padding-bottom:25px; }
.prod_img { text-align:center;}
#main_content .prod_img a { padding:0; border:none; }
.product h2 { font-size:16px; color:#000; margin:12px 0 30px 14px; background:url(/images/crosses.png) no-repeat right 1px; width:289px; }
.product h2.over { background:url(/images/crosses.png) no-repeat right -21px; }
.prod_summary { font-size:11px; color:#474747; margin:15px 30px 0px 30px; }
.prod_summary p { margin-bottom:0; line-height:180%; }
.clickable { cursor:pointer; }
#product_img_lge { float:left; width:313px; }
#product_content { width:341px; float:right; }
#product_switcher { width:341px; height:38px; background-color:#C2BE96; margin-bottom:20px; }
#product_switcher a { padding-bottom:0; border:none; }
#product_switcher #switcher_prev { float:left; border-right:1px solid #fff; height:38px; }
#switcher_prev a { background:url(/images/left-arrow.png) no-repeat; width:39px; height:38px; text-indent:-9999px; display:block; }
#switcher_prev a:hover { background:url(/images/left-arrow.png) no-repeat 0 -38px; }
#product_switcher #switcher_next { float:right; border-left:1px solid #fff; height:38px; }
#switcher_next a { background:url(/images/right-arrow.png) no-repeat; width:39px; height:38px; text-indent:-9999px; display:block; }
#switcher_next a:hover { background:url(/images/right-arrow.png) no-repeat 0 -38px; }
#switcher_index { float:left; margin:7px 8px 0 7px; }
#switcher_index a { background:url(/images/main-menu.png) no-repeat; width:23px; height:24px; display:block; text-indent:-9999px; }
#switcher_index a:hover { background-position:0 -24px; }
#product_switcher select { width:215px; margin-top:6px; padding:3px; padding-top:4px; }
option { outline:none; }
#colors_list { margin:10px 0 15px 0; overflow:hidden; }
#colors_list li { float:left; margin-right:15px; margin-bottom:15px; width:74px; height:74px; }
#colors_list li a { padding-bottom:0; border:none; }
img.sizes { padding:0 3px; }
/* ----------- SIDBAR ----------- */
#promo_1 { width:253px; height:279px; float:left; margin:0; }
#promo_2 { width:253px; height:280px; float:left; margin:0; background:url(/images/side-promo-divide.png) no-repeat top; padding-top:1px; }
.side_promo a { display:block; width:253px; height:279px; text-indent:-9999px; }
.side_promo a:hover { background-position:0 -279px; }
#promo_1 img, #promo_2 img { display:block; }
/* ----------- DOWNLOADS ----------- */
/*#downloads li { float:left; margin:0 1px 1px 0; } */
#downloads { margin-top:10px; float:left; padding-bottom:10px; }
#downloads li { position:relative; margin-bottom:1px; line-height:normal; height:240px; }
#downloads li.no_right { margin-right:1px; }
#downloads .wp_sizes { width:87px; height:53px; position:absolute; bottom:15px; right:15px; }
#downloads .wp_sizes a { color:#4E5850; display:block; padding-left:23px; padding-top:6px; padding-bottom:0; border:none; font-size:11px; text-decoration:none; }
#downloads .wp_sizes a:hover { color:#C2BE96; }
#downloads .wp_size_1 { width:87px; height:26px; margin-bottom:1px; background:url(/images/wallpaper_size_bg.png) no-repeat; }
#downloads .wp_size_2 { width:87px; height:26px; margin-bottom:1px; background:url(/images/wallpaper_size_bg.png) no-repeat; }
/* ----------- SITEMAP ----------- */
#sitemap li { font-size:11px; margin-bottom:1px; }
#sitemap li a { background:url(/images/sitemap-level1-bg.png) no-repeat; color:#121212; display:block; width:193px; height:17px; padding-left:30px; padding-top:6px; padding-bottom:0; border:none; text-decoration:none; }
#sitemap li a:hover { background-position:0 -23px; color:#121212; }
#sitemap li ul li a { background:url(/images/sitemap-level2-bg.png) no-repeat; color:#121212; display:block; width:193px; height:17px; padding-left:30px; padding-top:6px; text-decoration:none; }
/* ----------- FORMS ----------- */
.form_general label { color:#676550; font-size:11px; }
.form_item { float:left; width:212px; margin-right:23px; margin-bottom:25px; }
.form_row { margin-bottom:25px; clear:both; }
.form_item.no_right { margin-right:0px; }
.form_item label { padding-bottom:6px; display:block; }
label.radio_label { width:auto; }
.form_item .general_input { width:202px; border:1px solid #C2BE96; padding:4px; }
.form_item select { width:210px; border:1px solid #C2BE96; }
.rad { margin-left:25px; }
.radio_txt { color:#676550; font-size:11px; }
.form_item #dob_day { width:50px; }
.form_item #dob_month { width:90px; }
.form_item #dob_year { width:90px; }
/*.bday_msg span { min-width:310px; display:block; float:left; }*/
#what_styles { margin:15px 0 30px 0; float:left; }
#what_styles li { width:130px; float:left; text-align:center; margin-right:25px; }
#what_styles li img { display:block; }
#remind_you { margin-bottom:20px; float:left; }
#remind_wife { margin-top:20px; }
.btn { display:block; text-indent:-9999px; border:none; border:0; }
.btn:hover { cursor:pointer; }
#submit {
background:url(/images/submit-btn.png) no-repeat;
width:74px; height:25px;
display:block;
text-indent:-9999px;
border:none;
border:0;
clear:both;
padding-top:30px;
}
.reminder { display:block; float:left; width:306px; padding-top:4px; }
.btn_holder { clear:both; margin-bottom:20px; }
/*Validation*/
form label.error { color:red; padding-left:6px; font-size:11px; margin-top:1px; margin-left:-6px; position:absolute; }
#contact_col_2 form label.error { color:red; }
/* contact form */
#contact_col_1 { width:282px; float:left; }
#contact_col_2 { width:401px; float:left; margin-top:3px; }
#contact_col_2 .form_item { width:185px; margin-bottom:25px; margin-right:0; }
#contact_col_2 .form_item .general_input { width:175px; }
#contact_col_2 .form_item select { width:185px; }
#contact_col_2 label { color:#676550; font-size:11px; }
#contact_col_2 textarea { width:391px; padding:4px; height:99px; border:1px solid #C2BE96; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
#contact_col_2 .form_item.fullformwidth { width:401px; }
/* ----------- FIND A STORE ----------- */
#country_selector { height:56px; background:url(/images/country-bg.png) repeat-x; }
#country_selector li { float:left; }
#country_selector li a { color:#fff; width:102px; height:39px; padding-top:17px; padding-bottom:0; border:none; display:block; text-decoration:none; text-align:center; }
#country_selector li.active a, #country_selector li.active a:hover { background-color:#CBC7A5; color:#000; }
#country_selector li a:hover { color:#C2BE96; }
.shadow { background:url(/images/shadow.png) no-repeat 0 48px; }
#stores_list li { margin-bottom:1px; }
#stores_list li a { background:url(/images/accordian_marker.png) no-repeat 657px 11px #C2BE96; color:#000; display:block; padding:10px 0; border:none; padding-left:10px; text-decoration:none; }
#stores_list li a:hover { background-color:#CBC7A5; color:#000; }
#stores_list li a span { color:#78744b; }
#stores_list li.active a { background-color:#000; color:#fff; background:url(/images/accordian_marker_down.png) no-repeat 657px 11px #000; }
#stores_list li.active a:hover { background-color:#000; color:#fff; }
#stores_list li table { width:100%; background-color:#d8d8d8; /*display:none;*/ }
#stores_list li tr { border-top:1px solid #fff; }
#stores_list li td { background-color:#d8d8d8; padding:10px 0; padding-left:10px; border-top:1px solid #fff; border-right:1px solid #fff; }
.branch_name { width:185px; }
.street_name { width:210px; }
.branch { width:140px; }
.tel { width:129px; }
#your_details_wrap { float:left; width:190px; margin-bottom:15px; }
#your_details li { /*margin-bottom:1px;*/ font-size:11px; }
#your_details li a { background:url(/images/listmarker.png) no-repeat; width:156px; height:18px; border:none; display:block; padding:5px 0 0 29px; color:#000; text-decoration:none; }
#your_details li a:hover { color:#000; background-position:0 -23px; }
.nationwide_col_1 { width:168px; }
.nationwide_col_2 { width:138px; }
#nationwide_wrap { float:left; }
#nationwide_wrap td { background-color:#d8d8d8; padding:5px 10px; border-top:1px solid #fff; border-right:1px solid #fff; }
#nationwide_wrap td.store_locator { background:url(/images/cross_marker.png) no-repeat #C2BE96 109px 7px; padding-right:30px; width:103px; }
#nationwide_wrap td.store_locator a { color:#333; text-decoration:none; }
#nationwide_wrap td.store_locator a:hover { color:#000; }
/* ----------- FOOTER ----------- */
html, body, #pagewrapper { height: 100%;}
body > #pagewrapper { height: auto; min-height: 100%;}
#main { padding-bottom: 62px; clear:both; } /* must be same height as the footer */
#footernav { position: relative;
margin-top: -62px; /* negative value of footer height */
height: 62px;
clear:both;
background-color:#c9c9c9;
}
#footer_inner { width:960px; margin:auto; height:62px; background:url(/images/bendon-warriors-lockup.png) no-repeat 0 0; }
#footernav ul { margin-top:23px; float:right; }
#footernav ul li { font-size:11px; float:left; font-family: "Segoe UI", Tahoma, Verdana; color: #4a4a4a; margin-right:12px; }
#footernav ul li a { color:#4a4a4a; text-decoration:none; background:url(/images/footer-divider.png) -1px 0px no-repeat; padding-left:12px; }
#footernav ul li a:hover { color:#000; }
#footernav ul li:first-child a { background-image:none; }
#footernav ul li.last_item { margin-right:0; }
/* ----------- TOOLS ----------- */
.float_L { float:left; }
.float_R { float:right; }
.clear { clear:both; }
.block { display:block; }
.clearfix {
zoom: 1; /* for IE7 */
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac /*/
height: 1%;/* End hide from IE-mac */
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active #main_content h1 {
font-family: Arial;
visibility: hidden;
font-size:24px;
}
.sIFR-active #main_content h1.smaller {
font-family: Arial;
visibility: hidden;
font-size:16px;
}
.sIFR-active #main_content h2 {
font-family: Arial;
visibility: hidden;
font-size:14px;
letter-spacing:2px;
}
.sIFR-active #contact_col_2 h2 {
font-family: Arial;
visibility: hidden;
font-size:16px;
letter-spacing:2px;
}
.sIFR-active #main_content .product h2 {
height:14px;
}
}