@charset "utf-8";
/* CSS Document */

/*
##-------------------------------------------------------------------
## FILE: coffeecups.css for use on www.coffeecups.co.uk
## CREATED: Kim Lawler / Ben Childs, Common Agency Ltd.
## NOTES:
##-------------------------------------------------------------------
*/

/*
 SOME RULES FOR CONSISTENCY. NOT TO LIVE HERE FOREVER BUT JUST FOR NOW...
 
 1. Order CSS properties consistently for easier co-working. I think of it
 as structure followed by styling [often separated completely]. As a rule,
 you can't style something until you've built it! Therefore, something like...
 display, float, clear,  etc
 height, width, z-index, etc
 margin, border, padding [in that order - working out to in]
 background
 fonts
 text-alignment, text-decoration, etc.
 anything else
 
 2. Consistent code styling/layout. This might be slightly dictated by our editors perhaps?
 
 3. Stick to lowercase for properties where possible.
 
 4. Always use shorthand unless there is a good reason not to. Check out http://www.dustindiaz.com/css-shorthand/ if in doubt.
 
 5. Where suitable, indent/next related styles e.g. h3 span.bullet would be nested just after h3.
 
*/

/*-------------------------------------------------------------------
## CLIENT SPECIFIC NOTES

Main color:
Secondary color:
Preferred web font:

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

/*-------------------------------------------------------------------
## CSS RESETS AND DEFAULTS START HERE */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.0em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

html, body {
	height: 100%;
	min-height: 100%;
}

/* NOTE: After this, specify everything in em's where possible, where 1.0em = 10px
For the most part though, it's fine to specify fonts in em's and layout/blocks in px
REMEMBER: Inheritance is more tricky to manage with em's though */

body {
	font: normal normal normal 62.5% Helvetica, Arial, sans-serif;
}

body, p, h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

a img, a:link img, a:visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	margin-bottom: 5px;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

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

/*-------------------------------------------------------------------
## HTML ELEMENTS START HERE */

body {
	color: #333333;
	background: #20313C url('/x/img/bodybg_2.gif') repeat;
	margin:0 0 10px 0;
    height:100%;
	}

h1.mainPageTitle {
	font: normal normal bold 2.2em/1.1em Georgia, "Times New Roman", Times, serif;
	color: #0c1c27;
	}
	
h2 {
	font: normal normal bold 1.8em/1.0em Georgia, "Times New Roman", Times, serif;
	color: #0c1c27;
}

h3 {
	font: normal normal bold 1.2em/1.0em Georgia, "Times New Roman", Times, serif;
	color: #0c1c27;
}

a, a:link, a:visited {
	color: #b51c1c;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

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

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS START HERE */

#wrapper {
	display: block;
	width: 760px;
	margin: 10px auto 10px auto;
	text-align: left;
	overflow: hidden;
	}
	
	#wrapper.wrapper_overview {
		width:572px;
		height:403px;
	}

/*2 column layout inside wrapper, where .c1 is the sidenavigation holder*/
	
#c1, #c2 {
	display: block;
	float:left;
	height:auto;
	}

#c1 {
	width:170px;
	margin-top:235px;
	text-align:center;
	}	

#c2 {
	width:590px;
	background: #EBEBE7;
	}
	
/* end of 2 column inside wrapper classes */

#topnav, #topcontact, #footer{
	width:570px;
	}
	
#header, #maincontent{
	width:590px;
	}
	
#header{
	text-align:center;
	background: url('/x/img/header_img.jpg') center no-repeat;
	height:185px;
	}
	
#topnav{
	height:20px;
	margin-top:-20px;
	padding-right: 20px;
	}
	
#topcontact	{
	height:40px;
	background-color:#84A5A0;
	margin: 0 auto;
	}

#maincontent {
	min-height: 400px;
	_height: 400px; /* IE hack */
	margin: 0 0 10px 0;
	}
	
	#maincontent.overview {
		background:#fff !important;
	}
	
.maincontent_image_top  {
	width: 570px;
	margin: 10px 10px 20px;
	}

.maincontent_bodyhtml  {
	width: 590px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}

.maincontent_bodyhtml ul, .maincontent_bodyhtml ol {
	list-style-position: inside;
	padding: 5px 0 5px 0;
}

.maincontent_left {
	display: block;
	float:left;
	width: 390px;
	margin: 10px 0 0 0;
	padding: 0px 0 10px 10px;
	}

.maincontent_right {
	display: block;
	float: left;
	width: 169px;
	padding: 0px 0 5px 0;
 	margin: 10px 0 10px 10px;
	background: transparent url('/x/img/news_bg.gif') no-repeat top;
	height: auto;
	}

