/*===========================================================
WEBSITE: Discovery Store
COMPANY: outsidethebox
===========================================================*/

body {
		font-family: Arial, Sans-Serif;
		font-size: 11px;
		line-height: 1.5em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #ffffff url("../images/bg_shim.jpg") repeat-x;
		color: #4e5860;
}

ul, ol, form {
    	padding: 0px;
    	margin: 0px;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
p {		margin: 0px; padding: 0px; }

a:link {color: #dc1d8c; text-decoration: none; }
a:visited {color: #dc1d8c; text-decoration: none; }
a:hover {color: #dc1d8c; text-decoration: underline; }
a:active {color: #dc1d8c; text-decoration: none; }

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		width: 980px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

#wrapper {
        display: block;
        float: left;
        width: 980px;
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-color: #ffffff;
}

#content_wrapper {
		display: block;
		float: right;
		width: 764px;
		margin: 0px 10px 0px 0px;
		padding: 0px;	
}

/*=========================================================== 
HEADER
===========================================================*/

#header {
        display: block;
        float: left;
        width: 980px;
        height: 120px;
        margin: 0px;
        padding: 0px;
}

a#header_logo {
        display: block;
		float: left;
        background: url("../images/header_logo.jpg") no-repeat;
        width: 507px;
        height: /**/ 87px;
        height: 0px !important;
        overflow: hidden;
        margin: 17px 0px 0px 16px;
        padding: 87px 0px 0px 0px; 
}

* html a#header_logo {
        margin: 17px 0px 0px 16px;
}

p#header_freedelivery {
        display: block;
		float: right;
        background: url("../images/header_freedelivery.gif") no-repeat;
        width: 233px;
        height: /**/ 29px;
        height: 0px !important;
        overflow: hidden;
        margin: 43px 16px 0px 0px;
        padding: 29px 0px 0px 0px;     
}

* html a#header_freedelivery {
        margin: 43px 8px 0px 0px;    
}

/*=========================================================== 
TOP NAV
===========================================================*/

#nav {
        display: block;
        float: left;
        width: 971px;
        height: 43px;
        margin: 0px 4px 10px 5px;
        padding: 0px;
}

#nav #nav_left { display: block; float: left; background: url("../images/nav_left.gif") no-repeat; width: 9px; height: 43px; margin: 0px; padding: 0px; }
#nav #nav_shim { display: block; float: left; background: url("../images/nav_shim.gif") no-repeat; width: 237px; height: 43px; margin: 0px; padding: 0px; }
#nav #nav_items { display: block; float: left; background: url("../images/nav_items.gif") no-repeat; width: 48px; height: 31px; margin: 0px; padding: 12px 0px 0px 3px; color: #ffffff; }
#nav #nav_right { display: block; float: left; background: url("../images/nav_right.gif") no-repeat; width: 9px; height: 43px; margin: 0px; padding: 0px; }

#nav a { display: block; float: left; height: 0px !important; overflow: hidden; margin: 0px; border: none;} 
#nav ul { display: block; float: left; list-style: none; margin: 0px; padding: 0px; }
#nav ul li { display: block; float: left; margin: 0px; padding: 0px; }

