/*===========================================================
WEBSITE: Lister Horsfall
COMPANY: outsidethebox
===========================================================*/

body {
		font-family: Georgia, Garamond, Times New Roman, Serif;
		font-size: 12px;
		line-height: 1.4em;		
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: #0f0f11 url("../images/header_shim.jpg") repeat-x;
		color: #848484;
}

ul, ol, form {
    	padding: 0px;
    	margin: 0px;
}
input, textarea 
{
	background:#dfdfdf;
	border:1px solid #dfdfdf;
}

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

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

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

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

#header_wrapper, #footer_wrapper, #homepage_wrapper {
		display: block;
		float: left;
		width: 100%;
		margin: 0px;
		padding: 0px;
}

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

.wrapper {
        display: block;
        width: 940px;
        margin: 0px auto 0px auto;
        padding: 0px;
}

.content_container {
        display: block;
        float: left;
        width: 940px;
        margin: 0px;
        padding: 0px;
}

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

#header {
        display: block;
        position: relative;
        width: 940px;
        height: 135px;
        margin: 0px auto 10px auto;
        padding: 0px;
}

a#ctl00_logo_main,a#logo_main {
        display: block;
		float: left;
        background: url("../images/logo_main.jpg") no-repeat;
        width: 268px;
        height: /**/ 88px;
        height: 0px !important;
        overflow: hidden;
        margin: 15px 0px 0px 0px;
        padding: 88px 0px 0px 0px; 
        z-index:1000;
}

#nav_reset {
        position: absolute;
        width: 640px;
        height: 97px;
        top:0px;
        right:0px;  
}

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

#nav {
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 940px;
        height: 37px;
        margin: 0px;
        padding: 0px;
}

#nav ul { display: block; float: left;  width: 542px; list-style: none; margin: 0px; padding: 0px; }
#nav ul li { display: block; float: left; position:relative; margin: 0px 5px 0px 0px; padding: 0px; }
#nav ul li span.nav_left { display: block; float: left; background: url("../images/nav_left.jpg") no-repeat; width: 4px; height: 37px; margin: 0px; padding: 0px; }
#nav ul li span.nav_right {background: url("../images/nav_right.jpg") no-repeat; width: 4px; height: 37px; margin: 0px; padding: 0px; position:absolute; top:0px; right:0px;}
#nav ul li a { display: block; float: left; height: 28px; background: url("../images/nav_shim.jpg") repeat-x; margin: 0px; padding: 9px 15px 0px 10px; font-size: 1.05em; color: #848484; }
#nav ul li a:hover { color: #fefefe; }
#nav_jewellery img, #nav_watches img
{
	float:right; 
	margin:8px 0px 0px 5px;
	padding:0px;
	}

#nav #nav_watches, #nav #nav_jewellery { cursor: pointer; }
#nav #nav_basket { display: block; float: right; width: 374px; height: 28px; background: url("../images/nav_basket.jpg") no-repeat; margin: 0px; padding: 9px 12px 0px 12px; text-align: right; }
#nav #nav_basket span { color: #e7b78b; }
#nav #nav_basket a { color: #fefefe; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 6px; border-left: 1px solid #848484; }
#nav #nav_basket a:hover { color: #e7b78b; }

#dd_watches {
        display: none;
        position: absolute;
        top: 47px;
        left: 74px;
        width: 179px;
        background: #000000;
        border-left: 1px solid #38373c;
        border-right: 1px solid #38373c;
        border-bottom: 1px solid #38373c;
        /* Set the opacity and z-index of the dropdown */
        z-index: 100;
        filter: alpha(opacity=85);
        opacity: 0.85;     
}

#dd_jewellery {
        display: none;
        position: absolute;
        top: 47px;
        left: 163px;
        width: 179px;
        background: #000000;
        border-left: 1px solid #38373c;
        border-right: 1px solid #38373c;
        border-bottom: 1px solid #38373c;
        /* Set the opacity and z-index of the dropdown */
        z-index: 100;
        filter: alpha(opacity=85);
        opacity: 0.85;     
}

#dd_watches ul, #dd_jewellery ul { display: block; float: left; width: 179px; margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
#dd_watches ul li, #dd_jewellery ul li { display: block; float: left; width: 179px; margin: 5px 0px 0px 0px; padding: 0px; }
#dd_watches ul li a, #dd_jewellery ul li a { display: block; float: left; width: 164px; height: auto; background: none; margin: 0px; padding: 0px 0px 0px 15px; font-size: 0.9em; }


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

#footer {
        display: block;
        width: 940px;
        margin: 0px auto 0px auto;
        padding: 0px;
}

#footer_container {
        display: block;
        float: left;
        width: 940px;
        margin: 0px;
        padding: 30px 0px 30px 0px;
}

