/* YogaGear Home Page CSS Document */

/* ==========================GENERIC STYLES=================================== */
body {margin: 0; padding: 0; font:11px Arial, Helvetica, sans-serif;}
#holder { width: 760px; margin: auto;position: relative; }
img {	border:none;}
#skip {position:absolute;left: -9999px;font-size:0;}
.cleardiv {clear:both;height:0;}

/* ==========================TURNED OFF STYLES=================================== */
#logo_attachments_div, #masthead, p.contact_heading, p.email, #body_header, #newsletter_desc, #featured_prod_section .save, #featured_prod_section .qtybox, #featured_prod_section .featured_prod_label, #bestseller_section .list_price, #bestseller_section .regular_price, #bestseller_section .save,  #bestseller_section .qtybox, #bestseller_section .bestsellerlabel, #contact_info_footer, #footer_list2, #minheight { 
	display:none
}

#logo a {height:100px; width:220px;float:left;  padding: 10px 0 30px 0; background: url(/images/static/phone.gif) no-repeat 8px 100%; margin:0; position: absolute; z-index: 999;}
#logo span {display:none;}

/* ==============================NAVIGATION STYLES=============================== */
#navigation { display:block;clear:both;  float:left;  border-bottom: 5px solid #a26b2f; width:100%; margin:17px 0 8px 0; z-index: -1;}
*html #navigation {margin-bottom: 0;}
#navigation ul { float:right; margin:0; padding:0 20px 5px 0; }
#navigation ul li {	float:left; list-style:none; padding:0 0 0 12px; height:34px; }

#navigation ul li a { color:#000; text-decoration:none; font:bold 1.3em "Times New Roman", "Times", serif; display:block; padding:17px 0 0 30px; margin:0; background: url(/images/static/navigation.gif) no-repeat 0 100%;}
*html #navigation ul li a {position: relative;}
#navigation ul li a:hover { background: url(/images/static/navigation.gif) no-repeat 0 -1px; color:#9f000f; }
#navigation ul li a.nav_active { background: url(/images/static/navigation.gif) no-repeat 0 -1px; color:#9f000f; }

:root #navigation ul li a:hover { background: url(/images/static/navigation.gif) no-repeat 0 -2px; color:#9f000f; }
:root #navigation ul li a.nav_active { background: url(/images/static/navigation.gif) no-repeat 0 -2px; color:#9f000f; }
:root #navigation ul li a.nav_active:hover { background: url(/images/static/navigation.gif) no-repeat 0 -2px; color:#9f000f; }

*:lang(en) #navigation ul li a:hover { background: url(/images/static/navigation.gif) no-repeat 0 0px; color:#9f000f; }
*:lang(en) #navigation ul li a.nav_active { background: url(/images/static/navigation.gif) no-repeat 0 0px; color:#9f000f; }
*:lang(en) #navigation ul li a.nav_active:hover { background: url(/images/static/navigation.gif) no-repeat 0 0px; color:#9f000f; }

/* ==============================CART SUBNAVIGATION STYLES=============================== */
#logout_div {  font-size:12px;  float:right;margin-top:20px; font-family: "Times New Roman", "Times", serif;} 
#logout_div span.welcome_info {background: url(/images/static/logout_div.gif) no-repeat 0 100%;   padding:0 5px 5px 15px; position:relative; right: -5px;}
#logout_div span span { padding-right:2px; color:#626262;}
#logout_div a.login_link { color:#a26b2f; padding-left:8px;background:transparent  url(/images/static/logout_div.gif) no-repeat 100% 100%; padding-bottom: 5px;display:inline-block; position: relative; bottom:-5px;}
*html #logout_div a.login_link {bottom:-6px;}
:root #logout_div a.login_link {display: inline; bottom:0px;}
#logout_div a.login_link:hover {text-decoration: none;color:#555;}

#subnavigation { float:right;clear:right; font-family: "Times New Roman", "Times", serif; color:#6E6E6E; width:17em; padding:5px 0 0 0; background: url(/images/static/cart.gif) no-repeat 0 6px; position: relative;}
#subnavigation ul { padding:3px 0 0 0; margin:0; float:right;}
#subnavigation ul li { list-style:none; display:block; float: left;}
:root #subnavigation ul li {float: none;}
:lang(en) #subnavigation ul li {float: left;}

