html
{
    background-color: #e6e7e8;
    
}

body
{
    padding: 0px;
    margin: 0px;
    background-color: #e6e7e8;
    font-size: 70%;
}

#wrapper
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    
}

#headertop
{
    background-position: center top;
    width: 980px;
    height:20px;
    margin-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(images/header_top_bg.jpg);
    background-repeat: no-repeat;
}

#headwrap
{
    background-position: center top;
    width: 980px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(images/contentwrap_bg.jpg);
    background-repeat: repeat-y;}

#header
{
    position:relative;
    background-position: right top;
    width: 985px;
    height: 250px;
    background-image: url(images/header_bg.jpg);
    background-repeat: no-repeat;
    margin-right: 10px;
}

#headlogo
{
    width: 706px;
    height: 250px;
    float: left;
    background-image: url(images/header_logo.jpg);
    background-repeat: no-repeat;
    margin-left: -5px;
}

.headlink
{
    position: absolute;
    width: 300px;
    height: 160px;
    top: 75px;
    left: 25px;
}

#breadcrumb
{
    width:100%;
    height:15px;
    margin-left:215px;
}

#admin_headwrap
{
    width: 100%;
    margin-top: 25px;
}

#admin_header
{
    width: 980px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

#admin_headlogo
{
    width: 780px;
    height: 100px;
    float: left;
    background-image: url(images/admin_header_logo.jpg);
    background-repeat: no-repeat;
}

#signin
{
    width: 180px;
    height: 190px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:50px;
    float: right;
}

#search
{
    height: 30px;
    text-align: right;
    color: #FFFFFF;
    padding-right: 10px;
    bottom: 0px;
}


#content_wrap
{   
    width:980px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #cfe0f3;
    background-image: url(images/contentwrap_bg.jpg);
    background-repeat: repeat-y;
}

#content
{
    width:980px;
    padding-top: 0px;
}

#content_left
{
    width: 200px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    color: #FFFFFF;
}

#content_main
{
    width: 580px;
    float: left;
}

#admin_content_main
{
    width: 580px;
    float: left;
}

#admin_content_main h1, #admin_content_main h2
{
    padding: 5px 0px 0px 0px;
    margin: 0px;
}



#tabstrip
{
    width: 565px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-top:8px;
    padding-left:5px;
    height:22px;

}

#tabstrip h1
{
    margin: -4px 0px 0px 0px;
    color: #003296;
    font-size: 1.3em;
}



#content_nav
{
    width: 180px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
}

#content_basket
{
    width: 185px;
    padding-left:5px;
    background-image: url(images/basket_bg.jpg);
    background-repeat: repeat-y;
    margin-left:-5px;
}

#content_basket_footer
{
    width: 190px;
    height:5px;
    background-image: url(images/basket_foot_bg.jpg);
    background-repeat: no-repeat;
    margin-left:-5px;
}

#basket_header
{
    width:180px;
    height:30px;
    background-image: url(images/tab_off_bg.jpg);
    background-repeat: repeat-x;
}

#basket_title
{
    background-position: right;
    width: 181px;
    height:30px;
    background-image: url(images/tab_right_bg.jpg);
    background-repeat: no-repeat;
}

#basket_title h2
{
    height: 30px;
    padding-top:5px;
    background-image: url(images/tab_left_bg.jpg);
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 100%;
}

#basket_summary
{
    width: 170px;
    min-height: 30px;
    background-color: #ffffff;
    color: #999999;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:10px;
}

.rhlink
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    background-color: #cfe0f3;
    width: 180px;
    height: 27px;
}

.rhlink a
{
   width: 170px;
   height: 22px;
   padding-left:10px;
   padding-top:5px;
   text-decoration: none;
}

.rhlink a:link, .rhlink a:visited
{
    color: #666666;
}

.rhlink a:hover, .rhlink a:active
{
    background-color: #f89d29;
    color: #003296;
}


