@charset "utf-8";
@import url("nav.css");

/* CSS Document */

/* =============== NOTE =============== */
/* When using PNG images, both width and height MUST be specified.*/

/* =============== GLOBAL STYLES ===============*/
*{margin:0;padding:0;}
.clear{clear:both;}
body{background:url(images/background_page.jpg) repeat-x #d4bc98;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#1a1a1a;margin:0 auto;}
img{border:0;}
h1{font-weight:700;font-size:20px;line-height:25px;}
h2{font-weight:700;font-size:16px;color:#600;}
h3{color:#88150D;font-weight:700;font-size:12px;margin:2px 0 5px;}
h4{font-weight:700;}
h5{color:#333;font-weight:700;font-size:11px;margin:2px 0 3px;}
a:hover{color:red;text-decoration:none;}
a:active{text-decoration:none;color:#170202;}
a:link,a:visited{text-decoration:none;color:#6E1010;}

.copy10 { font-size:10px; color:#1a1a1a; }
.copy11 { font-size:11px; color:#1a1a1a; }
.copy12 { font-size:12px; color:#1a1a1a; }
.copy13 { font-size:13px; color:#1a1a1a; }
.copy14 { font-size:14px; color:#1a1a1a; }

.copy10line { font-size:10px; line-height:14px; color:#1a1a1a; }
.copy11line { font-size:11px; line-height:16px; color:#1a1a1a; }
.copy12line { font-size:12px; line-height:18px; color:#1a1a1a; }
.copy13line { font-size:13px; line-height:20px; color:#1a1a1a; }
.copy14line { font-size:14px; line-height:22px; color:#1a1a1a; }

.copy10just { font-size:10px; text-align:justify; color:#1a1a1a; }
.copy11just { font-size:11px; text-align:justify; color:#1a1a1a; }
.copy12just { font-size:12px; text-align:justify; color:#1a1a1a; }
.copy13just { font-size:13px; text-align:justify; color:#1a1a1a; }
.copy14just { font-size:14px; text-align:justify; color:#1a1a1a; }

.copy10justline { font-size:10px; line-height:14px; text-align:justify; color:#1a1a1a; }
.copy11justline { font-size:11px; line-height:16px; text-align:justify; color:#1a1a1a; }
.copy12justline { font-size:12px; line-height:18px; text-align:justify; color:#1a1a1a; }
.copy13justline { font-size:13px; line-height:20px; text-align:justify; color:#1a1a1a; }
.copy14justline { font-size:14px; line-height:22px; text-align:justify; color:#1a1a1a; }


/* =============== SKIN LAYOUT STYLES ===============*/
.bodyWrap{background:url(images/background_bodyWrap.jpg) no-repeat;width:976px;min-height:900px;position:relative;margin:0 auto;padding:0 112px;}

/* =============== HEADER STYLES ===============*/
.headerWrap{float:left;width:987px;height:90px;position:relative;}
.headerWrap .headerLeft{float:left;width:266px;height:63px;margin:20px 0 0;}
.headerWrap .headerRight{background:url(images/background_utilityNav.jpg) no-repeat;float:right;width:407px;height:135px;padding:5px 0 0;font-family:Arial, Helvetica, sans-serif;}
.headerWrap .headerRightContent{width:190px;margin:-4px 0 2px 175px;}
.headerWrap .headerRight p{text-align:center;padding-top:5px;}
.headerWrap .headerRight .utilityLinks{margin:2px 0;}
.headerWrap .headerRight .utilityLinks a.loginBtn{line-height:20px;color:#1a1a1a;margin:0 0 0 5px;}
.headerWrap .headerRight .utilityLinks a.viewCartBtn{background:url(images/icon_cart.jpg) no-repeat 0 50%;line-height:20px;color:#1a1a1a;padding:0 0 0 25px;}
.headerWrap .headerRight .utilityLinks a.loginBtn:hover,.headerWrap .headerRight .utilityLinks a.viewCartBtn:hover{color:#b82114;}

/* =============== CONTENT BODY STYLES ===============*/
.twoColumnWrap{width:987px;float:left;position:relative;_margin:-45px 0 0 0;}

/* =============== TWO COLUMN CONTAINER LEFT ===============*/
.twoColumnWrap .twoColumnLeft{width:678px;float:left;margin:0 10px 0 0;}
.twoColumnWrap .twoColumnLeft .navigationWrap{float:left;width:678px;height:42px;_margin:0 0 0 7px;margin:0 0 0 13px;}
.twoColumnWrap .twoColumnLeft .campaignWrap{float:left;width:673px;height:423px;position:relative;z-index:1000;_margin:-5px 0 0 0;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap{width:673px;float:left;position:relative;top:-1px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnLeft{background:url(images/home/home-callout.png) no-repeat;font-family:"Courier New", Courier, monospace;line-height:16px;font-size:12px;float:left;width:309px;height:245px;padding:48px 24px 50px 32px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight{background:url(images/flashPlaceHolderBottomShadow.jpg) no-repeat right 1%;_background:none;float:right;width:287px;height:185px;padding:20px 10px 10px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogContentHeader{float:left;width:287px;height:19px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogPostContent{_margin:0 0 12px 0;_padding:0 0 0 0;width:287px;color:#600;margin:5px 0 12px;padding:10px 0 0;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogContentHeader .blogTitle{float:left;width:240px;height:19px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogContentHeader .arrowControls{float:right;width:31px;height:12px;margin:3px 0 0 10px;}
.twoColumnWrap .twoColumnLeft .footerWrap{width:673px;float:left;color:#43351d;font-size:10px;margin:32px 0 15px;}
.twoColumnWrap .twoColumnLeft .footerWrap a{color:#43351d;font-size:10px;}
.twoColumnWrap .twoColumnLeft .footerWrap .footerLeft{float:left;width:545px;margin:0 10px 0 0;}
.twoColumnWrap .twoColumnLeft .footerWrap .footerRight{float:right;width:228px;text-align:right;margin:0 0 0 10px;}
.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogContentHeader .arrowControls .upArrow,.twoColumnWrap .twoColumnLeft .subTwoColumnWrap .subTwoColumnRight .blogContentHeader .arrowControls .downArrow{width:14px;height:12px;float:left;}

/* =============== TWO COLUMN CONTAINER RIGHT ===============*/
.twoColumnWrap .twoColumnRight{background:url(images/panel_right.jpg) no-repeat;width:254px;height:602px;float:right;text-align:center;padding:68px 10px 65px 22px;}
.twoColumnWrap .twoColumnRight .featuredProduct{background:url(images/home/featured-hat.jpg) no-repeat center 50%;width:237px;height:207px;margin:0 auto 0 8px;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar{width:222px;height:15px;float:left;text-align:left;padding:0 5px 0 10px;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductTitle{height:15px;padding-left:30px;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav{width:42px;height:15px;float:right;padding:2px 0 0;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberOne a{background:url(images/featuredProduct1_inactive.png) no-repeat;width:12px;height:15px;display:block;float:left;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberTwo a{background:url(images/featuredProduct2_inactive.png) no-repeat;width:12px;height:15px;display:block;float:left;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberThree a{background:url(images/featuredProduct3_inactive.png) no-repeat;width:12px;height:15px;display:block;float:left;}
.twoColumnWrap .twoColumnRight .featuredProductText{background:url(images/background_featuredProductText.jpg) no-repeat 50% 50%;width:247px;height:42px;font-size:10px;text-align:center;margin:0 0 10px;}
.twoColumnWrap .twoColumnRight .featuredProductText a.addToCart{width:212px;height:23px;display:block;margin:0 auto;padding:8px 0;}
.twoColumnWrap .twoColumnRight .featuredProductText .productName{color:#FFF;margin:0 0 2px;}
.twoColumnWrap .twoColumnRight .featuredProductText .productPrice{color:#e3db61;}
.twoColumnWrap .twoColumnRight .newsSignUp{width:257px;height:85px;float:left;font-size:10px;color:#5b5b4f;padding:63px 0 20px;}
.twoColumnWrap .twoColumnRight .newsSignUp .emailSubmit{height:30px;width:197px;float:left;margin:10px 0 0 20px;}
.twoColumnWrap .twoColumnRight .newsSignUp .emailSubmit .emailSubmitInput{width:145px;height:25px;float:left;}
.twoColumnWrap .twoColumnRight .newsSignUp .emailSubmit .emailSubmitInput input{width:145px;height:25px;background:#ebdecc;border:solid 1px #6a6a6a;float:left;}
.twoColumnWrap .twoColumnRight .newsSignUp .emailSubmit .emailSubmitBtn{width:40px;height:27px;float:left;margin:0 0 0 5px;}
.twoColumnWrap .twoColumnRight .flickrGallery{width:237px;height:133px;margin:27px auto 6px;}
.twoColumnWrap .twoColumnRight .flickrGallery .joinFlickrBtn{text-align:right;margin:0 0 23px;padding:3px 15px 0 0;}
.twoColumnWrap .twoColumnRight .flickrGallery .joinFlickrBtn a{color:#1a1a1a;}
.twoColumnWrap .twoColumnRight .flickrGallery .joinFlickrBtn a:hover{color:#b82114;}
.twoColumnWrap .twoColumnRight .joinFacebook{padding-top:50px;padding-bottom:0;padding-left:40px;background:url(images/torn-paper.png) no-repeat 0 40px;width:200px;height:50px;margin:0 auto;}
.twoColumnWrap .twoColumnRight .joinFacebook a,.twoColumnWrap .twoColumnRight .joinFacebook span,.twoColumnWrap .twoColumnRight .joinFacebook iframe{float:left;display:block;margin-right:10px;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberOne a:hover,.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberOneActive{background:url(images/featuredProduct1_active.png) no-repeat;width:12px;height:15px;display:block;float:left;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberTwo a:hover,.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberTwoActive{background:url(images/featuredProduct2_active.png) no-repeat;width:12px;height:15px;display:block;float:left;}
.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberThree a:hover,.twoColumnWrap .twoColumnRight .featuredProductControlBar .featuredProductNav .numberThreeActive{background:url(images/featuredProduct3_active.png) no-repeat;width:12px;height:15px;display:block;float:left;}

/* =============== INTERIOR LAYOUT STYLES =============== */

.twoColumnWrap .interiorContentWrap{background:url(images/background_interiorContentWrap.jpg) no-repeat;float:left;width:584px;font-size:12px;color:#333;min-height:598px;_height:598px;line-height:19px;padding:38px 53px 0;}
.interiorContentWrap P{margin-bottom:15px;}
.interiorContentWrap a:link,.interiorContentWrap a:visited{font-weight:700;}
.twoColumnWrap .interiorContentWrap .interiorCampaignImage{background:url(images/interiorCampaignPlaceHolder.jpg) no-repeat center 50%;width:199px;height:165px;float:right;}
.headpic{margin-left:-5px;margin-top:12px;}

/* flickr badge */

#flickr_badge_uber_wrapper{text-align:center;width:237px;}
#flickr_badge_wrapper{width:197px;paddign-left:40px;margin:0 auto;padding:0;}
.flickr_badge_image{float:left;margin:5px 10px;padding:0;}
.flickr_badge_image img{border:1px solid #000!important;height:75px;width:75px;padding:0;}
#flickr_badge_source{clear:both;text-align:left;padding-top:10px;margin:10px 10px 0;}
#flickr_badge_icon{float:left;margin-right:5px;}
#flickr_www{display:block;font:11px Arial, Helvetica, Sans serif!important;color:#3993ff!important;padding:0 10px!important;}
#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited{text-decoration:none!important;background:inherit!important;color:#3993ff;}
.feedburnerFeedBlock li{list-style:none;margin-left:5px;margin-bottom:10px;font-size:11px;}
.feedburnerFeedBlock .headline a:link{color:#4b0e0d;text-decoration:none;font-size:12px;font-weight:700;}
.feedburnerFeedBlock .date{margin-bottom:7px;color:#333;font-weight:700;}
#creditfooter{display:none;}
#sizes table{width:580px;border:1px solid #000;border-spacing:0;}
#sizes table a,#sizes table,#sizes tbody,#sizes tfoot,#sizes tr,#sizes th,#sizes td{font-family:Arial, Helvetica, sans-serif;}
#sizes table caption{font-size:1.8em;text-align:left;text-indent:100px;background:url(images/bg_caption.gif) left top;height:40px;color:#FFF;border:1px solid #000;}
#sizes thead th{background:url(images/bg_th.gif) left;height:25px;color:#FFF;font-size:1em;font-family:Arial;font-weight:700;text-align:center;margin:20px 0 0;padding:0 7px;}
#sizes tbody tr{background:#fff;}
#sizes tbody tr.odd{background:#f0f0f0;}
#sizes tbody th{background:url(images/arrow_white.gif) left center no-repeat #fff;background-position:5px;padding-left:40px!important;}
#sizes tbody tr.odd th{background:url(images/arrow_grey.gif) left center no-repeat;background-position:5px;padding-left:40px!important;}
#sizes tbody th,#sizes tbody td{font-size:.8em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif;color:#000;border-bottom:1px solid maroon;text-align:left;padding:10px 7px;}
#sizes tbody a{color:#000;font-weight:700;text-decoration:none;}
#sizes tbody a:hover{color:#fff;text-decoration:underline;}
#sizes tbody tr:hover th{background:maroon url(images/arrow_red.gif) left center no-repeat;background-position:5px;color:#fff;}
#sizes tbody tr.odd:hover th{background:#000 url(images/arrow_black.gif) left center no-repeat;background-position:5px;color:#fff;}
#sizes tbody tr:hover th a,#sizes tr.odd:hover th a{color:#fff;}
#sizes tbody tr:hover td,#sizes tr:hover td a,#sizes tr.odd:hover td,#sizes tr.odd:hover td a{background:maroon;color:#fff;}
#sizes tbody tr.odd:hover td,#sizes tr.odd:hover td a{background:#000;color:#fff;}
#sizes tfoot th,#sizes tfoot td{background:#fff url(images/bg_footer.gif) repeat-x bottom;font-size:.8em;color:#fff;height:21px;}
#backtocart{position:relative;left:485px;top:-25px;width:102px;height:18px;overflow:hidden;margin-bottom:-20px;}
body.sales .interiorContentWrap p{font-size:10px;line-height:12px;float:left;width:180px;height:25px;overflow:hidden;padding-right:10px;}
body.sales .interiorContentWrap p.clear{clear:both;padding-top:1px;padding-bottom:1px;border-bottom:1px solid #666;width:585px;}
body.sales .interiorContentWrap p.clear2{clear:both;padding-bottom:5px;width:585px;}
body.retailers .interiorContentWrap p{font-size:10px;line-height:16px;float:left;width:290px;height:65px;overflow:hidden;}
body.retailers .interiorContentWrap p.clear2{clear:both;width:585px;}
body.retailers .interiorContentWrap h3{clear:both;padding-top:20px;padding-bottom:5px;border-bottom:1px solid #666;width:585px;}

/* tooltip styling */
#featured1,#featured2,#featured3,#featured4{cursor:pointer;}
.tooltip1,.tooltip2,.tooltip3,.tooltip4{display:none;width:300px;background:#FFF;font-size:11px;color:#000;z-index:6000 !important;-moz-border-radius:15px;border-radius:15px;border:solid 1px;padding:20px;}

/* Homepage Slideshow
----------------------------------------------------------------------------------------------------*/
#slideshowcontainer {width:690px; float:left;}
#slideshow{position:relative;height:425px;}
#slideshow DIV{position:absolute;z-index:8;opacity:0.0;height:425px;}
#slideshow DIV.active{z-index:10;opacity:1.0;}
#slideshow DIV.last-active{z-index:9;}
#slideshow DIV IMG{height:425px;display:block;border:0;}