a.newarrivals_off { background: url("../images/nav_newarrivals.gif") no-repeat; width: 120px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.newarrivals_off { background-position: -120px 0px; }
a.newarrivals_on {	background: url("../images/nav_newarrivals_on.gif") no-repeat; width: 120px; height /**/: 43px;	padding: 43px 0 0 0; }

a.top20_off { background: url("../images/nav_top20.gif") no-repeat; width: 80px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.top20_off { background-position: -80px 0px; }
a.top20_on { background: url("../images/nav_top20_on.gif") no-repeat; width: 80px; height /**/: 43px; padding: 43px 0 0 0; }

a.recommended_off { background: url("../images/nav_recommended.gif") no-repeat; width: 137px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.recommended_off { background-position: -137px 0px; }
a.recommended_on { background: url("../images/nav_recommended_on.gif") no-repeat; width: 137px; height /**/: 43px; padding: 43px 0 0 0; }

a.forhim_off { background: url("../images/nav_forhim.gif") no-repeat; width: 115px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.forhim_off { background-position: -115px 0px; }
a.forhim_on { background: url("../images/nav_forhim_on.gif") no-repeat; width: 115px; height /**/: 43px; padding: 43px 0 0 0; }

a.forher_off { background: url("../images/nav_forher.gif") no-repeat; width: 110px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.forher_off { background-position: -110px 0px; }
a.forher_on { background: url("../images/nav_forher_on.gif") no-repeat; width: 110px; height /**/: 43px; padding: 43px 0 0 0; }

a.basket_off { background: url("../images/nav_basket.gif") no-repeat; width: 103px; height /**/: 43px; padding: 43px 0 0 0; }
a:hover.basket_off { background-position: -103px 0px; }

/*=========================================================== 
LEFT MENU
===========================================================*/

#leftmenu {
		display: block;
		float: left;
		width: 189px;
		margin: 0px 0px 0px 5px;
		padding: 0px;
}

#leftmenu_nav {
        display: block;
        float: left;
        width: 189px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

/* Cat1 Styles for menu */
#leftmenu_nav ul { display: block; float: left; width: 189px; margin: 0px; padding: 0px; list-style: none; }
#leftmenu_nav ul li { display: block; float: left; background: url("../images/leftmenu_cats_shim.jpg") repeat-x; width: 169px; min-height: 19px; margin: 0px; padding: 8px 10px 8px 10px; }
#leftmenu_nav ul li a { padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; color: #53281f; font-size: 14px; font-weight: bold; }

/* Cat2 Styles for menu */
#leftmenu_nav ul li span ul { width: 169px; }
#leftmenu_nav ul li span ul li { background: none; width: 149px; padding: 5px 10px 0px 10px; margin: 0px; }
#leftmenu_nav ul li span ul li a { background: none; font-size: 12px; font-weight: normal; }

p#leftmenu_cats_title { display: block; float: left; background: url("../images/leftmenu_cats_title.jpg") no-repeat; width: 189px; height: /**/ 76px; height: 0px !important; overflow: hidden; margin: 0px 0px 2px 0px; padding: 76px 0px 0px 0px; }
p#leftmenu_tags_title { display: block; float: left; background: url("../images/leftmenu_tags_title.jpg") no-repeat; width: 189px; height: /**/ 68px; height: 0px !important; overflow: hidden; margin: 10px 0px 0px 0px; padding: 68px 0px 0px 0px; }
p#leftmenu_news_title { display: block; float: left; background: url("../images/leftmenu_news_title.jpg") no-repeat; width: 189px; height: /**/ 68px; height: 0px !important; overflow: hidden; margin: 10px 0px 0px 0px; padding: 68px 0px 0px 0px; }

a.leftmenu_banner {
        display: block;
		float: left;
        width: 189px;
        margin: 10px 0px 0px 0px;
        padding: 0px; 
}

#leftmenu_mailing {
        display: block;
        float: left;
        background: url("../images/leftmenu_mailing_title.jpg") no-repeat;
        width: 149px;
        height: 114px;
        margin: 10px 0px 0px 0px;
        padding: 85px 20px 0px 20px;
}

#leftmenu_mailing .input { display: block; float: left; width: 143px; height: 15px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px 0px 10px 0px; padding: 2px; }
#leftmenu_mailing .input:focus { background-color: #ffff99; }

.button_mailing {
        display: block;
		float: left;
        background: url("../images/button_mailing.gif") no-repeat;
        width: 140px;
        height: /**/ 22px;
        height: 0px !important;
        overflow: hidden;
        margin: 5px 0px 0px 5px;
        padding: 22px 0px 0px 0px;
        border: none;
}

#leftmenu_tags, #leftmenu_news {
        display: block;
        float: left;
        position: relative;
        background: #ffffff url("../images/leftmenu_content_shim.jpg") repeat-x;
        width: 187px;
        border-left: 1px solid #d793bb;
        border-right: 1px solid #d793bb;
        margin: 0px;
        padding: 0px;
}

.leftmenu_article, .leftmenu_tagcloud {
        display: block;
        float: left;
        width: 167px;
        margin: 0px 0px 10px 0px;
        padding: 10px;
}

.leftmenu_article h4 { display: block; float: left; width: 167px; color: #dc1d8c; font-size: 14px; }
.leftmenu_article strong { display: block; float: left; width: 167px; margin: 5px 0px 5px 0px; padding: 0px; font-size: 12px; }
.leftmenu_article p, .leftmenu_article a { display: block; float: left; width: 167px; margin: 0px 0px 5px 0px; } 

.leftmenu_tagcloud a { display: block; float: left; margin: 0px 5px 10px 0px; padding: 0px; color: #4e5860; font-weight: bold; }
.leftmenu_tagcloud a:hover { color: #dc1d8c; text-decoration: underline; }

.leftmenu_tagcloud a.tags_small { font-size: 14px; }
.leftmenu_tagcloud a.tags_medium { font-size: 20px; }
.leftmenu_tagcloud a.tags_large { font-size: 26px; }

.leftmenu_content_bottom {
        display: block;
        float: left;
        width: 189px;
        height: 14px;
        margin: 0px;
        padding: 0px;
        background: url("../images/leftmenu_content_bottom.jpg") no-repeat;        
}

/*=========================================================== 
FOOTER
===========================================================*/

#footer {
   		display: block;
		float: left;
		width: 980px;
		height: 107px;
		background: url("../images/footer_shim.jpg") repeat-x;
		margin: 10px 0px 0px 0px;
		padding: 0px;
}

a#footer_logo {
        display: block;
		float: left;
        background: url("../images/footer_logo.jpg") no-repeat;
        width: 335px;
        height: /**/ 58px;
        height: 0px !important;
        overflow: hidden;
        margin: 24px 0px 0px 14px;
        padding: 58px 0px 0px 0px; 
}

* html a#footer_logo { margin: 24px 0px 0px 7px; }

#footer_links {
        display: block;
        float: left;
        width: 360px;
        margin: 25px 0px 0px 150px;
        padding: 0px;
}

#footer_links ul { display: block; float: left; margin: 0px; padding: 0px; list-style: none; }
#footer_links ul#footer_links_left { width: 100px; }
#footer_links ul#footer_links_middle { width: 130px; }
#footer_links ul#footer_links_right { width: 130px; }
#footer_links ul li { display: block; float: left; width: 100px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; }
#footer_links ul li a { color: #4e5860; }

a#footer_sagepay {
        display: block;
		float: right;
        background: url("../images/footer_sagepay.jpg") no-repeat;
        width: 88px;
        height: /**/ 19px;
        height: 0px !important;
        overflow: hidden;
        margin: 43px 24px 0px 0px;
        padding: 19px 0px 0px 0px; 
}

* html a#footer_sagepay { margin: 24px 12px 0px 0px; }

/*=========================================================== 
GENERAL LAYOUT ELEMENTS
===========================================================*/

#breadcrumb_container {
        display: block;
        float: left;
        background: url("../images/breadcrumb_bg.jpg") no-repeat;
        width: 744px;
        height: 35px;
        margin: 10px 0px 10px 0px; 
        padding: 15px 0px 0px 20px;   
}

