/* ########## GENERAL ########## */
body
{
    font: normal 12px Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 99.9%;
    background: #FFFFFF;
	min-width: 990px;
    max-width: 1600px;
}

a
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
}

a:hover
{
    color: #005dff;
}

img
{
    border-width: 0px;
    margin: 0px 0px 0px 0px;
}

h1
{
    font: bold 20px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #005dff;
}

h2
{
    font: bold 16px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #005dff;
}

h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #005dff;
}

/* ########## GENERAL END ########## */

/* ########## MAIN LAYOUT ########## */

/* Header styles */

#header
{
    clear: both;
    float: left;
    width: 100%;
    min-height:150px;
    background: url(../images/head.png) no-repeat 0px 0px;
}

#navtop
{
    float:left;
    clear:both;
    width:100%;
}

#navbottom
{
    margin: 5px 0px 0px 0px;
    float:left;
    clear:both;
    width:100%;
}

#header_text
{
    display: block;
    float: left;
    height: 108px;
    width: 29%;
    min-width: 260px;
    line-height: 20px;
    margin: 10px 2px 0px 0px;
    position: absolute;
    left: 550px;
    top: 22px;
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #005dff;
    overflow: hidden;
}

#header_logo
{
    float:left;
    position:absolute;
    left:0px;
    top:23px;
}

div.logged_in
{
    float:right;
    clear:both;
    text-align: right;
}
div.logged_in .uname
{
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: left;
    width: auto;   
    float: right;
}
div.logged_in .login
{
    display: block;
    float: right;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: auto;
}
div.logged_in .login2
{
    margin: 0 0 0 0px;
    display: block;
    float: right;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: auto;
}

/* Footer styles */

#footer
{
    clear: both;
    float: left;
    width: 100%;
    height:auto;
}

/* column container */
.colmask
{
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

/* 3 column settings */

.layout .colmid
{
    float: left;
    width: 200%;
    margin-left: -150px;
    position: relative;
    right: 100%;
}
.layout .col_con
{
    float: left;
    width: 100%;
    margin-left: -50%;
    position: relative;
    left: 300px;
}
.layout .middlewrap
{
    float: left;
    width: 50%;
    position: relative;
    right: 150px;
}
.layout .middle
{
    margin: 0 155px;
    position: relative;
    left: 200%;
    overflow: hidden;
    height:100%;
}
.layout .col_left
{
    float: left;
    float: right;
    width: 150px;
    overflow:hidden;
    position: relative;
    left: 2px;
    margin-left: 0;
}
.layout .col_right
{
    float: left;
    float: right;
    width: 150px;
    margin-right: 0px;
    position: relative;
    left: 50%;
    background: #FFFFFF;
}

/* ########## MAIN LAYOUT END ########## */

/* ########## NAVIGATION BUTTONS ########## */

/* TOPLINK - Top Right Menu Links */

#toplink
{
    display: block;
    float: right;
    height: 20px;
    line-height: 20px;
    margin: 2px 2px 0px 0px;
}

a.toplink:visited, a.toplink:active, a.toplink:link, a.toplink
{
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
a.toplink:hover
{
    color: #005dff;
}

img.toplink
{
    float: left;
    margin: 0px 2px 0px 10px;
    height: 20px;
    width: 20px;
}

/* link */

.link
{
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 2px 2px 0px 0px;
}

a.link:visited, a.link:active, a.link:link, a.link
{
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}

a.link:hover
{
    color: #005dff;
}

img.link
{
    float: left;
    margin: 0px 2px 0px 2px;
    height: 20px;
    width: 20px;
}

/* MENU_CON - Middle Right items */

#menu_con
{
    clear: both;
    float: right;
    background-color:Transparent;
    width: 150px;
    text-align:center;  
    margin: 2px 2px 2px 2px;  
}

/* MENU_BASKET - Basket Display */
#menu_basket a
{
    float: left;
    height: 65px;
    width: 145px;
    border: solid 0px #075607;
    margin: 2px 0px 2px 0px;  
    padding: 10px 4px 0px 4px;
    background-image: url(../images/menu_bg.png) !important;
    background-color: transparent !important;
    background-repeat:no-repeat;
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    line-height: 15px;
    
}

#menu_basket a:hover
{
    color: #005dff;
}

#menu_basket img
{
    float: left;
    width: 28px;
    height: 42px;
    margin: 1px 1px 12px 1px;
    
}

p.menu_basket2 a
{
    clear:both;
    float: right;
    width: auto;
    margin: 5px 5px 0px 0px;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #87D0ED;
    text-align: left;
    white-space: nowrap;
}

a.checkouttop:visited, a.checkouttop:active, a.checkouttop:link, a.checkouttop
{
    clear:both;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
a.checkouttop:hover
{
    color: #005dff;
}

img.checkouttop
{
    clear: both;
    margin: 0px 2px 0px 2px;
    height: 20px;
    width: 20px;
}

/* MAIN MENU */

.center
{
    clear: both;
    background-color:Transparent;
    text-align:center;
}

.center[class]
{
    display: table;
    margin: 0px auto 0px auto;
}

/* LEVEL1 - Menu Level 1 */

#level1
{
    width:100%;
    float:left;
    clear: both;
    background: url(../images/level1.png) repeat top;
    background-color: Transparent;
    text-align:center;
}

/* LEVEL2 - Menu Level 2 */
#level2
{
    text-align: center;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    clear: both;
    width: auto;
    overflow: hidden;
    height: 29px;
    line-height: 24px;
    clear: both;
    background: url(../images/level2.png) repeat-x 0px 0px;
}

/* LEVEL3 - Menu Level 3 */
#level3
{
    text-align: center;
    clear: both;
    width: auto;
    overflow: hidden;
    height: 29px;
    line-height: 24px;
    background: url(../images/level3.png) repeat-x 0px 0px transparent;
}

/*BOTTOM BAR*/
/* LEVEL1B - Menu Level 1 BOTTOM */
#level1b
{
    width:100%;
    float:left;
    clear: both;
    background: url(../images/level1b.png) repeat bottom;
    background-color: Transparent;
    text-align: center;
}

/* LEVEL2B - Menu Level 2 BOTTOM */
#level2b
{
    text-align: center;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    clear: both;
    width: auto;
    overflow: hidden;
    height: 29px;
    line-height: 25px;
    clear: both;
    background: url(../images/level2b.png) repeat-x 0px 0px;
}

/* LEVEL3B- Menu Level 3 BOTTOM */
#level3b
{
    text-align: center;
    clear: both;
    width: auto;
    overflow: hidden;
    height: 25px;
    line-height: 24px;
    background: url(../images/level3b.png) repeat-x 0px 0px transparent;
}


/* LEVEL_TEXT - Self Contained Menu Level 3 (2 on Main) */

.level_text
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}

.level_texto
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #87D0ED;
    padding: 0px 5px 0px 5px;
    border-left: solid 1px #87D0ED;
    border-right: solid 1px #87D0ED;
}

a.level_text:visited, a.level_text:active, a.level_text:link, a.level_text
{
    text-decoration: none;
    background-color:Transparent;
}

a.level_text:hover
{
    color: #87D0ED;
}

a.level_texto:hover
{
    color: #ffffff;
}

/* MENU - Menu Button Unselected */

.menuo
{
    float: left;
    display:block;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
    width:auto;
}

a.menuo:visited, a.menuo:active, a.menuo:link, a.menuo
{
    float: left;
    display: block;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
a.menuo:hover
{
    color: #005dff;
}

span.menuo
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    background: url(../images/menu_m.png) repeat-x 0px 0px;
}

span.menuo_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/menu_l.png) no-repeat left;
}