#footer_address {
        display: block;
        float: right;
        width: 300px;
        margin: 0px;
        padding: 0px;
}

#footer_address p { display: block; float: left; width: 150px; margin: 0px; padding: 0px; }
#footer_address a { color: #848484; }
#footer_address a:hover { color: #fefefe; }

#footer_links {
        display: block;
        float: left;
        width: 485px;
        margin: 0px;
        padding: 0px;
}

#footer_links p { display: block; float: left; width: 160px; margin: 0px; padding: 0px; }
#footer_links ul { display: block; float: left; width: 160px; margin: 0px; padding: 0px; list-style: none; }
#footer_links ul li a { display: block; float: left; width: 165px; margin: 0px 0px 3px 0px; padding: 0px; color: #848484; }
#footer_links ul li a:hover { color: #fefefe; }

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

#page_h1 {
        display: none;
        visibility: hidden;
}

#breadcrumb_container {
        display: block;
        float: left;
        width: 940px;
        height: 15px;
        margin: 10px 0px 20px 0px;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid #dddddd;
}

#breadcrumb_container p { display: block; float: right; text-align: right; font-style: italic; margin: 0px; color: #848484; }

#breadcrumb {
        display: block;
        float: left;
        height: 15px;
        width: 350px;
        margin: 0px;
}

#breadcrumb_details {
        display: block;
        float: left;
        height: 15px;
        width: 940px;
        margin: 0px;
}

#breadcrumb a, #breadcrumb_details a { font-style: italic; color: #848484;}
#breadcrumb a.breadcrumb_last, #breadcrumb_details a.breadcrumb_last { color: #000000; font-weight: bold; }

#paging_bottom_container {
        display: block;
        float: left;
        width: 940px;
        height: 15px;
        margin: 20px 0px 10px 0px;
        margin: 20px 0px 10px 0px;
        padding: 10px 0px 10px 0px;
        border-top: 1px solid #dddddd;
}

.menu {
        display: block;
        float: right;
        position:relative;
        width: 152px;
        z-index: 100;
        margin: 0px 0px 0px 10px;
}

