/*
Theme Name: TheClothesShop
Theme URI: http://template-theclothesshop.sarah-neuber.de/
Description: A child theme of TheClothesShop in a sleek style.
Template: TheClothesShop
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.0
*/

/*

Layout styling starts here

*/

/*make sticky footer*/
html, body { height:100%;}
body {background:#131313 url(../images/body_bgd.jpg) no-repeat top center;font-family:Tahoma, sans-serif;color:#f6f6f6;}
body.main_cat, body.sub_cat {background:#131313 url(../images/body_bgg.jpg) no-repeat top center;}
body.single, body.page {background:#131313 url(../images/body_bgd.jpg) no-repeat top center;}
#pg_wrap {min-height:100%;height:auto;}
.container {width:960px;margin:0 auto;}
/*For the Small Footer */
.smallftfl {padding-bottom:72px;}/*to keep content from hiding behind the footer. Value= footer's height  +36px*/

/*** 

FOOTER 

***/

#footer {position:relative;z-index:10;color:#c28675;}
#footer a {color:#f6f6f6;}

/*Small Footer Styles*/
.smallft {margin-top:-35px;}
.smallft .container {border-top:1px solid #444444;height:34px;/*minus the border*/}
#footer .footer_notes {padding:9px 0 0;font-size:0.8em;overflow:hidden;}
#footer .footer_notes span {float:right;}
#footer .footer_notes .copyright {float:left;}

/*** 

HEADER 

***/

#header .container {padding-top:10px;}
/** CENTERING THE HEADER'S CONTENT **/
#header .centeringWrap {display:table;margin:0 auto;width:100%;}
#header .primary_nav, #header h1 {display:table-cell;width:33,33%;}
#header ul {float:left;}
#header .primary_r {float:right;}
#header h1 {margin-bottom:0;width:383px;height:119px;text-indent:-9999em;background:url(../images/logo-trans.png) no-repeat top;}
#header h1 a {float:left;display:block;width:383px;height:77px;}
#header ul li { display:table-cell;width:33,33%;}
#header ul li a { display:block;color:#c28675;font-size:1.1em;letter-spacing:1px;padding:15px 9px;}
#header ul li.home a {padding-left:0;}
#header ul li.bag a {padding-right:0;}
#header ul li a:focus, #header ul li a:hover, #header ul li a:active, #header ul .current_page_item a, body.home #header ul li.home a, #header ul .current-category a {color:#f6f6f6;text-decoration:underline;}

/** MAIN CATEGORY NAVIGATION **/
#header .MainCatsNav {padding-top:9px;}
#header .MainCatsNav ul {float:none;display:table;margin:0 auto;border:1px solid #444444;border-right:0 none;border-left:0 none;}
#header .MainCatsNav ul li a {padding:10px 0 10px 18px;}
#header .MainCatsNav ul li:first-child a {padding:10px 0;}

/*** 

FLOATSWRAP  

***/

/** SUBPAGE HEADINGS **/
.whereAmI {padding:20px 0 10px;border-bottom:1px solid #444444;margin-bottom:36px;color:#ddd4d3;}
.whereAmI a {color:#ddd4d3;text-decoration:underline;}
.whereAmI a:focus, .whereAmI a:hover, .whereAmI a:active {color:#c28675;text-decoration:none;}
body.sub_cat .whereAmI, body.single .whereAmI {margin-bottom:5px;}
body.main_cat .whereAmI, body.customer-service .whereAmI {margin-bottom:21px;}

/** SUBCATEGORY NAVIGATION **/
.SubCatNav {display:table;display:inline-block;/* for ie */width:100%;border-bottom:1px solid #444444;padding-bottom:5px;margin-bottom:36px;}
body.sub_cat .SubCatNav {margin-bottom:21px;}
.SubCatNav ul {display:table-cell;padding:0 10px;float:left;vertical-align:middle;}
.SubCatNav .viewAll {padding-left:0;border-right:1px solid #444444;}
.SubCatNav ul li a {color:#897370;font-size:1.15em;letter-spacing:1px;display:block;padding:5px 0;}
.SubCatNav ul li a:focus, .SubCatNav ul li a:hover, .SubCatNav ul li a:active, .SubCatNav ul .current-category a, .SubCatNav ul .current-category-parent a {color:#f6f6f6;text-decoration:none;}

/** GENERAL PRODUCT POST STYLING **/
/* content boxes */
.c_box {float:left;display:inline;margin-left:15px;background:#f6f6f6;text-align:center;}
.secondary_content .c_box, .theCats .c_box, .pageCont .c_box {width:310px;} /*3 columns*/
.theProds .c_box {width:180px;}/*5 columns*/
.c_box_first {margin-left:0;}
.contentWrap {margin:10px;overflow:hidden;background:#eae7df;border:1px dashed #c8c1c1;position:relative;}
.c_box_padding {padding:10px;}
.contentWrap .hover_img, .contentWrap .hover_link {position:absolute;top:0;left:0;background:#eae7df url(../images/hover_link_bg.png) no-repeat center top;}

/** FEATURED CONTENT **/
.featured {padding-top:12px;}
.hover_block {float:left;display:inline;width:320px;text-align:center;}
.featured .contentWrap, .subcatnavi {height:375px;}
.featured .contentWrap {margin:0;background:#f6f6f6;padding:10px;overflow:hidden;position:relative;border:0 none;border-left:1px solid #e6e6e6;}
.featured .contentWrap img {top:10px;left:10px;}
.featured .hover_block div a {display:block;}
.featured .hover_block  span {display:block;margin:14px 0 0px;height:30px;color:#5b4b4a;font-size:2.15em;text-indent:-9999em;}
.hover_block1 span {background:url(../images/featured-barbecues.png) no-repeat center;}
.hover_block2 span {background:url(../images/featured-safes.png) no-repeat center;}
.hover_block3 span {background:url(../images/featured-outdoor-kitchens.png) no-repeat center;}

.subcatnavi a {font-size:2em;color:#131313;letter-spacing:1px;padding:5px 0;}
.subcatnavi .sale a {color:#dc2406;}

/** SECONDARY CONTENT **/
.secondary_content {clear:both;}
.secondary_content .c_box_padding {padding:0;margin:10px;border:1px dashed #c8c1c1;background:#eae7df;}
.secondary_content .c_box a, .secondary_content .c_box_last p {display:block;height:114px;}
.secondary_content .c_box a {text-indent:-9999em;}
.secondary_content .c_box_first a {background:url(../images/featured_imgs/gift-cards.png) no-repeat top left;}
.secondary_content .c_box_middle a {background:url(../images/featured_imgs/sale.png) no-repeat top left;}
.secondary_content .c_box a:focus, .secondary_content .c_box a:hover, .secondary_content .c_box a:active {background-position:bottom left;}
.secondary_content .c_box_last p {position:relative;background:url(../images/featured_imgs/coupon.png) no-repeat top left;}
.secondary_content .c_box_last p a {height:25px;width:100px;font-size:1.3em;letter-spacing:2px;}
.secondary_content .c_box_last p span, .secondary_content .c_box_last p a {position:absolute;}
.secondary_content .c_box_last p span {top:10px;left:10px;text-indent:-9999em;}
.secondary_content .c_box_last p .link1 {top:76px;left:12px;}
.secondary_content .c_box_last p .link2 {top:75px;left:187px;}
.secondary_content .c_box_last p .link1:focus, .secondary_content .c_box_last p .link1:hover, .secondary_content .c_box_last p .link1:active {background:url(../images/featured_imgs/coupon.png) no-repeat -12px -190px;}
.secondary_content .c_box_last p .link2:focus, .secondary_content .c_box_last p .link2:hover, .secondary_content .c_box_last p .link2:active {background:url(../images/featured_imgs/coupon.png) no-repeat -187px -189px;}

/** THE CATEGORIES  **/
.theCats .contentWrap, .subsubcatnavi  {height:136px;} /*adjust min-height when more content- adjust also the main_lte_ie6.css as well!!(line 3)*/
.theCats .c_box  {margin-top:15px;}
.theCats .hover_link  {width:290px;height:136px;color:#131313;letter-spacing:1px;text-align:center;font-size:2.475em;text-indent:-9999em;}
.theCats .sale {color:#dc2406;}
.theCats .hover_link:focus, .theCats .hover_link:hover {text-decoration:none;}
.subsubcatnavi a {display:block;color:#131313;letter-spacing:1px;text-align:center;font-size:1.1em;font-family:Tahoma;padding:4px 0;}
.subsubcatnavi li:first-child {border-bottom:1px solid #fff;}

/** THE PRODUCTS  **/
.theProds .contentWrap  {height:200px;border:0 none;} /*adjust min-height for longer pics*/
.theProds .c_box  {margin-top:15px;}

/** THE SINGLE PRODUCT PAGE  **/
#singleMainContent {clear:both;}
.imgSection {float:left;width:375px;}
.prodDetails {position:relative;float:right;width:549px;}
.prodDetails h1 {margin-bottom:18px;}
.tabsWrap {float:left;width:50px;background:#f6f6f6;}
.tabsWrap .tabs {background:#eae7df;margin:5px;}
.tabsWrap .tabs li {padding:5px;}
.tabsWrap .tabs li a {display:block;padding:5px;background:#80605d;border:1px solid #745452;text-align:center;color:#eae7df;}
.tabsWrap .tabs li a:focus, .tabsWrap .tabs li a:hover, .tabsWrap .tabs li a.current {background:#f6f6f6;border-color:#d6d1ca;color:#131313;text-decoration:none;}
.imgSection .c_box {float:right;margin:0 0 36px;}
.imgSection .c_box .contentWrap {border:0 none;} 

/*the zoom window*/
#zoom1-big {position:absolute;top:0px;left:0px;}

/*related*/
.related {clear:both;}
.related .tabs {overflow:hidden;}
.related .tabs li {display:inline;float:left;}
.related .tabs li a {display:block;float:left;width:167.5px;font-size:1.275em;text-align:center;padding:10px;color:#e6e2d7;}
.related .tabs li a:focus, .related .tabs li a:hover, .related .tabs li a.current {background:#f6f6f6;color:#3e201c;text-decoration:none;}
.related .panes {padding:10px 5px;background:#f6f6f6;position:relative;}
.related .panes img {padding:0 5px;}

/*product footnotes*/
#footnotes {padding:10px 0;border:1px solid #444444;border-right:0 none;border-left:0 none;text-align:center;margin-bottom:18px;}
#footnotes .l1 {display:table;margin:0 auto;}
#footnotes li {display:table-cell;width:25%;}
#footnotes li a {display:block;text-align:center;padding:0 9px;vertical-align:middle;}
#footnotes li a:focus, #footnotes li a:hover {color:#f6f6f6;text-decoration:none;}
#footnotes img {margin-right:10px;}

/*price and item ID*/
.price {font-size:1.375em;overflow:hidden;}
.itemID {font-size:0.875em;}

/*the form*/
.prodDetails form p {clear:both;}
.prodDetails input, .prodDetails select {display:inline;padding:0;margin:0;}
.prodDetails select {width:auto;}
.typeradioselect, .select, .quantityselect, .giftboxselect {margin-bottom:36px;}
.typeradioselect input, .giftboxselect input {margin-right:6px;float:none;}
/* Type Select */
.typeradioselect {float:left;width:100%;}
.typeradioselect span {display:block;float:left;width:25%;text-align:center;}

/*Colour Select / Size Select*/
.select {float:left;width:100%;}
.select li {float:left;margin:0 5px;padding:1px;background:#eae7df;}
.select li:first-child {margin-left:0;}
.select a {display:block;background:#eae7df;color:#131313;border:2px solid #eae7df;}
.sizeselect a {display:block;padding:5px 18px;background:#eae7df;color:#131313;border:2px solid #eae7df;}
.select a:focus, .select a:hover, .select a:active {border:2px solid #000;color:#131313;text-decoration:none;}

/*Action Buttons*/
.add {display:inline;float:left;margin-left:36px;}
.addToCart {margin-left:0;}
.shopActionBtn , .shopActionBtn a {height:25px;cursor:pointer;overflow:hidden;padding:0;border:0 none;}
.addToCart .shopActionBtn {width:122px;}
.addToWishList .shopActionBtn {width:153px;}
.shopActionBtn a {display:block;text-indent:-9999em;}
#shoppingbagoverlay .shopActionBtn, .shopActionBtn .startShopping {width:153px;}
.shopActionBtn .startShopping {background:url(../images/start-shopping.png) no-repeat top left;}
.shopActionBtn a:hover, .shopActionBtn a:focus {background-position: 0 -25px;}
.shopActionBtn a:active {background-position: 0 -50px;}
.shopActionBtn:hover input, .shopActionBtn:focus input {margin-top:-25px;}
.shopActionBtn:active input {margin-top:-50px;}

/* overlay content */
.overlay .emailform-col {float:left;width:45%;}
.overlay .formbutton {clear:both;background:#131313;color:#f6f6f6;padding:4px;border:1px solid #000;}
.overlay .formbutton:focus, .overlay .formbutton:hover {background:#3e1f1c;border-color:#131313;}
.overlay .formbutton:active {background:#131313;}
.overlay a {color:#131313;font-size:1.2em;}
#myaccountoverlay a {font-size:1em;color:#900d05;}
.ico a {display:block;float:left;width:33.33%;font-size:1.3em;margin-top:18px;}
.subscribe_ico a {text-align:center;}
.share_ico img {margin-right:10px;float:left;}
#searchform label {font-size:1.2em;float:left;margin-right:6px;padding-top:6px;}
#searchform input {display:inline;}
#shoppingbagoverlay {background:#f8f8f8;width:auto;height:auto;}
#shoppingbagoverlay .close {top:-10px;right:-10px;}

/**  PAGES **/
/*Customer Service and common questions*/
.pageCont .c_box {min-height:124px;background:transparent;text-align:left;margin-top:15px;}/*adjust min-height when more content- adjust also the main_lte_ie6.css as well!!(line 9)*/
.pageCont .c_box a, .faq ul li a {display:block;padding:6px 0;font-size:1.175em;}
.faq ul { background:url(../images/lowOpbgd.png);padding:10px;}
.faq ul li a  {color:#f6f6f6;}
.faq ul li a:focus, .faq ul li a:hover, .faq ul li a:active {color:#c28675;}

/*My Account Sign In*/
.acc {width:462px;margin-bottom:36px;}
.passhelp {margin-bottom:6px;display:block;}

/*Create an Account*/
.crAcc {clear:both;border-top:1px solid #444444;padding-top:10px;}
#createAccount fieldset {width:310px;float:left;margin-left:15px;}
#createAccount #pt1 {margin-left:0;}
#createAccount fieldset legend span {display:none;}
#pt1 {background:url(../images/st1.png) no-repeat top left;}
#pt2 {background:url(../images/st2.png) no-repeat top left;}
#pt3 {background:url(../images/st3.png) no-repeat top left;}
#createAccount fieldset h2 {height:4em;margin-top:45px;}
#createAccount fieldset div.help {color: #ebe8e0;font-weight:bold;height:5em;}
#createAccount #pt3 input {height:5em;width:18em;}

/* Contact */
.contactForm {width:616px;}
.contactAddress {width:308px;}
.contactForm .alignleft, .contactForm .alignright {width:50%;}

.contactForm textarea {width:560px;}
.contactAddress .padding {background:url(../images/lowOpbgd.png);padding:10px;}
.contactAddress h3 {padding-bottom:10px;border-bottom:1px solid #a28d8a;}
.contactAddress ul, .contactAddress li {float:left; width:100%;}
.contactAddress span {float:left;width:126px;}
.contactAddress p {clear:none;float:right;width:144px;}


/*############## SHOPPING CART ###########################*/
/*the table*/
table.order_table {border:1px solid #000;width:100%;background:#f6f6f6;color:#131313;}
.order_table th { border-top: 1px solid #fff;border-bottom: 1px solid #fff; font-weight: bold; }
.order_table td {border-top: 1px solid #c4bdbd;border-bottom: 1px solid #fff; }
table.order_table .error {margin-bottom:0;}
.order_table a {color:#900d05;text-decoration:underline;}
.order_table a:focus, .order_table a:hover {text-decoration:none;}
table.order_table thead, table.order_table th  {background:#eae7df;}
.order_table .c_img_wrap, .order_table .c_img_wrap span {display:block;float:left;border:1px solid #c4bdbd;}
.order_table .c_img_wrap span {border:1px solid #fff;padding:4px;}
table.order_table td {vertical-align:middle;}
table.order_table tr.sums td {vertical-align:top;background:#eae7df;border-bottom-color:#fff;}
table.order_table .sum td {background:#eae7df;border-bottom-color:#fff;}
table.order_table input {margin:0;}
table.order_table input.text {width:30px;}

/*the buttons*/
.shoppingCartActionBtn {float:left;margin-right:10px;}
.shoppingCartActionBtn input {margin:0;padding:0;}
.updateCartActionBtn {width:122px;margin-left:535px;}
.cont_shopCartActionBtn {width:160px;}
.chechoutActionBtn {width:122px;float:right;margin-right:0;}
.cont_shopCartActionBtn .cont_shop {background:url(../images/continue-shopping.png) no-repeat top left;}
.buyNowshopActionBtn .buyNow {background:url(../images/buy_now.png) no-repeat top left;}

/* you may also like ( Shopping Cart Related )  */
.shoppingCartRelated {clear:both;margin-top:36px;background:transparent;}
.shoppingCartRelated li {width:91px;background:transparent;}
.shoppingCartRelated a {display:block;}
.shoppingCartRelated img {background:#f6f6f6;padding:5px;margin-bottom:18px;}
.shoppingCartRelated img:hover {background:#eae7df;}