span.menuo_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background: url(../images/menu_r.png) no-repeat right;
}

span.menus
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-decoration: none;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    background: url(../images/menus_m.png) repeat-x 0px 0px;
}

span.menus_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/menus_l.png) no-repeat left;
}

span.menus_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background: url(../images/menus_r.png) no-repeat right;
}

/* MENUO - Menu Button Selected */

a.menu:visited, a.menu:active, a.menu:link, a.menu
{
    float: left;
    display: block;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
}
a.menu:hover
{
    color: #000000;
}

span.menu
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    background: url(../images/menuo_m.png) repeat-x 0px 0px;
    background-color: Transparent;
}

span.menu_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/menuo_l.png) no-repeat left;
}

span.menu_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 13px 0px 0px;
    background: url(../images/menuo_r.png) no-repeat right;
}

span.menuos
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    background: url(../images/menuos_m.png) repeat-x 0px 0px;
}
span.menuos_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/menuos_l.png) no-repeat left;
}

span.menuos_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 13px 0px 0px;
    background: url(../images/menuos_r.png) no-repeat right;
}



/* MENUB - Menu Button Unselected Bottom */

.menub
{
    float: left;
    display:block;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
    width:auto;
}

a.menub:visited, a.menub:active, a.menub:link, a.menub
{
    float: left;
    display: block;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
a.menub:hover
{
    color: #005dff;
}

span.menub
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    background: url(../images/menub_m.png) repeat-x 0px 0px;
}

span.menub_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/menub_l.png) no-repeat left;
}

span.menub_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background: url(../images/menub_r.png) no-repeat right;
}

span.menubs
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color:#ffffff;
    text-decoration: none;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    background: url(../images/menusb_m.png) repeat-x 0px 0px;
}

span.menubs_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/menusb_l.png) no-repeat left;
}

span.menubs_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background: url(../images/menusb_r.png) no-repeat right;
}

/* MENUBO - Menu Button Selected Bottom */

a.menubo:visited, a.menubo:active, a.menubo:link, a.menubo
{
    float: left;
    display: block;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
}
a.menubo:hover
{
    color: #000000;
}

span.menubo
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    background: url(../images/menubo_m.png) repeat-x 0px 0px;
    background-color: Transparent;
}

span.menubo_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/menubo_l.png) no-repeat left;
}

span.menubo_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 13px 0px 0px;
    background: url(../images/menubo_r.png) no-repeat right;
}

span.menubos
{
    display: block;
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    background: url(../images/menuosb_m.png) repeat-x 0px 0px;
}
span.menubos_l
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(../images/menuosb_l.png) no-repeat left;
}

span.menubos_r
{
    float: left;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 13px 0px 0px;
    background: url(../images/menuosb_r.png) no-repeat right;
}

/* BUTTONO - Side Button Selected */