#breadcrumb_container a { display: block; float: left; font-weight: bold; color: #320d05; font-size: 16px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; }

.button_buynow { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_buynow.gif") no-repeat; 
        width: 70px !important; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 19px 0px 0px 0px !important;
}

.button_update { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_update.gif") no-repeat; 
        width: 70px !important; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 19px 0px 0px 0px !important;
}

a.button_buynow_left { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_buynow.gif") no-repeat; 
        width: 70px !important; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 19px 0px 0px 0px !important; 
}

a.button_buynow_right { 
        display: block !important; 
        float: right !important; 
        background: url("../images/button_buynow.gif") no-repeat; 
        width: 70px !important; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 19px 0px 0px 0px !important; 
}

.paging {
        display: block;
        float: left;
        width: 764px;
        margin: 0px;
}

.paging p.paging_left { display: block; float: left; width: 100px; margin: 0px; padding: 0px; text-align: left; }
.paging p.paging_left span { padding: 3px 6px 3px 6px; border: 1px solid #404040; color: #ffffff; background-color: #d62c8d; }

.paging p.paging_right { display: block; float: left; width: 664px; margin: 0px; padding: 0px; text-align: right;}
.paging p.paging_right a { margin: 0px 0px 0px 5px; padding: 3px 6px 3px 6px; border: 1px solid #404040; color: #404040; }
.paging p.paging_right a.previous { margin: 0px 5px 0px 0px; }
.paging p.paging_right a.next { margin: 0px 0px 0px 10px; }
.paging p.paging_right strong { margin: 0px 0px 0px 5px; padding: 3px 6px 3px 6px; border: 1px solid #404040; color: #ffffff; background-color: #d62c8d; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

.homepage_main_banner {
        display: block;
        float: left;
        width: 764px;
        height: 250px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

#homepage_product_container {
        display: block;
        float: left;
        width: 573px;
        margin: 0px;
        padding: 0px;
}

.homepage_product {
        display: block;
        float: left;
        width: 175px;
        margin: 0px 16px 0px 0px;
        padding: 0px;
}

.homepage_product a { display: block; float: left; width: 175px; margin: 15px 0px 15px 0px; padding: 0px; }
.homepage_product a img { display: block; float: left; width: 175px; height: 175px; margin: 0px; padding: 0px; }

a.homepage_product_title {
        display: block;
        float: left;
        width: 175px; 
        margin: 0px;
        padding: 40px 0px 0px 0px;
        height: /**/ 40px;
        height: 0px !important;
        overflow: hidden;
        border-bottom: 1px solid #d62c8d;
}

#homepage_newarrivals { background: url("../images/homepage_newarrivals.jpg") no-repeat; }
#homepage_top20 { background: url("../images/homepage_top20.jpg") no-repeat; }
#homepage_recommended { background: url("../images/homepage_recommended.jpg") no-repeat; }

.homepage_product_text {
        display: block;
        float: left;
        width: 155px;
        margin: 0px;
        padding: 15px 10px 15px 10px;
        border-top: 1px solid #d62c8d;
}

.homepage_product_text h4 a { display: block; float: left; width: 155px; font-size: 12px; color: #320d05; margin: 0px; padding: 0px; }
.homepage_product_text p { display: block; float: left; width: 155px; margin: 10px 0px 15px 0px; padding: 0px; }
.homepage_product_text span { display: block; float: left; font-size: 18px; color: #dc1d8c; margin: 0px; padding: 0px; }

.selector
{
	display: block;
    float: left;
    width: 110px;
    margin: 35px 0px 0px 5px;
    padding: 0px;
    height:22px;
}
.giftfinder_searchboxtop {
        display: block;
        float: left;
        width: 108px;
        background: #ffffff url("../images/search_bg.jpg") no-repeat 4px 3px;
        border: 1px solid #404040; 
        margin: 35px 0px 0px 15px;
        padding: 2px 2px 2px 20px;
}
.button_searchgiftstop {
        display: block;
		float: left;
        background: url("../images/button_searchgifts.gif") no-repeat;
        width: 137px;
        height: /**/ 35px;
        height: 0px !important;
        overflow: hidden;
        margin: 30px 0px 0px 5px;
        padding: 35px 0px 0px 0px;
        border: none;
}

#homepage_giftfinder {
        display: block;
        float: left;
        background: url("../images/homepage_giftfinder_bg.jpg") no-repeat;
        width: 151px;
        height: 279px;
        margin: 0px;
        padding: 120px 20px 0px 20px;
}

#homepage_giftfinder select {
        display: block;
        float: left;
        width: 151px;
        margin: 0px 0px 12px 0px;
        padding: 0px;
}

.giftfinder_searchbox {
        display: block;
        float: left;
        width: 128px;
        background: #ffffff url("../images/search_bg.jpg") no-repeat 4px 3px;
        border: 1px solid #404040; 
        margin: 0px 0px 20px 0px;
        padding: 2px 2px 2px 20px;
}

.button_searchgifts {
        display: block;
		float: left;
        background: url("../images/button_searchgifts.gif") no-repeat;
        width: 137px;
        height: /**/ 35px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 35px 0px 0px 0px;
        border: none;
}

h2#homepage_bestsellers {
        display: block;
        float: left;
        background: url("../images/homepage_bestsellers.jpg") no-repeat; 
        width: 764px; 
        padding: 50px 0px 0px 0px;
        height: /**/ 50px;
        height: 0px !important;
        overflow: hidden;
        
}

/*=========================================================== 
PRODUCT LIST / DETAILS
===========================================================*/

#list_giftfinder {
        display: block;
        float: left;
        background: url("../images/list_giftfinder_bg.jpg") no-repeat;
        width: 764px;
        height: 72px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

#product_list_container, #product_details_container {
        display: block;
        float: left;
        width: 742px;
        margin: 10px 0px 10px 0px;
        padding: 10px;
        border: 1px solid #cdcdcd;
}

#product_details_container h2 { display: block; float: left; width: 702px; background-color: #f1edea; color: #300c05; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: normal; }

.product_list_box {
        display: block;
        float: left;
        width: 233px;
        height: 365px;
        margin: 0px 10px 0px 0px;
        padding: 0px 10px 10px 0px;
        border-right: 1px solid #cdcdcd;
}

.row_end {
        border: none !important;
        margin: 0px !important;
        padding: 0px 0px 10px 0px;
}

.product_list_box h4 { display: block; float: left; width: 223px; background-color: #f1edea; color: #2b0b04; font-size: 12px; text-align: center; margin: 0px; padding: 5px; }
.product_list_box a { display: block; float: left; width: 233px; height: 225px; margin: 15px 0px 15px 0px; padding: 0px; text-align: center; }
.product_list_box a img { width: 225px; height: 225px; margin: 0px; padding: 0px; border: none; }
.product_list_text { display: block; float: left; width: 223px; margin: 0px; padding: 0px; }
.product_list_text p { display: block; float: left; width: 201px; margin: 0px; padding: 10px; text-align: center; }
.product_list_text span { display: block; float: left; width: 55px; font-size: 18px; color: #dc1d8c; margin: 0px 20px 0px 35px; padding: 0px 20px 0px 0px; border-right: 1px solid #404040; }

#product_details_images {
        display: block;
        float: left;
        width: 370px;
        margin: 20px 0px 20px 0px;
        padding: 0px;
}

#product_details_images a { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; }
#product_details_images a img { border: 1px solid #cdcdcd; }

.product_image_div {
        display: none;
        float: left;
        width: 370px;
        height: 370px;
        margin: 0px;
        padding: 1px 9px 9px 1px;
        background: url("../images/product_detail_border.jpg") no-repeat;
}

#product_image_zoom {
        display: block;
        float: left;
        width: 280px;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 90px;
        background: url("../images/search_bg.jpg") no-repeat 70px 2px;
}

#product_details_text {
        display: block;
        float: right;
        width: 350px;
        margin: 20px 0px 20px 0px;
        padding: 0px;
}