.orange100
{
    background-image: url(images/btn_orange_100.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 15px;
    text-align: center;
    color: #FFFFFF !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.orange75
{
    background-image: url('images/btn_orange_75.png');
    background-repeat: no-repeat;
    width: 75px;
    height: 15px;
    text-align: center;
    color: #FFFFFF !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.orange50
{
    background-image: url(images/btn_orange_50.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 15px;
    text-align: center;
    color: #FFFFFF !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}


.grey100
{
    background-image: url(images/btn_grey_100.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 15px;
    text-align: center;
    color: #666666 !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.grey75
{
    background-image: url(images/btn_grey_75.png);
    background-repeat: no-repeat;
    width: 75px;
    height: 15px;
    text-align: center;
    color: #666666 !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.grey50
{
    background-image: url(images/btn_grey_50.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 15px;
    text-align: center;
    color: #666666 !important;
    font-weight: bold;
    cursor: pointer;
    font-size: 10px;
}

.grey100 a:link, .grey100 a:visited, .grey75 a:link, .grey75 a:visited, .grey50 a:link, .grey50 a:visited
{
    color: #666666;
}

.grey100 a:hover, .grey100 a:active, grey75 a:hover, .grey75 a:active, , grey50 a:hover, .grey50 a:active
{
    color: #003296;
}

.productpic
{
    float: left;
    width: 160px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.productdetail
{
    float: left;
    text-align: center;
    padding-left: 15px;
    width:275px;
}

.productdetail h2
{
}    
    
.productscroll
{
   width:170px; 
}

.productscrollpic
{
    float: left;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    height:100%;
    text-align:center;
}

.productprice
{
    font-size: 1.5em;
    font-weight: bold;
}

.itemdesc
{
    padding-bottom:0.5em;
}

.productinfo
{
    background-image: url(images/information.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    height:16px;
    text-decoration: underline;
    color: #999999;
    vertical-align: middle;
    cursor: pointer;
}

#content_bundles
{
    width: 100%;
    margin-top: 15px;
    margin-left: -10px;
}


#footwrapper
{
    background-position: 0px top;
    clear: both;
    width: 980px;
    height: 41px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/footer_bg.jpg);
    background-repeat: no-repeat;
    padding-top: 35px;
    padding-left: 5px;
    padding-right: 5px;
    color: #666666;
}

#footer
{
    width: 980px;
    height: 75px;
    font-size: 77%;
}


#foot_rights
{
    height: 76px;
    width: 200px;
    float:left;
    padding-left:10px;
}

#foot_tandc
{
    height: 76px;
    float: right;
    text-align: right;
}



/* --- layout classes -- */

.lhpic
{
 float:left;
 margin-right:10px;   
}

.bundlepic
{
    float: left;
    margin-right: 10px;
    height: 100px;
    vertical-align: bottom;
}

.rhpic
{
 float:right;
 margin-left:10px;   
}

.findbtn
{
 float:right;
 margin-left:10px;   
}
.centrebox_top
{
    width:580px;
    height:5px;
    background-image: url(images/whitebox_top_bg.jpg);
    background-repeat: no-repeat;
}

.centrebox
{
    width: 560px;
    padding: 0px 10px 10px 10px;
    background-image: url(images/whitebox_bg.jpg);
    background-repeat: repeat-y;
    min-height: 310px;
}

.centreboxcont
{
    width: 560px;
    padding: 0px 10px 10px 10px;
    background-image: url(images/whitebox_bg.jpg);
    background-repeat: repeat-y;
}

.centrebox_foot
{
    width:580px;
    height:10px;
    background-image: url(images/whitebox_foot.jpg);
    background-repeat: no-repeat;
}

.colbox_top
{
    background-position: center;
    background-image: url(images/colbox_top_bg.jpg);
    background-repeat: no-repeat;
    width: 200px;
    height: 5px;
}

.colbox_body
{
    background-position: center;
    background-image: url(images/colbox_body_bg.jpg);
    background-repeat: repeat-y;
    width: 172px;
    padding-left: 14px;
    padding-right: 14px;
}

.colbox_body h2
{
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-size: 0.9em;
}

.colbox_body p
{
    color: #FF9900;
}

.colbox_foot
{
     background-position: center;
   background-image: url(images/colbox_foot_bg.jpg);
    background-repeat: no-repeat;
    width:200px;
    height:8px;
}

.specialsbox_top
{
    background-image: url(images/specialsbox_top_bg.jpg);
    background-repeat: no-repeat;
    width:275px;
    height:11px;
}

.specialsbox_body
{
    background-image: url(images/specialsbox_body_bg.jpg);
    background-repeat: repeat-y;
    width: 255px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFFF;
}

.specialsbox_body h2
{
    font-size: 1em;
}

.specialsbox_body p
{
    color: #FF9900;
}

.specialsbox_foot
{
    background-image: url(images/specialsbox_foot_bg.jpg);
    background-repeat: no-repeat;
    width:275px;
    height:12px;
}

.ftab
{
 width:75px;   
 float:left;
}

.itab
{
 width:100px;   
 float:left;
}

.reqtab
{
    width: 100px;
    float: left;
    color: #CC0000;
}

.padlinkleft
{
    margin-right:10px;
}

.inkbox
{
    width: 25%;
    float: left;
    text-align: center;
}

.bicol-left
{
    width: 47%;
    float: left;
    padding-right:3%;
}

.bicol-right
{
   width:47%;
   float:left; 
   padding-left:1%;
}

.tricol-left
{
    width: 33%;
    float: left;
}

.tricol-centre
{
   width:33%;
   float:left; 
}

.tricol-right
{
   width:33%;
   float:left; 
}

.clearit
{
    clear:both;
}

.cleft
{
    clear:left;
}

.qty
{
 float:left;
 width:50px;
}

.rright
{
    text-align: right;
}


.combo120
{
 clear:left;
 float:left;
 width:120px;
 padding-bottom:5px;
 margin-left:10px;
}

.combo120r
{
 float:right;
 width:120px;
 padding-bottom:5px;
 margin-left:10px;
}

.cright
{
 clear:right;   
}

.post-it
{
    margin: 10px auto 20px auto;
    width: 350px;
}

.post-it-top
{
    background-image: url(images/post-it-top.png);
    width: 320px;
    height: 59px;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

.post-it-body
{
    padding: 10px 15px 10px 15px;
    background-image: url(images/post-it-body.png);
    width: 320px;
    background-repeat: repeat-y;
}

.post-it-footer
{
    background-image: url(images/post-it-footer.png);
    width: 320px;
    height: 52px;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px;
}


.relatedbox
{
    border-style: none solid solid solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #99CCFF;
}

.relproduct
{
    border-width: 1px;
    border-style: solid solid solid solid;
    border-color: #C0C0C0;
    width:250px;
    height:130px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}

.relproductdetail
{
    width:125px;
    float:left;
    white-space:normal;
}


.relproducthead
{
    padding: 0px;
    margin: 5px 5px 0px 0px;
    font-size: 1.0em;
    color: #003296;
    font-weight: bold;
    white-space: normal;
}

.offertitle
{
    padding: 0px;
    margin: 10px 15px 0px 15px;
    font-size: 1.1em;
    color: #66CCFF;
    font-weight: bold;
    width: 220px;
    height: 40px;
    white-space: normal;
    text-align: center;
}

.boxes
{
    width:250px;
    height:148px;
    margin-left:5px;
    margin-bottom:10px;
}

.boxes_content
{
    position:absolute;
    top:0;
    left:0;
}
   

.boxes_wrapper
{
    overflow:hidden;
    position:relative;
    /* set width ! */
    
    border-width: 1px;
    border-style: solid solid solid solid;
    border-color: #C0C0C0;
    width: 540px;
    height: 148px;
    top: 0px;
    left: 0px;
    white-space: nowrap;
}

.smallnote
{
    color: #999999;
    font-style: italic;
    font-size: 85%;
    padding-top: 1em;
    padding-bottom: 1em;
}

/* rad editor global styles css reset (prevent mode) */
.radeditor table,
.rade_toolbar,
.rade_toolbar li,
.rade_tlbVertical,
.rade_dropDownBody ul,
.rade_dropDownBody ul li,
.radwindow table,
.radwindow table td,
.radwindow table td ul,
.radwindow table td ul li
{
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 list-style: none !important;
}
.rade_wrapper_corner,
.rade_wrapper_center,
.rade_leftVerticalSide,
.rade_rightVerticalSide,
.rade_toolZone,
.rade_editorModes,
.rade_resizeCell,
.rade_toolZone table td,
.radeditor .rade_toolbar,
.radeditor .rade_editorModes ul
{
 border: 0 !important;
}
.rade_toolbar li,
.rade_editorModes ul li,
.rade_InsertTable .rade_tlbVertical .rade_toolbar li
{
 float: left !important;
 clear: none !important;
 border: 0 !important;
}

* html #content_nav {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(document.body.offsetWidth - 600);
}