span.buttono
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
    background: url(../images/buttono_m.png) repeat-x 0px 0px;
}
img.buttono
{
    float: left;
    height: 27px;
    width: 7px;
    background-color: #ffffff;
}

/* BUTTONS - Side Button Sale */

span.buttons
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
    background: url(../images/buttons_m.png) repeat-x 0px 0px;
}

.buttons:visited a, .buttons:active a, .buttons:link a, .buttons a
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
}

a.buttons:hover
{
    color: #005dff;
}

/* BUTTON - Side Button Unselected */

.button:visited a, .button:active a, .button:link a, .button a
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
}

a.button:hover
{
    color: #005dff;
}

span.button
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
    background: url(../images/button_m.png) repeat-x 0px 0px;
}
img.button
{
    float: left;
    height: 27px;
    width: 7px;
    background-color: #ffffff;
}

.buttonvisit:visited a, .buttonvisit:active a, .buttonvisit:link a, .buttonvisit a
{
    display: block;
    float: left;
    height: 27px;
    width: 136px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 27px;
}

a.buttonvisit:hover
{
    color: #005dff;
}

span.buttonvisit
{
    display: block;
    float: left;
    height: 29px;
    width: 136px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    text-align: center;
    line-height: 29px;
    background: url(../images/button_m.png) repeat-x 0px 0px;
}
img.buttonvisit
{
    float: left;
    height: 27px;
    width: 7px;
    background-color: #ffffff;
}

/* ########## NAVIGATION BUTTONS END ########## */

/* ########## SIDE BARS ########## */
/* ########## SIDE BRAND AND SCROLLING START ########## */

#side_brand
{
    position: relative;
    float: left;
    clear: left;
    width: 136px;
    height: 160px;
    overflow: hidden;
}

/* wrap to make sure that image area is clickable */
#side_b_wrap
{
    margin: 3px 0px 0px 0px;
    font: normal 12px Arial, Helvetica, sans-serif;
    float: left;
    width: 12px;
    height: 150px;
    background: url(../images/scroll_line_v.png) repeat 0px 0px;
}

/* top image of track */
#side_b_track_top
{
    position: absolute;
    width: 12px;
    height: 12px;
}

/* vertical track */
#side_b_track
{
    position: absolute;
    width: 12px;
    height: 150px;
}

/* vertical track handle */
#side_b_bar
{
    width: 12px;
    height: 20px;
}

/* SIDE_TEXT_S - Search Text Sub Section */

.side_text_s
{
    margin: 0 0 0 5px;
    text-align: left;
}

a.side_text_s:visited, a.side_text_s:active, a.side_text_s:link, a.side_text_s
{
    text-decoration: none;
}

a.side_text_s:hover
{
    color: #87D0ED;
}

.side_text_ss
{
    color: #87D0ED;
    text-decoration:none;
    margin: 0 0 0 5px;
    text-align: left;
}

a.side_text_ss:visited, a.side_text_ss:active, a.side_text_ss:link, a.side_text_ss
{
    text-decoration: none;
}

a.side_text_ss:hover
{
    color: #87D0ED;
}

/* SIDE_TEXT_SI - Search Text Sub Section Indented */

.side_text_si
{
    text-decoration:none;
    text-align: left;
    margin: 0 0 0 12px;
}

a.side_text_si:visited, a.side_text_si:active, a.side_text_si:link, a.side_text_si
{
    text-decoration: none;
}

a.side_text_si:hover
{
    color: #87D0ED;
}

/* SIDE_TEXT_SIS - Search Text Sub Section Indented SELECTED */

.side_text_sis
{
    color: #87D0ED;
    text-align: left;
    margin: 0 0 0 12px;
}

a.side_text_sis:visited, a.side_text_sis:active, a.side_text_sis:link, a.side_text_sis
{
    text-decoration: none;
}

a.side_text_sis:hover
{
    color: #87D0ED;
}

/* ########## SIDE BRAND AND SCROLLING END ########## */

/* ########## SIDE LEFT ########### */
.side_left
{
    width: 150px;
    float: left;
    background: url(../images/side_bg.png) repeat-y 0px 0px;
}

.side_left fieldset label
{
    float: left;
    width: 135px;
}

.side_left p
{
    float: left;
    margin: 0px 5px 0px 5px;
    width: 130px;
}

.side_left a
{
    cursor: pointer;
}

/* SIDE_FORM search - Side Bar Forms */

#side_frm_sear
{
    margin: 0px;
}

#side_frm_sear fieldset
{
    float: left;
    margin: 0px 0px 0px 5px;
    border: 0 solid #FFFFFF;
    padding: 0 0 0 0;
    width: 145px;
}

#side_frm_sear input
{
    float: left;
    width: 105px;
    font: lighter 11px Arial, Helvetica, sans-serif;
}

#side_frm_sear input.button
{
    float: right;
    width: 34px;
    height: 18px;
    margin: -22px 2px 0px 0px;
}

#side_frm_sear label
{
    clear: both;
    float: left;
    width: 145px;
    margin: 0px 0px 2px 0px;
    font: lighter 10px Arial, Helvetica, sans-serif;
}

/* SIDE_FORM browse - Side Bar Forms */

#side_frm_browse fieldset
{
    float: left;
    margin: 5px 0px 0px 5px;
    border: 0 solid #FFFFFF;
    padding: 0 0 0 0;
    width: 140px;
}