.right_promo {
	background: #d5d5ce url('/x/img/promo_bg.gif') no-repeat top;
	}

.right_promo img {
	margin: 0 0 0 10px;;
	}

#footer	{
	margin: 10px 10px 10px 10px;
	padding: 5px 0 5px 0;
	background: #84A5A0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}

#debug {
	display: block;
	width: 550px;
	margin: 10px 0 10px 170px;
	padding: 20px;
	background-color: #cccccc;
	}
	

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

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

/* top navigation */

ul.topnav li, ul.topnav {
	margin:0;
	padding:0;
	}


ul.topnav {
	list-style:none;
}

ul.topnav li {
	margin-left:5px;
	float:right;
}

ul.topnav li span a {
	display:block;
	width:90px;	
	height:20px;
	padding: 2px 0 0 0;
	background: transparent url('/x/img/topnav_bg.gif') no-repeat;
	font: normal normal normal 1.2em/1.0em Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#3f3f3f;
	text-align:center;
}

ul.topnav li span a:hover {
	background-position:right top;
}

ul.topnav li span a.selected {
	background-position:left bottom !important; 	
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	line-height:150%;
	}
	
/* left navigation */

ul.leftNav {
	width:170px;
	list-style:none;
	}

ul.leftNav li {
	display: inline-block; /* Don't remove. Fixes stupid IE bug. */
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	}

ul.leftNav li a {
	display:block;
	width:110px;
	height: 40px;
	padding: 10px 50px 0px 10px;
	background: transparent url(/x/img/static/nav/leftNavTitle_off.gif) no-repeat;
	font: normal normal normal 1.6em/1.05em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #3f3f3f;
	}

ul.leftNav li a.specialnav {
	color: #b51c1c;
	}
        
ul.leftNav li a {

}
	
	ul.leftNav li a:hover {
		display: block;
		background: transparent url(/x/img/static/nav/leftNavTitle_hover.gif) no-repeat;
		color: #091923;
		}

       	ul.leftNav li a.specialnav:hover {
		background: transparent url(/x/img/static/nav/leftNavSpecialTitle_hover.gif) no-repeat;
		color: #ebebe7;
		}

ul.leftNav li img {
	display:block;
	float: right;
	height: 50px;
	width:50px;
	margin: -50px 0 0 0;
	}

ul.leftNav li.leftNavExpanded {
	margin: 0;
	padding: 0;
	}

ul.leftNav li.leftNavExpanded ul.leftNavSub {
	width: 170px;
	padding: 5px 0 5px 0;
	background: transparent url(/x/img/static/nav/leftNav_off.gif) repeat-y;
	list-style: none;
	}
	

ul.leftNav li ul.leftNavSub li {
	display: inline-block; /* Don't remove. Fixes stupid IE bug. */
	margin: 0 0 0 0;
	}

ul.leftNav li ul.leftNavSub li a {
	display:block;
	width:160px;
	height: auto;
	padding: 3px 0 3px 10px;
	background: transparent url(/x/img/static/nav/leftNav_off.gif) repeat-y;
	font: normal normal normal 1.2em/1.0em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	}
	
	ul.leftNav li ul.leftNavSub li a:hover {
	display:block;
	background: transparent url(/x/img/static/nav/leftNav_hover.gif) repeat-y;
		}

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

/*-------------------------------------------------------------------
## FORM STYLES START HERE */

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

/*-------------------------------------------------------------------
## TABLE STYLES START HERE */


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


/*-------------------------------------------------------------------
## NOOBSCROLLER / RANGE PREVIEW STYLES START HERE */

#noobScroller {
	position: relative;
	float: left;
	width:570px;
	height:268px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
	padding: 0;
	display: inline;
	}

#rangeScrollerContent {
	display: block;
	position: relative;
	float: left;
	width:570px;
	height:268px;
	}

#rangeScrollerContent div.scrollItem {
	display: block;
	float: left;
	width: 570px;
	height: 268px;
	}

#rangeScrollerContent div.scrollItem div.itemImage {
	display: block;
	float: left;
	width: 400px;
	height: 268px;
	}

#rangeScrollerContent div.scrollItem div.itemCornersOverlay {
	display: block;
	float:left;
	height: 268px;
	width: 20px;
	margin: 0 0 0 -401px;
	background: transparent url(/x/img/static/corners_rangeInfo.gif) no-repeat;
	}

#rangeScrollerContent div.scrollItem div.itemInfo {
	display: block;
	float: left; 
	width: 170px;
	height:268px;
	background: transparent url(/x/img/static/bg_rangeInfo.gif) no-repeat;
	}

