/* 
MyEyeGlassCase

Colours:
violet (nav) - #C8DCE7;

 
 */

/*=======================  main  ========================*/
html, body, ul, ol, h1, h2, h3, h4, p {padding:0; margin:0;}
body {background: #fff; margin:0; padding:0; width: 880px; margin:auto; font-family: Arial, Tahoma, sans-serif; font-size: 11px; behavior: url(/style/1/csshover2.htc);}

#holder { position:relative; width:905px;  margin:auto; margin-bottom:-30px;  float:left; overflow: hidden; margin-bottom:0px; }
	
#top_holder {width:905px;  color:#000; margin:0; padding:0; background: url(/images/static/holder_top.gif) no-repeat 0 0; clear:both; }

#skip {position:absolute; left:-1999px;}
#logo {float:left; margin-top: 10px; padding:0 0 0 10px; margin-bottom: -15px; }
  /* :root #logo {float:left; margin-top: 10px; padding:0 0 0 10px; padding-bottom: 0px; } */
#logo a {text-decoration:none;}
#logo a img {border:0;}
#side_nav {clear: both; width: 200px; overflow: hidden; float:left; position: relative; top: -28px; background:transparent url(/images/static/categories_top.gif) no-repeat scroll 0pt 0px; }
#main_body {width: 695px; float:right; overflow:hidden; display: inline; background: url(/images/static/bg_main_body.gif) repeat-y 100% 0;}

/*=======================  header right  ========================*/
#subnavigation { list-style: none; text-align: left; margin-top:11px;   color: #383838;  height:50px; font-size:10px; font-family:Verdana,  Arial, Tahoma;  float:right; width:372px;}
#subnavigation li { height:17px; padding:0 8px 0 8px;}

#subnavigation a{color: #383838; text-decoration:none; }
#subnavigation a:hover{text-decoration: underline;}

#subnavigation .welcome_info {padding-right:8px; position:relative; float:left; }
#subnavigation .welcome_info .member_name{}

#subnavigation .login_link {border-left:1px solid #000; border-right:1px solid #000; margin-bottom:14px; font-weight:bold; float:left;  white-space:nobreak; white-space:nobreak;}  
#subnavigation .login_link a {color: #7F1E0E; font-weight: bold; white-space:nobreak;}

#subnavigation .subnav_wishlist {padding-left: 15px; background: url(/images/static/wishlist.gif) no-repeat 0 50%; float:right; white-space:nobreak; width:47px; position:relative; left:6px;}
#subnavigation .subnav_wishlist a{color: #965455; white-space:nobreak; text-align:right;}

#subnavigation .subnav_account {padding:0 0px 0 8px; float:left; white-space:nobreak; width:70px;}

#subnavigation .subnav_cart {clear:both; position:absolute; left:8px;  top:20px; width:700px; border-top:solid 1px #c5c9c9; border-bottom:solid 1px #c5c9c9; padding:4px 0 0px 5px;}
#subnavigation .subnav_cart a{display:block; float:left; height:18px; width:72px; text-decoration: none; padding:2px 11px 0 26px; background: url(/images/static/cart.gif) no-repeat 0 -1px; white-space: nowrap;}
#subnavigation .subnav_cart a:hover{text-decoration: underline;}
#subnavigation .subnav_price{font-weight:bold; font-size:12px;}

/* ===================== order by phone ====================== */
#order_by_phone_block {float:right; clear:both;  border-top: 1px solid #c5c9c9; width:364px; margin-top:23px; }
   :root #order_by_phone_block{margin-top:0px;}
#order_by_phone_block h3 {float: left; padding-right: 5px; padding-top: 5px; padding-bottom:10px; font-size: 13px;}
#order_by_phone_block p {float:left; padding-top: 4px; padding-bottom: 10px; font-size: 9px;}
#order_by_phone_block .phone .phone_number{font:bold 14px Verdana}
#order_by_phone_block .phone .call_free{font:normal 9px Verdana}

/* ===================== top nav ============================ */
#navigation { color: #C8DCE7; float: right;  background: url(/images/static/bg_top_nav.gif) repeat-x 0 0; height: 29px; margin-top: 32px;  position: relative; left: 144px; height: 34px;}
:root  #navigation {margin-top: 0px; position: static;}
#navigation ul {list-style: none; width: 475px; overflow: visible; background: url(/images/static/bg_navigation.gif) no-repeat 0 0; padding-left: 0px; height: 34px;}
#navigation ul li {float:left; padding: 0px; overflow: visible;  position: relative; height: 34px; width: auto;}
#navigation ul li:hover {background: url(/images/static/bg_top_arrow.gif) no-repeat 50% 100%;}
#navigation ul li.menubar_home  {display: none;}
#navigation ul li a { float:left;color: #809BAC; color: #6088A2; margin-top: 1px; text-decoration: none; font-weight: bold; font-size: 13px; display: block; padding: 0px;  height:27px; padding-right: 9px; width: auto;}
#navigation ul li a:hover {background: #86A6BD; color: #fff; background: #85A6BC url(/images/static/top_menu_right.gif) no-repeat 100% 0; }
#navigation ul li a span {float:left; height: 17px; padding-top: 5px; width:auto;padding-bottom: 5px; padding-left: 9px; display: block; text-align: center; cursor: pointer;}
#navigation ul li a:hover span { background: url(/images/static/top_menu_left.gif) no-repeat 0 0;}
#navigation .menubar_cat {display: none;} 
#navigation ul li.nav_li_4 a:hover span{background: url(/images/static/top_menu_left_first.gif) no-repeat 0 0;}
/*#navigation li:hover span.both_off {position: absolute; display: block; width: 100%; height: 7px; background: url(/images/static/bg_top_arrow.gif) no-repeat 50% 0; top:28px; left:0; }


*html #navigation li:hover span.both_off {position: absolute; display: block; width: 100%; height: 7px; background: url(/images/static/bg_top_arrow.gif) no-repeat 50% 0; top:28px; left:0; }
*/

/* ================== left nav ========================= */
#search {height:28px; width: 220px; float:right; clear:both; background: #ffffff url(/images/static/bg_search.jpg) no-repeat 0 0; } 
#search .search_textbox {width: 109px; border: 1px solid #7f9db9; margin:5px 0pt 0pt 60px; }
#search #search_input {width: 110px; float:left; }
#search label {display: none;}
#search #search_btn_div {float:right; margin:6px 9px 0 0; display: inline; width: 26px;}
#search .search_btn {background: url(/images/static/btn_search_go.gif) no-repeat 0 0; display:block; width: 26px; height: 16px;}

#categories {width:195px;  background: url(/*/images/static/categories.gif */ /images/static/categories_bottom.gif) no-repeat 0 100%; margin: 0px 0 0 0px; position:relative; padding:12px 0 12px 0; }

#categories h3 {display:none;}
#categories a {text-decoration:none; border-bottom:dotted 1px #000;}
#categories a:hover {text-decoration: underline;}
#categories ul {list-style:none; background: url(/images/static/categories.gif) repeat-y 0 0;}
#categories ul ul {}

#categories .cat_link_level1, #categories .cat_link_level2, #categories .cat_link_level3 {display:block; padding:3px 0 3px 15px;font-family: Arial, sans-serif; font-size: 1.1em; color: #000; font-weight: bold; margin:0; }
*html #categories .cat_link_level1, *html #categories .cat_link_level2, *html #categories .cat_link_level3 {height:15px; }

#categories .cat_link_level1{padding:5px;   margin:0 12px 0 10px;}

#categories .cat_link_level3 {color: #6c6c6c; padding:3px 0 3px 27px;}
#categories .cat_link_level3 a{}

.cat_link_last {width:195px; position:relative; left:-10px; padding-left:15px !important;  /*background: transparent url(/images/static/categories_bottom.gif) no-repeat left bottom;*/ padding-bottom: 18px !important; border:none !important; }

/*#categories ul ul a.cat_active{background: orange url(/images/static/bullet_left_nav.gif) no-repeat 3px 6px;}*/


#categories .cat_list_level2 {padding-left: 28px; width: 155px; }
#categories .cat_list_level3 {padding-left: 0px; width: 145px; }
#categories .cat_list_level2 a{background: url(/images/static/categories-arrow.gif) no-repeat 0 50%; font-weight: normal; }
#categories .cat_list_level3 a{background: #E5EFED url(/images/static/categories-arrow.gif) no-repeat 7px 50%; font-weight: normal;}

#categories a.level2_active{background: #D1E7E3 url(/images/static/categories-arrow.gif) no-repeat 3px 6px;}
#categories a.level3_active{background: #D1E7E3 url(/images/static/categories-double-arrow.gif) no-repeat 7px 6px; }
#staticpg_link_list {margin:5px 0 5px 3px;}
#staticpg_link_list li a{border: none;}
#staticpg_link_list li a img {border: none;}

/* advanced search */
#nav_advanced_search {padding: 40px 0 10px 0; background: url(/images/static/bg_adv_search.gif) no-repeat 0 0; height: 160px; width: 193px; margin: 10px 0;}
#nav_advanced_search #nav_advanced_search_fields{padding: 0 0 0 60px;}
#nav_advanced_search #nav_advanced_search_fields select{width: 100px;}
#nav_advanced_search .adv_search {display: block; padding-bottom: 15px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    :root #nav_advanced_search .adv_search {padding-top: 6px;}
}