#side_frm_browse input.button
{
    float: right;
    width: 34px;
    height: 18px;
    margin: -22px 2px 0px 0px;
}

#side_frm_browse select, textarea
{
    float: left;
    width: 110px;
    font: lighter 11px Arial, Helvetica, sans-serif;
}

#side_frm_browse label
{
    clear: both;
    float: left;
    width: 140px;
    margin: 2px 0px 2px 0px;
    font: lighter 10px Arial, Helvetica, sans-serif;
}
/* ########## SIDE LEFT END ########### */
/* ########## SIDE RIGHT ########### */
.side_right
{
    float: left;
    width: 150px;
    background: url(../images/side_bg.jpg) repeat-y 0px 0px;
    margin: 0px 0px -3px 0px;
}

/* BEST SELLERS */

.best_con
{
    position:relative;
    float: left;
    clear: left;
    width: 135px;
    height: 458px;
    overflow: hidden;
    text-align:center;
    margin: 3px 0px 0px 0px;
}

/* wrap to make sure that image area is clickable */
#side_r_wrap 
{
    margin-top: 10px;
	float: left;
	position:relative;
	width: 12px;
	height: 430px;
	background: url(../images/scroll_line_v.png) repeat 0px 0px;
}

/* top image of track */
#side_r_track_top {
	position: absolute;
	width: 12px;
	height: 12px;
}

/* vertical track */
#side_r_track {
	position: absolute;
	width: 12px;
	height: 430px;

}

/* vertical track handle */
#side_r_bar {
	width: 12px;
	height: 20px;
}

.best_num
{
    /*position: relative;*/
    margin-left: 2px;
    font: bold 12px Arial, Helvetica, sans-serif;
}

a.best_num:visited, a.best_num:active, a.best_num:link, a.best_num
{
    text-decoration: none;
}

.best_text
{
    margin: 0px 0px 0px 0px;
    text-align: center;
    font: normal 11px Arial, Helvetica, sans-serif;
}

.best_price
{
    font: bold 11px Arial, Helvetica, sans-serif;
    color: Red;
}

.best_sprice
{
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: line-through;
}

a.best_text:visited, a.best_text:active, a.best_text:link, a.best_text
{
    text-decoration: none;
}

.best_item
{
    margin: 0px 0px 0px 0px;
    max-width: 130px;
    max-height: 146px;
}

.best_image
{
    clear: both;
}

.best_image[class]
{
    display: table;
    margin: 0px auto 0px auto;
    text-align:center;
    max-width:146px;
    max-height:146px;
}

customer_r
{
    margin: 0px 0px 0px 0px;
    max-width: 146px;
}

/* ########## SIDE RIGHT END ########### */

/*SIDE_BOTTOM - side bar bottom*/
.side_bottom
{
    float: left;
    clear: both;
    height: 9px;
    width: 150px;
    position: relative;
    top: -1px;
    background: #ffffff url(../images/side_bottom.png) no-repeat 0px 0px;
}

/* ########## SIDE BARS END ########## */

/* ########## FOOTER ########## */

#footer_con
{
    clear: both;
    width: 100%;
    height:auto;
    margin: 0px auto 0px auto;
}

#footer_con .protx
{
    float:left;
    position:relative;
    left: 5px;
    top: 10px;
    z-index: -1;
    width: 110px;
}

#footer_con .paypal
{
    float:right;
    position:relative;
    right: 5px;
    z-index: -1;
}

.footer_text_con
{
    margin: 0px 155px 0px 155px;
    border: solid 2px #000000;
    background-color: #FFFFFF;
    margin-top:2px;
    margin-bottom:2px;
    overflow:hidden;
    height:auto;
}

.footer_logo
{
    float:left;
    overflow:hidden;
}

.footer_text
{
    color: black;
    text-align:center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height:auto;
}

.footer_text2_con
{
    margin: 0px 155px 0px 155px;
    margin-top:2px;
    margin-bottom:2px;
    height:auto;
}

.footer_text2
{
    color: #000000;
    text-align:center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height:auto;
}

a.footer_text:visited, a.footer_text:active, a.footer_text:link, a.footer_text
{
    text-decoration: none;
}

a.footer_text2:visited, a.footer_text2:active, a.footer_text2:link, a.footer_text2
{
    text-decoration: none;
}

/* ########## FOOTER END ########## */

/* ########## MAIN CONTENT ########## */

/*############PLIST - Product list*/

/* wrap to make sure that image area is clickable */
#wrap
{
    float: left;
    clear: right;
    width: 251px;
    height: 12px;
    background: transparent url(inc/scrollbar-track-right.png) no-repeat top right;
    margin: 4px 0px 0px 5px;
}

/* left image of track */
#track-left
{
    position: absolute;
    width: 15px;
    height: 12px;
    background: transparent url(inc/scrollbar-track-left.png) no-repeat top left;
}

/* horizontal track */
#track
{
    position: absolute;
    width: 250px;
    height: 12px;
    background: url(../images/scroll_line_h.png) repeat 0px 0px;
}

/* horizontal track handle */
#handle
{
    width: 20px;
    height: 12px;
}

.plist_text
{
    clear:both;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font: bold 11px Arial, Helvetica, sans-serif;
}

.plist_textprod
{
    clear:both;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font: normal 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
}