#rangeScrollerContent div.scrollItem div.itemInfo h2 {
	margin: 0 0 10px 4px;
	padding: 5px 5px 5px 5px;
	background: transparent url(/x/img/static/bg_h2Range.gif) no-repeat;
	}

#rangeScrollerContent div.scrollItem div.itemInfo p {
	margin: 0 0 5px 4px;
	padding: 0 5px 0 5px;
	font: normal normal normal 1.4em/1.2em Georgia, "Times New Roman", Times, serif;
	}
	
	#rangeScrollerContent div.scrollItem div.itemInfo p a {
		/* color: red; */
	}

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

/*-------------------------------------------------------------------
## FUNCTIONAL STYLES START HERE */

/* float clearer */
.fc {clear:both; width: 0; height:0; line-height:0; margin:0; padding:0; visibility:hidden; overflow:hidden;}

hr.clear, .wrapper_overview hr.clear {
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
}

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

/*-------------------------------------------------------------------
## REMAINING MISC STYLES START HERE */

.review_order_button { 
	width:170px;
	height: 42px;
	margin: 0px auto;
    line-height: normal;
	margin-top: -52px;
    padding: 0;
    margin: 0;
	margin-bottom: 10px;
	}
	
.review_order_button a,
.review_order_button a:hover { 
	display: block;
	text-align: left;
    line-height: normal;
	width: 170px;
	height: 42px;
    padding: 0;
    margin: 0;
	}
	
.review_order_button a{
	background: url('/x/img/review-order-button.gif') top;
    background-color:#006600;
	}
.review_order_button a:hover{ 
	background: url('/x/img/review-order-button.gif') bottom;
    background-color:#FF6600;
	}
	
/*footer text classes*/


#footer a, #footer span, #footer a:visited{
	text-decoration:none;
	font-size: 10px;
	color: #3f3f3f;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#footer a:hover{
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #6B6B6B;
	}

	
/* products page */
	
.maincontent_products_image_description, .maincontent_products_image_title{
	position:relative;
	float:right;
	}

.maincontent_products_image_title {
	margin-top: -210px;
	background: #EBEBE7;
	width: auto;
	height:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	color:#0b1e26;
	padding: 0px 20px 0px 25px;
	}

.maincontent_products_image_description {
	margin-top: -170px;
	background: #EBEBE7;
	width: 170px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding: 0px 5px 5px 20px;
	}

.maincontent_products_image_description p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin: 5px 10px 0px 20px;
	float:right;
	width: 150px;
	height: auto;
	}

.maincontent_products_image_description a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
 	text-decoration: underline;
	}
	
.maincontent_products_bottom {
	width: 575px;
	margin: 0 0 30px 10px;
	text-align:center;
	}
	
.maincontent_products_thumb {
	display: block;
	float:left;
	width: 110px;
	margin: 0 5px 5px 0;
	background-color: #d5d5ce;
	}
	
.maincontent_products_thumb a {
	display: block;
	width: 100px;
	height: 135px;
	margin: 0;
	padding: 0 5px 2px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-decoration: none;
	color: #1D2E39;
	text-align: center;
	}

.maincontent_products_thumb a:hover {
	background-color: #1D2E39;
	color: #EBEBE7;
	}
	
.maincontent_products_thumb img {
	width: 100px;
	height: 100px;
	margin: 0 0 0 -5px;
	border: 0;
	padding: 0;
	}

/* top contact table & text */
.right_contact, .left_title{
	height: 35px;
	margin:5px 0 0 0;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}

.left_title {
	display: block;
	float:left;
	width: 340px;
	padding: 0 0 0 10px;
	text-align:left;
	}

.right_contact {
	display: block;
	float: right;
	width: 200px;
	padding: 0 10px 0 0;
	text-align:right;
	font-size: 11px;
	color: #5f7773;
	}
	
#topcontact a, #topcontact a:hover{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	}
	
#topcontact a{
	color: #5f7773;
	}
	
#topcontact a:hover{
	color: #6B6B6B;
	}
	
/* feature box */

.maincontent_left_feature {
	width: 365px;
	height: 90px;
	margin: 10px 0 0 0;
	padding: 0px 10px 10px 10px;
	background:#D5D5CE;
	}
	
	
.maincontent_left_feature h2{
	padding: 10px 0 0 0;
}
	
.maincontent_left_feature p {
	margin:0px;
	padding:3px 5px 4px 3px;
	font-weight: normal;
	line-height:120%;
	font-size: 1.2em;
	}