.menu ul {
        list-style-type:none;
        margin: 0px;
        padding: 0px;
        width: 140px;
}
.menu li {
        float:left;
        width: 140px;
}
.menu a, .menu a:visited {
        display: block;
        background: #FFFFFF url("../images/arrow_down.jpg") no-repeat scroll 135px 50%;
        width: 140px;
        height: 15px;
        border: 1px solid #dddddd;
        line-height: 15px;
        padding: 2px 0px 2px 10px;
        text-decoration: none;
        color: #848484;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background: #fff; }

/* style the second level hover */
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 21px; left: 0; width: 140px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color:#848484; background:#fff; font-weight:normal; line-height: 15px; padding: 2px 0px 2px 10px; width: 140px; border-width: 0 1px 1px 1px;}

/* style the top level hover */
.menu a:hover, .menu  ul a:hover { color: #c79160; background: #fff url("../images/arrow_down.jpg") no-repeat left top; background-position: 135px;  visibility: visible; text-decoration: underline}
.menu :hover > a, .menu  ul :hover > a { color: #c79160; background: #fff url("../images/arrow_down.jpg") no-repeat left top; background-position: 135px;  text-decoration: underline}
.menu a:hover, .menu ul ul a:hover { color: #c79160; background: #fff; visibility: visible; text-decoration: underline }
.menu :hover > a, .menu ul ul :hover > a { color: #c79160; background: #fff; text-decoration: underline }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }

#sorting {
        display: block;
        float: right;
        margin: 1px 10px 0px 0px;
        padding: 0px;
        font-style: italic;
}

.paging {
        display: block;
        float: right;
        margin: 0px 0px 0px 20px;
        text-align: right;
}

.paging a { margin: 0px 0px 0px 10px; color: #848484; font-style: italic; }
.paging a:hover { color: #0f0f11; }
.paging strong { margin: 0px 0px 0px 10px; color: #0f0f11; }

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

#banner_homepage {
        display: block;
        width: 940px;
        height: 350px;
        margin: 0px;
        padding: 0px;
}

#banner_homepage a { display: block; width: 940px; height: 350px; margin: 0px; padding: 0px; }
#banner_homepage a span { display:block; width:375px; padding:170px 90px 0 475px; color: #848484; }
#banner_homepage a span strong { display: inline-block; width: auto; background: url("../images/bullet_arrow.gif") no-repeat right 6px; margin: 30px 0px 0px 0px; padding: 0px 10px 0px 0px; font-weight: normal; color: #e7b78b;}
#banner_homepage a span strong:hover { text-decoration: underline; }

ul#brandnav_homepage {
        float: left;
        background: url("../images/brandnav_bg.jpg") no-repeat;
        width: 932px;
        height: 66px;
        margin: 20px 0px 0px 0px;
        padding: 0px 4px 0px 4px;    
        list-style: none; 
}
ul#brandnav_homepage li
{
	float:left;
	width:auto;
}
a.brandnav_static,
a.brandnav_off,
a.brandnav_on {
        float: left;
        height: /**/ 66px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 66px 0px 0px 0px; 
        cursor:pointer;
}
#homepage_brands
{
	background: url("../images/brandnav_dd_shim.jpg") repeat-x;
	height:220px;
	width:100%;
	float:left;
	border-bottom: 1px solid #313035;
	position:relative;
}
#brandcloser
{
	position:absolute;
	top:10px;
	right:10px;
	background:url("../images/brands_close.jpg") no-repeat;
	width:12px;
	height:12px;
	display:block !important;
	cursor:pointer;
	z-index:900;
}

#brandnav_rolex.brandnav_on { background: url("../images/brands/brandnav_rolex_on.jpg") no-repeat; width: 82px; }
#brandnav_rolex.brandnav_off { background: url("../images/brands/brandnav_rolex_off.jpg") no-repeat; width: 82px; }
#brandnav_rolex.brandnav_static { background: url("../images/brands/brandnav_rolex_off.jpg") no-repeat; width: 82px; }


#brandnav_breitling.brandnav_on { background: url("../images/brands/brandnav_breitling_on.jpg") no-repeat; width: 91px; }
#brandnav_breitling.brandnav_off { background: url("../images/brands/brandnav_breitling_off.jpg") no-repeat; width: 91px; }


#brandnav_omega.brandnav_on { background: url("../images/brands/brandnav_omega_on.jpg") no-repeat; width: 82px; }
#brandnav_omega.brandnav_off { background: url("../images/brands/brandnav_omega_off.jpg") no-repeat; width: 82px; }


#brandnav_corum.brandnav_on { background: url("../images/brands/brandnav_corum_on.jpg") no-repeat; width: 85px; }
#brandnav_corum.brandnav_off { background: url("../images/brands/brandnav_corum_off.jpg") no-repeat; width: 85px; }


#brandnav_tagheuer.brandnav_on { background: url("../images/brands/brandnav_tagheuer_on.jpg") no-repeat; width: 100px; }
#brandnav_tagheuer.brandnav_off { background: url("../images/brands/brandnav_tagheuer_off.jpg") no-repeat; width: 100px; }


#brandnav_anonimo.brandnav_on { background: url("../images/brands/brandnav_anonimo_on.jpg") no-repeat; width: 75px; }
#brandnav_anonimo.brandnav_off { background: url("../images/brands/brandnav_anonimo_off.jpg") no-repeat; width: 75px; }


#brandnav_marcobicego.brandnav_on { background: url("../images/brands/brandnav_marcobicego_on.jpg") no-repeat; width: 120px; }
#brandnav_marcobicego.brandnav_off { background: url("../images/brands/brandnav_marcobicego_off.jpg") no-repeat; width: 120px; }


#brandnav_longines.brandnav_on { background: url("../images/brands/brandnav_longines_on.jpg") no-repeat; width: 92px; }
#brandnav_longines.brandnav_off { background: url("../images/brands/brandnav_longines_off.jpg") no-repeat; width: 92px; }


#brandnav_furrerjacot.brandnav_on { background: url("../images/brands/brandnav_furrerjacot_on.jpg") no-repeat; width: 124px; }
#brandnav_furrerjacot.brandnav_off { background: url("../images/brands/brandnav_furrerjacot_off.jpg") no-repeat; width: 124px; }


#brandnav_tissot.brandnav_on { background: url("../images/brands/brandnav_tissot_on.jpg") no-repeat; width: 81px; }
#brandnav_tissot.brandnav_off { background: url("../images/brands/brandnav_tissot_off.jpg") no-repeat; width: 81px; }


/* =========================================================== 
Unused Brandnav Brands
==============================================================
 
#brandnav_jacobandco.brandnav_off { background: url("../images/brands/brandnav_jacob_off.jpg") no-repeat; width: 57px; }
#brandnav_jacobandco.brandnav_off:hover { background-position: -57px; }

#brandnav_faberge.brandnav_off { background: url("../images/brands/brandnav_faberge_off.jpg") no-repeat; width: 87px; }
#brandnav_faberge.brandnav_off:hover { background-position: -87px; }

=========================================================== */

.homepage_brand {
        float: left;
        width: 915px;
        position: relative;
        height: 210px;
        margin: 0px;
        padding: 0px 5px 0px 20px;
        
}

a.homepage_brand_viewall {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #a9a9a9;
        font-size: 0.95em;
}

a.homepage_brand_viewall:hover { color: #ffffff; }

.homepage_range {
        display: block;
        float: left;
        width: 140px;
        margin: 30px 5px 0px 5px;
        padding: 0px;
}

.homepage_range a.range_image { display: block; float: left; width: 140px; margin: 0px 0px 15px 0px; padding: 0px;}
.homepage_range a.range_image img { border: 1px solid #a1a1a1;}
.homepage_range h3.range_title a { font-weight: normal; color: #ffffff; }
.homepage_range a.range_view { font-weight: bold; }
.homepage_range a:hover{ text-decoration:underline; }

#graphics_homepage {
        display: block;
        float: left;
        width: 940px;
        margin: 0px;
        padding: 23px 0px 23px 0px;
        border-bottom: 1px solid #313035;
}

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

#product_list_nav {
        display: block;
        float: left;
        width: 230px;
        margin: 0px;
        padding: 0px;
}

#product_list_content {
        display: block;
        float: left;
        width: 709px;
        min-height: 400px;
        margin: 0px;
        padding: 0px;        
        border-left: 1px dotted #acacac;
}

#product_list_content h1 {
        display: block;
        float: left;
        width: 684px;
        font-size: 2.45em;
        padding: 0px 0px 20px 25px;
        color: #000000;
        font-weight: normal;
        line-height: 1.0em;
}

.product_list_empty {
        display: block;
        float: left;
        margin: 0px 0px 10px 25px;
        padding: 0px;
}

.product_list_box {
        display: block;
        float: left;
        width: 236px;
        height: 350px;
        margin: 0px;
        padding: 0px;
}

.product_list_box a.image_holder { display: block; float: left; width: 236px; height: 200px; text-align: center; margin: 0px 0px 10px 0px; }
.product_list_box a img { height: 200px; border: none; }
.product_list_text { display: block; float: left; width: 176px; margin: 0px; padding: 0px 0px 0px 60px; }
.product_list_box a {color:#848484 !important;font-size:12px  !important;line-height:1.5em  !important; font-weight:normal  !important;}
.product_list_box a.view {color:#c79160 !important; font-weight:bold  !important;}
.product_list_text p strong { color: #000000; }
.product_list_text p a { font-weight: bold; }
.product_list_text p a:hover { text-decoration: underline; }

.product_nav_content {
        display: block;
        float: left;
        width: 230px;
        margin: 0px 0px 25px 0px;
        padding: 0px;
}

.product_nav_content p strong { display: block; float: left; width: 230px; color: #000000; }
.product_nav_content ul { display: block; float: left; width: 230px; margin: 5px 0px 0px 0px; list-style: none; }
.product_nav_content ul li { display: block; float: left; width: 220px; padding: 0px 0px 0px 10px; }
.product_nav_content ul li a { color: #848484; }
.product_nav_content ul li a:hover { color: #C79160; }

#product_details_left {
        display: block;
        float: left;
        width: 320px;
        margin: 0px 0px 40px 0px;
        padding: 0px 19px 0px 0px;
}

#product_details_right {
        display: block;
        float: right;
        position: relative;
        width: 560px;
        min-height: 335px;
        margin: 0px 0px 40px 0px;
        padding: 0 0 102px 40px;
        border-left: 1px dotted #acacac;
}

#product_details_right h1 { display: block; float: left; width: 560px; font-size: 2.45em; padding: 0px 0px 5px 0px; color: #000000; font-weight: normal; line-height: 1.0em; }
#product_details_right span#details_price { display: block; float: left; width: 560px; font-size: 2em; color: #c79160; margin: 0px 0px 10px 0px; padding:0 0 5px; line-height:2em; font}

#details_online {
        float:right;
        /*position: absolute;
        top: 0px;
        left: 40px;*/
        background: url("../images/bullet_online.jpg") no-repeat 0px 3px;
        padding: 0px 0px 0px 20px;  
}

.details_brand_logo {
        display: block;
        padding: 0 0 1.5em 0;    
}

#details_text { display: block; float: left; width: 560px; margin: 0px 0px 15px 0px; padding: 0px; }
#details_text p { display: block; float: left; width: 400px; margin: 0px 0px 15px 0px; padding: 0px; }
#details_text p strong { color: #000000; }

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

#product_details_images a { display: block; float: left; width: 75px; height: 75px; margin: 0px 4px 0px 0px; padding: 0px; border: 1px solid #9d9d9d; text-align: center; }
#product_details_images a.last_thumb { margin: 0px; }
#product_details_images a img { border: none; }

.product_image_div {
        display: none;
        float: left;
        width: 320px;
        margin: 0px;
        padding: 0px;
}

.product_image_div a img { border: none; }

#details_product_options {
        display: block;
        float: left;
        width: 560px;
        margin: 0px 0px 25px 0px;
        padding: 0px;
        border-top: 1px solid #dddddd;
}

.detail_option {
        display: block;
        float: left;
        width: 560px;
        margin: 0px;
        padding: 10px 0px 10px 0px;
        border-bottom: 1px solid #dddddd;
}

.detail_option label { display: block; float: left; width: 160px; margin: 0px; padding: 0px; }
.detail_option select { display: block; float: left; min-width: 100px; margin: 0px; padding: 0px; }

.details_button_holder {
        display: block;
        float: left;
        width: 560px;
        margin: 0px;
        padding: 15px 0px 38px 0px;
}

.button_tobasket { 
        display: block; 
        float: left; 
        background: url("../images/button_tobasket.jpg") no-repeat; 
        width: 222px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 10px 0px 0px; 
        padding: 32px 0px 0px 0px;
}

.button_itemcontact { 
        display: block; 
        float: left; 
        background: url("../images/button_itemcontact.jpg") no-repeat; 
        width: 222px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 10px 0px 0px; 
        padding: 32px 0px 0px 0px;
}

.button_toorder { 
        display: block; 
        float: left; 
        background: url("../images/button_toorder.jpg") no-repeat; 
        width: 123px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px; 
        padding: 32px 0px 0px 0px;
}

p#product_added_message {
        display: block;
        float: right;
        background: url("../images/bullet_online.jpg") no-repeat 0px 3px;
        width: 145px;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 0px 20px;   
        text-align: left;
}

#recently_viewed {
        display: block;
        position: absolute;
        bottom: 0px;
        left: 40px;
        width: 410px;
        height: 102px;
        margin: 0px;
        padding: 0px;
}

#recently_viewed p { display: block; float: left; width: 410px; height: 15px; margin: 0px; padding: 0px 0px 10px 0px; color: #000000; font-weight: bold; }
#recently_viewed a { display: block; float: left; width: 75px; height: 75px; text-align: center; margin: 0px 5px 0px 0px; padding: 0px; border: 1px solid #9d9d9d; }

#details_other_options {
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 120px;
        margin: 0px;
        padding: 0px;
        border-top:1px solid #9b9b9b;
        border-bottom:1px solid #9b9b9b;
}

#details_other_options a { display: block; float: left; width: 120px; height: 25px; line-height:1.6em; background: url("../images/arrow_left.jpg") no-repeat 110px 50%; margin: 0px; padding: 5px 0px 0px 0px; border-bottom: 1px solid #9b9b9b; color: #9b9b9b; }
#details_other_options a:hover { color: #C79160; background: url("../images/bullet_arrow.gif") no-repeat 110px 50%;  }
#details_other_options a.other_last { border: none; }

#email_friend {
        display: block;
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
}

#email_friend h1 { display: block; float: left; width: 370px; font-size: 2.45em; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #000000; font-weight: normal; line-height: 1.0em; }
#email_friend p { display: block; float: left; width: 370px; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dddddd; }
#email_friend p span { color: #b02027; }
#email_friend img { display: block; float: left; margin: 15px 0px 0px 0px; }

#email_form {
        display: block;
        float: left;
        background: #ffffff;
        margin: 30px 0px 0px 0px;
        padding: 0px 20px 20px 20px;
        width:100%;
}

#email_form label { display: block; float: left; clear:both; width: 105px; margin: 0px 0px 10px 0px; padding: 0px; }
#email_form label span { color: #b02027; }
#email_form input.text { display: block; float: left;  width: 256px; margin: 0px 0px 10px 0px; padding: 2px; font-family: Georgia; font-size: 1.0em; }
#email_form textarea { display: block; float: left; width: 256px; height: 100px; margin: 0px 0px 10px 0px; padding: 2px; font-family: Georgia; font-size: 1.0em; }
#email_form a{float:left;margin:0px 0px 0px 330px;}
/*=========================================================== 
BASKET / POSTCODE ANYWHERE
===========================================================*/

#basket_breadcrumb_container {
        display: block;
        float: left;
        width: 940px;
        height: 26px;
        margin: 20px 0px 20px 0px; 
        padding: 0px;   
}

