* { margin: 0; padding: 0; border: 0; outline-style: none; }

/* tags styles */
html { background-color: #c9c6b8; margin: 0; } 
body { margin : 0; background-color: #fff; font-family: "Trebuchet MS", Arial, Helvetica; }
table { border: 0; text-align: left; }
img { border: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
p { text-align: justify; }
a { text-decoration: none; }
a:hover { text-decoration: underline; } 

h1 { font-size: 16px; font-weight: bold; color: #837d63; display: inline; }
h2 { font-size: 14px; margin: 5px 0; color: #837d63; margin-bottom: 5px; border-bottom: 1px solid #565656; }
h3 { margin-bottom: 3px; font-size: 13px; }
h3 a { font-size: 13px; color: #565656; font-weight: bold; }

a.aLink  { text-decoration: underline; color: #000; font-weight: bold;  }
a.aLink:hover { color: #837d63; text-decoration: none; }

/* left head title */
.headTitleInfo span { font-weight: bold; }

div.h1 { display: none !important; } 

.prodHead { font-size: 20px; margin: 5px 0; color: #837d63; text-decoration: underline; }
input { height: 16px; font-size: 14px; border: 1px solid #565656; cursor: text; background-color: #C9C6B8; }
input[type="radio"] { height: 10px; }
select { height: 19px; font-size: 12px; border: 1px solid #565656; cursor: text; background-color: #C9C6B8; }
textarea { border: 1px solid #565656; cursor: text; background-color: #C9C6B8; }
input.iRadio { border: 0; background-color: transparent; cursor: pointer; cursor: hand; }
input.fButton { cursor: pointer; cursor: hand; width: 120px; font-size: 11px; font-weight: bold; height: 30px; margin: 4px 5px 0 0; border: 1px solid #565656; background-color: #C9C6B8; }
input.fButtonSpecial { cursor: pointer; cursor: hand; width: 60px; font-size: 11px; font-weight: bold; height: 20px; margin: 4px 5px 0 0; border: 1px solid #565656; background-color: #C9C6B8; }
input.fButtonGo { cursor: pointer; cursor: hand; width: 40px; font-size: 11px; font-weight: bold; height: 16px; margin: 0 3px 0 0; border: 1px solid #565656; background-color: #C9C6B8; }
input.fButtonCart { cursor: pointer; cursor: hand; width: 80px; font-size: 10px; font-weight: bold; height: 19px; margin: 0 5px 0 0; border: 1px solid #565656; background-color: #C9C6B8; }
p.fButtons { padding-top: 3px; margin-top: 5px; border-top: 1px solid #565656; }
p.return { text-align: right; margin-top: 10px; }

/* main styles */
.clear { clear: both; }
.primary { font-size:12px; font-family: "Trebuchet MS", Arial, Helvetica; color:#000; background-color: #fff; padding:10px; }
.secondary { font-family:font-family: "Trebuchet MS", Arial, Helvetica; color:#000; font-weight:bold; font-size:12px; background-color: #E9EEF1; padding:5px; }

.accent { font-family: font-family: "Trebuchet MS", Arial, Helvetica; color: #fff; font-weight: bold; font-size: 12px; background-color: #4088CD; text-align: center; padding: 5px; width: 100%; border: 0; }
.accent a:link, .accent a:visited, .accent a:hover, .accent a:active { color:#fff; }

.sectiontitle { font-family: "Trebuchet MS", Arial, Helvetica; color: #000; font-size:16px; }
.storename { font-family: "Trebuchet MS", Arial, Helvetica; color: #000; font-size:24px; }
.freeShipping  { color: #837d63; font-weight: bold; margin: 20px 0 0 0; font-size: 16px; }

.clear { clear: both; }
.hide { display: none; }

.nCat { left: 8px; position: relative }
input.text { font-size: 12px; border: 1px solid #2B342B; height: 16px; background-color: #E9EEF1; margin-bottom: 5px; cursor: text; }
span.nSaleInfo { color: #837D63; display: block; margin-botom: 5px; height: 20px; font-size: 14px; }

/* main content - centering */
#outContent { width: 100%; text-align: center; background-color: #c9c6b8; margin: 0; }
#outContent #content { position: relative; width: 962px; margin: 0 auto; padding: 10px; background-color: #c9c6b8 }

div.teaser { position: absolute; top: 52px; right: -87px; width: 160px; height: 140px;}
div.teaser a { display: block; text-indent: -4444px; text-decoration: none; width: 100%; height: 100%; background: url('../images/icon-free-us-shipping.png') 0 0 no-repeat; }

table a { font-weight: bold; font-size: 13px; color: #695D4D; }

/* tables */
table.nHomeTable { width: 600px; }
table.topMenu { height: 50px; width: 100%; background: transparent url('../images/topNew.jpg') top left repeat-x; font-family: font-family: "Trebuchet MS", Arial, Helvetica; color: #fe6325; text-align: center; padding: 5px; border: 0; }
table.topMenu  td { padding-left: 123px; width: 781px; }
table.topMenu a { font-weight: bold; font-size: 13px; color: #695D4D; }
td.search { padding-top: 10px; font-size: 14px; }

table.secondary td.promotion { position: absolute;  }
table.secondary td.promotion img { float: left; display: block; padding-right: 5px; border: none; }
table.secondary td.giftCard img { padding-right: 7px; }
table.secondary td.promotion a { float: left; display: block; padding-top: 0; font-weight: bold; color: #2B342B; font-size: 13px; font-family: Tahoma; }
table.secondary td.promotion a:hover { color: #837D63; }
table.secondary td.giftCard { top: 60px; left: 30px; }
table.secondary td.wishList { top: 80px; left: 30px; }
table.secondary td.wishList a { padding-top: 2px; }


td.socialBox { padding-top: 20px; }

div.accSection { position: absolute; top: 30px; right: 10px; }
div.accSection a { display: block; float: right; padding: 2px 0 6px 20px; margin-left: 12px; background: url('../images/icon-logout.png') 0 0 no-repeat; font-size: 11px; color: #2B342B; }
div.accSection a.login { background: url('../images/icon-login.png') 0 0 no-repeat; }
div.accSection a.register { background: url('../images/icon-register.png') 0 0 no-repeat; }
div.accSection a.logout { background: url('../images/icon-logout.png') 0 0 no-repeat; }

/* leftMenu */
#menuList { list-style-type: none; margin: 0; padding: 0; text-align: left; }
#menuList li { display: block; padding: 4px 0; border-bottom: 1px dotted #837d63; }
#menuList li a { color: #2b342b; }
#menuList li a:hover { color: #837d63; }

#menuList li:hover div.subMenu { display: block; }
#menuList div.subMenu { display: none; }
#menuList div.subMenu ul  { clear: both; padding: 1px 0 5px 6px; margin: 0; }
#menuList div.subMenu ul li { padding: 0 0 2px 0; border: none; line-height: 12px; }
#menuList div.subMenu ul li a { font-size: 11px; color: #000; }
#menuList div.subMenu ul li a:hover { color: #837d63; }

.viewCart a { font-size: 16px; color: #837d63; font-weight: bold; }
.logoMenu { weight: 135px; height: 161px; }
.lSubmit { height: 18px; font-size: 14px; font-weight: bold; margin-left: 3px; cursor: pointer; cursor: hand; }

/* home page */
.cHeadline { clear: both; float: left; width: 500px; padding: 20px 0 20px 4px; }  
#content img.logoText1 { display: block; float: left; }
#content img.logoText2 { display: block; float: right; }
div.headerText { width: 100%; text-align: center; padding: 0 0 25px 0; font-size: 14px; color: #837D63; }

#flash { clear: both; }

#welcomeText { margin-top: 20px; width: 755px; font-family: "Trebuchet MS", Arial, Helvetica; font-size: 14px; }
#welcomeText p { text-align: justify; margin-bottom: 20px; }
#welcomeText a { text-decoration: underline; color: #000; font-size: 14px; font-weight: bold; }
#welcomeText a:hover { text-decoration: none; color: #837d63; }
#welcomeText .freeShipping  a { font-size: 16px; color: #837d63; }

/* product list */
#productsList { width: 755px; margin: 0 auto; }
#productsList a { text-decoration: underline; color: #000; font-size: 14px; font-weight: bold; }
#productsList a:hover { text-decoration: none; color: #837d63; }
.prodMainImg { display: block; margin: 0 auto; }

/* search form */
#searchForm { width: 400px; margin-top: 10px; }
#searchForm p { font-size: 13px; font-weight: bold; margin: 10px 0 2px 0; border-bottom: 1px solid #565656; color: #000; }
#searchForm fieldset { margin: 0; padding: 0; }
#searchForm select { border: 1px solid #565656; margin-top: 3px; display: block; float: left; width: 270px; background-color: #837d63; }
#searchForm label { display: block; float: left; width: 100px; font-size: 12px; font-weight: normal; margin-top: 3px; color: #000; }
#searchForm input { display: block; float: left; }
#searchForm label.fRadio { width: 30px; margin-top: 0; }
#searchForm input.iText { border: 1px solid #565656; margin-top: 3px; width: 268px; cursor: text; background-color: #837d63; }

/* about us */
#aboutUs { width: 700px; text-align: justify; }
#aboutUs p { font-size: 14px; margin: 10px 0; }
#aboutUs p.contactUs { margin-bottom: 3px; }
#aboutUs ul { list-style-type: square; margin-left: 30px; }
#aboutUs a { text-decoration: underline; color: #000; font-size: 14px; font-weight: bold; }
#aboutUs a:hover { text-decoration: none; color: #837d63; }

/* store policies */
#storePolicies { width: 700px; }
#storePolicies h1 { display: block; }
#storePolicies h2 { margin-top: 25px; }
#storePolicies h2 a { color: #837d63; }
#storePolicies h2 a:hover { text-decoration: none; }
#storePolicies h3 { margin-top: 10px; }
#storePolicies ul { list-style-type: square; padding-left: 30px; }
#storePolicies li a { text-decoration: underline; color: #000; font-weight: bold; }
#storePolicies li a:hover { text-decoration: none; color: #837d63; }
#storePolicies table { text-align: center; border: 1px solid #837d63; margin: 5px 0; }
#storePolicies th { border-bottom: 1px solid #837d63; }

#storePolicies ul.special { padding: 5px 0 5px 30px; border-bottom: 2px solid #565656; margin-bottom: 35px; }

#storePolicies h2 { display: block; width: 100%; clear: both; font-size: 16px;  }
#storePolicies h2 a { display: block; padding: 7px 0 11px 40px; width: 650px; }
#storePolicies h2 a.down { background: url('../images/icon-down.png') 100% 9px no-repeat; }
#storePolicies h2 a.up { background: url('../images/icon-up.png') 100% 9px no-repeat; }
#storePolicies h2.s1 { background: url('../images/icon-shipping.png') 0 0 no-repeat; }
#storePolicies h2.s2 { background: url('../images/icon-order.png') 0 0 no-repeat; }
#storePolicies h2.s3 { background: url('../images/icon-address.png') 0 0 no-repeat; }
#storePolicies h2.s4 { background: url('../images/icon-returns.png') 0 0 no-repeat; }
#storePolicies h2.s5 { background: url('../images/icon-security.png') 0 0 no-repeat; }
#storePolicies h2.s6 { background: url('../images/icon-privacy.png') 2px 0 no-repeat; }
#storePolicies div.section { display: none; }

td.wishlist_border { padding-bottom: 20px; }

/* customer service */
#customerServ { width: 700px; }
#customerServ p { text-align: justify; }
#customerServ input[type=submit] { height: 20px; cursor: pointer; cursor: hand; }
#customerServ ul { list-style-type: square; margin-left: 30px; }
#customerServ li { text-align: justify; }
#customerServ a { text-decoration: underline; color: #000; font-weight: bold; }
#customerServ a:hover { text-decoration: none; color: #837d63; }

/* checkout */
#checkout { width: 700px; }
#checkout a { text-decoration: underline; color: #000; font-weight: bold; }
#checkout a:hover { text-decoration: none; color: #837d63; }
#cCheckboxes input { border: 0; background-color: transparent; cursor: pointer; cursor: hand; }

/* email a friend */
#emailFriend { width: 700px; }
#emailFriend h1 { display: block; float: left; width: 300px; }
#emailFriend .referring { display: block; width: 200px; float: right; text-align: right; }
#emailFriend a { text-decoration: underline; color: #000; font-weight: bold; }
#emailFriend a:hover { text-decoration: none; color: #837d63; }

/* add to cart */
#addToCart { width: 250px; border: 1px solid #565656; margin: 10px 0; }
#addToCart .cartOptions { background-color: #f5f5f5; border: 1px solid #565656; color:#333333; }
#addToCart .relativePos { position: relative; margin-top: 10px; margin-bottom: 5px; }
#quantity { border: 1px solid #565656; width: 250px; padding: 10px; margin: 5px 0 10px 31px; }

p#emailFriendLink { padding-left: 44px; }

/* shopping cart*/
#shoppingCart  a { text-decoration: underline; color: #000; font-weight: bold; }
#shoppingCart a:hover { text-decoration: none; color: #837d63; }
#shoppingCart td.checkoutPro input { background: transparent; width: 215px; height: 30px; cursor: pointer; cursor: hand; font-size: 10px; border: 0; margin: 0; padding: 0; }

/* product details */
#productDetail { width: 700px; }
#productDetail a { text-decoration: underline; color: #000; font-weight: bold; }
#productDetail a:hover { text-decoration: none; color: #837d63; }
#productDetail img.detImage { border: 1px solid #000; }
.price { font-size: 13px; font-weight: bold; color: #837d63; padding: 3px 0; }

/* footer */
#footer { width: 100%; text-align: center; height: 125px; background: #fff1a0 url('http://www.hatsforyou.org/images/footer.jpg') bottom repeat-x; margin: 0; padding: 5px 0 0 0; }
#footer a { color: #585941; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica; }
#footer ul { list-style-type: none; width: 900px; margin: 0 auto; }
#footer ul li { float: left; display: block; text-align: center; color: #585941; }
#footer ul li.first { margin-left: 200px; }
#footer div.prostore { margin-top: 10px; }
#footer div.copyright { margin-top: 5px; font-style: italic; color: #000; font-weight: bold; font-size: 11px; }
#footer div.footerText { width: 920px; margin: 10px auto 0 auto; padding-top: 5px; border-top: 1px solid #C9C6B8; text-align: center; font-size: 11px; }
#footer div.footerText a { font-size: 11px; }

.slideWrapper { width: 755px; clear: both; padding: 0; }
.slider { width: 745px; height: 470px; margin: 0 auto; border: 1px solid #837D63; }

p.addGifts { margin: 10px 0 10px 31px; } 
p.addGifts textarea { width: 260px; height: 100px; padding: 5px; margin-top: 5px; font-family: "Trebuchet MS",Arial,Helvetica; }

img.wish-list-icon { padding: 5px 5px 0 0; margin-top: 10px; }