.maincontent_left_feature img {
	padding:10px 10px 0px 0px;
	width:80px;
	height:80px;
	border:0;
	float:left;
	}

.maincontent_left_feature p a {
	color: #B51C1C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;	
	}

.maincontent_left_feature a:hover {
	color: #B51C1C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: underline;
	line-height: 120%;	
	}

/* latest news sidebar */
.maincontent_right p, .maincontent_right ul li p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	}

.maincontent_right p {
	margin: 0 0 0 10px;
	line-height: 1.1em;
	}

.maincontent_right ul {
	margin:0 10px 20px 10px;
	list-style:none;
	}
	
.maincontent_right ul li a {
	color: #B51C1C;
	font-weight: normal;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.maincontent_right ul li a:hover {
	text-decoration:underline;
	}
	
.maincontent_right ul li p {
	padding:0px;
	margin:0px;
	}
	
/* Home bits */

.maincontent_right h2.featuredItem {
	padding: 5px 0 5px 0;
	font-size: 1.4em;
}

.maincontent_right h2.latestNews {
	padding: 10px 0 20px 10px;
}

.maincontent_right ul.latestNews li{
	padding: 7px 0 0 0;		
}

.maincontent_right ul.latestNews li h3,
.maincontent_right ul.latestNews li p{
	padding: 0 0 3px 0;		
}

.maincontent_right ul.latestNews li img{
	padding: 0 6px 0 0;
}

/* misc text classes */

.maincontent_left p {
	padding: 5px;
	text-align:justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight: inherit;
	color:#3F3F3F;
	}
	
/* Shopping cart page */


/*cart nav*/
.cartnav_wrap{
	width: 570px;
	margin: 10px;
	}
	
.cartnav_header {
	margin:0 auto;
	margin-bottom: 10px;
	background: #D5D5CE;
	width: 560px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
	padding: 5px;
	text-align: center;
	}
	
.cartnav_element_wrap_selected, .cartnav_element_wrap_unselected {
	width: auto;
	height: 100px;
	margin: 0px;
	float:left;
	padding-right: 29px;
	}
	
.cartnav_element_wrap_selected{background: url('/x/img/cartnav_sel_arrow.gif') right no-repeat;}
.cartnav_element_wrap_unselected{background: url('/x/img/cartnav_unsel_arrow.gif') right no-repeat;}

.cartnav_title_selected, .cartnav_title_unselected{ 
	height: 18px;
	padding: 2px 7px 2px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	line-height:180%;
	}

.cartnav_title_selected span{
	width: 22px;
	margin-right:5px;
	padding-left: 7px;
	font-size:16px;
	color:#EBEBE7;
	text-align:center;
	line-height:100%;
	}

.cartnav_title_unselected span{
	width: 22px;
	margin-right:5px;
	padding-left: 7px;
	font-size:16px;
	color:#EBEBE7;
	text-align:center;
	line-height:100%;
	}
	
.cartnav_title_selected {width: 153px; background: url('/x/img/shoppingcart_sel_bg.gif') no-repeat #3F3F3F; color:#EBEBE7;}
.cartnav_title_unselected {width: 153px; background: url('/x/img/shoppingcart_bg.gif') no-repeat #D5D5CE; color: #999999;}
a .cartnav_title_selected{color: #EBEBE7}
a:hover .cartnav_title_selected,
a:hover .cartnav_title_unselected{text-decoration: none}
a .cartnav_title_unselected{color: #666666}

.cartnav_desc_selected {
	width: 153px;
	height: 68px;
	padding: 5px 0px 5px 7px;
	background: #84a5a0;
	margin: 0px;
	color: #ebebe7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

.cartnav_desc_unselected {
	width: 153px;
	height: 68px;
	padding: 5px 0px 5px 7px;
	background: #D5D5CE;
	margin: 0px;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
	
.complete{
	clear:both;
	color:#3f3f3f;
	font-size:12px;
	padding: 5px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	}
	
.complete span{
	clear:both;
	width: 560px;
	color:#b51c1c;
	font-size:12px;
	padding: 5px;
	font-weight:bold;
	}
	
	
.complete a, .complete a:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#20313C;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	}
.complete a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#20313C;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
/* eof cartnav and other bits */

.maincontent_products_thumb img{
	width:100px;
	height:100px;
	padding:5px;
	border:none;
	} 

/* Products shopping cart table layout */

.cart_table{
	width: 570px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.cart_table table{
	width: 570px;
	cell-spacing: 0px;
	border-collapse: collapse;
	}
	
.cart_table table img{
	padding:5px 0px 5px 0px;
	}
	
.cart_table table th{
	background: #D5D5CE;
	height: 20px;
	padding: 5px 5px 5px 0px;
	cell-spacing: 0px;
	border: 0px;
	font-size: 12px; 
	vertical-align: top;
	text-align: left;
	}


	
.cart_table table th.center{
	text-align: center;
}

.cart_table tr.headerbot{
	border-bottom: solid 1px #3f3f3f;
}

.cart_table tr.headerbot th{
	padding-top: 0;
	color: #666666;
}
	

.cart_table table td.add_to_cart{
	width: 95px;
	padding:0px;
	cell-spacing: 0px;
	text-align:center;
	}

.cart_table table td.style, .cart_table table td.style_header{
	width: 90px;
	cell-spacing: 0px;
	text-align:center;
	height: 50px;
	}
	
.cart_table table td{
	vertical-align: middle;
}

.cart_table td.description, td.description_code{
	width: 235px;
	cell-spacing: 0px;
	text-align:left;
	}

.cart_table span.special {
	color: #b51c1c;
        font-weight: bold;
	}
.cart_table table td.description_code_header, td.description_code{
	color: #666666;
	} 
	
.cart_table table td.description, .cart_table table td.description, .cart_table table td.description_code, .cart_table table td.price{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.cart_table table td.price{
	text-align:center;
	width: 130px;
	}

.cart_table table td.price_total{
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.cart_table table td.sub_total{
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.cart_table table td.description {
	vertical-align:bottom;
	} 
	
.cart_table table td.description_code{
	padding-bottom: 5px;
	vertical-align:top;
	} 
	
.cart_table table tr.product_bottom{
	padding:0px;
	border: 0px;
	font-size: 12px; 
	vertical-align:top;
	border-bottom: solid 1px #3f3f3f;
	}
	
.cart_table table td.quantity_header{
	width: 100px;
	text-align:center;
	}
	
.cart_table table td.price_header{
	width: 130px;
	text-align:center;
	}

.cart_table table td.price_header_2{
	width: 130px;
	text-align:center;
	font-size: 11px;
	color: #666666;
	}
	
.cart_table table td.price_lower{
	width: 65px;
	padding:0px;
	text-align:center;
	}
.cart_table table td.update{
	padding:10px 0px 10px 0px;
	text-align:center;
	}
	
.cart_table table td.addLogo,
.cart_table table th.addLogo{
	width: 150px;
	text-align:center;
	}
	
.smallprint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	width:370px;
	height: auto;
	float:left;
	padding-left:10px;
	margin-top: 5px;
	}
    
 .cartButBlock{
     width:170px;
     text-align: right;
     float:right;
 }
	
.goto_step2, #goto_step3 { 
	width:170px;
	height: 42px;
	float:right;
	padding-right:10px; /*fixes IE layout */
	margin-bottom: 10px;
    clear: both;
	}
	.goto_step3 {
	width:256px;
	float:right;
	clear:both;
	margin:0px 10px 10px 0px;
	color:#fff;
	padding-right:10px;
	background:#7A7A6E;
	height:auto;
}

	.goto_step3 p, .goto_step3 a, .goto_step3 .discountCode label {
		font:200 12px/1.2em Georgia, Times, "Times New Roman", Serif;
		color:#fff;
	}

	.goto_customise p#customise_text {
		margin:0px 0px 0px 0px;
		width:auto;
		padding:5px 0px 5px 0px;
		color:#fff;
	}

	.goto_customise a.open, .goto_step3 a.arrow {
		margin:5px;
		background:#7A7A6E url(/x/img/arrow_closed.gif) no-repeat right top;
		width:255px;
		height:22px;
		color:#fff;
		font:200 14px/1.4em Georgia, Times, "Times New Roman", Serif;
		display:block;
		outline:0;
	}
	
		.goto_customise a.arrow.active , .goto_step3 a.arrow.active {
			background:#7A7A6E url(/x/img/arrow_open.gif) no-repeat top right;
		}
	
		.goto_customise a#customise_link {
			background:#999999;
			width:118px;
			height:20px;
			padding:5px;
			margin:0px 0px 10px 0px;
			color:#fff;
		}
	
.goto_step2 a, .goto_step2 a:hover{ 
	display:block;
	width:150px;
	padding:16px 10px 4px 10px;
	height: 22px;
	font-size:120%;
	color:#eee;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.goto_step2 a{ 
	background: url('/x/img/goto-step2.gif') top;
	}
.goto_step2 a:hover{ 
	background: url('/x/img/goto-step2.gif') bottom;
	}

a.popup {
	color:#333;
	text-decoration:underline;
}
/** Discount code --- */
.discountCode.fncfixedHeight{
    height: 22px;   
}

.discountCode {
    width: 254px;
    color: #fff;
    height:auto;
	margin:5px 0px 5px 0px;
	padding:5px;
	
}

.discountCode.redeemed{
    font: normal normal normal 13px/1.0em Georgia, "Times New Roman", Times, serif;
    background-color: #006600;
    text-align: center;
}

 .cartButBlock p,
 .cartButBlock p.error{
    display:block;
    width: 160px;
    padding: 5px;
    margin: 0 10px 5px 0;
    text-indent: 0;
    clear: both;
}

.discountCode label{
    width: 158px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:1.1em;
    color:#000;
    padding: 4px 0 4px 0;
    display: inline;
	float:left;
    text-align:left;
}

	label.checkbox {
		width:172px;
		padding:4px 0;
		margin-right:50px;
	}
	
		label.checkbox_align {
			margin-right:95px;
		}
	
.goto_step3 p input {
	border:red 1px solid;
}

/* button */
.discountCode input{
    width: 80px;
    float:left;
    margin-right: 5px;
}

.discountCode button.loading{
    background: #444444 url('/x/img/loader-anim-16x16-444.gif') no-repeat 3px 3px scroll;
}

tr.rowHidden{
    display: none;
}

tr.rowVisible{
    display: table-row;
}

tr.rowVisible td,
tr.rowVisible th{
    display: table-cell;
}

.cart_table table td.discount.description{
    vertical-align:middle;
}

td.discount.description span{
    display:block;
    padding: 5px 0 0 0;
    margin: 0;
}

td.discount.description span.valDiscountCode{
    color: #666666;
}


/*
inpCodeEl.addClass('disabled');
butRedeemEl.addClass('loading');
*/

.discountCode p.error{  
}

/** Eof discount code --- */

.compare_products { 
	width:170px;
	height: 42px;
	float:left;
	}
	
.compare_products a, .compare_products a:hover{ 
	display:block;
	text-align:left;
	width:170px;
	height: 42px;
	float:left;
	}
	
.compare_products a{ 
	background: url('/x/img/compare-products-pdf.gif') top;
	}
.compare_products a:hover{ 
	background: url('/x/img/compare-products-pdf.gif') bottom;
	}
	
/* our company page */

.pgfull {
	float:left;
	width:550px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3f3f3f;
	padding: 0px;
	margin: 10px 10px 10px 10px;
	}		
	
.pgleft{ /* .company_left{ */
	float:left;
	width:160px;
	height: auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#3f3f3f;
	text-align:center;
	margin: 10px 10px 10px 10px;
	}	

.pgright{ /* .company_right{ */
	float:right;
	width:380px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3f3f3f;
	padding: 0px;
	margin: 0px 20px 10px 10px;
	}
	
.pgright p, .pgright ol, .pgright ul, .pgright th, .pgright td{
	line-height: 1.3em;
	margin-bottom: 1.2em;
}

.pgright ol li, .pgright ul li{
	line-height: 1.3em;
	margin-bottom: 0.8em;
}

.pgright th, td{
	padding: 3px;
	padding-left: 0px;
	padding-right: 10px;
}

.pgright ol, .pgright ul{
	margin-left: 25px;
}

	
.pgright h3{ /* .company_right h1{ */
	width:380px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	padding: 0px;
	margin-bottom:1.3em;
	}
	
.pgright{
}
	
.pgrelated{
	background-color: #D5D5CE;
	float:right;
	width:380px;
	height: auto;
	color:#3f3f3f;
	padding: 10px;
	margin-right: 10px;
	}
	
.pgrelated h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
	
.pgrelated a, .pgrelated a:hover, .pgrelated a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0B1C26;
	text-decoration:underline;
	}
	
.pgrelated a, .pgrelated a:visited{
	text-decoration:underline;
	}
	
.pgrelated a:hover {
	text-decoration:none;
	}
	
	
/* text classes */

.contact_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
.contact_text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color: #3f3f3f;
	}
	
.contact_text a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #3f3f3f;
	}
	
	
/* quote form */

	
.cart_table hr {	
	border:1px solid #999999;
	background-color:#999999;
	}
	
.cart_table p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 10px 0px;
	}
	
.cart_table p.label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0px 10px 0px;
	line-height:150%;
	}

.cart_table p span.label_small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:10px 0px 10px 0px;
	line-height:150%;
	color: #b51c1c;
	}
    
.cartTable th.total{
    width: 150px;
}

.cartTable th,
.cartTable td{
    /* border: 2px solid #ccc; */
}

	
/*temp added to cart div */

#added_to_cart, 
#added_to_cart_modal{
	margin:0 auto;
	margin-top: 10px;
	/* background: url(/files/x/img/trans_bg.gif);*/
    /* background-color: #EBEBE7; */
    background-color: #FFFFFF;
	width: 500px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding: 10px 5px 10px 5px;
	text-align:center;
	}
	
