body {
    font-family: Verdana;
    font-size: 10px;
    background: #e7e8ea;
    margin: 0;
    padding: 0 0 20px 0;
    color: #221e1f;  
}

a, a:visited
{
    color: #221e1f;
}

#wrap
{
    width: 980px;
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
}

#main_body
{
    background: #fff url(/images/bg_right_border.jpg) repeat-y top right;
    border-left: solid 1px #b4b5b8;    
    height: auto;
    overflow: hidden;   
    padding-right: 3px;
}

#top_menu
{
    height: auto;
    overflow: hidden;        
    font-size: 12px;
}

#top_menu ul
{
    float: right;    
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 8px 10px 0;
}

#top_menu ul li
{
    float: left;
    padding: 0 7px 0 7px;
    list-style: none;    
    color: #221e1f;
    margin: 0;
}

#top_menu ul li a
{
    text-decoration: none;
    color: #221e1f;    
}

#left_column
{
    width: 762px;
    float: left;
    height: auto;
    overflow: hidden;  
}

#right_column
{
    width: 179px;
    float: left;
    height: auto;
    overflow: hidden;  
    padding: 16px 16px 0 19px;
}

#right_column .item
{
    clear: both;
    height: auto;
    overflow: hidden;  
    padding: 0 0 20px 0;
}

#left_column .content
{
    height: auto;
    overflow: hidden;
    padding: 15px 0 0 15px;    
}

#left_column .content #content_left_column
{
    width: 180px;
    float: left;
}

#left_column .content #content_right_column
{
    width: 547px;
    float: right;
}

.dotted_box
{    
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
    padding: 20px 0 20px 0;
    height: auto;
    overflow: hidden;
}

.dotted_box .leftalign h2
{
    text-align: left;    
}


.dotted_box fieldset
{
    border: none;
    padding: 0;
    margin: 0;
    height: auto;
    overflow: hidden;
}


.dotted_box fieldset label
{
    width: 190px;    
    display: block;
    float: left;
}

.dotted_box .basket_breakdown
{
    font-size: 1.1em; 
    float: right;
}

.dotted_box .basket_breakdown fieldset label
{
    width: 100px;    
    padding-right: 10px;
}

.dotted_box .basket_breakdown fieldset .textbox
{
    width: auto;    
}

.dotted_box fieldset label span
{
    color: #ff0000;
}

.dotted_box fieldset .textbox
{
    width: 250px;
    font-family: Verdana;
    font-size: 10px;
}

.dotted_box fieldset .watermark
{
    width: 250px;
    font-family: Verdana;
    font-size: 10px;
    color: #999;
    border: solid 1px #808285;
}

.dotted_box fieldset div
{
    height: auto;
    overflow: hidden;
    padding-top: 5px;
}

.dotted_box fieldset div.calendar
{
    padding-top: 7px;
    height: 20px;
    overflow: visible;
    position: relative;
}

.dotted_box fieldset div.calendar label
{
    padding-top: 2px;    
}


.dotted_box fieldset div.calendar .popup
{
    position: absolute; 
    display: none; 
    background-color: White; 
    border: Outset 2px black;    
    left: 320px;
    z-index: 100;
    top: 0;
}

.dotted_box fieldset div.calendar .select
{
    left: 310px;
    top: 2px;
    position: absolute;
}

.dotted_box fieldset div.calendar .clear
{
    left: 340px;
    top: 2px;
    position: absolute;
}


#div_popular_categories
{
    height: auto;
    overflow: hidden;    
    float: left;
    width: 362px;
    text-align: center;
}

#div_popular_categories .left
{
    float: left;
    border: solid 1px #4c606a;    
    width: 177px;
    height: 314px;
    overflow: hidden;
}

#div_popular_categories .right
{
    float: right;    
    border: solid 1px #4c606a;
    width: 177px;
    height: 314px;
    overflow: hidden;
}

#div_popular_categories .item
{
    text-align: center;   
    padding: 0 0 5px 0;
    overflow: hidden; 
}

