html {MIN-HEIGHT: 100%; HEIGHT: 100% }
body {margin:0;padding:10px;background:#fff;font:normal 14px/20px arial;color:#000;text-align:center;MIN-HEIGHT: 100%; HEIGHT: 100%}
html body {MIN-HEIGHT: 100%; HEIGHT: 100%}

/*  tabbed */

#landing #TabbedListModule .container {width:550px !important;margin:0 0 15px 0; text-align:left;}
#landing #TabbedListModule .tabs ul {width:549px !important; border-left:1px solid #508847;}
#landing #TabbedListModule .tabs li.ui-tabs-selected {width:134px !important;}
#landing #TabbedListModule .tabs li span {width:137px !important;}
#landing #TabbedListModule .tabbedtext,#TabbedListModule .tabbedtext p {width:300px;}
#TabbedListModule .container {font-family:arial,sans-serif;font-size:13px;width:495px;height:250px;color:#1A5887;}
.tabbedtext {line-height:18px;}
#TabbedListModule .container a {color:#9C1018 !important;}
#TabbedListModule .container h2, #TabbedListModule .container h2 a {font-size:18px;font-weight:normal;margin:0;padding-bottom:4px;color:#9C1018 !important;}
#TabbedListModule .container p {padding:0;margin:0;line-height:18px;}

#TabbedListModule .outer {height:225px;overflow:hidden;width:auto;background:#eaeaea;border-top:1px solid #508847;border-left:1px solid #508847;border-right:1px solid #508847;}
#TabbedListModule .inner {padding: 15px 8px 20px 15px;background:#E0EEF9;}
#TabbedListModule .inner ul {list-style-type:none !important;margin-left:10px;padding-left:5px;color:}
#TabbedListModule .tabbedtext,#TabbedListModule .tabbedtext p {float:left;width:220px;color:#0C5284;}
#TabbedListModule .tabbedtext p {margin:2px 1px;}
#TabbedListModule .tabbedtext ul {color:#9C1018;list-style-type:square;list-style-image:url('/img/boxbullet.gif');padding-left:15px;margin-left:0;}
#TabbedListModule .tabbedtext ul li a,#TabbedListModule .tabbedtext ul li a:visited {color:#9C1018 !important;text-decoration:underline;}
#TabbedListModule .tabbedimage {float:right;width:200px;}

#TabbedListModule .tabs ul {width:495px;height:31px;display:block;margin:0;padding:0;background:#508847;}
#TabbedListModule .tabs li { color:#fff;display:block;float:left;width:auto;text-align:center;height:21px;}
#TabbedListModule .tabs li a {width:auto;text-decoration:none;color:#fff !important;font-weight:bold;font-size:11px;}
#TabbedListModule .tabs li span {display:block;text-align:center;width:123px;float:left;height:21px;line-height:20px;}
#TabbedListModule .tabs li.selected span {color:#9C1018;display:block;padding:0 15px;float:left;height:21px;}

/* Tabbed List Module JS Styles */
#TabbedListModule .tabs li span {display:block;text-align:center;width:123px;float:left;height:21px;line-height:20px;}

#TabbedListModule .tabs li.ui-tabs-selected {background:#eaeaea;}
#TabbedListModule .tabs li.ui-tabs-selected span {color:#9C1018;display:block;text-align:center;width:126px;float:left;height:21px;}

#TabbedListModule .container #fragment-1,#TabbedListModule .container #fragment-2,
#TabbedListModule .container #fragment-3,#TabbedListModule .container #fragment-4,
#TabbedListModule .container #fragment-5 {padding:15px 8px 20px 15px;background:#eaeaea;}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    #TabbedListModule .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    #TabbedListModule .ui-tabs-nav {
        display: none;
    }
}
/* Skin */

#TabbedListModule .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#TabbedListModule .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#TabbedListModule .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
#TabbedListModule .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#TabbedListModule .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

#TabbedListModule .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background:#DFEDF9 url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #TabbedListModule .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #TabbedListModule .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* end tabbed */

.TahomaWhite11 {color:#fff;}


.tinput
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma
}

.Borderize
{
    BORDER-RIGHT: lightgrey solid;
    BORDER-TOP: lightgrey solid;
    MARGIN: 1px;
    BORDER-LEFT: lightgrey solid;
    BORDER-BOTTOM: lightgrey solid
}

.WhiteSectionTitle
{
    FONT-SIZE: 14pt;
    COLOR: white;
    FONT-FAMILY: Verdana
}
.BlackSectionTitle
{
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}

.shadetabs{
border-bottom: 1px solid Gainsboro;
/* width: 90%; width of menu. Uncomment to change to a specific width */
}