#added_to_cart a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration: underline;
	}
    
.error {
    display: block;
    clear: both;
    color: #FFFFFF;
    margin: 10px;
    padding: 4px;
    background-color: #DD0000;
    font-size:12px;
    }
    .error h2 {
        padding: 4px;
        }
    .error li {
        list-style: square outside;
        margin-left: 20px;
        }

.success {
    display: block;
    clear: both;
    color: #FFFFFF;
    margin: 10px;
    padding: 4px;
    background-color: #84A5A0;
    font-size:12px; 
    }
    .success li {
        list-style: square outside;
        margin-left: 20px;
        }

.hidden {
	display:none;
}
.quiet {
	color: #999999;
}
p.cart_radio {
	display:block;
	float:left;
	width:570px;
	height:20px;
	padding: 0 0 4px 0; margin: 0;
}
.cart_radio label { 
	display: block;
	float:left;
	width:140px;
}

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

/*-------------------------------------------------------------------
## STYLES TO ASSIST BESPOKE HTML PAGES START HERE */

.bespokeFloatLeft {
	display: block;
	float: left;
}

.bespokeFloatRight {
	display: block;
	float: right;
}


/* STYLES TO ASSIST BESPOKE HTML PAGES END HERE
-------------------------------------------------------------------*/


/* MOODAL BOX CONTENT STYLE*/
#product_name {
	display:block;
	width:100%;
	margin:5px 0px 5px 10px;
}