#basket_breadcrumb_container a, #basket_breadcrumb_container span {         
        display: block;
		float: left;
        height: /**/ 26px;
        height: 0px !important;
        overflow: hidden;
        margin: 0px;
        padding: 26px 0px 0px 0px;  
}

#basket_breadcrumb_container p { display: block; float: right; text-align: right; font-style: italic; margin: 5px 0px 0px 0px; color: #636363; font-size: 1.05em; }

.basket_on_part { background: url("../images/basket/basket_on_part.jpg") no-repeat; width: 149px; }
.basket_on_full { background: url("../images/basket/basket_on_full.jpg") no-repeat; width: 149px; }
.address_off { background: url("../images/basket/address_off.jpg") no-repeat; width: 94px;}
.address_on_part { background: url("../images/basket/address_on_part.jpg") no-repeat; width: 94px; }
.address_on_full { background: url("../images/basket/address_on_full.jpg") no-repeat; width: 94px; }
.review_off { background: url("../images/basket/review_off.jpg") no-repeat; width: 94px; }
.review_on_part { background: url("../images/basket/review_on_part.jpg") no-repeat; width: 94px; }
.review_on_full { background: url("../images/basket/review_on_full.jpg") no-repeat; width: 94px; }
.payment_off { background: url("../images/basket/payment_off.jpg") no-repeat; width: 130px; }
.payment_on { background: url("../images/basket/payment_on.jpg") no-repeat; width: 130px; }

