/*
    copyright 2008 Carhartt, Inc.
    Client: Carhartt
    Author: Mark Smith - Brulant, Inc.
    Date: 02/06/08
*/ 


/*=== prevents HR tags from stacking next to elements in Firefox 3 ===*/
hr {clear:both;}


body { margin: 0 10px 26px 10px; text-align: center; background-color: #E0BD69; background-image: url(../images/content/content/back_content.png); background-position: top center; background-repeat:repeat-y;}
body.clean { background-color: #fff; background-image: none; text-align: center;}

div#wrapper { width: 785px; margin: 0 auto 20px auto; padding: 0; text-align: left; background-image: url(../images/content/content/seam_bottom.png); background-position: bottom left; background-repeat: no-repeat; }
div#wrapperproduct { width: 785px; margin: 0 auto 20px auto; padding: 0; text-align: left; background-image: url(../images/content/content/seam_bottom.png); background-position: bottom left; background-repeat: no-repeat; }

body.popup_window { background-color: #fff; background-image: none;overflow:visible;padding:0;margin:0; }
body.popup_window div#wrapper { width: 599px; background-color: #fff; background-image: none; }

div.shortcut_links { position: absolute; left: -9999px; }
.bold {font-weight:bold;}

/* -------------------- GENERAL STYLES ------------------- */
div.left { float: left; }
div.left_50 { float: left; width: 45%; padding: 0px; text-align: center; }

div.right { float: right; }
div.right_50 { float: right; width: 45%; text-align: left;}
div.right_50 h3 { margin: 0;padding:0; }
div.right ul { margin: 10px 0 10px 10px; padding: 0; }

div.left_60 { width: 65%; float: left; }
div.right_30 { width: 30%; float: right; }

h1.left, h2.left, h3.left { text-align: left; }

span.right { float: right; margin: -15px 0 0 0; display: inline; }
ul.horiz {list-style: none; margin: 0px; padding: 0; }
ul.horiz li {float: left; margin: 2px 0px 2px 0; display: inline; }

ul.horiz_left {list-style: none; margin: 0px 0 0 0; padding: 0;clear:both;}
ul.horiz_left li {float: left; margin: 0px 0px 0px 0; padding:0; display: inline;}

ul.horiz li.right { float: right;  width: 50%; padding: 5px 0px 2px 0; display: inline; }
ul.horizcenter { list-style: none; margin: auto; padding: 0; }
ul.horizcenter li {float: left; margin: 2px 2px 2px 0; display: inline; }

img.left { float: left; }
img.right { float: right; }
img.right_hero { position: absolute; top: 0; right:30px; margin: 0 -30px 0 0;}
a img { border: 0; }
span.status { }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 1px; height: 0; }
/* ---------------- END GENERAL STYLES ------------------- */

/* ---------------------- MASTHEAD ----------------------- */
div#masthead { width: 785px; margin: 0; padding: 0; background-image: url(../images/header/header_logo_only.jpg); background-position: top left; text-align: center; }
div#masthead ul { margin: 0; padding: 0; list-style: none; }
div#masthead ul li { display: inline; }
div#mastheadproduct { width: 785px; margin: 0; padding: 0; background-image: url(../images/header/header_tall_logoonly.jpg); background-position: top left; text-align: center; }
div#mastheadproduct ul { margin: 0; padding: 0; list-style: none; }
div#mastheadproduct ul li { display: inline; }

img#logom{ float: left; width: 128px; height: 100px; margin: 0px 0 0 0; padding: 0; display: inline; }
img#logom a img { border: none; }
img#homelogo{ float: left; width: 130px; height: 122px; margin: 0px 0 0 0; padding: 0; display: inline; }
img#homelogo a img { border: none; }
img#producthomelogo{ float: left; width: 130px; height: 122px; margin: 0px 0 0 0; padding: 0; display: inline; }
img#producthomelogo a img { border: none; }
/* --------------------- TOP_NAV ------------------------- */
div#top_nav { float: right; padding: 5px 0 5px 0; display: inline; width: 655px; background-position: top left; height: 26px; }
div#top_nav ul#cart_nav { margin: 5px 0 0 0; }
div#top_nav ul#cart_nav li { padding: 0 5px; }
div#top_nav ul#cart_nav li.mycart { padding: 0 0 0 25px; background-image: url(../images/header/shoppingcartyellow.gif); background-position: bottom left; background-repeat: no-repeat; }

div#top_nav ul#company_links { margin: 10px 0 0 0; }
div#top_nav ul#company_links li {  display: inline; /*border-left: 1px solid #000;*/ }
div#top_nav ul#company_links li a {padding: 0 5px 0 7px;}
div#top_nav ul#company_links li:first-child { border-left: none; }

/* ------------------- END TOP_NAV ----------------------- */

/* --------------------- LOGIN_NAV ----------------------- */
div#login { float: right; width: 645px; height: 30px; padding: 10px 5px 0 5px; display: inline; }
div#login ul li { padding: 0 5px; }
div#login ul li:first-child { border-right: 1px solid #fff; }
div#login div.right { margin: -7px 0 0 0; padding: 0; }
/* ------------------- END LOGIN_NAV --------------------- */

/* ---------------------- MAIN_NAV ----------------------- */
div#main_nav { float: right; width: 650px; height: 20px; padding: 0; bottom: 0; background-position: top left; text-align: right; display: inline; }
div#main_nav_breadcrumb { float: right; width: 650px; height: 25px; padding: 0; bottom: 0;  background-position: top left; text-align: right; display: inline; }
div#main_nav_productbreadcrumb { float: right; width: 650px; height: 45px; padding: 0; bottom: 0;  background-position: top left; text-align: right; display: inline; }
div#main_nav ul { margin: 5px auto 5px auto; padding: 0px 0px 0px 0px; text-align: center; }
div#main_nav li { margin: 5px; padding: 0px 0 0px 0; }
/* -------------------- END MAIN_NAV --------------------- */

/* -------------------- BREADCRUMBS ---------------------- */
div#breadcrumbs { margin: 0; padding: 0 0 0 35px; text-align: left; }
div#breadcrumbs ul { margin: 0 0 0 2px; padding: 3px 0 3px 30px; float: right; width: 625px; display: inline; }
div#breadcrumbs ul li { float: left; margin: 0 5px 0 0px; display: inline; }
div#breadcrumbs ul li a{ /*magin: 0 30px 0 30px:*/padding-right:12px;  }

div#breadcrumbs ul#mens { background-color: #264f6a; background-image: url(../images/header/breadcrumb_mens.gif); /* blue */ }
div#breadcrumbs ul#womens { background-color: #6a0902; background-image: url(../images/header/breadcrumb_womens.gif); /* red */ }
div#breadcrumbs ul#kids { background-color: #5a8609; background-image: url(../images/header/breadcrumb_kids.gif); /* green */ }
div#breadcrumbs ul#footwear { background-color: #767c6d; background-image: url(../images/header/breadcrumb_footwear.gif); /* slate */ }
div#breadcrumbs ul#personalprotectiveclothing { background-color: #b8c008; background-image: url(../images/header/breadcrumb_personalprotectiveclothing.gif); /* yellow */ }
div#breadcrumbs ul#collections { background-color: #FFA500; background-image: url(../images/header/breadcrumb_collections.gif); /* orange */ }
div#breadcrumbs ul#newproducts { background-color: #9d8755; background-image: url(../images/header/breadcrumb_newproducts.gif); /* tan */ }
div#breadcrumbs ul#experience { background-color: #FFA500; background-image: url(../images/header/breadcrumb_experience.gif); /* black */ }
/* ------------------ END BREADCRUMBS -------------------- */
/* ------------------ END MASTHEAD ----------------------- */

/* --------------------- CONTENT ------------------------- */
div.contentcenter { position: relative; float: left; width: 410px; margin: 0 0 10px 0px; padding: 0 10px 10px 10px; display: inline; background-color: #fff; border: 1px solid #000; z-index: 3; }
div.contentcenter { position: relative; float: left; width: 410px; margin: 0 0 10px 0px; padding: 0 10px 10px 10px; display: inline; background-color: #fff; border: 1px solid #000; z-index: 3; }
div.fullwidth {width:95%; display: block; background-color: #fff; border: 1px solid #000; z-index: 3; height:300px;margin:10px auto;text-align:left;padding:10px 10px 0 10px;}
div.productContent {position: relative; float: left; width: 410px; margin:10px; padding: 0 10px 10px 10px; display: inline; background-color: #fff; border: 1px solid #000; z-index: 3;}
div.fullpage { float: right; width: 590px; margin: 10px 10px 10px 0px; padding: 0; display: inline; background-color: #fff; border: 1px solid #000; }
div.framepage { width: 765px; margin: 10px 10px 10px 10px; padding: 0; }

div.two_thirds_page { float: left; width: 570px; margin: 0px 5px 10px 8px; padding: 0 10px 10px 10px; display: inline; background-color: #fff; border: 1px solid #000; }
div.two_thirds_page .table {margin:0;position:relative;left:-10px;}
h2.mens, h3.mens, h2.womens, h3.womens, h2.kids, h3.kids, h2.footwear, h3.footwear,
    h2.personalprotectiveclothing, h3.personalprotectiveclothing, h2.collections, h3.collections,
    h2.newproducts, h3.newproducts, h2.experience, h3.experience { margin: 0 -10px 10px -10px; padding: 10px; }

div.iframe { width: 765px; margin: 10px 0 10px 0; padding: 0; background-color: #fff; border: 1px solid #000; }
div.halfpage { float: left; width: 50%; margin: 10px; padding: 10px; display: inline; background-image: url(../images/footer/back_footer_top.png); background-position: top left; }

div.frame_container { background-color: #fff; border: 1px solid #000; padding: 0; margin: 0; }
div.iframe_container {width: 765px; background-color: #fff; border: 1px solid #000; padding: 0; margin: 10px 10px 10px 10px }
iframe { margin: 0; padding: 0; }

div.highlight { background-color: #b64e00; margin: 0; padding: 10px; }

div.highlight_2 { background-color: transparent; margin: 10px 0 0 0; padding: 5px 10px 5px 10px; height: 25px; vertical-align: middle; }
div.highlight_2 ul { list-style: none; margin: 5px 0 0 0; padding: 0; }
div.highlight_2 ul li { float: left; padding: 0 2px 0 3px; display: inline; }
div.highlight_2 ul li.bar { border-right: 1px solid #000; }
div.highlight_2 div.right_2 { margin: 0px 0 0 0; padding: 0; text-align: right;}
div.highlight_2 div.right select { margin: -2px;}

div.sitemap_container { padding: 10px 20px; background-color: #fff; }
div.sitemap_container div.left_60 div.left_50 { text-align: left; }
div.sitemap_container div.left_60 div.left_50 ul, div.sitemap_container div.left_60 div.right_50 ul, div.right_30 ul{ margin: 0; padding: 0; list-style: none; }
div.sitemap_container div.left_60 div.left_50 ul.subnav, div.sitemap_container div.left_60 div.right_50 ul.subnav, div.right_30 ul.subnav { margin: 0 0 0 10px; }
div.left_60 h3, div.right_30 h3 { margin: 10px 0 5px 0; }

div.third_page { float: right; width: 32%; margin: 10px 10px 10px 0; padding: 10px 0 50px 10px; display: inline; background-image: url(../images/header/masthead_back.png); background-position: top left; text-align: center; }
div.third_page ul { list-style: none; margin: 0; padding: 0; }
div.third_page ul li { width: 30%; margin: 0 0 15px 0; padding: 0; }

img.featured { position: relative; top: -40px; left: -15px; z-index: 10; }
img.left { margin-bottom: 20px; }

p.highlight { background-color: #b64e00; margin: 0; padding: 10px; }

ul#category { list-style: none; }
ul#category li input { border-color: #e7a809; }
div#content { width: 785px; margin: 0 0px 0px 0; background-image: url(../images/content/content/back_content.png); background-position: top left; z-index: 2; }
div#contentproduct { width: 785px; margin: 0 0px 0px 0; background-image: url(../images/content/content/back_content.png); background-position: top left; z-index: 2; }
div#divider { position: relative; margin: 10px 0 -25px 0; padding: 0; background-image: url(../images/content/content/seam_mid.png); background-position: 0 0; background-repeat: repeat-x; z-index: 1; }
div#divider img#snap { position: relative; left: 675px; top: -25px; z-index: 4; }

div#divider2 { height: 35px; margin: 0px 0px 0 0px; padding: 0; background-image: url(../images/content/content/seam_mid.png); background-position: 0 0px; background-repeat: repeat-x; z-index: 3; }
div#divider2 img#snap { position: relative; left: 500px; z-index:10; }

div#flash_banner { position: relative; height: 226px; width: 785px; margin: 0px 0 -35px 0; padding: 0 0 0 0; top: 0; background-image: url(../images/content/content/back_denim2.png); background-position: 0 50px; background-repeat: repeat-y;  text-align: left; z-index: 1;position:relative; }
div#flash_banner img { margin: -20px 0 0 0; }
.flash_wrapper {
background:url(../images/content/home/flash_bg.png) no-repeat;
width:784px;
height:225px;
margin:0 0 0 0;
top:-20px;
position:absolute;
left:0;
overflow:hidden;}

#flash_box {width:458px;height:195px;margin:25px 0 0 35px;overflow:visible;
float:left;}
.flash_text {float:left;position:relative;margin:25px 0 0 0;color:orange;width:250px;padding:20px 0 0 10px;}
.flash_text h3 {font:normal 15pt Arial; color:orange;margin:0;padding:0;}
.flash_text h4 {font:normal 10pt Arial; color:#fff;margin:0;padding:0;}
div.flash_text p {font:normal 10px inherit; color:#c09f6f;}


div#header { position: relative; height: 164px; width: 535px; float: right; margin: 0; top: 0px; padding: 0px 30px 0 45px; background-image: url(../images/content/content/new_header_01.png); background-position: top right; background-repeat: no-repeat; display: inline; z-index: 1; }
div#header h1 {position:relative;margin: 20px 0 0 0;z-index:15; }
div#header div.right { margin: -10px 0 0 0; }
div#header div.right_hero { margin: -50px 0 0 0; }

div#header2 { margin: 0px 0 10px 0; z-index: 1; }
div#header2 div.right { margin: -10px 0 0 0; }

div#tough_jobs { width: 601px; float: right; padding: 30px 10px 10px 0px; background-image: url(../images/content/content/new_header_02.png); background-position: top right; background-repeat: no-repeat;color:#fff;}
div#tough_jobs h1 {position: relative; margin: -30px 0px 10px 0px; padding: 30px 0 0px 30px; }
div#tough_job_preview { width: 581px; margin: 10px 0 0px 0px; padding: 0px 20px 30px 10px; height: 80px; background-image: url(../images/content/content/new_header_02.png); background-position: bottom right; background-repeat: no-repeat;}
div#tough_job_preview ul { list-style: none; margin: 0 0px 0 30px; padding: 0; }
div#tough_job_preview ul li { float: left; margin: 0 15px 0 0; }
div#tough_job_preview ul li.arrow { padding: 10px 0 0 0; }
div#tough_job_preview ul li p { width: 65px; text-align: center; }

div.tough_jobs { margin: 0 0 0 30px;height:80px;width:250px;overflow:hidden; }
img.tough_main_photo { position: relative;  left: 10px; }

div.header_small { margin:0; width: 611px; float: right }
div.header_small div.right{ width: 611px;}
div.header_small img.header_small { float: right; margin: 0 0 0 0; display: inline; }

p.intro {/* width: 75%;*/ }
p.intro {position: relative; width: 300px; margin: 5px 0 5px 0; z-index: 10; }
.sizeguide {margin:10px 0 0 0;}
/* --------------------- END CONTENT --------------------- */
/* Racing Sponsor */
.b_previous {
background:#FFFFFF url(../images/content/content/previous.jpg) no-repeat scroll center;
border:0;
color:#FFFFFF;
padding-right:13px;
}

.b_next {
background:#FFFFFF url(../images/content/content/next.jpg) no-repeat scroll center;
border:0;
color:#FFFFFF;
padding-right:13px;
}

.b_previous_disabled {
background:#FFFFFF url(../images/content/content/previous_disabled.jpg) no-repeat scroll center;
border:0;
color:#FFFFFF;
padding-right:13px;
}

.b_next_disabled {
background:#FFFFFF url(../images/content/content/next_disabled.jpg) no-repeat scroll center;
border:0;
color:#FFFFFF;
padding-right:13px;
}

/* ----------------------- LEFT_NAV ---------------------- */
div#difference { width: 165px; float: left; padding: 15px 0px 10px 0; display: inline; }
div#difference h3 { height: 100px; padding: 0px 0px 0px 0; background-image: url(../images/content/content/difference_tab.png); background-position: top left; background-repeat: no-repeat; }

div#left_nav { position: relative; float: left; width: 170px; /* min-height: 500px; */ /*height: 100%; */ margin: 0; z-index: 5; display: inline; }
div#left_nav ul { margin: 20px 0 0 0; padding: 0 20px 0 0; list-style: none; z-index: 5; text-align: right; }
div#left_nav ul.ppc-nav { margin: 20px 0 0 0; padding: 0 10px 0 0; list-style: none; z-index: 5; text-align: right; }
div#left_nav ul li { margin: 5px 0 0 0; padding: 0 0px 0 0px; }

div#left_nav ul li.selected { position: relative; margin: 5px -35px 5px 0; padding: 5px 35px 0 0; background-image: url(../images/content/content/selected.gif); background-position: top right; background-repeat: no-repeat; z-index: 5; }
div#left_nav ul.ppc-nav li.selected { position: relative; margin: 5px -35px 5px 0; padding: 5px 15px 0 0; background-image: url(../images/content/content/selected.gif); background-position: top right; background-repeat: no-repeat; z-index: 5; width:100%}

div#left_nav ul li a:hover {text-decoration:underline;color:#fff;}
/*div#left_nav ul li:hover {background-color:#567a8a;}*/

div#left_nav ul#index { margin: 20px 0 0 0; padding: 0 25px 0 0; list-style: none; z-index: 5; text-align: right; }
div#left_nav ul#index li { margin: 5px 0 0 0; padding: 0 0px 0 0px; }
div#left_nav ul#index li.selected { margin: 10px 10px 10px 0px; padding: 5px 10px 5px 10px; }

div#left_nav li ul.subnav { margin: 0; padding: 0; }
div#left_nav li ul.subnav li { margin: 5px 0 0 0; padding: 0; text-align: right; }
div#left_nav li ul.subnav li.selected { position: relative; margin: 5px -27px 5px 0; padding: 5px 27px 0 0; background-image: url(../images/content/content/selected.gif); background-position: top right; background-repeat: no-repeat; z-index: 5; }


img.tag { margin: 0 0 0 -16px; }
div#left_nav h2 { text-align: right; margin: 20px 20px 0 0; }
div#left_nav h3.collections { background-image: url(../images/content/content/tags/tag_collections.png) }
div#left_nav h3.footwear { background-image: url(../images/content/content/tags/tag_footwear.png) }
div#left_nav h3.kids { background-image: url(../images/content/content/tags/tag_kids.png) }
div#left_nav h3.mens { margin: -50px 0 0 -17px; padding: 30px;}
div#left_nav h3.new { background-image: url(../images/content/content/tags/tag_new.png) }
div#left_nav h3.protect { background-image: url(../images/content/content/tags/tag_protect.png) }
div#left_nav h3.womens { background-image: url(../images/content/content/tags/tag_womens.png) }
/* --------------------- END LEFT_NAV -------------------- */

/* ---------------------- PREVIEW PANEL ------------------ */
div#preview_panel { margin: -45px 0 0 0; padding: 5px 10px 0 0; background-image: url(../images/header/masthead_back.png); background-position: 0 0;  min-height: 195px; z-index:5; }
div#preview_panel div#left_nav { float: left; width: 182px; padding: 0; min-height: 100px; }
div#preview_panel div#left_nav ul { margin: -75px 0 0 0; padding: 20px 0 10px 0; list-style: none; background-image: url(../images/content/content/back_blue_denim.png); background-position: top left; text-align: right; }
div#preview_panel div#left_nav ul li { margin: 5px 0; padding: 5px 15px 0 0; }
div#preview_panel div#left_nav ul li.selected { position: relative; margin: 5px -15px 5px 0; padding: 5px 30px 0 0; background-image: url(../images/content/content/selected.gif); background-position: top right; background-repeat: no-repeat; z-index: 5; }

div#marquee { position: relative; width: 391px; height: 213px; margin: -21px -10px; background-image: url(../images/content/home/back_marquee.png); background-position: top left; background-repeat: no-repeat; z-index: 3; }
div#marquee div.left { margin: 20px -20px 0 20px; padding: 0 0 0 10px; }
div#marquee div.left ul { margin: 5px 0 0 10px; padding: 0; }

div#marquee div.right { position: relative; top: 20px; left: -40px; margin: 0; text-align: center; z-index: 5;}
div#marquee div.right ul { list-style: none; margin: 0; padding: 0;}
div#marquee h2 { margin: 15px 0 0 0;}
div#marquee h3 { margin: 5px 0 0 0; }
div#marquee p { margin: 10px 0 0 0;}
img.marquee { position: relative; top: 10px; right: 0; margin: 0 0 10px 0; }
/* ---------------------- END PREVIEW PANEL ------------------ */

/* ------------------- EXPERIENCE CARHARTT --------------- */
div#experience { width: 610px; float: right;margin-top:20px;}
div#flash_component { height: 370px; margin: -35px 0px 0px 0px; background-color: #eee;}

div.blank { height: 25px; }

img.exper { margin: -10px 0 0 -13px;}
img.diff_right_large { height: 250px; width: 250px; float: right; }
div#close_window {  height: 50%; margin: 0 ;width:auto; padding: 0 30px; background-color: #000;  }
div#close_window h1 {font:bold 18px Arial;}
div#close_window h3 {font:normal 12px Arial;}

/* --------------- END EXPERIENCE CARHARTT --------------- */

/* ------------------- PRODUCT CATEGORIES ---------------- */
div.cat_desc { /*width: 45%;*/ margin: 0 0 0px 0; float: left; display: inline; }
div.cat_desc_right {  width: 75%;  margin: 0 0px 10px 0px; float: right; display: inline; }
div.category h3 {margin: 0 0 5px 0; padding: 0 0 5px 0; border-top: 1px solid #666; }
div.cat_desc_right p {/* float: right;*/ width: 85%; /**/  margin: 0 0px 0 0; }
div.cat_desc_right ul { display: inline; list-style: inside; }

div.category {height: 100%; padding: 5px 10px 5px 10px; /*width: 45%;*/ }

div.row { background-color: #fff; margin: 0 auto 0 15px; }
div.product_categories { margin: 10px 0 10px 0px; padding: 0; background-color: #fff; }

div.category_detail { float: left; height: 200px; width: 130px; padding: 0; text-align: center; background-color: #fff; }
div.category_detail ul { margin: -20px auto 0 auto; list-style: none; padding: 0}
div.category_detail ul li{ text-align: center; }
div.category_detail img { /*text-align: center; */ margin: 0 auto;}

/* ----------------- PPC pages css added by Asya -------------------------*/
div.category_PPCdetail { float: right; height: 200px; width: 240px; padding: 0; text-align: left; background-color: #fff; }
div.category_PPCdetail ul { margin: -20px auto 0 auto; list-style: none; padding: 0}
/* ----------------- PPC pages css added by Asya -------------------------*/


p.cat_desc { float: right; width: 225px; margin: -45px 0 0 0; }
/* ----------------- CATEGORY HEADERS -------------------------*/
div.mens { background-color: #264f6a; }
div.womens { background-color: #6a0902; }
div.kids { background-color: #5a8609; }
div.footwear { background-color: #767c6d; }
div.protect { background-color: #b8c008; }
div.collections { background-color: #bd6405; }
div.products { background-color: #9d8755; }

div.mens div.left,
div.womens div.left,
div.kids div.left,
div.footwear div.left,
div.protect div.left,
div.collections div.left,
div.products div.left h2{ text-align: left; margin: 0; border: 1px solid white; }
/* ------------- END CATEGORY HEADERS -------------------------*/

div.cat_right div.right2 { margin: 10px 0 10px 10px; text-align: right; }
div.fullpage div.category_detail { margin: 0 5px 0 5px; }

div.contentcenter h2 { }
div.fullpage h1 {margin: 10px; padding: 0px;}
div.fullpage h2 {margin: 0 0px 10px 0px; padding: 10px;}

a.view_more {float: left; margin: -35px 0 0 255px; }

div.left_showing { float: left; text-align: left; margin: 5px 0 0 0;}
div.right_showing { float: right; text-align: right; margin: 2px 0 0 0;}


h2.mens, h3.mens {  background-color: #264f6a;}
h2.womens, h3.womens { background-color: #6a0902;}
h2.kids, h3.kids { background-color: #5a8609;}
h2.footwear, h3.footwear { background-color: #767c6d; }
h2.personalprotectiveclothing, h3.personalprotectiveclothing { background-color: #b8c008; }
h2.collections, h3.collections { background-color: #bd6405; }
h2.newproducts, h3.newproducts { background-color: #9d8755; }
/* --------------- END PRODUCT CATEGORIES ---------------- */


/* ---------------- PRODUCT DETAIL PAGE ------------------------- */
a.size_chart { margin: 0 0 10px 0; }
div.availability { float: left; margin: 10px -5px 0 0; display: block; }
div.contentcenter div.left { width: 45%; margin: 0; padding: 10px 0; text-align: center; }
div.contentcenter div.right { width: 55%; margin: 0; padding: 0; text-align: left; }
div.contentcenter div.right select { float: right; margin: 5px 0; display: inline; width: 80px; }
div.level_one { margin: 20px 0 0 0; padding: 10px; text-align: left; background-image: url(../images/content/content/back_level_one.png) ; background-position: top left; }
div.level_two { margin: 0; padding: 0 0 10px 0; text-align: left; background-image: url(../images/content/content/back_level_two.png) ; background-position: top left; }
div.level_two ul { padding: 0; display: inline; }
div.level_two ul li { padding: 5px 0 5px 10px; list-style: inside; border-width: 1px 0 0 0; border-style: dotted; border-color: #000; }
div.selector { margin: 5px 0 5px 0; }
div.selector_hidden{ visibility: hidden; line-height: 1px; height: 0; }

div#addToCart {float:right;margin:0pt;padding:0pt;}
div#wishlist ul { margin:4px 0 0 0; list-style: none; text-align: left;padding:0;width:100%; }
div#wishlist ul li {width:150%;}
div#wishlist {margin: 0; padding: 0; float: left; text-align: left; }
.addtocart {height:20px;width:79px;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
.b_blue1 {height:20px;width:auto;padding:0 5px;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
.orangebtn {height:20px;width:auto;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
.findretailer {height:20px;width:79px;border:solid 1px #000;margin:0;background-color:#B24C00;color:#FFFFFF;font-size:inherit;}
.viewcatalog {height:20px;width:79px;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
.b_gray7 {height:20px;width:auto;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
.brownbtn {height:20px;width:auto;border:solid 1px #000;margin:0;background-color:#e7a809;color:#000;font-size:inherit;}
div#addToCart ul li {margin:0;padding:0;}
div#addToCart ul { list-style: none; margin: 0; padding: 0;text-align:center; }

ul.product_description { margin: 0 0 10px 5px; padding: 0 0 0 10px; text-align: left; list-style-image: url(../images/content/content/pointer.png); }
ul.features { margin: 0 0 0 10px; padding: 0; list-style: outside;text-align:left;}
ul.features li { margin: 5px 0 0 0;list-style-position:outside; }
ul.more_details { display: block; margin: 0px 0 0 0; padding: 5px 0 0 0; list-style: none; }
ul.more_details li {margin:0;padding:0;}
h2.product_name { margin: 0; padding: 0; }
div.new_button { float: left; margin: 0px 0 0px 10px; padding: 0 0px 0 0;  }

img.image_detail { height: 30px; width: 30px; margin: 5px;}
img.main_image { float: left; height: 225px; width: 225px; margin: 10px 0 10px 0; }

div#color_swatches { margin: 10px 0; }
div#color_swatches p {margin:0 0 3px 0;}
img.swatch { height: 15px; width: 40px; margin: 0 2px; }
img.swatch_selected { height: 15px; width: 40px; border: 1px solid; padding: 1px; margin: 0 0 0 0;}


table.rating { border: 1px solid #b64e00; margin: 0; }
table.rating th { background-color: #e7a809; padding: 5px; text-align: center; }
table.rating td { text-align: center; }

ul.attribute_icons { list-style: none; margin: 10px 0 0 0; padding: 0; }
ul.left { text-align: left; }

ul.swatches { padding: 15px 0 0 0; display: inline; }
ul.swatches li {margin: 0; padding: 0;}
li.brown { list-style-image: url(../images/content/content/products/colors/sd_cbn.jpg); list-style-position: inside; }
li.darkbrown { list-style-image: url(../images/content/content/products/colors/sd_brn.jpg); list-style-position: inside; }
li.midnight { list-style-image: url(../images/content/content/products/colors/sd_mdt.jpg); list-style-position: inside; }
li.moss { list-style-image: url(../images/content/content/products/colors/sd_mos.jpg); list-style-position: inside; }
li.black { list-style-image: url(../images/content/content/products/colors/sd_blk.jpg); list-style-position: inside; }


/* ---------------- END PRODUCT DETAIL PAGE --------------------- */


/* --------------------- ESPOTS -------------------------- */
div.espots_right { position: relative; float: right; width: 160px; margin: 0 10px 0 0; padding: 0; top: -1px; display: inline;  text-align: center; z-index: 8; }
div.espots_right ul li a{ margin-right: 0;}
div.espots_right_2 { position: relative; float: right; width: 175px; margin: 0; padding: 10px 0 0 0; top: 0; display: inline; z-index: 8; }
div.espots_left { position: relative; float: right; width: 160px; margin: 5px 5px 10px 0; padding: 0; top: -1px; display: inline;  text-align: center; z-index: 8; }
/* div.espots_left ul li a{ margin-left: 0;}
div#espots_left ul li a:hover {text-decoration:underline;color:black;}
*/
div.espots_bottom { float: right; width: 765px; margin: 0 0 0 0; padding: 10px 20px 10px 0; display: inline; text-align: right; background-image: url(../images/content/content/back_denim2.png); background-position: top left; }
div#espots_productbottom { float: right; width: 785px; background-position: top left; }
div.espot { text-align: center; margin: 0 0 10px 0; z-index: 8; }
div.suggested_container { padding: 0 5px 25px 5px; text-align: center; background-color: #fff; border: 1px solid #B64E00; }
div.suggested_container h3 { margin: 0 -5px; padding: 10px 0; background-image: url(../images/content/content/back_dark_brown.png); }
div.suggested_container hr { border: 1px solid #eee; }
div.suggested_item ul { margin: -20px 0 10px 0; padding: 0;text-align: center; list-style: none; }
div.suggested_item ul li a { text-decoration: none; }
div.suggested_item_espot ul { margin: -20px 0 10px 0; padding: 0;text-align: center; list-style: none; }
div.suggested_item_espot ul li a { text-decoration: none;color:black; }
/* div.suggested_item_espot ul li a hover { text-decoration: none;color:black; } */
div.suggested_item_espot a { text-decoration: none;color:black; }
div.suggested_item_espot a:link { text-decoration: none;color:black; }
div.suggested_item_espot a:hover {color:black; }
div.suggested_item img { margin: 10px 0 0 0; }
a.espots_left:link { color: blue; text-decoration: none }
a.espots_left:hover { color: black; text-decoration: underline }


/* --------------------- END ESPOTS ----------------------- */


/* ---------------------- SEARCH_ITEM -------------------- */
div.search_item {     float: left; width: 130px; padding: 10px 0; margin: 0; text-align: left; }
/*
FIX FOR FIREFOX 3
div.search_item ul { list-style: none; margin: 0; }
*/
div.search_item ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*=== removes margin from UL ===*/
	margin:0px;
	/*=== removes padding from UL ===*/
	padding:0px;
}
/* -------------------- END SEARCH_ITEM ------------------ */

/* ------------------- SEARCH RESULTS -------------------- */
ul.retailers { list-style: none; display: inline; }
ul.retailers li { margin: 2px 0; }
/* ------------------ END SEARCH RESULTS ----------------- */


/* --------------- SPONSORSHIPS AND AFFILIATIONS --------- */
div#sponsors { margin: 0 0 -30px 0; padding: 5px 0 0 0; background-image: url(../images/content/content/back_denim2.png); background-position: top left; }
div#sponsors_inner { height: 145px; margin: 5px 0 -40px 0; padding: 7px 0 0 0; background-image: url(../images/content/content/back_dark_brown.png); background-position: top left; }
.racecar { float: right; width: 580px; margin: 0 10px 0 0; padding: 0 0 0 0; height: 131px; /*background-image: url(../images/content/home/racecar.png); background-repeat: no-repeat;*/margin:0; }
div.racecar h2, div.racecar h3 { margin: 0; }
/* ------------- END SPONSORSHIPS AND AFFILIATIONS ------- */


/* ----------------- TABS -------------------------------- */
div#detail-tab ul { margin: 20px 10px -2px 0; }
div.ui-tabs-panel { height: 150px; overflow: auto; padding: 10px 10px; margin: 0 -2px 10px 0; border-width: 1px 2px 2px 2px; border-style: solid; border-color: #b64e00;}
div.ui-tabs-panel h3 { margin: 5px 0 5px 0; }
ul.ul-tabs-nav li {margin:0 0 0 0;padding:0;}

/* -- pop-up windows -- */ 
div#popup_content div.ui-tabs-panel { height: 100%; overflow: visible; padding: 10px 10px; margin: 0 -2px 10px 0;border:0; /*border-width: 1px 2px 2px 2px; border-style: solid; border-color: #b64e00;*/ }
div#popup_content div.ui-tabs-panel h3 { margin: 5px 0 5px 0;clear:both; }
div.thank_you { margin: 10px 0; padding: 10px; border: 1px solid #000; background-color: #e3d497; background-image: url(..images/content/content/back_content.png);  }
div.thank_you div.left { margin: 0 30px 50px 0; }
/* --------------- END TABS ------------------------------ */

/* FIX FOR FIREFOX 3 */
.ui-tabs-nav .ui-tabs-selected a span {
background-position:right -22px;
cursor:default;
margin-bottom:-1px;
/*=== fixes Firefox 3 wrapping issue ==*/
white-space:nowrap;
}


/* ---------------------- FOOTER ------------------------- */

div#footer { margin: 0; padding: 0 0 26px 0; }
div#footer ul { list-style: none;  margin: 0; padding: 0; display: inline; }
div#footer ul li:first-child { border-left: none; }
div#footer ul li {  display: inline; /*border-left: 1px solid #000;*/ }
div#footer ul li a { margin: 5px 0 0 0;padding: 0px 5px 0 5px;}

div.footer_top { height: 87px; padding: 0px 10px; background-image: url(../images/footer/back_footer_top.png); background-position: top left; background-repeat: repeat-x; }
div.footer_top ul#benefits { margin: 5px 0 0 0; display: inline; }
div.footer_top div.right { margin: 10px 0 0 0; text-align: right; }
div.footer_top div.right ul li { padding: 0;}

div.footer_bottom { height: 35px; padding: 10px; background-image: url(../images/footer/back_light.png); background-position: top left; }
div.footer_bottom ul#company_info { width: 600px; margin: 0 0 5px 0; }
div.footer_bottom  div.right { text-align: right;}
div.footer_bottom  div.right ul { }
div#email_updates { padding: 0px 125px 5px 0; background-image: url(../images/footer/newboots.gif); background-repeat: no-repeat; background-position: 200px 15px; }

span.copyright { margin: 0; padding: 0;}

/* ------------------- END FOOTER ------------------------ */

/* --------------------- FORM ITEMS ---------------------- */
input#search { margin: 5px 0 -5px 0; }
input#search_again_submit {margin: 5px 0 -5px 0; }
input#emailsubmit { margin: 5px 5px -5px 5px; }
input#size, input#size2 {margin: 0 0 0 0; padding: 0; display: inline;}
input#quantity { text-align: right; }
select { margin: 0; padding: 0; text-align: left; }

ul.horiz li.right label_size { margin: 0 ; display: inline; }
ul.horiz li.right select { margin: 0; }

input#email_updates { margin: -10px 5px 0px 0; }
span.checkbox_label { margin: 10px 0 10px 0;}

div.email_friend { padding: 0 10px; }
div.form_element { margin: 10px 0 0 0; }
/* -------------------- END FORM ITEMS ------------------- */
/*--------------------- Catalog Page ----------------------*/
#catalog div.left {margin:5px 5px 0 0;}
div#catalog {padding:0 0 0 0;font:11px Arial, Helvetica, sans-serif;}
div#catalogRight {width:auto;margin:0;padding:0;float:right;}
div#catalogRight ul{width:25em;list-style:none;margin:0;padding:0;  /* room for 3 culumns */}
div#catalogRight ul li{float: left;width: 124px;margin:0 0 0 10px;  /* accommodate the widest item */}
/* stop the floating after the list */
div#catalogRight br{clear: left;}
div#catalogRight img {margin:0;padding:0;}
div#catalogRight p {margin:3px 0 3px 0;padding:0;}
.strong {font-weight:bold;}
.coverImage {width:100px;height:100px;}

div#catalogLeft {height:100%;width:auto;margin:0;padding:0;}
div#catalogLeft ul{width:400px;list-style:none;margin:0;padding:0;}
div#catalogLeft ul li{float: left;width: 145px;margin:0;  /* accommodate the widest item */}
/* END Catalog Page */
/* Order Item Page */
.pageHeading {margin:0;}
.pageHeading h1 {margin:0;}
#WC_OrderItemDisplay_Table_2 {margin:0 0 0 -10px;}
#WC_OrderConfirmationDisplay_Table_2 {margin-left:-10px;}
/* END Order Item Page */

/* Personal Protective Clothing */
.ppc-box {border-top:dotted 1px #666;margin:10px 0;padding:10px 0;}
.ppc-box img {float:left;}
.ppc-box img.logo {float:none;}
.ppc-box p {display:block;float:right;width:440px;}
.ppc-box p.standards {float:none;width:100%;}
.ppc-box div.right {display:block;float:right;width:440px;}

ul.marginNav {margin:0 30px 0 10px;padding:0;float:left;}
ul.marginNav li {clear:left;list-style-image:url(../images/content/content/i_arrow_nav1.gif);list-style-position:outside;}
ul.marginNav li.selected {list-style-image:url(../images/content/content/i_arrow_nav1_selected.gif);}

ul.faq {list-style-image:url(../images/content/content/i_arrow_nav1.gif);}
ul.faq li {list-style-image:url(../images/content/content/i_arrow_nav1.gif);}

.standard-list {margin:0 50px 0 0;padding:0;float:left;}
.standard-list li {clear:left;list-style:none;}

.tradeshows {width:100%;}
.tradeshows thead tr th {height:30px;background:#F5F5F5;padding:0 5px;}
.tradeshows thead tr td {background:#46698C;}
.tradeshows tbody tr td {height:30px;background:transparent;padding:0 5px;}
.tradeshows tbody tr.even {background:#EEEEEE;}
.tradeshows tbody tr.odd {background:#E5E5E5;}



/* ------------ ADJUSTMENTS FOR OLD CSS CONFLICTS -------- */
div.marginTnText { text-align: left;}

/* -------- CARRIED OVER FROM MASTER3_1.CSS -------------- */
/* hrc styles */
td.hrc1left { background-color:#002F5D; 
              border-left-style:solid; border-left-width:1px; border-left-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black; 
}
td.hrc1right { background-color:#002F5D; 
              border-right-style:solid; border-right-width:1px; border-right-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black; 
}
td.hrc2left { background-color:#EBB600;
border-left-style:solid; border-left-width:1px; border-left-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black; 
}
td.hrc2right { background-color:#EBB600;
			  border-right-style:solid; border-right-width:1px; border-right-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black; 
}

td.hrc3left { background-color:#C0722F; 
              border-left-style:solid; border-left-width:1px; border-left-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black; 
}

td.hrc3right { background-color:#C0722F;
			  border-right-style:solid; border-right-width:1px; border-right-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black;
}              
td.hrc4left { background-color:#B0232A;
              border-left-style:solid; border-left-width:1px; border-left-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black;
}

td.hrc4right { background-color:#B0232A;
              border-right-style:solid; border-right-width:1px; border-right-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black;
}               
td.hvc1left { background-color:#000000;
              border-left-style:solid; border-left-width:1px; border-left-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black;
}
td.hvc1right { background-color:#000000;
 			  border-right-style:solid; border-right-width:1px; border-right-color:black;
              border-top-style:solid; border-top-width:1px; border-top-color:black;
}

.marginIcon1 {
padding:0px 0px 0px 13px;
text-indent:-13px;
}

.marginNav2 {
padding:0px 10px 4px 26px;
text-indent:-15px;
}

.marginNav3 {
padding:0px 10px 4px 44px;
text-indent:-18px;
}

#custMarg {margin-left:-4px;
	margin-right:-2px;}
	
.bgGray3 {	BACKGROUND-COLOR: #e5e5e5}
/* -------- END CARRY OVER FROM MASTER3_1.CSS -------------- */

/* -------- CARRIED OVER FROM STYLE_CARHARTT_FORMS.CSS ---
.b_gray7 {
background:#888888 url("/wcsstore/CarharttConsumer/images/bg_b_gray_7.gif") top right no-repeat;
border:1px solid;
border-top-color:#C4C4C4;
border-left-color:#C4C4C4;
border-right-color:#444444;
border-bottom-color:#444444;
color:#FFFFFF;
cursor: pointer;
padding-right:13px;
}

.b_blue1 {
background:#46698C url("/wcsstore/CarharttConsumer/images/bg_b_blue_1.gif") top right no-repeat;
border:1px solid;
border-top-color:#A3B4C6;
border-left-color:#A3B4C6;
border-right-color:#233446;
border-bottom-color:#233446;
color:#FFFFFF;
cursor: pointer;
padding-right:13px;
} */

.fieldSearch {
background-color:#FFFFFF;
border:1px solid #FFFFFF;
font-family:verdana,arial,helvetica,sans-serif; 
font-size:11px;
width:145px;
}

.quickProfileButtonStyle:link {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt; font-weight: bold; color: #D5E2EC;   margin-left: 5px; margin-right:5px; text-decoration: none; height: 14px; white-space:nowrap;}
.quickProfileButtonStyle:active {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt; font-weight: bold; color: #D5E2EC;  margin-left: 5px; margin-right:5px; text-decoration: none; height: 14px; white-space:nowrap;}
.quickProfileButtonStyle:visited {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt; font-weight: bold; color: #D5E2EC;  margin-left: 5px; margin-right:5px; text-decoration: none; height: 14px; white-space:nowrap;}
.quickProfileButtonStyle:hover {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt; font-weight: bold; color: white;  margin-left: 5px; margin-right:5px;  text-decoration: none; height: 14px; white-space:nowrap;}
.quickProfileButtoncell {border: 2px solid; border-color : #5D8BAD #164161 #164161 #5D8BAD; height:14px; background-color: #285577}
/* -------- END CARRY OVER FROM STYLE_CARHARTT_FORM.CSS -- */

/* -------- BAZAARVOICE RATINGS FIX ---------------------- */
table.ratingBar { cursor: pointer; height: 15px; width: 80px; }
/* -------- END BAZAARVOICE RATINGS FIX ---------------------- */

/* -------- EXPECTATIONS ---------------------- */

.expectationsBold{ font-size:14px;}
ul.expectations { list-style-image:url(/FieldTest/images/arrow.gif);}
ul.expectations li{ padding-bottom:5px; font-size:12px;}
.text{ font-size:12px;}

div.statusbox {
	background-color:#ECD7A5;
	border:1px dashed #E0BD69;
	margin:10px 10px 10px 0;
	padding:5px;
	width:550px;
	font-size:12px;
}
div.statusbox.faq {
	width:500px;
}