#product_images {
	width:361px;
	float:left;
		margin-right:15px;
		margin:0px 0px 0px 10px;
}

	#product_images img {
		margin-bottom:10px;
	}
	
#description {
	width:175px;
	min-height:240px;
	height:auto!important;
	height:240px;
	float:left;
	margin:0px 0px 12px 10px;

}

#basket_overview {
	padding:5px;
	float:left;
	width:169px;
	height:89px;
	background:#7A7A6E;
	color:#fff;
	font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif";
	margin:0px 0px 0px 10px;
}

	#basket_overview p {
		color:#fff !important;
		font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif";
		margin-bottom:5px;
	}
	
		#basket_overview p span {
			margin-left:39px;
		}
	
	#basket_overview label,
	#basket_overview input {
		width:44%;
		float:left;
	}
	
		#basket_overview label {
			margin:0px 21px 0px 0px;
			padding:5px 0px 0px 0px;
		}
	
		#basket_overview input {
			width:40%;
		}
	
		#basket_overview input.fncAdd {
			border:0;
			padding:0;
			margin:0;
			text-align:center;
			background:url(/x/img/moodalbox_background_submit.jpg) no-repeat top left;
			width:169px;
			height:42px;
			color:#fff !important;
			font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif";
			margin:2px 0 0 0;
		}
		
		