#subnavigation a.subnav_cart { display:block;  padding:0 0 0 15px; display:block; color:#a26b2f;text-decoration:underline; float: right; }
#subnavigation a.subnav_cart span { display:block; cursor:pointer;}
#subnavigation a.subnav_cart:hover {text-decoration:none;color:#555;}

#subnavigation span.cart_status {width: 6em; display:block; position: absolute; left: 50px; z-index:100; }
:root #subnavigation span.cart_status {width: 5.8em;}

#subnavigation a.subnav_account { display:block; float: right; color:#a26b2f; text-align:right; text-decoration:underline;  z-index:100; clear: right; }
#subnavigation a.subnav_account:hover {text-decoration:none;color:#555;}
#subnavigation .subnav_colon {display: none;}
#header_contact_info { float:left; margin:20px 0 0 0;position:absolute;  background: url(/images/static/phone.gif) no-repeat 100% 0; width: 194px; height: 34px; left:10px; top: 70px;}
#header_contact_info p {display: none;}

.free_shipping {background: url(/images/static/free_shipping.gif) no-repeat 100% 0; width: 202px; height: 70px; float: left; margin: 5px 0 10px 270px; display: inline;}
.free_shipping span {display: none;}

#side_nav { float:left; clear: left; width:200px;  padding:7px 0 60px 0;}
#main_body {float:left;  width:550px; padding:1px 0 0 0px; display:block; overflow: hidden; position: relative; right: -12px;}
:root #main_body { margin-top:15px;}
:root #side_nav {margin-top: 15px;}

*:lang(en) #main_body { margin-top: 0px; }
*:lang(en) #side_nav { margin-top: 0px;}

