﻿body
{
    font-family: Arial, "Times New Roman" , Serif;
    font-size: 11px;
    background-color: #e0e1e1;
    padding: 0px;
    text-align: center;
    margin: 0px;
    color: Black;
}
/* Top Container Elements */

#tp_ct
{
    width: 100%;
    background-color: #21242c;
    height: 235px;
    text-align: center;
    border-bottom: 1px solid #21242c;
    z-index: 1;
}

#tp_ct > div /*Proper way to center a relative div*/
{
    margin: 0 auto;
}

#tp_txt
{
    width: 774px;
    height: 14px;
    padding: 3px;
    margin: 0px;
    text-align: right;
    color: #e0e1e1;
    font-family: Arial;
    font-size: 12px;
}

#tp_menu
{
    width: 780px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: Black;
    height: 26px;
    z-index: 3;
}

#img_wp
{

    width: 778px;
    height: 189px;
    text-align: left;
    background-color: #a37667;
    overflow: hidden;
    clear: both;
    margin: 1px solid black;
    margin-bottom: 0px;
    background-image: url(../images/backgrounds/main_bg.jpg);
}

#img
{
    width: 472px;
    float: left;
}

#info_wp
{
    width: 306px;
    float: right;
}

#info_off
{
    width: 304px;
    text-align: center;
    height: 22px;
    padding: 3px 1px 1px 1px;
}

#info
{
    width: 306px;
    text-align: center;
    height: 123px;
    padding: 1px;
}

#info h1
{
    font-size: 26px;
    color: White;
    margin: 0px;
    padding: 10px 0 0 0;
}

#info h2
{
    font-size: 13px;
    margin: 0px;
    padding: 10px 0 0 0;
    color: White;
}




/* old */


#logo_wp
{
    width: 774px;
    height: 59px;
    padding: 3px;
    margin: 0px;
    text-align: left;
    background-color: Black;
    overflow: hidden;
    clear: both;
}

#logo
{
    width: 210px;
    height: 59px;
    text-align: left;
    float: left;
}

#menu
{
    width: 564px;
    height: 59px;
    text-align: left;
    float: right;
}

#menu_in
{
    width: 559px;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 0px;
}

#menu_in p
{
    font-size: 12px;
    color: White;
    font-weight: bold;
    padding: 2px 0 0 0;
    margin: 0px;
}

#menu_in p a
{
    text-decoration: none;
    color: White;
}

#menu_in p a:hover
{
    border-bottom: 1px dotted #ffffff;
}
#menu_in p span
{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14pt;
}
/* end old */


/* Bottom Container Elements */

/*new*/
#bt_ct
{
    width: 100%;
    background-color: #babbf7;
    background-image: url(../images/backgrounds/main-background.gif);
    overflow: hidden;
    text-align: center;
    background-repeat: repeat-x;
    z-index: 0;
}

#bt_ct > div /*Proper way to center a relative div*/
{
    margin: 0 auto;
}

#bt2_wp
{
    width: 778px;
    border: 1px solid black;
    border-top: 0px;
    background-color: White;
    text-align: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    min-height: 636px;
}
#bt2_full
{
    width: 768px;
    padding: 5px;
    margin: 0px;
}
#bt2_lft
{
    width: 183px;
    float: left;
    text-align: left;
    background-color: #4f4f4f;
    z-index: 0;
    padding: 0px;
    margin: 0px;
}
#bt2_rgt
{
    width: 575px;
    padding: 0px 10px 0px 0px;
    margin: 0px;
    float: right;
    z-index: 0;
    background-color: White;
    text-align: left;
}



/* navigation */
#b_crumb
{
    width: 575px;
    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;
}

#b_crumb_f
{
    width: 768px;
    padding: 12px 0px 8px 0px;
    border-bottom: 1px dashed black;
    font-size: 11px;
    color: #606060;
    text-align: left;
}
#b_crumb_f a
{
    color: #606060;
    text-decoration: non;
}
#b_crumb_f a:hover
{
    color: #a37667;
}
/* end navigation*/
/* main page information */
.in_wp
{
    width: 575px;
    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;
}

/* new container boxes for items */

.so_d_box
{
    width: 575px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    clear: both;
    text-align:left;
}

.so_d_itm
{
    float: left;
    width: 140px;
    height: 116px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background-color: White;
    text-align: center;
}

.so_d_itm a
{
    color: #606060;
    text-decoration: none;
    font-size: 11px;
}

.so_d_itm a span
{
    color: #c00000;
}

.so_d_itm a img
{
    border: 0px;
}

/* end main page information *?


/*controls*/
/* left menu items */

.lmn_tp
{
    width: 183px;
    height: 35px;
    background-image: url(../images/backgrounds/side_mn_bk.gif);
    font-size: 12px;
    color: White;
    text-align: center;
    font-weight: bold;
}

.lmn_wp
{
    width: 181px;
    background-color: White;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid black;
}

.lmn_wp .itm
{
    width: 169px;
    margin: 0px 0px 0px 0px;
    padding: 1px 2px 1px 10px;
    height: 17px;
    clear: both;
    text-align: left;
}

.lmn_wp .itm a
{
    font-size: 11px;
    text-decoration: none;
    color: black;
}

.lmn_wp .itm a:hover
{
    border-bottom: 1px dotted black;
}