#product_details_text #product_details_top { display: block; float: left; width: 350px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; margin: 0px 0px 20px 0px; padding: 20px 0px 20px 0px;}
#product_details_text #product_details_top .product_details_top_box { display: block; float: left; width: 116px; margin: 0px; padding: 0px; font-size: 1.1em; }
#product_details_text #product_details_top .product_details_top_box p { margin: 2px 0px 0px 0px; }
#product_details_text #product_details_top .product_details_top_box p span { color: #dc1d8c; }
#product_details_text #product_details_top .product_details_top_box p strong { color: #4e5860; }

.now_price_text, .now_price_number { font-size: 18px; }
.was_price_text, .was_price_number { font-size: 14px; }
.was_price_number { text-decoration: line-through; }
.only_price_text { font-size: 12px; }
.only_price_number { font-size: 22px; }

.youtube_bg { display: block; float: left; background: url("../images/youtube_logo.jpg") no-repeat; margin: 0px; padding: 2px 0px 0px 50px; }
.highslide-dimming { background: #000000; }

#movie { 
        display: none;
        width:480px;
        border: medium none; 
        position: relative;  
        direction: ltr; 
        height: auto; 
        visibility: visible;  
        padding: 20px;
        background-color: #ffffff;
}

#product_details_text #product_details_main { display: block; float: left; width: 350px; margin: 0px; padding: 0px; }
#product_details_text #product_details_main h3 { font-size: 18px; font-weight: normal; color: #dc1d8c; }
#product_details_text #product_details_main p { display: block; float: left; width: 350px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 1.1em; line-height: 1.5em; }