#div_popular_categories .item a
{
    display: block;
    text-align: center;
    color: #57575a;
    text-decoration: none;
    padding-top: 3px;
}

#div_popular_categories .item img
{
    border: none;    
}

#div_popular_categories .separator
{
    border-bottom: dotted 1px #000;    
}

#div_special_offers
{
    float: right;
    width: 169px;
    text-align: center;
}

#div_special_offers .box
{
    background: #d44242;
    color: #fff;
    padding: 5px;
    text-align: center;
    height: 304px;
    overflow: hidden;
}

#div_special_offers div
{
    padding-top: 3px;
}

#div_special_offers .image
{
    background: #fff;
    height: 110px;
    padding: 5px 0 0 0;
}

#div_special_offers .image a
{
    color: #57575a    
}


#div_special_offers .item
{
    padding-bottom: 5px;    
}

#div_special_offers .image img
{
    border: none;    
}

#left_column .content #content_left_column .box .form
{
    height: auto;
    overflow: hidden;
}

#left_column .content #content_left_column .box .form p
{
    margin: 0;
    padding: 0 0 5px 0;    
}

#left_column .content #content_left_column .box .form div
{
    padding-top: 3px;
    margin: 0;
    line-height: 20px;    
}

#left_column .content #content_left_column .box .form .textbox
{
    height: 14px;    
}

#left_column #banner #logo a
{
     text-decoration: none;    
}

#left_column #banner #logo img
{
    border: none;
}

#left_column .content #content_left_column .box ul.categories
{
    padding: 5px 0 0 0;
    margin: 0;
}

#left_column .content #content_left_column .box ul.categories li
{
    list-style: none;
    padding: 0 0 10px 0;    
    margin: 0;
}

#left_column .content #content_left_column .box ul.categories li a
{
    text-decoration: none;
    color: #221e1f;  
}

#left_column .content #content_left_column .box ul.categories li a.current
{
    font-weight: bold;
    text-decoration:  underline;    
}

#left_column .content #content_left_column .box ul.categories li a:hover
{
    color: #0953a3;
}

#left_column .content #content_left_column .box ul.categories li ul.sub_categories
{
    padding: 0;
    margin: 0;    
}

#left_column .content #content_left_column .box ul.categories li ul.sub_categories li 
{
    padding: 5px 0 0 0;
    margin: 0;    
}

#left_column .content #content_left_column .box ul.categories li ul.sub_categories li a
{
    color: #6d6e71;
}

#quick_links
{
    height: auto;
    overflow: hidden;
    padding-top: 10px;    
    text-align: center;
    clear: both;
    border-top: dotted 1px #000;
    border-bottom: dotted 1px #000;
    width: 941px;
    margin: 20px auto 0 auto;
}

#quick_links .row
{
    height: auto;
    overflow: hidden;    
    padding: 10px 0 15px 0;
}

#quick_links .col
{
    width: 182px;
    float: left;
    margin: 0 5px 0 0;
}

#quick_links ul
{
    margin: 0;
    padding: 10px 0 0 0;    
}

#quick_links ul li
{
    margin: 0;
    padding: 0 0 10px 0;    
    list-style: none;
}

#quick_links ul li a
{
    color: #221e1f;    
}

#div_footer
{
    padding-top: 20px;   
    clear: both;
    border-bottom: solid 1px #b4b5b8;    
}

#div_footer .links
{
    background: #d1d2d4;
    padding: 10px 0 10px 0;
}

#div_footer .links ul
{
    margin: auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;    
    height: auto;
    overflow: hidden;
    width: 500px;
}

#div_footer .links ul li
{
    float: left;
    margin: 0;
    padding: 0 5px 0 5px;    
    list-style: none;
    color: #6d6e71;
}

#div_footer .links ul li a
{
    color: #6d6e71;
    text-decoration: none;
}

#div_footer .cards
{
    padding: 5px 0 10px 0;   
    clear: both;
    text-align: center;
}

