body,html{font-size:9pt;font-family:arial;background:#FFFFFF;margin:0;color:#333333}

a{color:#336699}
a:hover{text-decoration:none}

h1{font-family:calibri;font-size:28pt;font-weight:normal;margin:0;padding:0;text-transform:uppercase}
    h1.small{font-size:18pt}
    h1.medium{font-size:21pt}

h2{font-size:11pt;padding:0 0 15px 0;margin:0}

h3{font-size:11pt;padding:8px 10px;margin:0;color:#FFFFFF}
    h3.blue_only{background:#449BD1}
    h3.blue{background:url(../images/site/h3_blue_bg.jpg) top left no-repeat #449BD1}
    h3.grey_680{background:url(../images/site/h3_grey_680.jpg) top left no-repeat #FFFFFF;color:#666666}
        
h4{background:url(../images/site/h4_orange_bg.jpg) no-repeat 0 0;padding:0 0 0 10px;display:block;color:#FFFFFF;text-decoration:none;font-size:11pt;height:32px;margin:0}
    h4 span{display:block;background:#FFFFFF url(../images/site/h4_orange_bg.jpg) repeat-x 100% 0;padding:6px 11px 7px 0;font-weight:bold;height:24px;margin:0}
h5{background:#FECC97;padding:5px 30px 5px 10px;margin:0;font-size:9pt;display:block;}   
    span.open_close{float:right;display:block;margin:2px 2px -24px 0}                   

h6{font-size:11pt;padding:8px 10px;margin:0;color:#FFFFFF}
    h6.grey{background:url(../images/site/h6_grey.jpg) top left no-repeat #F5F5F5;color:#666666}
    h6.green{background:url(../images/site/h6_green.jpg) top left no-repeat #8BA730}

.page_loading { display:block; position:fixed; top:50%; left:50%; margin:-16px 0 0 -16px; width:31px; height:31px; background:url(../images/site/loading.gif) 50% 50% no-repeat; }

.notice { display:block; width:100%; float:left; margin:0 0 10px 0; color:#000000; font-weight:bold; font-size:12pt; }
    .notice .notice_box {padding:10px;}
        .notice_box a { text-decoration:underline; }
        .notice_box span.description { display:block; padding:1px 0 0 0; font-size:10pt; font-weight:normal; }
            .notice_box span.description a { text-decoration:underline; }
        #error { background:#FDE1E1; border:3px dotted #C13333; }
        #notice { background:#FFE4D7; border:3px dotted #ED6724; }
        #success { background:#EEFFD3; border:3px dotted #91C442; }
span.field_incomplete { color:#C13333; font-size:11pt; font-weight:bold; }
    
#container{margin:0 auto 0 auto;width:1000px}
#container #top{height:20px}
    #top img { display:block; float:right; padding:0 10px 0 0; }
#container #header{background:url(../images/site/header_bg.gif) top no-repeat #000000;height:100px;border-bottom:5px solid #449BD1}
    #header #top_bar{height:59px;padding:0 25px}
        #top_bar #logo{padding-top:16px;float:left;width:280px}
        #top_bar #quick_find{background:url(../images/site/quick_find_bg.gif) right no-repeat #515151;height:38px;margin:16px 0 0 20px;width:650px;float:left}
            #quick_find #search{width:214px;height:38px;float:left;padding:4px 0 0 67px;background:url(../images/site/search_bg.gif) no-repeat}
                #search #search_box{position:absolute;width:165px;height:29px;padding:3px 5px;background:url(../images/site/search_box_bg.gif) no-repeat}
                    #search_box input.key{position:absolute;width:150px;border:1px solid #FFFFFF;color:#515151;font-size:10pt}
                #search #search_btn{position:absolute;margin-left:176px;width:30px}
                    #search_btn input.btn{opacity:.95;-moz-opacity:.95;filter:alpha(opacity=95)}
                        #search_btn input.btn:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
            
            #quick_find #quick_find_links{float:left;padding:9px 0 0 10px}
                #quick_find_links ul{margin:0;padding:0;list-style:none}
                #quick_find_links li{padding:0;display:inline}
                    #quick_find_links li a{display:block;float:left;margin-right:10px;padding:1px 0 3px 0;font-size:10pt;color:#FFFFFF;font-weight:bold}
                        #quick_find_links li a:hover{text-decoration:none}
                    #quick_find_links li a.basket{padding-left:30px;background:url(../images/site/trolley_icon.jpg) no-repeat 0 0}
                    #quick_find_links li a.help{padding-left:18px;background:url(../images/site/help_icon.jpg) no-repeat 0 0}
                    #quick_find_links li a.account{padding-left:21px;background:url(../images/site/account_icon.jpg) no-repeat 0 0}
                    
                
    #header #top_nav{height:33px;padding:0 15px}
        #header #top_nav #top_nav_menu, #top_nav_menu li ul{margin:0;padding:0;list-style:none}
        #top_nav_menu a{margin-top:8px;background:url(../images/site/tab_bg.gif) no-repeat 0 0;padding:0 0 0 10px;display:block;text-decoration:none;color:#333333;font-size:13px}
        #top_nav_menu a span{display:block;background:#000000 url(../images/site/tab_bg.gif) repeat-x 100% 0;padding:9px 11px 8px 0;font-weight:bold}
            #top_nav_menu a span.dir{background-position:100% 0;padding:9px 11px 8px 0}
        #top_nav_menu a:hover{background-position:0 -27px;color:#333333}
            #top_nav_menu a:hover span{background-position:100% -33px}
            #top_nav_menu a:hover span.dir{background-position:100% -33px}
        #top_nav_menu li{float:left;margin:0 1px 0 0}
        #top_nav_menu li ul{position:absolute;width:420px;z-index:1000;border-top:5px solid #449BD1;border-bottom:5px solid #449BD1;left:-999em;padding:0;background:url(../images/site/sub_menu_bg.gif) repeat-x #DDF1FD}
        #top_nav_menu li ul li{width:200px}
        #top_nav_menu li ul li a{color:#1F4862;width:183px;display:block;float:left;font-weight:400;text-align:left;font-size:12px;margin:0;border:0;padding:7px 10px 5px 26px}
        #top_nav_menu li ul li a:hover{color:#1F4862;text-decoration:underline}
        #top_nav_menu li:hover ul{left:auto;z-index:2000}
        #top_nav_menu li:hover a{background-position:0 -33px;color:#333333}
        #top_nav_menu li:hover a span{background-position:100% -33px}
            #top_nav_menu li:hover a span.dir{background-position:100% -33px}
        #top_nav_menu li:hover ul a{color:#1F4862;background:url(../images/site/sub_menu_arrow.png) 10px 10px no-repeat}
        #top_nav_menu a.this,#top_nav_menu a.this:hover,#top_nav_menu li:hover a.this{background:url(../images/site/tab_bg.gif) repeat-x 0 -66px;color:#F8F8F8}
        #top_nav_menu a.this span,#top_nav_menu a.this:hover span,#top_nav_menu li:hover a.this span{background:transparent url(../images/site/tab_bg.gif) repeat-x 100% -66px}


#container #page{margin:10px 10px;width:980px;float:left;}
    #page #page_header{display:block;height:35px}
        #page_header #breadcrumb{float:left;}
            #breadcrumb ul{margin:0;padding:0;list-style:none}
            #breadcrumb li{display:inline;color:#666666}
            #breadcrumb li.this{display:block;float:left;padding:5px 10px;font-weight:bold}
                #breadcrumb li a{float:left;background:url(../images/site/breadcrumb_bg.gif) no-repeat 0 0;padding:0 0 0 10px;display:block;text-decoration:none}
                #breadcrumb li a span{float:left;display:block;background:#FFFFFF url(../images/site/breadcrumb_bg.gif) repeat-x 100% 0;padding:5px 11px 5px 0;font-weight:bold}
                    #breadcrumb li:hover a.home{background-position:0 -25px;text-decoration:underline}
                    #breadcrumb li:hover a{background-position:-1px -25px;text-decoration:underline}
                    #breadcrumb li:hover a span{background-position:100% -25px;text-decoration:underline}

    #page #compare_list{display:none;width:974px;margin:10px -10px 10px -10px;float:left;padding:10px;border:3px solid #449BD1;background:#F4FAFE;height:220px} 
        #compare_list .compare_list{float:left;width:782px}
            .compare_list ul{margin:0;padding:0;list-style:none}
                .compare_list ul li{padding:10px;margin-right:10px;width:166px;display:block;height:200px;border:1px solid #DDDDDD;float:left;text-align:center}
                .compare_list ul li.product{background:#FFFFFF}
                    li.product .prod_remove button{margin:-18px -18px 0 0;border:none;padding:0;display:block;float:right;width:21px;height:21px;background:url(../images/site/compare_remove_btn.png) 0 0 no-repeat}
                        .prod_remove button:hover{background-position:0 -31px;cursor:pointer}
                    li.product .prod_image{display:block;width:166px;height:166px}
                    li.product .prod_title{display:block;padding-top:5px}
                 .compare_list ul li.no_product{background:#F0F0F0}
                    li.no_product span{display:block;margin-top:90px}
                .compare_list ul li.last{margin-right:0;}
        #compare_list .compare_info{float:right;border-left:2px solid #FFFFFF;background:#F4FAFE;padding:10px;height:220px;width:170px;margin:-10px -10px -10px 0}  
            .compare_info span.title{line-height:19pt;font-size:18pt;font-weight:bold;color:#449BD1;display:block}
            .compare_info span.description{display:block;padding:10px 0 20px 0}
            .compare_info span.clear{display:block;padding:20px 0 0 0}
                

#container #footer_container{width:1000px;float:left;margin:20px 0;border-bottom:20px solid #FFFFFF}
    
    #footer_container #footer_links{width:980px;padding:10px;border-top:2px solid #449BD1;height:220px;background:url(../images/site/footer_links_bg.jpg) repeat-x #DDF1FD}
        #footer_links .footer_links_box{float:left;width:224px;height:160px;padding:10px;border-right:1px solid #FFFFFF}
        #footer_links .last_box { border-right:none; }
        .footer_links_box span{padding:0 0 10px 0;display:block;font-size:11pt;font-weight:bold}
        .footer_links_box ul{margin:0;padding:0;list-style:none}
            ul li{margin:0;padding:0 0 4px 0}
    
    #footer_container #footer_cards { text-align:center; width:960px; padding:10px 20px; height:42px; background:#8ECAEE; border-top:5px solid #449BD1; float:left; }
        #footer_cards span { display:inline-block; padding:0 15px 0 0; }
            #footer_cards span.end { padding:0; margin:0 15px 0 0; }
                                             
    #footer_container #footer{text-align:center;width:960px;float:left;color:#FFFFFF;padding:10px 20px;margin:0;height:52px;border-top:5px solid #449BD1;background:url(../images/site/footer_bg.gif) bottom left no-repeat #000000}
        #footer span.footer_address { display:block; }
        #footer span.footer_number { display:block; }
        #footer span.footer_notice { padding:5px 0 0 0; display:block; font-weight:bold; }