#related_products_container {
        display: block;
        float: left;
        width: 742px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

#related_products_container h2 { display: block; float: left; width: 702px; background-color: #f1edea; color: #300c05; padding: 10px 20px 10px 20px; font-size: 18px; font-weight: normal; }


/*=========================================================== 
BASKET / CHECKOUT
===========================================================*/

#basket_wrapper {
        display: block;
        float: left;
        width: 960px;
        margin: 0px 10px 0px 10px;
        padding: 0px;
}

#basket_breadcrumb_container {
        display: block;
        float: left;
        background: url("../images/breadcrumb_bg.jpg") repeat-x;
        width: 940px;
        height: 35px;
        margin: 10px 0px 10px 0px; 
        padding: 15px 0px 0px 20px;   
}

#basket_breadcrumb_container a { display: block; float: left; font-weight: bold; color: #320d05; font-size: 16px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; }
#basket_breadcrumb_container span { display: block; float: left; font-weight: bold; color: #cdcdcd; font-size: 16px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet_basket.gif") no-repeat 0px 2px; }

#basket_promo_code {
        display: block;
        float: left;
        width: 918px;
        border: 1px solid #2b0b04;
        background-color: #f1edea;
        margin: 0px 0px 10px 0px;
        padding: 10px 20px 10px 20px;
}