/* ==============================SEARCH STYLES=============================== */
#search {float:left; vertical-align: top; display: block; height: 63px; width:193px; padding-left: 7px; margin-bottom: 6px; font-family: "Times New Roman", "Times", serif; background: url(/images/static/bg_search.gif) repeat-x;}
#search_input { float:left; clear: left; padding:2px 0 0 0; }
#search_btn_div { width:30px; float:left;}
#search_input label {color:#fff; font-weight: bold; display: block; padding-right:3px; text-transform: uppercase; }
#search_input input { float: left; clear: left; width:144px; font-size:11px;border:1px solid #ccc;height:15px;position:relative; top:13px;}
#search_btn_div { float: right; width: 29px; padding:28px 8px 3px 0;}
:root #search_btn_div { padding-right: 10px;}
:lang(en) #search_btn_div { padding-right: 8px;}
input.search_btn { background: url(/images/static/btn_search_go.gif) no-repeat; height: 16px; width: 29px; border: none;margin-top:2px;color:#fff; }
:root  input.search_btn {margin-top:0px;}
:lang(en) input.search_btn {margin-top:1px;}

/* ==============================LEFT NAVIGATION STYLES=============================== */
.link_list_div {clear: both; width:196px;border: 2px solid #a26b2f; font-family: "Times New Roman", "Times", serif;padding:4px 0; }
.link_list_div h3 {  text-transform: uppercase; width: 92px; background: white url(/images/static/bg_shop_now.gif) no-repeat 50% 0px; margin: 0 0 0 10px; padding:0 6px; position: relative; top: -10px; float:left; text-indent:-999px; }
.link_list_div ul {margin:0;padding:0;list-style:none; clear: both;}
.link_list_div ul li{padding: 0px 0px 5px 0px; margin:0;}

.link_list_div ul a{color:#707070; font-size: 1.1em; font-weight: bold;  display: block;  height: 16px; background: white url(/images/static/bg_nav_bullet_off.gif) no-repeat 6px 2px; padding:0 0 6px 25px; margin: 0 7px 7px 7px; border-bottom: 3px solid #e0e0e0; }
.link_list_div ul a:hover  {color:#9f000f; background-image: url(/images/static/bg_nav_bullet_hover.gif);  text-decoration:none; }
.link_list_div ul a.cat_active { background-image:url(/images/static/bg_nav_bullet_on.gif); background-position: 06px 0;color:#9f000f;}
.link_list_div ul a.cat_active:hover {background-image: url(/images/static/bg_nav_bullet_hover.gif);  text-decoration:none; }

.link_list_div ul ul a{background: white url(/images/static/bg_nav_bullet_sub.gif) no-repeat 19px 5px; font-weight: normal; padding-left: 30px; margin: 0 7px; }
.link_list_div ul ul a.cat_active, .link_list_div ul ul a:hover, .link_list_div ul ul a.cat_active:hover {background-image: url(/images/static/bg_nav_bullet_sub.gif);} 

/* ==============================BANNER STYLES=============================== */
#product_swatches {float: left;  padding:0px 0 9px 0px; margin:0; }
#prod_swatch_container { background: url(/images/catalog/live/banner/banner.jpg) no-repeat; position:relative;padding:0;margin:0;}
#prod_swatch_container a {display:block; }
#prod_swatch_container a img {width:549px; height:171px; }

/* =========================PRICES STYLES=================================== */
.prod_prices{  line-height: 1.5em; color: #666; height: 7em; padding: 0;font-size:1em ; font-weight: bold;}
.prod_prices dt{ float: left; clear: left;}
.prod_prices dd{ text-align: right;}
.prod_prices .list_price{ text-decoration: line-through; font-weight: normal;}
.prod_prices .regular_price{ color: #000;font-weight: bold; }
.prod_prices .old_regular_price{ color:#000;text-decoration: line-through; }
.prod_prices .current_price{ color: #f00; font-weight: bold;}
.prod_prices .save{ color:#555; font-size:0.8em;color:#67bfd9;}
.call_for_price { color: red; font-weight: bold; line-height: 1.5em; padding: 0 2px; height: 7em; position: relative; top: -1px; }

/* =========================NEWSLETTER STYLES=================================== */
#newsletter { width: 100%; clear:left;float:left;background:#ffeebf url(/images/static/bg_newsletter.gif) repeat-x;padding: 1px 0 12px 0; font-family: "Times New Roman", "Times", serif; margin:10px 0 0 0;}
#newsletter #newsletter_h3 {margin:0; padding:0; color: #fff; text-transform: uppercase; font-size: 1.1em;}
#newsletter form {margin:0;padding:7px 7px 0px 7px; color:#373029; float: left;}
*html #newsletter form  {height: 110px;}
#newsletter form input {height:15px;border:1px solid #8A8F93;color:#373029;width:144px;font-size:11px;padding:2px 0 0 2px;}
:lang(en) #newsletter form input {width:142px;}
#newsletter #signup_btn_div { float: right; height: 16px;width: 29px; padding:19px 1px 0 0;}
*html #newsletter #signup_btn_div {padding:19px 0px 0 0;position: relative; right:-1px;}
:root #newsletter #signup_btn_div {padding:16px 0px 0 0; position: relative; right:-18px;}
:lang(en) #newsletter #signup_btn_div {padding:19px 1px 0 0; position: static;}
#newsletter form input.signup_btn {background: url(/images/static/btn_search_go.gif) no-repeat; height: 16px; width: 29px; border: none;}
*html #signup_btn_div  {}
:root #signup_btn_div {margin-top: 1px; }
:lang(en) #signup_btn_div {margin-top:0;}
#newsletter form label {display:block;}
.newsletter_email {padding-top:3px;float:left;width:106px;}
.ziplabel {display:block;padding:3px 0 0 0;}

/* ==========================FEATURED PROD STYLES=================================== */
#featured_prod_section {clear:both; padding:0;}
#featured_prod_section h1 {clear:both; padding: 4px 0px 2px 0px; margin:0px 11px 0px 5px; font-size:15px; font-family: "Times New Roman", "Times", serif; color:#fff;text-transform:uppercase;font-weight:500; text-align:left; background-color: #511d00; }
#featured_prod_section h1 span {padding-left:7px; }
#featured_prod_section .featured_prod_desc .prod_brand { display: none; }
#featured_prod_section .featured_prod_desc .prod_link { display: block; height: 25px; color:#000; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0; display: block;}
#featured_prod_section .featured_prod_desc a.prod_link {color:#000;text-decoration:underline; font-size: 1.1em;}
#featured_prod_section .featured_prod_desc a.prod_link:hover, #featured_prod_section a.prod_link:visited:hover {color:#a26b2f;text-decoration:none;}
#featured_prod_section a.prod_link:visited {color:#555555; text-decoration:underline;}
#featured_prod_section .more { display: block; padding-top: 6px; position: absolute;  bottom:43px; right:3px; background: url(/images/static/btn_more.gif) no-repeat; width:55px; height:22px; }
#featured_prod_section .more span {display: none;}
.buy_btn_div {display: none; }

.featured_prod { float:left; width:170px; border-bottom: 2px solid white; border-right: 8px solid white; padding: 5px 4px 28px 4px; position: relative; }
*html .featured_prod {overflow: hidden;}
.featured_prod3 {border-right: 0;} 
#featured_prod_section .featured_prod_img {margin:0; width:178px;height:165px;overflow:hidden; background: url(/images/static/bg_ft_prod_img.gif) no-repeat; position: relative; left: -4px;}
#featured_prod_section .featured_prod_img a {display:block;width:156px;height:156px;margin:5px 11px 0 11px;}
#featured_prod_section .featured_prod_desc { height:75px; width:158px; background-color: white; margin:0 auto; padding:5px 4px 0 4px;}
#featured_prod_section .featured_prod_desc .featured_prod_p {margin:0; padding:8px 0 0 0; color: #646464; height:40px; }
#featured_prod_section .featured_prod_input {background-color: white; margin:0 auto; padding: 4px 4px 0 6px; float: left;}
#featured_prod_section .featured_prod_form { height: auto; margin:0 auto; padding:0;}
#featured_prod_section .featured_prod_form form { margin:0; padding:0;}
#featured_prod_section .featured_prod_input p {margin:0; padding:0; height: 50px; }
#featured_prod_section .featured_prod_input dl {margin:0; height: 50px;float: left;width:100px;}
#featured_prod_section .regular_price {color: #a26b2f;}

.more_link {display:none;}

#brandlist {background:#f3f3f3;height:40px;display:none;width:598px;border:1px solid #fff;margin:0;float:left;clear:both;}
html>body #brandlist {height:auto;}
#brandlist h1{font-size:14px;color:#61818C;font-weight:bold;letter-spacing: -0.05em;background:#fff;margin:0;padding: 0 0 10px 0;}
#brandlist ul {list-style:none;float:left;clear: none;padding:5px 0 5px 9px;margin:0;width:130px;border:1px solid #f3f3f3;}
#brandlist ul li a {color:#686868;}
#brandlist ul li a:hover {text-decoration:none;}

#verisign_logo a { display: block; margin: auto; text-align: center;}
#verisign_logo a img {margin: 7px auto;}

/*==============================Footer style====================*/
#credit_cards {clear:both; width: 150px; margin: 0 0 10px 25px; position: relative; top:-50px;}
#credit_cards img {padding:0 10px 0 0;}
#credit_cards img.card_other {display: none;}

#footer {display:block; width:98%; clear:both;padding:7px 1%; background-color: #ffeebf; margin: 7px 0; position: relative; top:-40px; }
#footer_list1 { border-width:1px 0; font-size:11px; padding:0 10px; text-align:center; }
#footer_list1 a { text-decoration:none; color:#000; padding:0 7px 0 2px; border-right: 1px solid #000;}
#footer_list1 a.footer_link_last {border: none;}
#footer_list1 a:hover { text-decoration:underline}
#copyright { margin:0;color:#646464;font-size:12px;float:left; position: relative; top:-40px; }
#copy_and_tag {padding-bottom: 25px;}
#ecptag {float:right;margin:0;font-size:12px;position: relative; top:-40px; }
#ecptag p, #copyright p {padding:0;margin:0;}
#ecptag a {color:#646464;text-decoration:none;font-size:12px;}
#ecptag a:hover {text-decoration:underline}