/*** MOOTOOLS TRANSITION CHECKOUT****/

a#v_toggle, 
a#v_toggle_checkout,
a#v_toggle_newsletter {
	width:254px;
	height:24px;
	color:#ffffff;
	background:#7A7A6E url(/x/img/arrow_closed.gif) no-repeat 98% center;
	margin:0px 15px 0px 0px;
	display:block;
	font:normal normal bold 14px/1.4em Georgia, Courier, serif;
	padding:8px 5px 5px 5px;
	outline:0;
}

	a#v_toggle_newsletter {
		font:normal normal bold 13px/1.3em Georgia, Courier, serif;	
	}

	a#v_toggle.open,
	a#v_toggle_checkout.open {
		background:#7A7A6E url(/x/img/arrow_open.gif) no-repeat 98% center;
		color:#000;
	}

.slideholders {
	float:right;
	width:264px;
	margin:0px 15px 15px 0px;
	clear:both;
}

#vertical_slide,
#vertical_slide_checkout, 
#vertical_slide_newsletter {
	background: #7A7A6E;
	color: #ffffff !important;
	padding: 10px;
	display:block;
	width:264px;	
}

	#vertical_slide p {
		width:244px;
		font:normal normal normal 14px/1.4em Georgia, Courier, serif;
		color:#ffffff;
	}
	
	#vertical_slide_checkout label,
	#vertical_slide_checkout p {
	    margin: 0px 0px 5px 0px;
		color:#ffffff;
		font:normal normal normal 14px/1.4em Georgia, Courier, serif;
	}
	
	    #vertical_slide_checkout p {
	        margin-bottom: 8px;
	    }
	
	#vertical_slide_checkout a {
	    color:#ffffff;
		font:normal normal normal 14px/1.4em Georgia, Courier, serif;
	    text-decoration: underline;
	}
	    
	    #vertical_slide_checkout a:hover {
	        color: ;
	    }
	
	#vertical_slide_checkout p {
	    padding-left: 5px;
	}
	
	#vertical_slide_checkout input#js_accept_terms {
	    float: right;
	    margin-right: 30px;
    }