#basket_promo_code p { display: block; float: left; margin: 3px 18px 0px 0px; padding: 0px; color: #2b0b04; font-size: 12px; }
#basket_promo_code .input { display: block; float: left; width: 200px; height: 15px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px 20px 0px 0px; padding: 2px; }
#basket_promo_code .button_submit { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_submit.gif") no-repeat; 
        width: 70px !important; 
        height: /**/ 19px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 3px 0px 0px 0px !important; 
        padding: 19px 0px 0px 0px !important;
}

.basket_table {
        display: block;
        float: left;
        width: 960px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
}

.basket_table tbody tr th { background-color: #f1edea; color: #2b0b04; font-size: 12px; padding: 10px 20px 10px 20px; border-bottom: 1px solid #cdcdcd; }

.basket_table tbody tr th.BasketProductImage { width: 150px; }
.basket_table tbody tr th.BasketProductName { width: 200px; }
.basket_table tbody tr th.BasketProductCode { width: 80px; }
.basket_table tbody tr th.BasketProductPrice { width: 80px; }
.basket_table tbody tr th.BasketProductQuantity { width: 50px; }
.basket_table tbody tr th.BasketProductRemove { width: 50px; }
.basket_table tbody tr th.BasketProductTotal { width: 68px; }

#BasketButtonContainer {
        display: block;
        float: left;
        width: 278px;
        border: 1px solid #cdcdcd;
        margin: 0px;
        padding: 10px 0px 10px 680px;
        background-color: #f1edea;
}

.button_remove { 
        background: url("../images/button_remove.gif") no-repeat; 
        background-position: right center;
        padding: 0px 15px 0px 0px;
}

.totals_table {
        display: block;
        float: left;
        width: 960px;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        color: #2b0b04; 
        font-size: 12px;
}

.sub_label {
        width:  810px;
        padding: 5px 20px 10px 20px;
        text-align: right;
}

.sub_total {
        width: 68px;
        padding: 5px 20px 10px 20px;
        text-align: center;
} 

.grand_total {
        background-color: #f1edea;
        border-top: 1px solid #cdcdcd;
        color: #2b0b04; 
        font-size: 12px;
        padding: 10px 20px 10px 20px;
}

.button_continue_empty { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_continue.gif") no-repeat; 
        width: 162px !important; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 22px 0px 0px 0px !important;
}

.button_continue { 
        display: block !important; 
        float: left !important; 
        background: url("../images/button_continue.gif") no-repeat; 
        width: 162px !important; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 0px 20px 0px !important; 
        padding: 22px 0px 0px 0px !important;
}

.button_proceed { 
        display: block !important; 
        float: right !important; 
        background: url("../images/button_proceed.gif") no-repeat; 
        width: 179px !important; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 0px 20px 0px !important; 
        padding: 22px 0px 0px 0px !important;
}

.button_payment { 
        display: block !important; 
        float: right !important; 
        background: url("../images/button_payment.gif") no-repeat; 
        width: 176px !important; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 0px 0px 0px !important; 
        padding: 22px 0px 0px 0px !important;
}

#BillingFormLeft {
        display: block;
        float: left;
        width: 475px;
        margin: 0px;
        padding: 0px;
}

#BillingFormRight {
        display: block;
        float: right;
        width: 475px;
        margin: 0px;
        padding: 0px;
}

#DeliveryForm {
        float: right;
        width: 475px;
        margin: 20px 0px 20px 0px;
        padding: 0px;
}

#BillingFormLeft h2, #BillingFormRight h2, #DeliveryForm h2 { display: block; float: left; width: 433px; border: 1px solid #cdcdcd; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; } 

.hide { display: none; }
.show { display: block; }

.checkout_field {
        display: block;
        float: left;
        width: 475px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.checkout_field label { display: block; float: left; width: 110px; font-size: 12px; font-weight: bold; color: #2b0b04; padding: 5px 20px 5px 20px; margin: 0px 5px 0px 0px; }
.checkout_field select { height: 26px; padding: 3px; }
.checkout_field .checkout_input { display: block; float: left; width: 290px; height: 16px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px; padding: 4px; }
.checkout_field .checkout_input:focus { background-color: #ffff99; }
.checkout_field table tbody tr td { width: 50px; padding: 10px 10px 10px 0px; }
.checkout_field table tbody tr td label { display: inline; width: auto; font-size: 12px; font-weight: normal; background-color: #ffffff; color: #2b0b04; padding: 0px; margin: 0px; }

#delivery_option_container
{
        display: block;
        float: left;
        width: 960px;
        margin: 10px 0px 10px 0px;
        padding: 0px;
}

#delivery_option_container h2 { display: block; float: left; width: 920px; border: 1px solid #cdcdcd; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; } 

#checkout_button_container {
        display: block;
        float: left;
        width: 960px;
        margin: 10px 0px 20px 0px;
        padding: 0px;
}

.button_review { 
        display: block !important; 
        float: right !important; 
        background: url("../images/button_review.gif") no-repeat; 
        width: 162px !important; 
        height: /**/ 22px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px !important; 
        padding: 22px 0px 0px 0px !important;
}

/*=========================================================== 
ORDER REVIEW
===========================================================*/

#review_left {
        display: block;
        float: left;
        width: 475px;
        margin: 0px;
        padding: 0px;
}

#review_billing, #review_delivery, #special_instructions {
        display: block;
        float: left;
        width: 473px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        border: 1px solid #cdcdcd;
}

#review_billing p, #review_delivery p {
        display: block;
        float: left;
        width: 433px;
        margin: 0px;
        padding: 10px 20px 10px 20px;  
}

