﻿body {
    font-family: Arial, "Times New Roman", Serif; font-size:10px;
    background-color: black; padding: 0px;
    text-align: center; margin: 10px 0px 0px 0px; color: Black;
    background-image: url(../images/defaults/cft.jpg); background-repeat: repeat;
}
/* Top Container Elements */
/* Top wrapper */
#bx
{
    width: 100%; text-align: center;
}

#bx>div /*Proper way to center a relative div margin: 0 auto; */
{
    margin: 0 auto;
}

#bx_t
{
    width: 970px; margin:0px; padding: 15px 15px 0px 15px; height:203px;
    text-align:center; background-color: White;
}

/* header section - common to all pages */
#hd_w
{
    width:960px;height:193px;
    background-color: Black;
    background-image: url(../images/defaults/wo_hd.jpg);
    background-repeat: no-repeat;
    color:White;font-size:11px;
    margin: 0px;padding:5px;
}

#t_txt
{
    width:808px;height:21px;text-align:right;vertical-align:middle;padding:0px 5px 0px 0px;
    color:Black;font-weight:bold;font-size:11px;margin:0px;
}

#h_rot /* contains a rotator or content max size as this in header under logo */
{
    width:447px;float:left;height:85px;
    margin:44px 15px 0px 157px;
}

#h_ct /* contains a rotator or content max size as this in header on far right */
{
    width:346px;height:119px;float:right;
    margin:10px 5px 0px 0px;padding:0px;
}

#h_mn
{
    width:950px;height:20px;
    margin: 144px 10px 0px 10px;
}

/* bottom wrapper */

#bx_b
{
    width: 970px; margin:0px; padding: 0px 15px 0px 15px;
    text-align:center; background-color: White;
}

/*footer*/

/* footer wrapper */

#ft
{
    width: 970px; margin:0px; padding: 0px 15px 15px 15px;
    text-align:center; background-color: White;
}


#foot
{
    background-image: url(../images/defaults/footer.gif); background-repeat: no-repeat;
    background-color: Black; width: 970px; height: 22px; margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px; text-align: center;
}
#copy
{
    font-size:10px;color:White;text-align:right;padding:5px 5px 0px 0px;
}
#wdes
{
    font-size:10px;color:black;text-align:right;padding:0px 5px 0px 0px;width: 970px;
}
#wdes a
{
    text-decoration:none;color:Black;
}
/* end footer */


/*Menus */
.dmwp
{
    width:155px;background-color:#112c84;padding:0px 0px 0px 5px;margin-bottom:1px;height:18px;
}

.dmws
{
    width:155px;background-color:#13481c;padding:0px 0px 0px 5px;margin-bottom:1px;height:18px;
}
/* Glasses Designer menu */
.dmwp .dlm
{
    width:150px;padding:2px 2px 2px 3px;background-color:#112c84;text-align:left;
}

/* Sunglasses designer Menu */
.dmwp .slm
{
    width:150px;padding:2px 2px 2px 3px;background-color:#9cdaad;text-align:left;background-image: url(../images/defaults/mn_bak.gif); background-repeat: no-repeat;
}

.dmws .sls
{
    width:150px;padding:2px 2px 2px 3px;background-color:#13481c;text-align:left;background-image: url(../images/defaults/mns_bak.gif); background-repeat: no-repeat;
}

.dmwp .slm a
{
    color: White;
    text-decoration:none;
    font-weight: bold;
}
.dmwp .slm a:hover
{
    padding-left: 3px;
}

.dmws .sls a
{
    color: White;
    text-decoration:none;
    font-weight: bold;
}
.dmws .sls a:hover
{
    padding-left: 3px;
}


    /* designer page menus */
    
.dbx
{
    width: 153px; border: 1px solid #13481c; border-top: 2px;background-color: White;border-left:5px solid #13481c;margin-bottom: 5px;
}

.dbx .tp
{
    width: 153px; height: 32px; margin: 0px 0px 5px 0px; background-color: Black;background-image: url(../images/defaults/dmn_bak.gif); background-repeat: no-repeat;
}