.box_top_right_col
{
    background: url(/images/box_top_right_col.jpg) no-repeat top left;
    height: 17px; 
    font-size: 5px;  
}

.box_body_right_col
{
    background: url(/images/box_body_right_col.jpg) repeat-y top left;
    height: auto;
    overflow: hidden;
    padding: 10px 10px 5px 10px;
}

.box_bottom_right_col
{
    background: url(/images/box_bottom_right_col.jpg) no-repeat top left;
    height: 17px;  
    font-size: 5px;  
}

.box_body_right_col h2
{
    font-size: 2em;
    margin: 0;
    padding: 0 0 5px 0;    
}

.box_body_right_col h3
{
    margin: 0;
    padding: 0 0 10px 0;
    color: #f6bb22;    
}

.box_body_right_col h3 a
{
    color: #f6bb22;    
    text-decoration: none;
}

.weekly_deal
{
    height: 140px;
    overflow: hidden;        
    position: relative;
}

.weekly_deal .image
{
    position: absolute;
    left: 0px;
    top: 10px;
}

.weekly_deal .star
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(/images/bg_star.gif) no-repeat top left;
    width: 57px;
    height: 55px;
    padding: 23px 0 0 18px;
    font-weight: bold;
    font-size: 1.6em;
    color: #fff;
}

.product_box
{
    border: solid 1px #4c606a;    
}

.product_box .row1
{
    border-bottom: dotted 1px #000;    
    padding: 5px 0 5px 0;
    height: auto;
    overflow: hidden;
    background: #ecedee;
    color: #57575a;
    font-size: 1.1em;
}

.product_box .row1 .col1
{
    float: left;
    width: 215px;    
    padding-left: 10px;
}

.product_box .row1 .col2
{
    float: left;
    width: 160px;    
}

.product_box .row1 .col3
{
    float: right;
    padding: 3px 10px 0 0;    
}

.product_box .row2
{
    padding: 5px 0 5px 10px;
    height: auto;
    overflow: hidden;
    background: #ecedee;
    color: #57575a;
    font-size: 1.1em;
}

.product_box .row2 a
{
    color: #57575a;
}

.product_box .bottom_row
{
    padding: 5px 0 5px 10px;
    height: auto;
    overflow: hidden;
    background: #ecedee;
    color: #57575a;
    font-size: 1.1em;
    border-top: solid 1px #4c606a;
}

.product_box .row2 a
{
    color: #57575a;
}

.product_list
{
    
}

.product_list td
{
    border-top: solid 1px #4c606a;       
    padding: 15px 0 10px 0;
}

.product_list td.image
{
    width: 135px;    
    vertical-align: middle;
    text-align: center;
}

.product_list td.desc
{
    width: 250px;
    vertical-align: top;
    text-align: left;    
}

.product_list td.desc h2
{
    color: #221e1f;
    font-size: 1.3em;
    margin: 0;    
    padding: 0;
    text-align: left;
}

.product_list td.desc a
{
    text-decoration: none;
    color: #221e1f;    
}

.product_list td.desc .code
{
    padding-top: 10px;
    color: #221e1f;
    font-size: 1.2em;
}

.product_list td.desc .delivery
{
    padding-top: 5px;
    color: #6d6e71;
    font-size: 1.2em;
}

.product_list td.desc .buttons, .product_box_details .inner .left .buttons
{
    padding-top: 10px;
    font-size: 1.2em;
    color: #6d6e71
}

.product_box_details .inner .left .buttons
{
    font-size: 1em;    
    padding-bottom: 10px;
}

.product_list td.desc .buttons span, .product_box_details .inner .left .buttons span
{
    color: #000;    
}


.product_list td.desc .buttons a, .product_box_details .inner .left .buttons a
{
    color: #709c2a;    
    text-decoration: underline;
}

.product_list td.qty
{
    width: 40px;
    vertical-align: bottom;
    text-align: center;    
}

.product_list td.qty input
{
    width: 25px;    
    border: solid 1px #808285;
    height: 20px;
}