.plist_price
{
    font: bold 11px Arial, Helvetica, sans-serif;
}

a.plist_price:visited, a.plist_price:active, a.plist_price:link, a.plist_price
{
    text-decoration: none;
}

.plist_sprice
{
    font: bold 0.88em Arial, Helvetica, sans-serif;
    color: red;
}

a.plist_sprice:visited, a.plist_sprice:active, a.plist_sprice:link, a.plist_sprice
{
    text-decoration: none;
}

.plist_item
{
    float: left;
    display: block;
    text-decoration: none;
    cursor:pointer;
}

.plist_image
{
    position:relative;
    width:209px;
    height: 200px;
    z-index:-1;
    background-image: none;
    background-repeat:no-repeat;
    background-position:center center;
    font-size:0px;
    text-indent: -999999px;
    color: #FFFFFF;
    margin: 0px auto 1px auto;
}

a.plist_image:visited, a.plist_image:active, a.plist_image:link, a.plist_image
{
    display:block;
    text-decoration:none;
}

#plist_head
{
    position : relative;
    width : 100%;
}

#plist_con
{
    position : relative;
    clear:both;
    overflow : hidden;
    width : 100%;
    height:520px;
    white-space: nowrap;
}

#plist_head
{
    position : relative;
    width : 100%;
    height:25px;
    margin: 0 auto;
}

#plist_back
{
    float: left;
    width:15%;
    margin: 0px 0px 0px 0px;
}

#plist_mid
{
    float: left;
    width:68%;
    margin: 0 auto;
}

#plist_mid_con
{
    float: left;
    width:400px;
    margin: 0 auto;
}

.plist_table
{
    border: solid 1px #000000;
    height:250px;
    width:225px;
    margin: 0px 0px 5px 0px;
}

.page_button 
{
    float:left;
	width: 20px;
	height: 20px;
}

#pageination 
{
    float:left;
	width: 60px;
	height: 20px;
	text-align:center;
	margin: 4px 0 0 0;
	font: normal 0.88em Arial, Helvetica, sans-serif;
}

/* ########## PRODUCT LIST END ########## */


/* ########## PRODUCT INFO PAGE ########## */

/* COL_1 COL_2 - Seperating Colums (Details/Other)  */

#col_1
{
    float: left;
    width: 73%;
    margin-right: 0.7%;
}
#col_2
{
    float: left;
    width: 26%;
}

/* Column 1 - Main Product Details*/

.images
{
    float: left;
    width: 64%;
    min-width: 300px;
    min-height: 450px;
}

.info
{
    float: left;
    width: 34%;
    min-width: 162px;
    min-height: 350px;
}

.info2
{
    float: right;
    width: 34%;
    min-width: 162px;
    min-height: 300px;
}

/* INFO_MAIN - Container to add border to COL_1 */

.info_main
{
    clear: both;
    float: left;
    width: 100%;
    min-height: 706px;
    border: solid 1px black;
}

/* INFO_COL1 - Container for info_details (description) */

#info_col1
{
    float: left;
    min-height: 370px;
    margin: 0px 0px 0px 3px;
}

/* INFO_COL2 - Container Size Slection & Add to Basket */

#info_col2
{
    float: left;
    text-align:left;
    min-height: 280px;
}

#info_col2 label
{
    display: block;
}

#info_col2 select
{
    display: block;
    width: 125px;
}

#info_col2 .hidden
{
    height: 0px;
}

/* LINK_* - Corner Link Buttons */

#link_back
{
    clear: left;
    float: left;
    margin: 2px 0px 0px 2px;
}

#link_zoom
{
    clear: right;
    float: right;
    margin: 2px 2px 0px 0px;
}

#link_tell
{
    clear: right;
    float: right;
    margin: 2px 5px 0px 0px;
}

#info_header
{
    clear: both;
    float: left;
    width: 100%;
}

#info_footer
{
    clear: both;
    float: left;
    width: 100%;
}

/* INFO_IMAGE - Main Image */

.info_image
{
    float: left;
    max-height: 300px;
    width: 96%;
}

.image_view
{
    float:left;
    width:100%;
}

.image_view .center
{
    width: 100%;
}

div.image_viewi
{
    float:left;
    width:23%;
}
.image_viewi img
{
    max-height: 150px;
    max-width:100%;
}
/* INFO_TITLE - Title Container */

#info_title
{
    text-align: center;
    font: bold 18px Arial, Helvetica, sans-serif;
    margin: 0px 10px 10px 10px;
}

/* INFO_CODE - Code Container */

#info_code
{
    width: 100%;
    font: bold 12px Arial, Helvetica, sans-serif;
    margin: 0px 10px 0px 10px;
    color: #555555;
}

/* INFO_PRICE - Code Container */
#info_price
{
    clear: left;
    width: 100%;
    font: bold 18px Arial, Helvetica, sans-serif;
    margin: 0px 10px 0px 10px;
    text-align: center;
    margin-top: 10px;
    color: #005dff;
}

.info_nowprice
{
    clear: left;
    width: 100%;
    font: bold 18px Arial, Helvetica, sans-serif;
    margin: 0px 10px 0px 10px;
    text-align: center;
    margin-top: 10px;
    color: #ff0000;
}

/* IMAGE_COL1 - Container Large image */

