/*********************************************************************************************************************************************************************** MARKUP - resets all browsers 'base' css to this one - never needs changing ***********************************************************************************************************************************************************************/ html                 {margin:0; padding:0;} body                 {margin:0 auto; padding:0; font-size:70%; position:relative; background:#fff;} body, input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#474747;} div,h1,h2,h3,h4,h5,h6,p,hr,form,fieldset,input,textarea,select,blockquote,th,td,dl,dt,dd,ul,ol,li,pre {margin:0; padding:0;line-height:normal!important;} table,input, select, textarea {vertical-align:middle; font-size:100%;} acronym              {border:none; border-bottom:1px dotted #603; cursor:help;} abbr                 {border:none; border-bottom:1px dotted #603; cursor:help;} caption              {text-align:left; font-weight:bold;} hr                   {height:1px; clear:both; width:inherit; border:none; border-top:1px solid #ccc;} q:before, blockquote:before, q:after, blockquote:after    {content:'';}  img                  {outline:none; border:0;}																											 /*address,cite,code,dfn,var,caption,em,strong,th{font-style:normal;font-weight:normal;}*/ /* site specific markup ***********************************************************************************************************************************************************************/ q, blockquote              {margin:0.75em 2em 1.5em 2em; font-family:Georgia, "Times New Roman", Times, serif; color:#5B5244;} ul, ol, dl                 {margin:0.75em 2em 1.5em 2em; line-height:1.5em;} ul ul, ol ul, dl ul        {margin:0 2em 0.1em 0;} .IE6 ul ul, .IE6 ol ul, .IE6 dl ul, .IE7 ul ul, .IE7 ol ul, .IE7 dl ul {margin:0 2em 0.1em 2em;} dt                         {margin:1.5em 0 0 0; font-size:1em; font-weight:bold;} hr                         {border-top:1px solid #ccc;} hr.clear                   {border-top:1px solid #fff;} h1                         {font-size:1.5em; color:#FD8700; border-bottom:1px solid #FFAD53;} h2                         {font-size:1.25em;} h3, h4                     {font-size:1em;} h5, h6                     {font-size:0.9em;} p                          {margin:0.75em 0 1.5em 0; line-height:1.5em;} /*a                          {color:#D98D08!important; text-decoration:underline;} a:hover, a:active, a:focus {color:#FFD697; text-decoration:underline;} */ /*********************************************************************************************************************************************************************** NAV controls the main layout for every page. Generally are in order as seen on the screen on from top to bottom, left to right ***********************************************************************************************************************************************************************/ #accessibiltylinks         {position:absolute; top:-999em;} #navwrappper               {width:972px; margin:0 auto; padding:0; text-align:left; position:relative;} #navheader                 {position:relative; height:203px; background:url(v8media_topbanner.jpg) 0 0 no-repeat;} #navheader .logo a         {width:400px; height:60px; position:absolute; left:170px; top:12px;} #navheader .logo em        {display:none;} a.visionaid                {position:absolute; right:0; top:36px; width:170px; height:40px; background:url(v8media_txt_visionaid.gif); } a.visionaid span           {display:none;} #navheader form            {position:absolute; right:0; top:100px; width:170px; padding:15px 0 0 0; font-size:0.9em; background:url(v8media_txt_search.gif) 0 0 no-repeat;} #navheader form li         {list-style-type:none; display:inline;} #navheader .main_search_box{padding:2px 3px; border:1px solid #82B440; display:inline; width:70%;} #navheader .button         {padding:2px 3px; border:none; display:inline; width:20%; background:#82B440; color:#fff; text-transform:uppercase;} #navheader .mybasket       {position:absolute; top:150px; right:0; display:block; width:170px; height:29px;  background:url(v8media_txt_mybasket_header.gif) 0 0 no-repeat;} #navheader .mybasket span  {display:none;} #navheader .items_value    {position:absolute; width:170px; top:170px; right:0; list-style-type:none; text-align:left;} /* navtop  ***********************************************************************************************************************************************************************/ #navtop                    {width:100%; margin:0; clear:both; height:41px;} #navtop ul                 {} #navtop li                 {list-style-type:none; display:inline; float:left; display:block; height:41px;} #navtop li span            {display:none;} #navtop li a               {float:left; display:block; height:41px;} #navtop li a:hover, #navtop li a:focus, #navtop li a:active  {background-position:0 -41px;} .bg_navtop_l               {width:171px; background:url(v8media_bg_navtop_l.gif);} .txt_home a                {width:76px;  background-image:url(v8media_txt_home.gif);} .txt_contact a             {width:133px; background-image:url(v8media_txt_contact.gif);} .txt_tandcs a              {width:83px;  background-image:url(v8media_txt_tandcs.gif);} .txt_mybasket_topnav a     {width:156px; background-image:url(v8media_txt_mybasket_topnav.gif);} .txt_checkoutnow a         {width:199px; background-image:url(v8media_txt_checkoutnow.gif);} .bg_navtop_r               {width:154px; width:344px; background-image:url(v8media_bg_navtop_r.gif);} /* navside  ***********************************************************************************************************************************************************************/ #navside                   {float:left; width:18%; padding:15px 0 20px 0;} #navside ul                {margin:20px 0;} #navside li                {list-style-type:none; width:171px;} #navside li span           {display:none;} #navside a                 {text-decoration:none; font-weight:normal; color:#446; display:block; background-repeat:no-repeat;} #navside a:hover, #navside a:active, #navside a:focus  {background-position:1px 1px;} .txt_glasses               {height:22px; background-image:url(v8media_txt_glasses.gif); background-repeat:no-repeat; display:block;} .txt_ladies a              {height:40px; background-image:url(v8media_txt_ladies.gif);} .txt_gents a               {height:40px; background-image:url(v8media_txt_gents.gif);} .txt_designers a           {height:40px; background-image:url(v8media_txt_designers.gif);} .txt_sungalsses a          {height:55px; background-image:url(v8media_txt_sungalsses.gif); margin-bottom:30px;} .txt_geninfo               {height:22px; background-image:url(v8media_txt_geninfo.gif);  background-repeat:no-repeat; display:block;} /* main  ***********************************************************************************************************************************************************************/ #main                      {float:right; width:82%; line-height:1.2em;} #content                   {padding:20px 17px;} /* navbc  ***********************************************************************************************************************************************************************/ #navbc                     {font-size:80%; margin-bottom:1em; color:#109ECE; font-weight:bold;} #navbc a                   {text-decoration:underline; color:#003; font-weight:normal;} #navbc span                {color:#003; font-weight:normal;} #navbc a:hover,  #navbc a:active, #navbc a:focus       {color:#109ECD; text-decoration:underline;} /* footer ***********************************************************************************************************************************************************************/ #navfooter                 {clear:both; text-align:right; position:relative; padding:10px 0; min-height:20px; width:100%; font-size:0.9em; background:url(v8media_bg_footer.gif) 0 0 repeat-x;} #navfooter ul              {float:left;} #navfooter li              {list-style-type:none; display:block; float:right; margin:0 10px 0 0;} #navfooter li a            {color:#333; text-decoration:none;} #navfooter li a:hover, #navfooter li a:active, #navfooter li a:focus  {color:#000; text-decoration:underline;} #navfooter li.copy         {position:absolute; left:10px; top:10px;} #navfooter li.creditcards  {width:120px; height:13px; margin-right:22px; background:url(v8media_icn_creditcards.gif);} li.creditcards span        {display:none;} #navfooter li.access       {padding:0 0 0 15px; background:url(v8media_icn_accessibility.gif) 0 0 no-repeat;} #navfooter li.sitemap      {padding:0 0 0 15px; background:url(v8media_icn_sitemap.gif) 0 0 no-repeat;} #designedby                {clear:both; text-align:right; margin:0 auto; padding:13px 0 13px 19.38%; position:relative; display:block; font-size:0.8em;} #designedby a              {color:#A0A0A0; text-decoration:none; font-weight:normal; opacity:.30;} #designedby a:hover, #designedby a:active, #designedby a:focus {color:#fff; text-decoration:none; opacity:1.0;} #designedby a em           {margin:0 7px 20px 0; display:block; font-style:normal;} #designedby img            {border:none;} #designedby p              {text-align:left; color:#bbb; float:left; margin:0; padding:0; display:inline;} /*********************************************************************************************************************************************************************** ACTINIC ***********************************************************************************************************************************************************************/ .hidden                {display:none;} .solid_line_blue       {display:none;} .intro                 {/*border:1px solid #FFCD82;*/ padding:10px 10px 0 10px; font-size:1.3em; margin:0 0 20px 0; line-height:160%!important; font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; /*background:url(v8media_bg_gradYellow.jpg) 0 100% repeat-x;*/} .intro strong          {text-align:center; display:block; font-size:1.4em;} .txt_green             {color:#339E2D; font-weight:bold;} .txt_orange            {color:#FD8700; font-weight:bold;} .txt_red               {color:#E9211C; font-weight:bold;}