#nav_advanced_search .adv_search label {display:block;}
#nav_advanced_search #nav_advanced_search_heading {display: none;}
#nav_advanced_search #nav_advanced_search_btn input { position: relative; top: -10px; float:right; width: 57px; height: 19px; display: block; background: url(/images/static/btn_adv_search.gif) no-repeat 0 0; margin-right: 10px; display: inline;}

/* static articles in left nav */

#static_blocks {background: url(/images/static/bg_tips_top.gif) no-repeat 0 0;  height: auto; padding-top: 10px; overflow:hidden; width: 193px;}
#static_blocks .block_link_head {display: block; background:transparent url(/images/static/bg_tips_h3.gif) no-repeat scroll 0pt 0px; height:53px;}
#static_blocks .block_link_head span{text-indent:-9999em; display:block;}
.block_list_head{background:transparent url(/images/static/bg_tips_line.gif) repeat scroll 0pt 0px;}
.block_ul_body{background:transparent url(/images/static/bg_tips_bottom.gif) no-repeat scroll 0pt 100%; padding-bottom:10px;}
#static_blocks .block_list_body {margin: 2px 10px; border-top: 1px dotted #74797B;  }
#static_blocks .block_list_body a{display:block; padding-left: 15px; background: url(/images/static/bg_arrow_tips.gif) no-repeat 0 50%; text-decoration: none; color: #133061; font-size: 12px; }
#static_blocks .block_list_body a:hover {text-decoration: underline;}