#image_col1
{
    float: left;
    border: solid 1px #000000;
    max-height: 360px;
    width: 97%;
    margin-left: 5px;
}

/* IMAGE_COL2 - Container Small images */

#image_col2
{
    float: left;
    width: 100%;
    margin-left: 5px;
}

/* INFO_DETAILS - Container for Description */

#info_details
{
    margin: 0px 10px 0px 10px;
    clear: both;
    width: 95%;
    min-height: 200px;
}

/* INFO_RING*/

#info_ring
{
    margin: 0px 10px 0px 10px;
    clear: both;
    width: 95%;
    text-align: center;
    font-weight: bold;
}

/* basket_BUTTON - Add to Basket button */

.basket_button
{
    float: left;
    clear: both;
    margin: 10px 0px 0px 0px;
    height: 49px;
}

/* Column 2 - Other*/

#info_recommend
{
    width: 100%;
    height: 500px;
    margin-bottom: 5px;
    border: solid 1px black;
}

#info_browse
{
    width: 100%;
    height: 199px;
    margin-bottom: 5px;
    border: solid 1px black;
}

/* RECO_* - Recommended Section */

.reco_text
{
    margin: 5px 0px 0px 0px;
    text-align: center;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.reco_red
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: Red;
}

a.reco_text:visited, a.reco_text:active, a.reco_text:link, a.reco_text
{
    text-decoration: none;
}

.reco_item
{
    margin: 5px auto 1px auto;
    max-height: 100px;
}


/* BROWSE - Browse Similar Items Section */

.browse
{
    clear: both;
    float: left;
    height: 20px;
    line-height: 20px;
}