.basket_table {
        display: block;
        float: left;
        width: 940px;
        margin: 0px;
        padding: 15px 0px 0px 0px;
        border-top: 1px solid #000000;  
        border-bottom: 1px solid #000000;   
}

.basket_table tbody tr td { display: block; float: left; position: relative; margin: 0px; padding: 0px 0px 15px 0px; vertical-align: middle; height: 200px; }

.basket_table tbody tr td.BasketProductImage { width: 150px; }
.basket_table tbody tr td.BasketProductName { width: 420px; padding: 0px 0px 15px 20px; }
.basket_table tbody tr td.BasketProductName h3 { position: absolute; top: 25px; font-size: 2.3em; color: #000000; font-weight: normal; line-height: 1.1em; }
.basket_table tbody tr td.BasketProductName p { position: absolute; top: 95px; width: 400px; padding: 10px; background: #f5f5f5; }
.basket_table tbody tr td.BasketProductName p strong { color: #000000; }
.basket_table tbody tr td.BasketProductRemove { width: 150px; }
.basket_table tbody tr td.BasketProductRemove a { position: absolute; top: 95px; left: 0px; width: 130px; padding: 10px; background: #f5f5f5 url("../images/button_remove.jpg") no-repeat 23px 14px;  }
.basket_table tbody tr td.BasketProductRemove a:hover { text-decoration: underline; }
.basket_table tbody tr td.BasketProductTotal { width: 200px; }
.basket_table tbody tr td.BasketProductTotal p { position: absolute; left:0px; top: 95px; width: 180px; padding: 10px; background: #f5f5f5; text-align: right; }
.basket_table tbody tr td.BasketProductTotal p strong { color: #000000; }

/* For review page Product Name column - there's no Remove button, so add 150px to Product Name to make up difference */
.basket_table tbody tr td.ReviewProductName { width: 570px; padding: 0px 0px 15px 20px; }
.basket_table tbody tr td.ReviewProductName h3 { position: absolute; top: 25px; font-size: 2.3em; color: #000000; font-weight: normal; line-height: 1.1em; }
.basket_table tbody tr td.ReviewProductName p { position: absolute; top: 95px; width: 550px; padding: 10px; background: #f5f5f5; }
.basket_table tbody tr td.ReviewProductName p strong { color: #000000; }

#basket_info {
        display: block;
        float: left;
        width: 940px;
        margin: 40px 0px 20px 0px;
        padding: 0px;
}

#basket_info h2 { display: block; float: left; width: 940px; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dddddd; font-size: 1.4em; font-weight: normal; }

#basket_info_form {
        display: block;
        float: left;
        width: 940px;
        height: 120px;
        background: url("../images/basket_info_shim.jpg") repeat-x;
        margin: 5px 0px 40px 0px;
        padding: 0px;      
}

#basket_left {
        display: block;
        float: left;
        width: 700px;
        height: 100px;
        margin: 0px;
        padding: 20px 0px 0px 0px;
}

.basket_field {
        display: block;
        float: left;
        width: 150px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
}

.basket_field label { float: left; width: 150px; font-size: 12px; padding: 0px; margin: 0px 0px 6px 0px; }
.basket_field .basket_input { float: left; clear:both; width: 140px; height: 16px; margin: 0px; padding: 4px; }

.optin_field {
        display: block;
        float: left;
        width: 680px;
        margin: 20px 0px 0px 20px;
        padding: 0px;
}

.optin_field label { margin: 0px 0px 0px 5px; }

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

.postcode_field {
        display: block;
        width: 161px;
        margin: 0px;
        padding: 20px 0px 0px 40px;
}

.postcode_field label { display: block; float: left; width: 161px; font-size: 12px; padding: 0px; margin: 0px 0px 6px 0px; }
.postcode_field .postcode_input { display: block; float: left; width: 151px; height: 16px; margin: 0px; padding: 4px; }

#basket_button_container {
        display: block;
        float: left;
        width: 161px;
        margin: 0px 0px 40px 0px;
        padding: 10px 0px 0px 0px;
}

.button_address {
        display: block; 
        float: left; 
        background: url("../images/button_address.jpg") no-repeat; 
        width: 161px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 5px 0px 0px 40px; 
        padding: 32px 0px 0px 0px;
}

select.address_confirm {
        display: block;
        float: left;
        margin: 20px 0px 0px 25px;
        padding: 0px;
        width: 675px;
        height: 80px;
        border: 1px solid #dddddd;
        font-family: Georgia, Garamond, Times New Roman, Serif;
}

.button_address_confirm {
        display: block; 
        float: left; 
        background: url("../images/button_confirm_address.jpg") no-repeat; 
        width: 161px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 0px 0px 40px; 
        padding: 32px 0px 0px 0px;
}

.button_not_listed {
        display: block; 
        float: left; 
        background: url("../images/button_not_listed.jpg") no-repeat; 
        width: 161px; 
        height: /**/ 32px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 16px 0px 0px 40px; 
        padding: 32px 0px 0px 0px;
}

#basket_delivery {
        display: block;
        float: left;
        width: 940px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}
#basket_delivery a
{
	margin:10px 20px 5px 0px;
}

.sagepay_small {
        display: block; 
        float: left; 
        background: url("../images/logo_sagepay_small.jpg") no-repeat; 
        width: 82px; 
        height: /**/ 25px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 20px 0px 25px; 
        padding: 25px 0px 0px 0px;
}

.paypal_small {
        display: block; 
        float: left; 
        background: url("../images/logo_paypal_small.jpg") no-repeat; 
        width: 72px; 
        height: /**/ 25px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 20px 0px 0px 0px; 
        padding: 25px 0px 0px 0px;
}


.totals_table {
        display: block;
        float: left;
        width: 940px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border-bottom: 1px solid #000000;
        font-size: 12px;
}

.sub_label { width: 700px; border-bottom: 1px solid #dddddd;  }
.sub_total { width: 240px; text-align: right; border-bottom: 1px solid #dddddd; font-size: 12px; padding: 10px 0px 10px 0px; } 
.sub_total strong { color: #000000; } 
.grand_total { border: none; }

/*=========================================================== 
ADDRESS INSERT PAGE
===========================================================*/

#address_top {
        display: block;
        float: left;
        width: 940px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

#address_top h2 { display: block; float: left; width: 940px; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dddddd; font-size: 1.4em; font-weight: normal; }

#address_bottom {
        float: left;
        width: 940px;
        margin: 0px;
        padding: 0px;
}

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

.address_form {
        display: block;
        float: left;
        width: 450px;
        margin: 40px 0px 0px 245px;
        padding: 0px;      
}

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

.checkout_field label { display: block; float: left; width: 150px; font-size: 12px; padding: 5px 0px 5px 0px; margin: 0px; }
.checkout_field label.radio_label { display: block; float: left; width: 250px; font-size: 12px; padding: 5px 0px 5px 0px; margin: 0px; }
.checkout_field select { height: 26px; padding: 3px; }
.checkout_field .checkout_input { display: block; float: left; width: 288px; height: 16px; margin: 0px; padding: 4px; }
.checkout_field table tbody tr td { width: 50px; padding: 3px 0px 3px 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; }

#checkout_button_container {
        display: block;
        float: left;
        width: 940px;
        margin: 40px 0px 0px 0px;
        padding: 20px 0px 40px 0px;
        border-top: 1px solid #dddddd;
}

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

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

.review_totals_table {
        display: block;
        float: left;
        width: 940px;
        margin: 0px 0px 40px 0px;
        padding: 0px;
        border-bottom: 1px solid #000000;
        font-size: 12px;
}

#review_container {
        display: block;
        float: left;
        width: 940px;
        margin: 0px 0px 40px 0px;
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #dddddd;
}

#review_billing, #review_delivery, #special_instructions {
        display: block;
        float: left;
        width: 200px;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

#review_billing p, #review_delivery p {
        display: block;
        float: left;
        width: 200px;
        margin: 15px 0px 0px 0px;
        padding: 0px;  
}

#special_instructions textarea {
        display: block; 
        float: left; 
        width: 188px;
        height: 150px; 

        margin: 15px 0px 0px 0px; 
        padding: 4px;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
}

#review_billing h2, #review_delivery h2, #special_instructions h2 { display: block; float: left; width: 200px; font-size: 12px; color: #000000; padding: 0px; }
#review_billing a, #review_delivery a { display: block; float: left; font-size: 12px; margin: 15px 0px 0px 0px; padding: 0px; }
#review_billing a:hover, #review_delivery a:hover { text-decoration: underline; }

#review_buttons {
        display: block;
        float: left;
        width: 300px;
        margin: 0px 0px 10px 40px;
        padding: 0px;        
}

#review_buttons p { display: block; float: left; width: 300px; margin: 0px 0px 20px 0px; padding: 0px; }

.button_sagepay { 
        display: block; 
        float: left; 
        background: url("../images/button_sagepay.jpg") no-repeat; 
        width: 168px; 
        height: /**/ 42px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px 0px 15px 0px; 
        padding: 42px 0px 0px 0px;
}

.button_paypal { 
        display: block; 
        float: left; 
        background: url("../images/button_paypal.jpg") no-repeat; 
        width: 168px; 
        height: /**/ 42px; 
        height: 0px !important; 
        overflow: hidden; 
        margin: 0px; 
        padding: 42px 0px 0px 0px;
}

/*=========================================================== 
PAYMENT COMPLETION PAGES / SAGEPAY SERVER
===========================================================*/

.response_container {
        display: block;
        float: left;
        width: 940px;
        margin: 20px 0px 0px 0px;
        padding: 0px;
}

.response_container h2 { display: block; float: left; width: 940px; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dddddd; font-size: 1.4em; font-weight: normal; }

.response_text {
        display: block;
        float: left;
        width: 940px;
        margin: 40px 0px 40px 0px;
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #dddddd;
}

.response_text p { display: block; float: left; width: 940px; margin: 0px 0px 15px 0px; padding: 0px; }
.response_text p strong { display: block; float: left; width: 200px; }
.response_text p a:hover { text-decoration: underline; }

#sagepay_holder {
        display: block;
        float: left;
        width: 940px;
        height: 600px;
        margin: 40px 0px 40px 0px;
        padding: 0px 0px 40px 0px;
        border-bottom: 1px solid #dddddd;
}

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

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