/* ================= main =========================== */
.prod_prices { padding:0px 0px 4px 0; height: auto; float:left; width:157px; overflow: hidden; clear: both;}
.prod_prices dt {display:block; float:left; width: 70px; border-bottom:1px dotted #000000;}
.prod_prices dd {float: left; width: 84px;margin-left:1px; border-bottom:1px dotted #000000;}
.stock_text {clear:both; color: #c00; font-weight:bold; position:absolute; bottom:35px; right:15px; width:90px; text-align:right;}
.call_for_price {clear:both; color: #c00;}
.old_regular_price { color: #6d1e19;}
dd.old_regular_price{text-decoration: line-through;}
.regular_price,
.main_price{font-size:12px; color:#165a1e;}
.current_price {color: #165a1e;; font-size:12px; }
.featured_prod_form .main_price {margin-top:14px; valign:bottom; border-top:1px dotted #000000;}
.list_price {color: #6D1E19;}
dd.list_price {text-decoration: line-through; color: #6D1E19;}
.save{font-weight:bold;}

/* =============== HP main newsletter ======================== */
#newsletter_2 {width:511px; height:56px; padding: 34px 0 0 0px; clear:left; background: url(/images/static/HP_newsletter_bg.gif) no-repeat 0px 0%; overflow:hidden;}
#newsletter_2 h3 {width:248px; height:18px; background: url(/images/static/HP_newsletter_h3.gif) no-repeat 0px 0px; position:relative; top:18px; left:10px;}
#newsletter_2 h3 span{text-indent:-999px; font-size:1px;}
#newsletter_2 .newsletter_email { height: 18px; width:180px; margin-left:267px; display:inline; float:left;}
#newsletter_2 .newsletter_box {border: 1px solid #7f9db9; font-size: 0.8em; height: 16px; width:178px;}
#newsletter_2 label, #newsletter_2 #newsletter_desc_2 {display: none;}
#newsletter_2 #signup_btn_div_2 {float:right; position:relative; top:0px; left:-10px;}
#newsletter_2 #signup_btn_div_2 .signup_btn {display:block; width: 49px; height: 24px; background: url(/images/static/HP_newsletter_go.png) no-repeat 100% 0;}

/* =============== featured categories ======================== */
#featured_cat_container {}
#featured_cat_container .featured_cat{width:167px; height:185px; overflow:hidden; float:left;}
#featured_cat_container #featured_cat1, #featured_cat_container #featured_cat2{margin:0 5px 0 0; display:inline;}
#featured_cat_container .featured_cat_p, #featured_cat_container .subcategory_list, #featured_cat_section #featured_cat_heading{display:none;}
#featured_cat_container a img {border:1px solid #c4c4c4;}
#featured_cat_container .category_link{display:block; height:30px; margin:0 10px 0 0; padding:12px 0pt 0pt 10px; position:relative; top:-43px; color: #fff; text-transform: uppercase; font:bold 15px Arial, sans-seriff; text-decoration: none; background: url(/images/static/hp_category2_bg.png) no-repeat 100% 0;}


/* ================ featured products =================== */
#featured_prod_section {width: 531px; padding:8px 0 3px 0; float:left; margin-left: 3px; display: inline; position: relative; left: 8px; padding-bottom: 30px;}
:root #featured_prod_section {padding-top: 0;}
#featured_prod_section h2 {height: 23px; color: #fff; background: url(/images/static/featured_eyeglasses_cases.gif) no-repeat 0 0; text-transform: uppercase; font-family: Times, Georgia, sans-serif; font-size: 24px; padding-top: 5px; padding-left: 10px; text-indent: -9000px; overflow: hidden;}
#featured_prod_section h2 span{text-indent: -9000px; overflow: hidden;}
#featured_prod_section ul{list-style: none; background: #fff; float:left; width: 511px; }
#featured_prod_section .featured_prod {float:left; width: 158px; padding-right: 6px;  overflow: hidden; margin:0 0 -5px 5px; display:inline; position:relative; height: 367px; background: url(/images/static/bg_product.gif) no-repeat 0 100%;}
	:root #featured_prod_section .featured_prod { margin:0 0 20px 9px; position:reletive;}
	
	
#featured_prod_section #featured_prod_container .featured_prod1 {margin-left:1px;}

#featured_prod_section .featured_prod .featured_prod_p {color: #444; border-top: 1px dotted #000; border-bottom: 1px dotted #000; clear:both; height: 45px; overflow: hidden; width:155px;}
#featured_prod_section .featured_prod .sku {display: none;}
#featured_prod_section .featured_prod .prod_title {display:block; width:154px; height:34px; padding: 3px 0 0 5px; overflow:hidden; color: #444; text-decoration: none; font-size: 12px; font-weight: bold; }
#featured_prod_section .featured_prod .prod_title:hover {text-decoration: underline;}
#featured_prod_section .featured_prod img {width:160px; height: 160px; overflow:hidden; border: none;}
#featured_prod_section .featured_prod_input {width:68px; height: 47px; overflow:hidden; margin-left:8px; clear:both;}
	
#featured_prod_section .more {display:none; cleaR:both; }
#featured_prod_section .more a{display:block; width:29px; height: 20px;  position:absolute; right:125px; bottom:6px;  text-decoration:none;}
#featured_prod_section .more_link{display:block;}
#featured_prod_section .more_link span{display:none}

.more_link {bottom:30px;display:block;height:24px;left:0px;padding-top:0pt;position:absolute;width:158px;}

.more_link a {background:transparent url(/images/static/more_info.gif) no-repeat scroll 0px 0pt; display:block;float:left; height:24px; padding-left:0px;width:158px;}



#featured_prod_section .featured_prod_form {clear: both; float:left; width: 100%;}

#featured_prod_section .prod_brand {display: none;}
#featured_prod_section .call_for_price {padding-left: 10px;}

/* ================ brand list  =================== */
#brandlist {float:left; padding:4px 0pt 0x; width:511px; background: url(/images/static/brands_bg.gif) repeat-y 0 11px; }
#brandlist h2 {height: 29px; color: #fff; background: url(/images/static/h_bg.gif) repeat-x 0 0; text-transform: uppercase; font-family: Times, Georgia, sans-serif; font-size: 24px; padding-top: 3px; padding-left: 10px;}
#brandlist h2 span{background: url(/images/static/brands_header.gif) no-repeat 0 0; text-indent:-999px;display:block; width:84px; height:16px;}
#brandlist ul {list-style:none; float:left;}
#brandlist li {width:91px; padding:0 13px 0px 23px;}
#brandlist li a{color:#000; font-weight:bold; text-decoration:none; line-height:19px;}
#brandlist li a:hover{text-decoration:underline;}
#brandlist_bottom {clear:both; height:10px; background: #fff url(/images/static/brands_bg_bottom.gif) no-repeat 0 0;}



/* ================= right sidebar ====================== */
#homepage_sidebar {float:right; width: 157px; overflow: hidden; }
#newsletter {background: url(/images/static/bg_newsletter.jpg) no-repeat 0 0; width: 193px; height: 273px; margin-top: 10px;}
#newsletter h3 {padding: 10px 10px 0px 25px; color: #4A665A; font-size: 18px;font-weight:bold; }
#newsletter p {clear:both; padding: 3px 0 3px 7px;margin:0px 19px 0px 19px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; margin-bottom: 5px;}
#newsletter .row {margin: 3px 0; padding-left: 25px;}
#newsletter .row label {display:block; font-weight: bold;}
#newsletter .row input {display:block;}
#newsletter #signup_btn_div {clear:both; margin:7px 0 0px 118px;}
#newsletter #signup_btn_div .signup_btn {display:block; width: 81px; height: 24px; background: url(/images/static/btn_nws_send.gif) no-repeat 0 0;}

#brands_panel {padding-top:20px; }
#brands_panel ul{margin:0; padding:0; list-style:none;}
#brands_panel li{margin:1px auto; padding:0; text-align:center;}
#brands_panel a img{border:0;}

#offers h3 {background: #9D0B0C; color: #fff; text-transform: uppercase; font-family: Times, sans-seriff; padding: 2px; font-size: 13px;}
#offers h4 {color: #9d0b0c; text-transform: uppercase; font-family: Times, sans-seriff; padding-bottom: 2px; border-bottom: 1px solid #AEA38F; font-size: 11px;}
#offers ul {list-style: none; padding: 3px;}
#offers ul li {background: url(/images/static/offer_top.gif) no-repeat 50% 0; padding-top: 10px; padding-bottom: 5px;}
#offers ul li p {padding:0 3px;}
#offers ul li.first_offer {padding-top: 1px; background: none;}
#offers ul li.offer_1 {background: #fff;}
#offers ul li a {color: #363636; text-decoration: none; font-weight: bold;}
#offers ul li a:hover {text-decoration: underline; }

#updateable_articles {float:left; width:695px; padding-top: 15px; background: #fff;}
#updateable_articles .updateable_div {padding: 0px 0 10px 0; width:341px; height:253px; overflow:hidden; float:left;}
#updateable_articles .updateable_div_1 {padding: 0px 7px 10px 3px;}
#updateable_articles img{border:0;}
#updateable_articles .updateable_swatch_p {display:none;}
#updateable_articles .updateable_swatch_desc {display:none;}
#updateable_articles .article_link {}
#updateable_articles .article_more {color: #363636; text-decoration: none; font-weight: bold; display: block;}
#updateable_articles .article_more:hover {text-decoration: underline;}

#banner_image {float:left; width:695px; padding-top: 0px; background: #fff; position: relative; left: 4px;}
#banner_image table {float:left; width: 100%;}
#banner_image img {border: none;}


#on_sale_block {padding-left: 18px;  padding-top: 15px; padding-bottom: 15px; }
#on_sale_block h3{display:none; }
#on_sale_block img { display:block; }

#on_sale_block .article_1 {position: relative; display: block; margin-bottom: 10px; width: 134px; height: 160px;}
#on_sale_block .article_2 {position: relative; display: block; margin-bottom: 10px; width: 134px; height: 160px; }
#on_sale_block .article_3 {position: relative; display: block; margin-bottom: 10px; width: 134px; height: 160px; }
#on_sale_block .whats_new {margin-bottom: 10px; position: relative; display: block; }

#on_sale_block a{display:block;  position: absolute; top: 0; left: 0px; width: 150px; height: 250px;  text-indent: -9000px; overflow: hidden;  background: url(/images/static/spacer.gif) repeat 0 0;}

/* ===================== footer ============================== */
#verisign_logo {clear:both; float:left; margin:10px 0 0 323px; display:inline;}
#verisign_logo a img{border:0;}

#cardsBlock {clear:both; margin:0px 0 0 383px; position:relative; top:-29px;}

#footer {padding-left:78px; clear: both; border-top:2px dotted #7e7e7e; padding-top: 10px; text-align:center; }
	*html #footer{ padding-left:100px;text-align:center; }
#footer ul {list-style: none; text-align:center;}

#footer ul li {display: inline; padding: 2px 4px;}
#footer ul li a {text-decoration: none; color: #7E7E7E ; font-family:Tahoma;font-weight:bold}
#footer ul li a:hover {text-decoration: underline;}
#holder #footer ul.footer_list1{font-size:11px; display:block;  margin:0 0 -15px 143px; width:430px;}
	*html #holder #footer ul.footer_list1{  position:relative;left:-30px;}
#copyright {  width:200px; margin-left:0px; clear:both; text-align:left; color: #000000; position:relative; top:-14px; left:0px; }
*html #copyright {margin-right:10px; }
*html #footer{ padding-left:0px; padding-left:20px; } 


.the_all_rights{display:none}
#copyright a {display: none;}
#copyright .company_name {font-weight: bold;}

#ecptag {text-align:right; position:relative; top:-29px; float:right; width:240px;  }
#ecptag a {color: #000000; text-decoration:none}
#ecptag a:hover{text-decoration:underline}