.dbx .tp div
{
    padding: 8px 0px 0px 3px; margin-bottom: 3px; color:white; font-weight: bold;
}

.dbx .mn

{
    width:150px; padding: 2px 1px 2px 1px;
}

.dbx .mn a

{
    color: Black;
    text-decoration: none;
    font-size: 11px;
}

.dbx .mn a:hover

{
    width:148px; padding: 2px 1px 2px 3px;
}

/*spec*/

.pbx
{
    width: 153px; border: 1px solid #112c84; border-top: 2px;background-color: White;border-left:5px solid #112c84;margin-bottom: 5px;
}

.pbx .tp
{
    width: 153px; height: 32px; margin: 0px 0px 5px 0px; background-color: Black;background-image: url(../images/defaults/pmn_bak.gif); background-repeat: no-repeat;
}


.pbx .tp div
{
    padding: 8px 0px 0px 3px; margin-bottom: 3px; color:white; font-weight: bold;
}

.pbx .mn

{
    width:150px; padding: 2px 1px 2px 1px;
}

.pbx .mn a

{
    color: Black;
    text-decoration: none;
    font-size: 11px;
}

.pbx .mn a:hover

{
    width:148px; padding: 2px 1px 2px 3px;
}
/*end spec*/




.dbxo
{
    width: 153px; border: 1px solid #720f1a; border-top: 2px;background-color: White;border-left:5px solid #720f1a;margin-bottom: 5px;
}

.dbxo .tp
{
    width: 153px; height: 32px; margin: 0px 0px 0px 0px; background-color: Black;background-image: url(../images/defaults/dso_bak.gif); background-repeat: no-repeat;
}

.dbxo .tp div
{
    padding: 8px 0px 0px 3px; margin-bottom: 3px; color:white; font-weight: bold;
}

.dbxd
{
    width: 153px; border: 1px solid #0d3e13; border-top: 2px;background-color: White;border-left:5px solid #0d3e13;margin-bottom: 5px;
}

.dbxd .tp
{
    width: 153px; height: 32px; margin: 0px 0px 0px 0px; background-color: Black;background-image: url(../images/defaults/ddc_bak.gif); background-repeat: no-repeat;
}

.dbxd .tp div
{
    padding: 8px 0px 0px 3px; margin-bottom: 3px; color:white; font-weight: bold;
}

.dbxp
{
    width: 153px; border: 1px solid #0d2b64; border-top: 2px;background-color: White;border-left:5px solid #0d2b64;margin-bottom: 5px;
}

.dbxp .tp
{
    width: 153px; height: 32px; margin: 0px 0px 0px 0px; background-color: Black;background-image: url(../images/defaults/dpr_bak.gif); background-repeat: no-repeat;
}

.dbxp .tp div
{
    padding: 8px 0px 0px 3px; margin-bottom: 3px; color:white; font-weight: bold;
}

/* End Menus*/


/* Basic content pages */

#bt_ct
{
    width: 970px; padding: 0px; margin: 0px; text-align: center;
}

#bt_hd
{
    background-image: url(../images/defaults/default_p_top.gif); background-repeat: no-repeat;
    background-color: Black; width: 970px; height: 30px; overflow: hidden; margin: 0px 0px 6px 0px;
    padding: 0px; text-align: center;
}

#bt_hd div
{
    padding: 2px; width: 966px; height: 26px;overflow:hidden;
}

#bt_hd div #dl
{
    float:left;width:155px;padding:7px 2px 0px 0px;margin: 0px 0px 0px 10px;text-align:center;font-size:10px;color:White;border-right: 1px solid #0102b4;
}
#bt_hd div #dr
{
    float:right;width: 750px; text-align:left;
}

#bt_hd div #dr h2
{
    font-size:16px;color:White;font-weight:bold;text-align:left;margin:0px;padding:3px 0px 0px 0px;
}

#bt2_wp
{
    width:970px;overflow:hidden;clear:both;
}


#bt2_lft
{
    width:160px;float:left;text-align:center;margin:0px;padding:0px;
}