#special_instructions textarea {
        display: block; 
        float: left; 
        width: 423px;
        height: 150px; 
        border-top: 2px solid #c7c7c7; 
        border-left: 2px solid #c7c7c7; 
        margin: 20px; 
        padding: 4px;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
}

#special_instructions textarea:focus { background-color: #ffff99; }

#review_order {
        display: block;
        float: right;
        width: 475px;
        margin: 0px;
        padding: 0px;
}

#review_order h2 { display: block; float: left; width: 433px; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#review_billing h2, #review_delivery h2, #special_instructions h2 { display: block; float: left; width: 433px; border-bottom: 1px solid #cdcdcd; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#review_order h2 a, #review_billing h2 a, #review_delivery h2 a { display: block; float: right; font-size: 12px; margin: 0px; padding: 0px; }

.review_table {
        display: block;
        float: left;
        width: 475px;
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
}

.review_table tbody tr th { background-color: #f1edea; color: #2b0b04; font-size: 12px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #cdcdcd; }

.review_table tbody tr th.BasketProductImage { width: 75px; }
.review_table tbody tr th.BasketProductName { width: 100px; }
.review_table tbody tr th.BasketProductPrice { width: 100px; }
.review_table tbody tr th.BasketProductQuantity { width: 25px; }
.review_table tbody tr th.BasketProductTotal { width: 59px; }

.review_totals_table {
        display: block;
        float: left;
        width: 475px;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        color: #2b0b04; 
        font-size: 12px;
}

.review_sub_label {
        width:  380px;
        padding: 5px 10px 10px 10px;
        text-align: right;
}

.review_sub_total {
        width: 59px;
        padding: 5px 10px 10px 10px;
        text-align: center;
} 

.review_grand_total {
        background-color: #f1edea;
        border-top: 1px solid #cdcdcd;
        color: #2b0b04; 
        font-size: 12px;
        padding: 10px 10px 10px 10px;
}

/*=========================================================== 
BLOG / NEWS
===========================================================*/

#blog_left {
        display: block;
        float: left;
        width: 480px;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        border-right: 1px solid #dfdfdf;
}

#blog_left h2 { display: block; float: left; width: 440px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }

#blog_right {
        display: block;
        float: right;
        width: 264px;
        margin: 0px;
        padding: 0px;
}

#blog_right h2 { display: block; float: left; width: 224px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#blog_right ul { display: block; float: left; width: 264px; margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
#blog_right ul.arrowul li { display: block; float: left; width: 244px; margin: 0px; padding: 10px; border-bottom: 1px solid #dfdfdf; }
#blog_right ul.arrowul li a { display: block; float: left; font-weight: bold; color: #4e5860; font-size: 12px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; }
#blog_right ul.tags li { display: block; float: left; width: 224px; font-weight: bold; color: #4e5860; font-size: 12px; margin: 0px 15px 0px 0px; padding: 10px 10px 10px 30px; background: url("../images/bullet.gif") no-repeat 10px 12px; border-bottom: 1px solid #dfdfdf; }

#news_left {
        display: block;
        float: left;
        width: 264px;
        margin: 0px;
        padding: 0px;
}

#news_left h2 { display: block; float: left; width: 224px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#news_left ul { display: block; float: left; width: 264px; margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
#news_left ul.arrowul li { display: block; float: left; width: 244px; margin: 0px; padding: 10px; border-bottom: 1px solid #dfdfdf; }
#news_left ul.arrowul li a { display: block; float: left; font-weight: bold; color: #4e5860; font-size: 12px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url("../images/bullet.gif") no-repeat 0px 2px; }