#template_left h2 { display: block; float: left; width: 350px; font-size: 2.45em; padding: 0px 0px 20px 0px; color: #000000; font-weight: normal; line-height: 1.0em; }
#template_left h3 { display: block; float: left; width: 350px; font-size: 1.4em; padding: 0px 0px 20px 0px; color: #000000; font-weight: normal; line-height: 1.2em; }
#template_left p { display: block; float: left; width: 350px; margin: 0px 0px 20px 0px; padding: 0px; }

#template_right {
        display: block;
        float: right;
        width: 500px;  
        margin: 0px; 
        padding: 0px 0px 150px 0px; 
}

#template_right p.content_image_caption { display: block; float: left; width: 500px; margin: 10px 0px 0px 0px; padding: 0px; color: #000000; font-style: italic; }
#template_right .content_image { display: block; float: right; width: 500px; margin: 80px 0px 0px 0px; padding: 0px; }

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

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

#contact_left h2 { display: block; float: left; width: 300px; font-size: 2.45em; padding: 0px 0px 20px 0px; color: #000000; font-weight: normal; line-height: 1.0em; }
#contact_left p { display: block; float: left; width: 300px; margin: 0px 0px 20px 0px; padding: 0px;}
#contact_left p strong { color: #000000; }

#contact_right {
        display: block;
        float: right;
        width: 600px;
        margin: 75px 20px 0px 0px;
        padding: 0px 0px 150px 0px;
}