#bt2_rgt
{
    width:800px;float:right;text-align:left;margin:0px;padding:0px;
}

#b_crumb
{
    width: 800px;
    padding: 12px 0px 8px 0px;
    border-bottom: 1px dashed black;
    font-size: 11px;
    color: #606060;
    text-align: left;
}
#b_crumb a
{
    color: #606060;
    text-decoration: non;
}
#b_crumb a:hover
{
    color: #a37667;
}

.in_wp
{
    width: 800px;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dashed black;
}

.in_wp h1
{
    text-align: right;
    font-size: 22px;
    color: #9d9ee2;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    font-weight: bold;
}

.in_wp p
{
    text-align: left;
    font-size: 12px;
    color: black;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

h3
{
    text-align: right;
    font-size: 18px;
    color: #9d9ee2;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    font-weight: bold;
}

h3 span
{
    color: black;
    font-style: italic;
}

/* Controls */

/*side image menu*/
#bm1_wp
{
    width: 160px;
    text-align: center;
}
td.bm1
{
    width: 140px;
    height: 108px;
    text-align: center;
    vertical-align: top;
}
td.bm1 div
{
    border: 1px solid black;
}
td.bm1 div a
{
    font-size: 12px;
    color: #2844b5;
    padding: 2px 0px 2px 0px;
    text-decoration: none;
}
td.bm1 div a:hover
{
    text-decoration: underline;
}
td.bm2
{
    width: 138px;
    height: 106px;
    text-align: center;
    vertical-align: middle;
        border: 1px solid black;
}
td.bm2 div
{
    width:138px;
}
td.bm2 div a
{
    font-size: 12px;
    color: #2844b5;
    padding: 2px 0px 2px 0px;
    text-decoration: none;
}
td.bm2 div a:hover
{
    text-decoration: underline;
}
/*end side image menu*/


/* tmp grid */
.item, .alternatingItem
{
    float: left;
    padding: 15px;
    margin: 5px;
    width: 112px;
    height: 100px;
    border: 1px solid threedshadow;
}

.item
{
    background: whitesmoke !important;    
}
.alternatingItem
{
    background: window !important;    
}

.item:hover, .alternatingItem:hover
{
    background: silver !important;    
}


/* end tmp */



/* item lists info */

div.ilt
{
    margin:0px;padding: 0px 0px 3px 0px;text-align:center;font-size:12px;color:#9c0204;
}
div.iltb
{
    margin:0px;padding: 0px 0px 6px 0px;text-align:center;font-size:10px;font-style:italic;
}
td.il1a
{
    width:15px;height:21px;vertical-align:middle;
}
td.il1b
{
    width:169px;height:21px;vertical-align:middle;text-align:left;font-size:11px;
}

/* product menus*/

div.mn
{
    margin:0px;padding: 0px 0px 6px 0px;text-align:left;font-size:12px;
}

div.mn a
{
    color:black;text-decoration:none;
}

div.mn a:hover
{
    color:#9c0204;
}

div.mnh
{
    margin:0px;padding: 0px 0px 1px 0px;text-align:left;font-size:12px;color:#9c0204;
}

div.mnsh
{
    margin:0px;padding: 0px 0px 1px 5px;text-align:left;font-size:11px;color:#9c0204;
}

div.sb
{
    margin:0px;padding: 0px 0px 1px 10px;text-align:left;font-size:11px;
}

div.sb a
{
    color:black;text-decoration:none;
}

div.sb a:hover
{
    color:#9c0204;
}

td.mn
{
    width:134px;height:30px;text-align:left;vertical-align:middle;padding: 0px 5px 0px 10px;  
}
td.mn a
{
    color:black;text-decoration:none;font-size:12px;
}

td.mn a:hover
{
    color:#9c0204;
}


/* lense Choice Table */

#lens_c
{
    width:580px;text-align:center;font-family:Arial;font-size:11px;
}

.lc_fr
{
    width:580px;padding: 3px 0px 3px 0px;font-weight:bold;text-align:left;color:#9c0204;
}
.lc_nm
{
    width:400px;text-align:left;vertical-align:middle;
}
.lc_pr
{
    width:120px;text-align:right;vertical-align:middle;font-size:10px;font-weight:bold;
}
.lc_sel
{
    width:15px;text-align:center;vertical-align:middle;
}
.lc_inf
{
    width:40px;text-align:left;vertical-align:middle;font-style:italic;font-weight:bold;font-size:10px;
}
.lc_sp
{
    width:5px;text-align:left;vertical-align:middle;
}


/* basket */


/* basket header */

.bsk_top
{
    border: 0px; width: 970px; font-size: 11px;background-color: Black; font-weight: bold; color: White;
}
.bsk_itms
{
    border: 0px; font-size: 11px; color: Black;background-color: White;
}

/*basket lists */

.td_ln
{
    width:1px;background-color:Black;
}
.td_lnsp
{
    width:1px;background-color:Black;height:15px;
}

.td_pc
{
    width:175px;vertical-align:top;text-align:left;
}
.td_pc div
{
    padding-left:5px;
}
.td_desc
{
    width:448px;vertical-align:top;text-align:left;
}
.td_desc div
{
    padding: 0px 5px 0px 5px;
}
.td_qty
{
    width:70px;vertical-align:bottom;text-align:center;
}

.td_pr
{
    width:100px;vertical-align:bottom;text-align:right;
}
.td_pr div
{
    padding-right:5px;
}
.f_line
{
    width:970px;height:1px;background-color:Black;
}


/* lens selection */


.l_inf
{
    width: 650px; background-color: blue; height: 32px; padding:0px;text-align: center;
    margin-bottom:5px;background-image:url(../images/defaults/pf_hd.gif);color:white;font-size:12px;font-weight:bold;
}
.l_inf div
{
    padding: 8px 0px 0px 15px; margin-bottom: 3px;
}

.lt_bd
{
    color:#112c84;font-weight:bold;text-align:left;height:17px;font-size:11px;vertical-align:middle;
}
.lt_txt
{
    color:black;text-align:left;height:17px;font-size:11px;vertical-align:middle;width:425px;
}
.lt_pr
{
    color:black;text-align:right;height:15px;font-size:11px;vertical-align:middle;width:110px;
}
.lt_pr span
{
    color: #800000;font-style:italic;font-weight:bold;
}
.lt_sel
{
    color:black;text-align:right;height:15px;font-size:11px;vertical-align:middle;width:15px;
}
.lt_rec
{
    color:black;text-align:center;height:15px;font-size:11px;vertical-align:middle;width:100px;font-style:italic;font-weight:bold;
}

/* frame select table */

#tbl_fs
{
    width:600px;height:27px;background-image:url(../images/defaults/frameSelectTop.gif);
    background-repeat:no-repeat;margin-bottom:5px;font-family:Arial;font-weight:bold;color:White;
    
}

#tbl_fs tr td.size
{
    width:125px;text-align:center;vertical-align:middle;
}

#tbl_fs tr td.price
{
    width:260px;text-align:center;vertical-align:middle;
}
#tbl_fs tr td.sp
{
    width:5px;
}

#tbl_fs tr td.opt
{
    width:210px;text-align:center;vertical-align:middle;
}

.tbl_fs_i
{
    width:600px;font-family:Arial;font-weight:bold;color:black;font-size:12px;border:0px;
    
}

.tbl_fs_i_size
{
    width:100px;text-align:left;vertical-align:middle;font-size:12px;border-bottom: 1px dashed #6788be;
}

.tbl_fs_i_pricet
{
    width:166px;text-align:right;vertical-align:middle;font-size:14px;border-bottom: 1px dashed #6788be;padding:5px 5px 5px 0px;
}
.tbl_fs_i_price
{
    width:70px;text-align:left;vertical-align:middle;font-size:14px;border-bottom: 1px dashed #6788be;
}
.tbl_fs_i_buy
{
    width:113px;text-align:center;vertical-align:middle;border-bottom: 1px dashed #6788be;padding:6px 0px 6px 0px;
}

.tbl_fs_i_lens
{
    width:141px;text-align:right;vertical-align:middle;border-bottom: 1px dashed #6788be;padding:6px 0px 6px 0px;
}
.tbl_fs_i_sp
{
    width:5px;
}

.pres_opt_top
{
     width:570px;height:27px;background-image:url(../images/defaults/frameSelectTop2.gif);
    background-repeat:no-repeat;margin-bottom:5px;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;   
}

.pres_top
{
     width:595px;height:27px;background-image:url(../images/defaults/frameSelectTop2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;   
}
.pres_top_e
{
     width:595px;height:27px;background-image:url(../images/defaults/frameSelectTope2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;   
}

/* New Lens Tables */

.eco_top
{
       width:595px;height:27px;background-image:url(../images/defaults/frameSelectTope2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;    
}
.prem_top
{
       width:595px;height:27px;background-image:url(../images/defaults/frameSelectTope2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;    
}
.off_top
{
       width:595px;height:27px;background-image:url(../images/defaults/frameSelectTope2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;    
}
.rec_top
{
       width:595px;height:27px;background-image:url(../images/defaults/frameSelectTope2.gif);
    background-repeat:no-repeat;font-family:Arial;font-weight:bold;color:White;
    text-align:left;padding-left:10px;font-size:11px;    
}

.l_tbl
{
    width:605px;
}

.l_tbl_txt
{
    width:420px;text-align:left;vertical-align:middle;color:Black;font-family:Arial;font-size:11px;
    padding:3px 0px 3px 0px;border-bottom:1px dashed #6788be;
}

.l_tbl_pr
{
    width:65px;text-align:left;font-size:10px;vertical-align:middle;padding-left:5px;border-bottom:1px dashed #6788be;
    background-color:#d7d2f8;
}
.l_tbl_fpr
{
    width:65px;text-align:left;font-size:10px;vertical-align:middle;padding-left:5px;border-bottom:1px dashed #6788be;
    background-color:#fbbfc8;
}
.l_tbl_select
{
    width:30px;text-align:center;font-size:10px;vertical-align:middle;border-bottom:1px dashed #6788be;
    background-color:#e8dbae;
}
.l_tbl_sp
{
    width:5px;border-bottom:1px dashed #6788be;
}
.eco_title
{
    font-family:Arial;font-size:11px;font-weight:bold;color:#ea8d0a;
}
.prem_title
{
    font-family:Arial;font-size:11px;font-weight:bold;color:#574efa;
}
.l_tbl_off_txt
{
    font-family:Arial;font-size:10px;font-weight:bold;color:#cc0000;
}

/* offer texts */

.sp_off_txt_s
{
    font-family:Arial;font-size:10px;font-weight:bold;color:#cc0000;
}

.disc_off_txt_s
{
    font-family:Arial;font-size:10px;font-weight:bold;color:green;
}

.clear_off_txt_s
{
    font-family:Arial;font-size:10px;font-weight:bold;color:orange;
}

/* colour code lists */

.cc_itm_wp

{
    width: 168px;border:1px solid black;text-align:left;margin-bottom:10px;  
}

.cc_itm_wp .cc
{
    width:161px;padding:2px 2px 2px 5px;background-color: #424650;font-family:Arial;font-size:11px;font-weight:bold;text-decoration:none;color:White;
}

.cc_itm_wp .vv
{
    width:168px;padding:2px 0px 2px 0px;text-align:center;color:#cc0000;font-size:11px;font-style:italic;
    background-color:#fabea6;
}

.cc_itm_wp .cc a
{
    font-family:Arial;font-size:11px;font-weight:bold;text-decoration:none;color:White;
}

.cc_itm_wp .cc a:hover
{
    text-decoration:underline;
}

.cc_itm_wp .img
{
    background-color:White;text-align:center;padding:3px 0px 3px 0px;
}

.cc_itm_wp .img img
{
    border:0px;
}

.cc_itm_wp .imgv
{
    background-color:#fabea6;text-align:center;padding:3px 0px 3px 0px;
}