/* end left menu items */
/*bottom image menu*/
#bm1_wp
{
    width: 575px;
    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 bottom image menu*/
/*end controls*/

/* product details pages */

#pdb_im_wp
{
    padding: 5px 0px 10px 0px;
    margin:0px;
}

#pdb_im table
{
    border: 0px;
    width: 768px;
    
}

#pd_mimg
{
    width: 450px;
    height:240px;
    text-align:center;
    vertical-align:top;
}

#pd_sel
{
    width: 318px;
    height: 240px;
    text-align:left;
    vertical-align:top;
}

.pd_hd_bx
{
    background-color: Black;
    font-size: 12px;
    color: White;
    font-weight: bold;
    padding-left: 5px;
    text-align:center;
}

#pd_pnl_mimg
{
    width: 450px;
    height: 225px;
    text-align: center;
}
#pd_pnl_sel
{
    width: 318px;
    height: 225px;
    text-align: center;
}

/* for the selector */

#pnl_sel
{
height:225px;
width:300px;
overflow:auto;
text-align:center;
margin-bottom: 5px;
}

.pnl_im_wp
{
width: 280px;
height: 70px;
margin: 5px 0px 8px 0px;
padding: 0px;
clear: both;
}

.pnl_im_wp .lft
{
    width: 140px;
    height: 70px;
    float: left;
}
.pnl_im_wp .rgt
{
    width: 140px;
    height: 70px;
    float: right;

}

/*end new*/








#ct_wp
{
    width: 780px;
    padding: 0px;
    margin: 0px;
    background-color: #21242c;
    text-align: left;
    clear: both;
}

#ct_wp_hl
{
    width: 780px;
    clear: both;
}

#ct_wp_hl .lft
{
    width: 175px;
    border-right: 8px solid #e0e1e1;
    text-align: center;
    float: left;
}

#ct_wp_hl .rgt
{
    width: 597px;
    background-color: White;
    margin: 0px;
    padding: 0px;
    float: left;
}

/* Footer */

#foot
{
    width: 770px;
    padding: 4px 5px 4px 5px;
    margin: 0px;
    background-color: #21242c;
    font-family: Arial;
    color: White;
    font-size: 10px;
    text-align: right;
}


/* Designer Menu Elements */


.dm_tp
{
    width: 175px;
    height: 22px;
    text-align: center;
    color: White;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 2px 0px;
}

.dm_wp
{
    width: 173px;
    background-color: white;
    border: 0px solid #fec99a;
    padding: 5px 0 10px 0;
    margin: 0 1px 0 1px;
    text-align: center;
}

.dm_wp .itm
{
    width: 161px;
    margin: 0px 0px 0px 0px;
    padding: 1px 2px 1px 10px;
    height: 17px;
    clear: both;
    text-align: left;
}

.dm_wp .itm a
{
    font-size: 11px;
    text-decoration: none;
    color: black;
}

.dm_wp .itm a:hover
{
    border-bottom: 1px dotted black;
}

/*  Pages */

#pg_top
{
    width: 580px;
    height: 30px;
    font-weight: normal;
    color: White;
    background-color: #6a7490;
    font-size: 20px;
    padding: 0px 2px 0px 15px;
}

#pg_box
{
    width: 557px;
    font-weight: normal;
    margin: 0px;
    border: 10px solid #6a7490;
    border-top: 0px;
    color: black;
    background-color: white;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
}

/* Page Rotator Elements */
.r_box
{
    height: 100px;
    text-align: left;
    margin-left: 16px;
}
.r_cnt
{
    width: 140px;
    height: 70px;
    text-align: center;
}

.r_in
{
    width: 140px;
    height: 28px;
    background-color: #21242c;
    text-align: center;
}

.r_in a
{
    font-size: 10px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.r_ind
{
    width: 135px;
    height: 14px;
    background-color: #21242c;
    text-align: left;
    padding: 1px 0px 1px 5px;
    margin: 0px 0px 2px 0px;
}

.r_ind a
{
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.r_ino
{
    width: 135px;
    height: 14px;
    background-color: #c00000;
    text-align: left;
    padding: 1px 0px 1px 5px;
    margin: 0px 0px 2px 0px;
}

.r_ino a
{
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* size selector boxs */

.tbl_sz
{
    width: 270px;
    border: 1px solid black;
}
.rw_tp
{
    width: 270px;
    background-color: Black;
    font-size: 11px;
    color: White;
    font-weight: bold;
    text-align: center;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 3px 0px;
}
.sz_tp
{
    width: 40px;
    color: Black;
    font-size: 10px;
    text-align: center;
    padding: 2px 0 2px 0;
}
.sz_im
{
    width: 40px;
    height: 40px;
    text-align: center;
}
.sz_in
{
    width: 40px;
    color: Black;
    font-size: 11px;
    text-align: center;
    padding: 2px 0 2px 0;
}
.sz_btn
{
    width: 150px;
    text-align: center;
    padding: 2px 0 2px 0;
}

/* pricing fonts */

.p_rrp_t
{
    font-size: 12px;
    color: #21242c;
    font-weight: bold;
}
.p_price
{
    font-size: 24px;
    color: #ff5b00;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
}
.p_oprice
{
    font-size: 24px;
    color: #a10e14;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
}
.p_rrp_b
{
    font-size: 11px;
    color: #21242c;
}

.p_price_sm
{
    font-size: 11px;
    color: #ff5b00;
    font-weight: bold;
}

.p_oprice_sm
{
    font-size: 11px;
    color: #a10e14;
    font-weight: bold;
}