#contact_right p { display: block; float: left; width: 600px; margin: 0px; padding: 0px; color: #000000;font-size:1.3em;line-height:1.3em; }
#contact_right p span { color: #b02027; }

#contact_form {
        display: block;
        float: left;
        width: 300px;
        margin: 0px 0px 0px 0px;
        padding: 20px 150px 20px 0px;
}

#contact_form label { display: block; float: left; clear:both; width: 95px; margin: 0px 0px 10px 0px; padding: 0px; }
#contact_form label span { color: #b02027; }
#contact_form input.text { display: block; float: left; width: 196px; margin: 0px 0px 10px 0px; padding: 2px; font-family: Georgia; }
#contact_form textarea { display: block; float: left; width: 196px; height: 100px; margin: 0px 0px 10px 0px; padding: 2px; font-family: Georgia; font-size: 1.0em; }

.submit_arrow { display: block;clear:both; float: left; margin: 10px 0px 0px 250px; padding: 0px 10px 0px 0px; border: 0; color: #c79160; background: url("../images/bullet_arrow.gif") no-repeat right 6px; }
.submit_arrow:hover { text-decoration: underline; }

#terms_right {
        display: block;
        float: right;
        width: 600px;
        margin: 25px 0px 0px 0px;
        padding: 0px 0px 150px 0px;
}

#terms_right p { display: block; float: left; width: 600px; margin: 0px 0px 20px 0px; padding: 0px; }