a.browse:visited, a.browse:active, a.browse:link, a.browse
{
    clear: both;
    float: left;
    height: 20px;
    width: 100%;
    min-width: 150px;
    line-height: 20px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
a.browse:hover
{
    color: gray;
}

img.browse
{
    float: left;
    margin: 0px 2px 0px 2px;
    height: 20px;
    width: 20px;
}

/* PROD_SUBHEADERS - Middle Content Titles */

div.prod_subheaders
{
    text-align: center;
    width: 100%;
    font: bold 14px Arial, Helvetica, sans-serif;
}

/* ########## PRODUCT INFO PAGE END ########## */

/* ########## MAIN CONTENT END ########## */

/* ########## FORMS ########## */
/* SIDE_FORM search - Side Bar Forms */

#side_frm_sear fieldset
{
    float: left;
    margin: 0px 0px 0px 5px;
    border: 0 solid #FFFFFF;
    padding: 0 0 0 0;
    width: 145px;
}

#side_frm_sear input
{
    float: left;
    width: 105px;
    font: lighter 11px Arial, Helvetica, sans-serif;
}

#side_frm_sear input.button
{
    float: right;
    width: 34px;
    height: 18px;
    margin: -22px 2px 0px 0px;
}

#side_frm_sear label
{
    clear: both;
    float: left;
    width: 145px;
    margin: 2px 0px 2px 0px;
    font: lighter 10px Arial, Helvetica, sans-serif;
}
/* ###### Side form End ######*/

/*######general form######*/

.input_form fieldset
{
	display: block;
	position:relative;
	clear:both;
	border: 0px solid black;
	margin: 0 0 0 0;
	padding: 0 0.2em 0 0.8em;
}

.input_form input
{
    display: block;
	position: relative;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	width: 14em;
	top: -1.4em;
	left: 12em;
}

.input_form input.submit
{
	width:auto;
	float:left;
    display:block;
    margin: 16px 0 0 -10.1em;
}

.input_form label.checkbox
{
    float: left;
	width:auto;
    margin: 0px 0px 10px 0px;
}

.input_form label.checkbox input
{
    display: block;
	position: inherit;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	width: 14em;
	top: 0px;
	left: 0px;
	width: auto;
    margin: 0px 0px 0px 0px;
    float: left;
}


.input_form input.submit2
{
	width:auto;
	float:left;
	margin: 2em 0 0 3em;
}

.form_link
{   
    height:28px;
	width:111px;
	float:left;
	display:block;
    margin: 0 10 0 0;
}

.input_form label
{
	clear: both;
	position:relative;
	float: left;
	display: block;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	width: 10em;
	margin-top: -1em;
	font-weight: bold;
}

.input_form label.first
{
	margin-top: 1em;
}

.input_form label.desc
{
    position:relative;
	margin-top: 1em;
	width: 25em;
}

.input_form label.desc_wide
{
	margin-top: 1em;
	width: 35em;
}

.input_form select
{
	position: relative;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	top: -1.4em;
	width: 14.5em;
	left: 12em;
	display: block;
}

.input_form textarea
{
    clear:both;
    font: normal 0.9em Arial, Helvetica, sans-serif;
	position: relative;
	width: 23.9em;
	height: 8em;
	margin: 0.2em 0 3em 0.1em;
	display: block;
	overflow:auto;
}

.input_form_clearer
{
	clear: both;
	height: 10px;
}

.form_err_con
{
	clear: both;
	float: left;
	display: block;
	margin-left: 1em;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	width: 25em;
	font-weight: bold;
}

/* general form container */

.form_t_l
{
	display: block;
	float: left;
	background:url('../images/form_t_l.png')  no-repeat;
	width:10px;
	height:2px;
}
.form_t_r
{				
	display: block;
	float: right;
	background:url('../images/form_t_r.png')  no-repeat;
	width:10px;
	height:24px;
}				
.form_t_m
{
	display: block;
	width:100%;
	background: url('../images/form_t_m.png');
	height: 27px;
	vertical-align: middle;
}
.form_b_m
{
    display:block;
	width:100%;
	background: url('../images/form_b_m.png') bottom ;
	height:24px;
}		
.form_b_l
{
	display:block;
	float: left;
	background:url('../images/form_b_l.png') no-repeat;
	width:10px;
	height:24px;
}		
.form_b_r
{
	display:block;
	float: right;
	background:url('../images/form_b_r.png')  no-repeat;
	width:10px;
	height:24px;
}

.form_t_title
{
    float: left;
	display: block;
	overflow:hidden;
	font: bold 14px Arial, Helvetica, sans-serif;
	width:auto;
	float: left;
	margin: 3px 0 0 10px;
}
.form_innercon 
{
    position:relative;
    display:block;
    width: 300px;
    margin: 0 auto;
}

.form_innercon_wide
{
    position:relative;
    display:block;
    width: 90%;
    margin: 0 auto;
}

.form_content 
{
    position:relative;
	background-color: #e5eafc;
	border: 1px solid black;
	display: block;
	margin: 0px 0px 0px 0px;
	width: auto;
	height: auto;
}

.form_container
{
    position:relative;
	display: block;
	margin: 0 auto;
	width:90%;			
}

.form_container_thin
{
    position:relative;
	display: block;
	margin: 0 auto;
	width:50%;			
}

.form_container_wide
{
    position:relative;
	display: block;
	margin: 0 auto;
	width:90%;	
}

#form_col_1
{
    position:relative;
    float: left;
    width: 49%;
}
#form_col_2
{
    position:relative;
    float: left;
    width: 49%;
}

.form_desc
{
     font: normal 0.88em Arial, Helvetica, sans-serif;
     margin: 2em 0 2em 0;
}

.form_desc_m
{
     font: normal 0.88em Arial, Helvetica, sans-serif;
     margin: 0.2em 0 0.2em 2em;
}

fieldset
{
     border: 0px solid #000000;
}

#title_other
{
    display:none;
}

.back_abs
{
    position:absolute;
    overflow:visible;
    margin: 0 0 0 0;
}
/*###### General form end ######*/

/* ########## REQUEST FORM ########## */
.request
{
    font: normal 13px Arial, Helvetica, sans-serif;
    border: solid 2px #005dff;
    background-color: #e5eafc;
    padding: 7px 7px 7px 7px;
}

.request p
{
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
}

.frm_req fieldset
{
    border: none 2px #005dff;
    margin-right: 3px;
}

.frm_req label
{
    display: block;
    font-weight: bold;
}

.frm_req select
{
    width: 125px;
    display: block;
    margin-bottom: 8.5px;
}

.frm_req input
{
    display: block;
}

/* ########## REQUEST FORM END ########## */

/* account table */

table.account
{
    width:100%;
    border-spacing: 0px;
    border: 1px solid #000000;
    background: #FFFFFF;
    margin: 0px 1px 0px 1px;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}

table.account th
{
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
}
table.account td
{
    text-align: left;
    padding: 3px 3px;
}

table.account th.title
{
    font-weight: bold;
    text-align: center;
    background: #ffffff;
}

table.account td.side
{
    background: #ffffff;
    font-weight: bold;
    border-right: 1px solid #000000;
    vertical-align:top;
}

table.account td.divide
{
    border-right: 1px solid #000000;
}

table.account th.divide
{
    border-right: 1px solid #000000;
}

/* basket table */

.basket_image
{
    position:relative;
    margin: 0px auto 1px auto;
    border: solid 1px #000000;
    z-index:1;
}

.basket_text 
{
    text-align:center;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}

table.basket
{
    width:100%;
    border-spacing: 0px;
    border: 0 solid #000000;
    margin: 0 auto;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}
table.basket th
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

table.basket td
{
    text-align: center;
    padding: 3px 3px;
}

table.basket th.title
{
    font-weight: bold;
    text-align: center;
    background: #e9e9e9;
}

table.basket td.side
{
    background: #e9e9e9;
    font-weight: bold;
    border-right: 1px solid #000000;
}

table.basket td.divide
{
    border-right: 1px solid #000000;
}

table.basket th.divide
{
    border-right: 1px solid #000000;
}

table.basket td.footer
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

table.basket td.footer_t
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-top: 1px solid #000000;
}

table.basket td.footer_m
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
}

table.basket td.footer_b
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
}

table.promocon
{
    width:100%;
    border-spacing: 0px;
    border: 0 solid #000000;
    margin: 0 auto;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}

table.promocon td
{
    text-align: left;
    padding: 3px 0 0 0;
}


table.basketpromo
{
    border-spacing: 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}
table.basketpromo td
{
    text-align: left;
    padding: 0 2px 0 4px;
}


.loyalty_desc
{
    text-align:left;
    font: bold 0.77em Arial, Helvetica, sans-serif;
}

#bsk_col_1
{
    position:relative;
    float:left;
    width: 300px;
    height: 100px;
    margin-right: 0;
}
#bsk_col_2
{
    position:relative;
    float:right;
    width: 150px;
    height: 100px;
}