#news_right {
        display: block;
        float: right;
        width: 480px;
        margin: 0px;
        padding: 0px 0px 0px 10px;
        border-left: 1px solid #dfdfdf;
}

#news_right h2 { display: block; float: left; width: 440px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }

.article {
        display: block;
        float: left;
        width: 480px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
}

.article h2 { display: block; float: left; width: 440px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }

.article_content {
        display: block;
        float: left;
        width: 440px;
        margin: 0px;
        padding: 20px 20px 10px 20px;
}

.article_content h3 { font-size: 16px; color: #de0083; }
.article_content p { display: block; float: left; width: 440px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 12px;}
.article_content ul { display: block; float: left; width: 440px; margin: 0px; padding: 0px; list-style: none; }
.article_content ul li { display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #dfdfdf;}
.article_content ul li.last { border: none; }

#comments {
        display: block;
        float: left;
        width: 480px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
}

#comments h4 { display: block; float: left; width: 440px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }

.comment {
        display: block;
        float: left;
        width: 440px;
        margin: 0px;
        padding: 20px;
        border-bottom: 1px solid #dfdfdf;
}

.comment p { display: block; float: left; width: 440px; margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; }
.comment p.datestamp { margin: 0px; color: #de0083; }

#commentform {
        display: block;
        float: left;
        width: 440px;
        margin: 0px 0px 20px 0px;
        padding: 20px;
}

.comment_form_field {
        display: block;
        float: left;
        width: 440px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.comment_form_field label { display: block; float: left; width: 100px; font-size: 12px; font-weight: bold; color: #2b0b04; padding: 5px 20px 5px 0px; margin: 0px 5px 0px 0px; }
.comment_form_field .comment_input { display: block; float: left; width: 300px; height: 16px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px; padding: 4px; }
.comment_form_field textarea { display: block; float: left; width: 300px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px; padding: 4px; }
.comment_form_button { display: block; float: right; margin: 20px 0px 0px 0px; }

/*=========================================================== 
CONTENT PAGES (ABOUT, RETURNS ETC.)
===========================================================*/

#content_image_container {
        display: block;
        float: left;
        width: 250px;
        margin: 0px;
        padding: 0px;
}

#content_image_container img { display: block; float: left; width: 250px !important; margin: 0px; padding: 0px; }

#content_details_container {
        display: block;
        float: right;
        width: 764px;
        margin: 0px;
        padding: 0px;
}

#content_details_container h2 { display: block; float: left; width: 724px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#content_details_container p { display: block; float: left; width: 724px; margin: 20px 0px 0px 0px; padding: 0px 20px 0px 20px; font-size: 12px; line-height: 1.8em; }

/*=========================================================== 
CONTACT
===========================================================*/

#contact_left {
        display: block;
        float: left;
        width: 304px;
        margin: 0px;
        padding: 0px;
}

#contact_left h2 { display: block; float: left; width: 264px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#contact_left #contact_details { display: block; float: left; width: 264px; margin: 0px; padding: 0px 20px 0px 20px; }
#contact_left #contact_details p { display: block; float: left; width: 264px; margin: 20px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 1.8em; }

#contact_right {
        display: block;
        float: right;
        width: 440px;
        margin: 0px;
        padding: 0px 0px 0px 10px;
        border-left: 1px solid #dfdfdf;
}

#contact_right h2 { display: block; float: left; width: 400px; background-color: #f1edea; color: #2b0b04; font-size: 16px; padding: 10px 20px 10px 20px; }
#contact_right h2 strong { display: block; float: right; margin: 0px; padding: 0px; }
#contact_right h2 span { color: #de0083; }

.contact_right_field {
        display: block;
        float: left;
        width: 440px;
        margin: 10px 0px 0px 0px;
        padding: 0px;
}

.contact_right_field label { display: block; float: left; width: 80px; font-size: 12px; font-weight: bold; color: #2b0b04; padding: 5px 20px 5px 20px; margin: 0px 5px 0px 0px; }
.contact_right_field label span { color: #de0083; font-size: 14px; }
.contact_right_field .comment_input { display: block; float: left; width: 280px; height: 16px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px; padding: 4px; }
.contact_right_field .comment_input:focus { background-color: #ffff99; }
.contact_right_field textarea { display: block; float: left; width: 280px; height: 150px; border-top: 2px solid #c7c7c7; border-left: 2px solid #c7c7c7; margin: 0px; padding: 4px; }
.contact_right_field textarea:focus { background-color: #ffff99; }

.contact_form_button { display: block; float: right; margin: 20px 20px 0px 0px; }