a#customise_now, 
a#js_checkout_now {
	width:159px;
	height:28px;
	background:url('/x/img/customise_now.png') no-repeat top left;
	color:#fff;
	padding:15px 0px 0px 10px;
	display:block;
	font:normal normal normal 12px/1.4em Georgia, Courier, serif;
	margin:10px 0px 0px 0px;
}

    a#customise_now:hover, 
    a#js_checkout_now:hover {
        cursor: pointer;
    }
    
    a#js_checkout_now {
        color: #666666;
        text-decoration: none;
    }

#signup {
    margin-left: 10px;
    padding: 10px;
	width: 180px;
}

	#signup legend {
	    margin-bottom: 10px;
		font:normal normal normal 16px/1.4em Georgia, Courier, serif;
	}

	#signup label {
		margin:5px 0px 5px 0px;
		font:normal normal normal 14px/1.3em Georgia, Courier, serif;
	}
	
	#signup input {
		margin:0px 0px 10px 0px;
	}
	
	#signup #no-spam, #signup #response {
	    color: #B51C1C;
	    font:normal normal normal 12px/1.3em Georgia, Courier, serif;
	}
	
img.zoom {
	position:relative;
	/*z-index:10;*/
	top:-10px;
	padding: 0px !important;
}

/* Product overview modal */

#wrapper.wrapper_overview {
    width: 570px;
    height: 400px;
    padding: 0px;
}

    #wrapper.wrapper_overview #maincontent, #wrapper.wrapper_overview #maincontent.overview {
        width: 570px;
        margin: 0px;
        padding: 0px;
        background: none !important;
    }
    
        #wrapper.wrapper_overview #flash_confirm_holder_modal {
            padding: 3px 10px;
        }
    
        #wrapper.wrapper_overview h2 {
            width: 570px;
            margin: 0 0 5px 0px;
            padding: 0px;
            font: normal normal normal 22px/100% Georgia, Courier, serif;
            color: #0C1A26;
        }
    
        #wrapper.wrapper_overview #product_images {
            width: 360px;
            margin: 0px;
            padding: 0px;
        }
        
            #wrapper.wrapper_overview #product_images img.main_image {
                width: 360px;
                height: 240px;
                margin: 0 0 10px 0;
                padding: 0;
            }
            
            #wrapper.wrapper_overview #product_images img.range_image {
                width: 360px;
                height: 100px;
                margin: 0;
                padding: 0;
            }
    
        #wrapper.wrapper_overview #description {
            width: 200px;
            height: 240px;
            margin: 0 0 10px 10px;
            padding: 0px;
        }
        
            #wrapper.wrapper_overview #description h3 {
                margin: 0 0 10px 0;
                font: normal normal normal 16px/100% Georgia, Courier, serif;
                color: #0C1A26;
            }
            
            #wrapper.wrapper_overview #description p {
                font: normal normal normal 12px/100% Arial,Helvetica,sans-serif;
                color: #0C1A26;
            }
    
        #wrapper.wrapper_overview #basket_overview {
            width: 180px;
            height: 80px;
            margin: 0 0 0 10px;
            padding: 10px;
            background: #7A7A6F;
        }
        
            #wrapper.wrapper_overview #basket_overview p {
                font: normal normal normal 14px/100% Georgia, Courier, serif;
                color: #ffffff;
            }
            
            #wrapper.wrapper_overview #basket_overview input.fncAdd {
                border:0;
    			padding: 0 0 0 10px;
    			margin:0;
    			text-align:left;
    			background:url('/x/img/moodalbox_background_submit.jpg') no-repeat top right;
    			width:159px;
    			height:42px;
    			color:#fff !important;
    			font:normal normal normal 14px/1.3em Georgia, Courier, serif;
			}
			
			    #wrapper.wrapper_overview #basket_overview input.fncAdd:hover {
			        cursor: pointer;
			    }
		
			
#response {
	color:#FF4553;
	font-size:117%;
	line-height:110%;
	padding:0px 5px 0px 0px;
	width:93%;
}