.conf_msg
{
    text-align:center;
    font: bold 0.88em Arial, Helvetica, sans-serif;
}

/* TELL A FRIEND COLS */

#fcol_1
{
    position:relative;
    float: left;
    width: 49.4%;
}
#fcol_2
{
    position:relative;
    float: left;
    width: 49.4%;
    height: 500px;
    margin-right: 0.8%;
}
.finfo_main
{
    clear: both;
    float: left;
    width: 100%;
    height:550px;
    border: solid 2px #CCCCCC;
}

.con_address
{
    margin-left: 2em;
    font: bold 0.77em Arial, Helvetica, sans-serif;
}


/* TELL A FRIEND COLS END */


/* ORDERS */

table.orders
{
    width:100%;
    border-spacing: 0px;
    border: 0 solid #000000;
    margin: 0 auto;
    font: normal 0.88em Arial, Helvetica, sans-serif;
}
table.orders th
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
table.orders th.right
{
    font-weight: bold;
    text-align: right;
    background: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
table.orders td
{
    text-align: left;
}
table.orders td.center
{
    text-align: center;
}
table.orders td.right
{
    width: 100px;
    text-align: right;
}
table.orders td.centerw
{
    text-align: center;

    background-color: white;
}
table.orders td.centerwbt
{
    text-align: center;
    background-color: white;
    border-top: 1px solid black;
}
table.orders td.centerwbb
{
    text-align: center;
    background-color: white;
    border-bottom: 1px solid black;
}
table.orders td.centerwbbb
{
    text-align: center;
    background-color: white;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
table.orders td.centerwr
{
    text-align: right;
    background-color: white;
}
table.orders td.centerwbtr
{
    text-align: right;
    background-color: white;
    border-top: 1px solid black;
}
table.orders td.centerwbbr
{
    text-align: right;
    background-color: white;
    border-bottom: 1px solid black;
}
table.orders td.centerwbbbr
{
    text-align: right;
    background-color: white;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
table.orders th
{
 font-weight: bold;
 text-align: left;
 background-color: White;   
}
table.orders th.title
{
    font-weight: bold;
    text-align: center;
    background: white;
}
table.orders th.bbot
{
 font-weight: bold;
 text-align: left;
 background-color: White;  
 border-top: 1px solid white;
 border-bottom: 1px solid #000000; 
}
table.orders td.dispatched 
{
    text-align: center;
    font-weight: bold;
    background:white;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
table.orders td.side
{
    background: #e9e9e9;
    font-weight: bold;
    border-right: 1px solid #000000;
}

table.orders td.divide
{
    border-right: 1px solid #000000;
}

table.orders th.divide
{
    border-right: 1px solid #000000;
}

table.orders td.footer
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

table.orders td.footer_t
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-top: 1px solid #000000;
}

table.orders td.footer_m
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
}

table.orders td.footer_b
{
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    padding: 1px 1px;
    border: 0px;
    border-bottom: 1px solid #000000;
}

/*############# HOME PAGE ##############*/
#home_left
{
    float: left;
    width: 44%;
    border: solid 1px #000000;
    margin: 5px 0px 5px 0px;
    overflow:hidden;
}
#home_right
{
    float: left;
    width: 55%;
    text-align: center;
}

#home_right .home_rcol
{
    float: left;
    width: 29%;
    height:200px;
    vertical-align:middle;
    margin: 5px 0px 5px 2.5%;
    text-align: center;
    border: solid 1px #000000;
}

.news
{
    float: left;
    position:relative;
    width: 92.5%;
    height: 370px;
    padding: 0px 1% 5px 1%;
    text-align: left;
    overflow: hidden;
}

.newscon
{
    float: left;
    /*position:relative;*/
    width: 92.5%;
    height: 388px;
    text-align: left;
    border: solid 1px #000000;
    margin: 5px 0px 5px 2.5%;
}

.homeimage
{
    max-width:100%;
}

/* wrap to make sure that image area is clickable */
#side_h_wrap 
{
    margin-top: 5px;
	float: left;
	position:relative;
	width: 12px;
	height: 370px;
	background: url(../images/scroll_line_v.png) repeat 0px 0px;
}

/* top image of track */
#side_h_track_top {
	position: absolute;
	width: 12px;
	height: 12px;
}

/* vertical track */
#side_h_track {
	position: absolute;
	width: 12px;
	height: 370px;

}

/* vertical track handle */
#side_h_bar {
	width: 12px;
	height: 20px;
}

/* HOME PAGE END */

/* PAGE PAGE */

#page
{
    float:left;
    width: 99%;
    border: solid 1px #000000;
}

#pagecon
{
    float:left;
    height: 550px;
    overflow: hidden;
    width: 98%;
}

/* wrap to make sure that image area is clickable */
#side_p_wrap 
{
    margin-top: 20px;
	float: left;
	position:relative;
	width: 12px;
	height: 500px;
	background: url(../images/scroll_line_v.png) repeat 0px 0px;
}

/* top image of track */
#side_p_track_top {
	position: absolute;
	width: 12px;
	height: 12px;
}

/* vertical track */
#side_p_track {
	position: absolute;
	width: 12px;
	height: 500px;

}

/* vertical track handle */
#side_p_bar {
	width: 12px;
	height: 20px;
}
/* PAGE PAGE END */