.product_list td.price
{
    width: 120px;
    vertical-align: top;
    text-align: left;
    font-size: 1.2em;
}

.product_list td.price .own_price, .product_list td.price .save
{
    color: #ed2123;
    padding-bottom: 5px;    
}

.product_list td.price .rrp_price
{
    color: #221e1f;
    padding-bottom: 5px;    
}

.black_border_box
{
    border: solid 1px #4c606a;    
    height: auto; 
    overflow: hidden;
    padding: 20px 10px 10px 30px;
}
   
.black_border_box ul.categories
{
    margin: 0;
    padding: 0;    
    height: auto; 
    overflow: hidden;
}

.black_border_box ul.categories li
{
    float: left;
    width: 43%;
    padding: 2px 0 5px 25px;
    background: url(/images/bg_category.jpg) no-repeat 0px 5px;
    height: 20px;
    list-style: none;
    font-weight: bold;
    font-size: 1.1em;
}

.black_border_box ul.categories li.main
{
	font-size: 1.2em;
	background-image: none;
	padding: 5px 0px 5px 0px;
	float: none;
	clear: both;
	width: 100%;
}

.black_border_box ul.categories li a
{
    text-decoration: none;
    color: #221e1f;        
}

.black_border_box ul.categories li a:hover
{
    color: #0953a3;
}

#left_column .content #content_left_column .box .attribute
{
    padding: 0px 0 10px 0;    
}

#left_column .content #content_left_column .box .attribute h3
{
    padding: 2px 0 0 0;
    height: 16px;
    font-size: 1.2em;
    color: #1c89c2;
    font-weight: bold;
}

#left_column .content #content_left_column .box .attribute a
{
    color: #6d6e71;
    text-decoration: none;    
}

.product_box_details
{
    border: solid 1px #4c606a;    
}

.dotted_box .product_box_details h2
{
    color: #221e1f;
    border-bottom: solid 1px #221e1f;    
    background: #ecedee;
    padding: 10px 0 10px 30px;
    font-size: 1.4em;
    text-align: left;
}

.product_box_details .inner
{
    height: auto;
    overflow: hidden;      
    padding-top: 20px;  
}

.product_box_details .inner .left
{
    float: left;
    width: 220px;
    color: #221e1f;
    font-size: 1.2em;
    text-align: center;
}

.product_box_details .inner .right
{
    float: right;
    width: 300px;
    padding: 0 20px 20px 0;    
}

.product_box_details .inner .right .basket
{
    border: solid 1px #4c606a; 
    font-size: 1.3em;
    font-weight: bold;
}

.product_box_details .inner .right .basket label
{
    display: block;
    float: left;
    width: 110px;    
    padding: 0 10px 0 0;
}

.product_box_details .inner .right .basket .price_own
{
    color: #ed2123;
    padding: 8px 0 8px 10px;
    background: #ecedee;
}

.product_box_details .inner .right .basket .price_rrp, .product_box_details .inner .right .basket .qty
{
    color: #221e1f;
    padding: 8px 0 8px 10px;
}

.product_box_details .inner .right .basket .qty input
{
    width: 25px;  
    border: solid 1px #4c606a;    
}

.product_box_details .inner .right .basket .add
{
    padding: 8px 0 8px 10px; 
}

.product_box_details .inner .right .basket .add label
{
    background: url(/images/bg_basket.jpg) no-repeat 80px 1px;    
    height: 20px;
}

.product_box_details .inner .right .basket .price_own span,.product_box_details .inner .right .basket .price_rrp span
{
    color: #221e1f;
    font-weight: normal;
}

.product_box_details .inner .right .description
{
    clear: both;
    font-size: 1.1em;
}

.product_box_details .inner .right .description h3
{
    padding: 30px 0 0px 0;
    font-size: 1.2em;
    margin: 0;
}

.product_box_details .inner .right .description.two h3
{
    padding: 0px 0 0px 0;    
}