.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 13px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #d3d3d3;
color: #2d2b2b;
background: white url(img/shade.gif) top left repeat-x;
font: bold 15px Verdana;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
font: bold 15px Verdana;
color: #a52a2a;

}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(img/shadeactive.jpg);

}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
 


.borderimage{border:1px solid white;}

h1, h2, h4, h5 {margin:0;padding:0;}
h1 {font:bold 18px/22px arial;color:#9C1018; text-align:left;}	
h1 a, h1 a:visited, h1 a:hover{font:normal 20px/24px arial;color:#9C1018; text-align:left;}	
h3 {margin:0; padding:10px 0 5px 0;}
h2 {font:normal 18px/22px arial;color:#4C4C4C;}	
h3 {font:bold 14px/18px arial;color:#4C4C4C;}	
h4 {font:bold 14px/22px arial;color:#4C4C4C;}	
h5 {font:bold 14px/18px arial;color:#333;}	

img {border:0px;}
/* Floats */
.floatl {float:left}
.floatr {float:right}
.clear {clear:both}

/* padding */
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad10t {padding-top:10px;}
.pad15t {padding-top:15px;}
.pad10b {padding-bottom:10px;}
.pad15b {padding-bottom:15px;}
.pad10tb {padding:10px 0 10px 0;}
.pad15tb {padding:15px 0 15px 0;}
.marr5 {margin-right:5px;}
.marl5 {margin-left:5px;}



.shiptr {background-color:#FCF8EF;}
.shiptr2 {background-color:#F1FCEF;}
.shiptr3 {background-color:#F7FBFD;}
.green {font-color:green;}
.red {font-color:red;}
.greenborder {border:1px solid #127FB4;}

.specialrequest {width:540px;border:1px solid #996600; background-color:#ffffc5;}
.conthome {width:540px;}
.eyebuy {width:540px;}

#byprod h2 {font:bold 18px/22px arial;color:#9C1018; text-align:left;}	

.layaway {border:1px solid #4C4C4C;}	
.inputsearch {width:420px;padding-top:4px; height:17px;}
.searchfield {width:222px; float:left; padding-left:10px;}
.searchbtn {width:48px; float:left; padding-top:1px;}
.searchfield form {height:17px;}

.subcontainer {text-align:left;}
.hdrsunglasses{width:530px; height:30px; border:1px solid #520008; background-color:#508847;padding:5px;}
.hdreyeglasses{width:530px; height:30px; border:1px solid #520008; background-color:#007394;padding:5px;}
.hdrpd {width:660px; height:20px; border:1px solid #520008;padding:5px;}
.hdron {width:680px; border:1px solid #508847; padding:5px;}
.hdroff {width:660px; text-align:right; padding:2px 0 4px 0;}
.hdroff a, .hdroff a:visited  {font: bold 14px arial;color:#9C1018;text-decoration:underline;}
.hdroff a:hover  {font: bold 14px arial;color:#9C1018; text-decoration:none;}
.hdroff h2 {font: normal 16px arial;color:#9C1018;}
.branddesc {background-color:#eaeaea; border:1px solid #520008; padding:2px; width:690px;line-height:16px;}

#testimonials, #fitguide, #faq, #pricematch, #special, #tellfriend, #shipping, #contact, #about, #privacy, #layaway, #truth, #wholesale, #home, #landing, #article {width:690px; padding:0 0 20px 10px; text-align:left;line-height:18px;}
#pd {font-size:12px;}
#pd a, #pd a:visited {font: normal 12px tahoma;color:#9C1018;text-decoration:underline;}
#pd a:hover {font: normal 12px tahoma;color:#9C1018; text-decoration:none;}


#article a, #article a:visited {font: normal 14px tahoma;color:#9C1018;text-decoration:underline;}
#article a:hover {font: normal 14px tahoma;color:#9C1018; text-decoration:none;}

.hometext {width:520px; font:normal 13px/16px Arial,Helvetica,sans-serif;color:#000; padding:10px 0 10px 0; text-align:left;}
.hometext a, .hometext a:visited  {font: normal 13px tahoma;color:#9C1018;text-decoration:underline;}
.hometext a:hover {font: normal 13px tahoma;color:#9C1018; text-decoration:none;}

.hdrsunglasses h1, .hdreyeglasses h1 {font-size:20px; color:#ffffff;font-weight:bold;font-family:arial; margin:0; padding:0;text-align:left;}

div.dept a, div.dept a:visited {font: bold 14px verdana; color:#ffffff; }
div.dept a:hover {font: bold 14px verdana;color:#ffffff; text-decoration:underline;}
#faq a, #faq a:visited, #truth a, #truth a:visited {font: normal 14px verdana;color:#9C1018;}
#faq a:hover, #truth a:hover {font: normal 14px verdana;color:#9C1018; text-decoration:underline;}

div.topmenu {width:570px; color:#ffffff;float:left;padding-left:10px;}
div.botmenu {color:#ffffff;padding:7px 0 0 40px;}
div.topmenu a, div.botmenu a, div.topmenu a:visited, div.botmenu a:visited {font: normal 11px tahoma;color:#ffffff;}
div.topmenu a:hover, div.botmenu a:hover {font: normal 11px tahoma;color:#ffffff; text-decoration:underline;}

.brandscontainer {width:159px;}
div.brands {background:transparent url(/img/bg-brandsoff.gif) no-repeat left top; padding:5px 0 0 10px;}
div.brandson {background:transparent url(/img/bg-brandon1.gif) no-repeat left top;padding:5px 0 0 10px;}

div.brands a, div.brands a:visited, div.brandson a, div.brandson a:visited {font: normal 11px tahoma;color:#000000; line-height:23px;text-decoration:underline;}
div.brands a:hover, div.brandson a:hover {font: normal 11px tahoma;color:#000000;text-decoration:none; line-height:23px}

.logocontainer {width:120px;}
.logocontainer .logo {padding:0 0 1px 0;}

#shipping span {color:red;}
#shipping ul li {font-weight:bold;}
#contact span {color:red;}

#maincontainer {width:870px;margin:0px auto;}
#pricematch .price img {float:left;}
.price {width:600px;}

.footercontainer {width:871px;}
.botleft {width:37px;height:59px;background:transparent url(/img/bg-lfooter.gif) repeat-x left top;float:left;}
.botmid {width:796px;height:59px;background:transparent url(/img/bg-footer.gif) repeat-x left top;float:left;}
.botright {width:38px;height:59px;background:transparent url(/img/bg-rfooter.gif) repeat-x left top;float:left;}

.faqcontainer {width:640px;}
.faqleft {width:320px; float:left;}
.faqright {width:320px; float:left;}
#faq hr {width:660px; margin:15px 0 15px 0; color:#9C1018;background-color: #9C1018;height: 3px;}

.hdrcontainer {width:872px;height:80px;border-right:1px solid #8F8F8F;margin:0;padding:0;overflow:hidden;}
.sitelogo {width:159px;height:58px;float:left;overflow:hidden;}
.myaccount {width:125px;float:right; }
.mainnav {width:711px;height:58px;float:left;}
.hdrsearch {width:709px;height:30px;background:transparent url(/img/bg-hdrtop.gif) no-repeat left top;font-size:11px;padding:0px;text-align:left;}
.navlinks {width:711px;height:28px;background:transparent url(/img/bg-hdrtop2.jpg) repeat-x left top;overflow:hidden;}
.searchbar {width:600px;height:30px; padding:0 0 0 45px;overflow:hidden;}


.guidesubcontainer {width:660px; padding:0 0 15px 0;}
.fittype {float:left; padding:7px 15px 0 10px;}
.fitdesc {width:580px;float:left;}
#fitguide span {font-weight:bold; text-decoration:underline;}

#faq  ul {margin:20px 0 0 3px;padding:0 0 10px;}
#faq ul li {
background:transparent url(/img/arrow_red_sm.jpg) no-repeat scroll 0 3px;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 3px 12px;
}
#faq ul li a, #faq ul li a:visited {font:normal 14px arial;color:#000000;}
#faq ul li a:hover {font:normal 14px arial;color:#000000; text-decoration:underline;}
.faqanswers  {font:normal 14px arial;}
.faqanswers  .ques span {font:bold 14px arial;}
.ques {padding:0 0 15px;}

.catcontainer {width:158px; border-right:1px solid #8f8f8f;}
.catcontainer .sunglasses {background-color:#508847;}
.catcontainer .eyeglasses {background-color:#006b94;}
.catcontainer ul {margin:0px;padding:10px;}
.catcontainer ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 3px 12px;}
.catcontainer ul li a {font:bold 16px verdana;color:#ffffff; text-decoration:none;}
.catcontainer ul li a:hover {font:bold 16px verdana;color:#ffffff; text-decoration:underline;}
.categories {padding:0px;}

.subbrands {width:158px; _width:157px; border-right:1px solid #8f8f8f;}

.hdrbtm {width:871px;height:22px;background: url(/img/top_06.gif) no-repeat left top;}

.twocol {width:871px; border-left:1px solid #8f8f8f; border-right:1px solid #8f8f8f;}
.leftcol {width:159px; float:left;}
.rightcol {width:709px; float:left;}

.subcolcontainer {width:700px;}
.subcolcontainer .subcolleft {width:560px; float:left;}
.subcolcontainer .subcolright {width:120px; float:left;}

.textbox {height:15px;width:160px;}
.textbox, .textarea {color:#5E6E65;}