@charset "utf-8";
/* meta */
body{margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#000;color:#fff;}\
p{font-size:1em;}
ul, li{margin:0;padding:0;list-style-type:none;}
img{border:none;}


/* h1 (acts as logo) */
#logo {margin-top:7px;margin-right:55px;float:left;width:225px;height:55px;}
#logo a {/*display:block;width:100px;height:55px;text-indent:-9999em;overflow:hidden;*/}

/* misc */
.clear{clear:both;}

/* header */
#header_container{padding:0;margin:0;height:70px;background:#000;border-bottom:2px solid #C41230;text-align:center;/*-moz-box-shadow:0 2px 25px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 2px 25px rgba(0, 0, 0, 0.4);*/}
#header{width:900px;margin:0 auto;color:#fff;}
/* header navigation */
#header ul.navigation {padding:0;margin:0;}
#header ul.navigation li{height:50px;padding-top:20px;float:left;display:inline;_text-align:center;/*ie6 margin-auto fix*/}
#header ul.navigation li:hover{background:url("http://spimarketing.net/dickies/mock2010/images/nav_hover.png") repeat-x #000;}
#header ul.navigation li:hover a{color:#fff;}
#header ul.navigation li a{text-decoration:none;font-weight:bold;color:#CCC;height:50px;}
#header ul.navigation li a:hover{color:#fff;}
#header ul.navigation li.small_width{width:75px;}
#header ul.navigation li.large_width{width:125px;}
#header #search{padding-top:19px;float:right;}
#header #search h3{margin:0;font-size:.8em;text-align:left;color:#ccc;}
.search_btn, .submit_btn{padding-top:9px;height:25px;text-indent:-9999px;font-size:0em;border:none; cursor:pointer;}
.search_btn{width:75px;background:url("http://spimarketing.net/dickies/mock2010/images/search_btn.png") no-repeat;}
.submit_btn{height:20px;width:35px;background:url("http://spimarketing.net/dickies/mock2010/images/submit_btn.png") no-repeat;}
.search_btn:hover{width:75px;background:url("http://spimarketing.net/dickies/mock2010/images/search_btn.png") -75px 0 no-repeat;}
.submit_btn:hover{width:35px;background:url("http://spimarketing.net/dickies/mock2010/images/submit_btn.png") -35px 0 no-repeat;}
.send_btn{height:25px;font-size:0;border:none;cursor:pointer;width:75px;background:url("http://spimarketing.net/dickies/mock2010/images/send_btn.png") no-repeat;}
.send_btn:hover{width:75px;background:url("http://spimarketing.net/dickies/mock2010/images/send_btn.png") -75px 0 no-repeat;}
/* content */
#content_container{padding-bottom:15px;width:100%;background:url("http://spimarketing.net/dickies/mock2010/images/dickies_bg.jpg") repeat;}
#content{width:910px;margin:0 auto;padding-top:15px;text-align:left;}

/* content sliding NAVIGATIONAL LIST style */
#content #slider {width:910px;margin:0 auto;position:relative;}
#content ul.navigation{width:200px;float:left;}
#content ul.navigation li{/*height:100px;*/padding:6px 10px 10px 10px;margin:0 0 0 0;color:#fff;list-style-type:none;background:url("http://spimarketing.net/dickies/mock2010/images/slider_li_underline.gif") no-repeat bottom left;/*background:url("http://spimarketing.net/dickies/mock2010/images/slider_li_bg.jpg") repeat-x #222;border-left:1px solid #444;-moz-box-shadow:2px 5px 5px rgba(0,0,0,0.6);-webkit-box-shadow:2px 5px 5px rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=145,Strength=5);*/}
#content ul.navigation li a{color:#fff;text-decoration:none;padding:0;}
#content ul.navigation li a:hover, #content ul.navigation li a.selected {color:#ff0000;text-shadow:1px 1px 3px #cc0000;}
#content ul.navigation li p{color:#ccc;font-size:.7em;margin:.2em 0;text-transform:uppercase;font-weight:bold;}
#content ul.navigation li p.see_collection a{color:#ED9C0F;text-decoration:none;}
#content ul.navigation li p.see_collection a:hover{color:#E80000;text-decoration:underline;}
/* content sliding SCROLLING ELEMENT style */
#content .scroll {margin:0;padding:0;width:700px;height:420px;overflow:hidden;float:left;background:#000;position:relative;/*fix for IE to respect overflow *//*-moz-box-shadow:2px 5px 8px rgba(0, 0, 0, 0.6);-webkit-box-shadow:2px 5px 8px rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}
#content .scrollContainer {height:400px;width:690px;padding:10px;overflow:hidden;/*background:#000;border-top:1px solid #444;border-right:2px solid #000;border-bottom:2px solid #000;border-left:1px solid #222;*/}
#content .scrollContainer div.panel {height:550px;width:690px;/* change to 560px if not using JS to remove rh.scroll */}
/* text within the scrolling areas */
.panel .text {position:absolute;color:#dedede;width:280px;font-size:.8em;padding:20px 10px 10px 10px;}
.panel .image { }
/* end text within the scrolling areas */
.see_collection a{color:#FF2222;font-weight:bold;font-size:1.6em;text-decoration:none;/*text-shadow:1px 1px 1px #000;text-transform:uppercase;*/}
.see_collection a:hover{text-decoration:underline;/*font-size:1.4em;text-shadow:1px 1px 1px #000;text-transform:uppercase;*/}
/*text links overlayed on main splash images*/
#box001 .text, #box002 .text, #box003 .text,#box004 .text {padding:300px 0 0 24px;}

/* navigational titles */
#content ul.navigation li h3{font-size:2em;color:#efefef;margin:3px 0;padding:0;text-shadow:2px 2px 2px #000;}
#content ul.navigation li h3:hover{color:#FF2222;text-shadow: 1px 2px 2px #000000;}
/* ad row */
#ad_row{padding:10px 10px 0 30px}
#ad_row_padding{height:100px;width:870px;_width:900px;margin:0 auto;padding:7px 15px 0 0;/*background:#222;border-top:1px solid #555;border-left:1px solid #444;border-bottom:1px solid #333;border-right:1px solid #333;-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.4);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=145,Strength=5);*/}
.ad_row_section{margin-bottom:25px;}
.icon_large{width:180px;float:left;margin-right:30px;}
.ad_block, .ad_block_center{float:left;padding:0;color:#000;}
.ad_block{width:274px;margin:0 0;float:left;background:#000;border:1px solid #990000;}
.ad_block_center{width:280px;margin:0 0;float:left;color:#000;background:#000;border-top:1px solid #990000;border-bottom:1px solid #990000;}
.ad_block_heading, .ad_block_heading_center{padding:10px 10px 5px 10px;/*background:url("http://spimarketing.net/dickies/mock2010/images/accordian_li_bg.gif") repeat-x #000;border-top:2px solid #777;border-left:1px solid #666;border-right:2px solid #000;-moz-box-shadow:2px 0 10px rgba(0,0,0,0.6);-webkit-box-shadow:2px 0 10px rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}
.ad_block_heading h2, .ad_block_heading_center h2{color:#fff;font-size:1.2em;margin:0;text-shadow:1px 1px 1px #000;}
.ad_block_body{font-size:.7em;height:65px;padding:10px;background:#000;/*border-top:2px solid #333;border-right:2px solid #000;border-bottom:2px solid #333;border-left:1px solid #999;-moz-box-shadow:2px 0 10px rgba(0,0,0,0.6);-webkit-box-shadow:2px 0 10px rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}
.ad_block_body p{color:#999;font-size:.8em;font-weight:bold;text-transform:uppercase;}

/* ad row forms */
#mailing_list_box, #locate_a_store_box, #find_a_product_box{background-color:#FFFFFF;color:#808080;font-weight:normal;}
/*#mailing_list_submit, #locate_a_store_submit, #find_a_product_submit{margin-left:3px;padding:1px 2px;color:#ddd;font-weight:bold;background:#660000;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-box-shadow:1px 1px 1px #919191;-webkit-border-radius-top-right:5px;-webkit-border-radius-top-left:5px;-webkit-border-radius-bottom-right:5px;-webkit-border-radius-bottom-right:5px;}*/

/*side navigation for product pages*/
#side_nav{width:150px;height:100%;padding:10px;margin-bottom:25px;float:left;background:#222;-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.7);-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.7);/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}
ul.accordion, ul.accordion ul {list-style-type:none;margin:0;padding:0;}
ul.accordion a {display:block;text-decoration: none;}
ul.accordion li {margin-top:1px;_height:10px;}
ul.accordion li a:hover {color:#fff;text-shadow:1px 2px 1px #000;background:url("http://spimarketing.net/dickies/mock2010/images/nav_hover.png");}
ul.accordion li a {color:#ccc;padding:0.5em;font-weight:bold;background:url("http://spimarketing.net/dickies/mock2010/images/li_bg.gif") repeat-x #000;}
ul.accordion li ul li a:hover, ul.accordion ul li.selected {color:#fff;background:url("http://spimarketing.net/dickies/mock2010/images/accordian_li_hover_bg.gif") repeat #222;border-left:5px solid #8A0000;}
ul.accordion li ul li a{font-size:.7em;background:url("http://spimarketing.net/dickies/mock2010/images/accordion_li_bg.gif") repeat #444;color: #ccc;padding-left:20px;margin:0;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}

ul.accordion ul li.selected {_text-decoration:underline;font-size:.8em;font-weight:bold;padding:5px 0 5px 15px;border-left:5px solid #8A0000;text-shadow:2px 2px 4px #000;}

/*this is where the products goes; this #product_content div is the main containter for products */
#product_content{color:#000;margin-bottom:50px;width:710px;float:right;background:#fff;-moz-box-shadow:3px 3px 6px rgba(0, 0, 0, 0.8);-webkit-box-shadow:3px 3px 6px rgba(0, 0, 0, 0.8);/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}

/*collections*/
.old ul li {text-transform:uppercase;font-weight:bold;}
/*product content stylings*/
#product_content .header{width:708px;/*height:200px;*/border:1px solid #fff;overflow:hidden;}
#product_content .header img{width:698px;padding:5px 0 0 5px;}
#product_content .header h1{font-size:5em;margin:10px 0 15px 25px;}
#product_content .products{background:url("http://spimarketing.net/dickies/mock2010/images/products_bg.gif") repeat-y;}
#product_content .product_row{width:700px;margin:15px 2px 10px 2px;}
#product_content .product{width:175px;float:left;height:100%;margin-bottom:25px;text-align:center;}
#product_content .product h3{font-size:1em;width:155px;margin:5px 10px;}
#product_content .product p{font-size:0.8em;width:155px;margin:5px 10px;line-height:1em;}
.product_row .title{font-weight:bold;}

/*product SINGLE content stylings*/
.products_single{width:300px;margin-top:30px;margin-left:10px;padding:10px;float:left;}
.product_info{min-height:300px;width:295px;margin-left:30px;padding:0 20px 20px 20px;float:right;background:/*url("http://spimarketing.net/dickies/mock2010/images/article_bg.jpg")  no-repeat bottom left */#fff;/*border-left:5px solid #600;*/}
#product_info h1 {color:#000000;font-size:1.2em;/*text-shadow:1px 2px 1px #000;*/}
.product_info h3 {color:#a80000;font-size:1em;/*text-shadow:1px 2px 1px #000;*/}
.product_info strong{font-size:.9em;}

.product_info p{color:#333;margin:15px 0 5px 0;font-size:0.8em;line-height:1.4em;}
.product_info p.style,.product_info .additional_colors{color:#333;font-style:italic;margin:0;font-size:.8em;line-height:1.4em;}
/*#available_colors img{height:30px;width:30px;border:2px solid #fff;}*/

/* contact page */
form#contact_form label {margin-right:10px;font-size:15px;width: 120px; display: block; text-align: right; float: left; }
#contact_form h2{font-size:1.7em;line-height:1.7em;}
#contact_form div{ padding:5px 0; clear: left; }
#contact_form #form_submit { padding: 0 0 0 130px; }
#contact_form .vcard { padding-left: 10px; }
/* /contact page */

/*informational pages; about us, privacy, etc*/
#information{padding-bottom:30px;color:#ddd;width:900px;}
.article{width:650px;color:#FFF;margin:0 auto;padding:10px 25px 25px 25px;background:url("http://spimarketing.net/dickies/mock2010/images/article_bg.jpg") right bottom no-repeat #222;border-bottom:1px solid #111;border-right:1px solid #000;-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);-webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111',Direction=145,Strength=5);*/}
.article h3{text-decoration:underline;}
.article p{font-size:1em;line-height:1.5em;}
.article a,.article p a{color:#ED9C0F;font-size:1em;text-decoration:none;}
.article a:hover,.article p a:hover{color:#E80000;text-decoration:underline;text-shadow:2px 2px 1px #000;}

/*branding pages*/
.collection{width:725px;}
/*search results*/
.search_results{width:700px;padding-left:10px;}
.search_results .matches_found{color:#A80000;font-size:1em;font-weight:bold;}
.search_results .pagination{font-weight:normal;color:#000;}
/* footer */
#footer_container {background:#000;border-top:2px solid #660000;/*-moz-box-shadow:2px -2px 6px rgba(0, 0, 0, 0.7);-webkit-box-shadow:2px -2px 6px rgba(0, 0, 0, 0.7);_text-align:center;*//*ie6 margin auto fix*/}
#footer{width:900px;margin:0 auto;padding:0 0 15px 0;color:#fff;text-align:center;}
#footer #copyright {color:#bbb;font-size:.8em;}
#footer ul {padding-top:10px;}
#footer ul li{font-size:0.8em;list-style:none;display:inline;padding-left:25px;}
#footer ul li a{color:#ccc;text-decoration:none;}
#footer ul li a:hover{color:#fff;}

/*size chart*/
#size_charts table { width: 99%; border-collapse:collapse; }
#size_charts .chart td { padding: 4px; border: 1px solid #eee; }
#size_charts tbody tr:hover { background:#ff0000; color:#fff;text-transform:uppercase;font-weight:bold; }