.product_box_details .gallery
{
    height: auto;
    overflow: hidden;
    padding: 5px 15px 15px 15px;    
}

.product_box_details .gallery img
{
    margin: 10px 10px 0 0;
}

/* <modal_popup> */
.modalBackground {
	background-color:#fff;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	background-color:#fff;
	width:250px;
}
.modalPopup_header 
{   
    width: 240px;   
	background-color:#0854a2;
    font-weight: bold;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.modalPopup_body
{
    width:100%; 
    text-align:center; 
   	color: #000000;
   	text-align: center;
   	padding: 10px 0px 10px 0px;
}
.modalPopupBody_inner
{
    padding:5px; 
}

/* </modal_popup> */



/* my_orders */

.report
{
    border-collapse: separate;    
    background: #939598;
    width: 100%;
}

.report .dgheader 
{
    background-color: #b0d577;
    color: #fff;
    padding: 3px 5px 3px 5px;
}

.report .dgheader a
{
    color: #fff;
    text-decoration: none;
}

.report td
{
    background: #fff;    
    padding: 2px 5px 2px 5px;
    color: #221e1f;  
}

.report td a, a.grey_link
{
    color: #221e1f;  
}
.report tr.alt td
{
    background: #e6f5cb;   
}
/*IMG POP up*/
.picture_frame
{
    border: solid 1px #4D463E;
    padding: 10px 10px 5px 10px;
    background-color:#FCF0E0;
}




/* --------------------------------------------------------------------------- */


                /* ---- Changable CSS ----- */
                

/* -- Banner */
#left_column #banner
{
    height: 115px;
    background: url(/images/bg_banner.jpg) repeat-x top left;    
    position: relative;    
}

/* -- Logo Position */
#left_column #banner #logo
{
    position: absolute;
    top: 18px;
    left: 15px;
}

/* -- Section title */

.section_title h1
{
    font-size: 1.4em;
    margin: 0;
    padding: 5px 0 0 10px;    
}

.section_title h2, .section_title h3
{
    font-size: 1.2em;
    margin: 0;
    padding: 6px 0 0 0;  
    text-align: center;  
}

.section_title
{
    background: url(/images/bg_section_title.jpg) repeat-x top left;     
    color: #fff;
    padding: 0 0 0 0px;
    margin: 0;
    height: 27px;
    overflow: hidden;
}

/* -- Home Page Popular Categories Header */
#div_popular_categories h2
{
    font-size: 1.4em;
    color: #1c89c2;    
}

/* -- Home Page Special Offers Header */
#div_special_offers h2
{
    font-size: 1.4em;
    color: #d44242; 
}

/*  **/
#right_column_notes .note
{
}

#right_column_notes .blue
{
    background: url(/images/noteBlue.jpg) no-repeat 0px 0px;    
    height: 136px;
    width: 140px;
    padding: 30px 30px 20px 17px;
}

#right_column_notes .green
{
    background: url(/images/noteGreen.jpg) no-repeat 0px 0px;    
    height: 126px;
    width: 133px;
    padding: 40px 30px 20px 25px;
}

/* -- My Account */
.account_title
{
    width: 179px;
    height: 18px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;    
    font-size: 1.1em;
    background: url(/images/bg_account_header.jpg) no-repeat top left;
}

.account_body
{
    background: #1c89c2;  
    height: auto;
    overflow: hidden;
}

.account_body .basket
{
    padding: 15px 0 10px 40px;
    color: #000;
    background: #fff url(/images/bg_basket.jpg) no-repeat 10px 5px;
}

.textbox
{
    border: solid 1px #808285;
    font-family: Verdana;
    font-size: 11px;
}

#left_column .content #content_left_column .box
{
    padding: 10px;
    margin: 0;
    background: #e7e7e9;
}
.bread_crumbs
{
    height: auto;
    overflow: hidden;
    background: #ecedee;
    font-size: 0.9em;
    margin-top: 5px;
    padding: 8px 0px 8px 15px;    
    color: #808285;
}

.bread_crumbs ul
{
    padding: 0;
    margin: 0;        
}

.bread_crumbs ul li
{
    float: left;
    padding: 0 5px 0 0;    
    margin: 0;
    list-style: none;
}

.bread_crumbs ul li a
{
    color: #808285;
}
.dotted_box h2
{
    font-size: 1.4em;
    color: #1c89c2; 
    text-align: center; 
    margin: 0;
    padding: 0 0 10px 0;
}

#quick_links h2
{
    font-size: 1.4em;
    color: #1c89c2;        
}

.account_body .form h2
{
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    margin: 0;  
}

.account_body #menu_basket
{
    padding: 7px;    
}

.account_body .form
{
    background: #8496a0;    
    color: #fff;
    padding: 5px;
    line-height: 18px;
}

.account_body .form .textbox
{
    border: none;    
}

.account_body .form .logged_in_name
{
    border-bottom: dotted 1px #fff;
    padding: 5px 0 5px 0;
    text-align: center;
    color: #fff;    
    font-size: 1.1em;  
}

.account_body .form .logged_in_name span
{
    font-weight: bold;  
}

.account_body .form ul.logged_in_links
{
    margin: 0;
    padding: 10px 0 0 0; 
}

.account_body .form ul.logged_in_links li
{
    list-style: none;
    padding: 0 0 3px 0;
    margin: 0;
    text-align: center;
}

.account_body .form ul.logged_in_links li a
{
    text-decoration: none;   
}

.account_body a
{
    color: #fff;    
}
.account_body .basket_buttons
{
    color: #fff;    
    text-align: center;
    padding-top: 5px;
}
.account_body .basket_buttons a
{
    text-decoration: none;
}

.account_body .basket div
{
    padding-top: 3px;
    clear: both;
    overflow: hidden;
    height: auto;
}

.account_body .basket label
{
    display: block;
    width: 60px;
    float: left;    
    color: #57575a;
}
#left_column #search_bar
{
    background: #b0bdc5 url(/images/bg_search_bar.jpg) no-repeat top left;
    height: 32px;
    position: relative;
    overflow: hidden;
}


#left_column #search_bar .box
{   
    width: 241px;   
    height: 17px;     
    position: absolute;
    top: 5px;
    left: 103px;  
    padding: 2px 0 2px 10px;
    background: #fff;
}

#left_column #search_bar .box input
{
    border: none;   
    width: 241px;
}

#left_column #search_bar .box .watermark
{
    border: none;   
    width: 241px;
    color: #8f9194;
    font-size: 12px;
}

#left_column #search_bar .button
{
    position: absolute;
    top: 5px;
    left: 360px;  
}

#left_column #search_bar .help
{
    position: absolute;
    top: 7px;
    right: 20px;
    color: #000;
    font-size: 1.4em;    
    font-weight: bold;
}

#left_column #search_bar .help span
{
    color: #fff;    
}  

/* ---- End Changable CSS ----- */


.box_wide_middle
{
    background: url('/images/box_wide_middle.jpg') repeat-y;
    height: auto;
    width: 465px;
    padding: 10px 10px 10px 10px;
    color: #3f3f40;
}

/*Product details page - special offer*/
#div_product_special_offers
{
    padding: 0 20px 20px 0;
    float:right;
    width:300px;
}
#tbl_product_special_offers
{
    border:solid 1px black;
    font-size:1.3em;
    width:300px;
}
#tbl_product_special_offers tr
{
    height:30px;
}
#tbl_product_special_offers tr th
{
    background-color:#ECEDEE;
}
#tbl_product_special_offers tr td,#tbl_product_special_offers tr th
{
    padding:0 10px;    
}
.active_special_offer
{
    color:Red;
}

/*promotion*/
.div_promotion
{
    background-color:#ECEDEE;
        height:50px;
    width:100%;  
    padding: 10px 10px 10px 10px;
    color: #3f3f40;
}
.div_promotion .promotion_error
{
    padding-top: 5px;
    font-weight: bold;
    color: #ff0000;
}