/*RESET*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #756152;
	background: eef2ea;
}
ul, ol {
	padding-left: 20px
}
ul {
	list-style: circle;
}
ol {
	list-style: decimal;
	}
#content li {
	line-height: 1.6em;
	margin-left: 30px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* IE 6 css fixes */
/* -------------------------------------------------------------- 
Standardised Internet Explorer 6 stylesheet:
http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Twitter: http://twitter.com/malarkey

Version date : 22nd May 2009
Version: 0.3 Alpha

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://www.cameronmoll.com/
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

-------------------------------------------------------------- */

html, 			body, 
div,			span, 
object, 		iframe, 
h1, h2, h3, h4, h5, h6, 
p, 				blockquote, 
pre, 			a, 
abbr, 			acronym, 
address, 		code, 
del, 			dfn, 
em, 			img, 
q, 				dl, 
dt, 			dd, 
ol, 			ul, 
li, 			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%; 
font-family : inherit; 
vertical-align : baseline; }

/* Body ---------------------------------------------------- */

body {
/*width : 60%;

/* http://www.cameronmoll.com/archives/000892.html */
width : expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto");*/
margin : 0 auto;
padding : 0;
background :  #eef2ea;
font : 88% Georgia, Times, serif;
line-height : 1.4;
 }

/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
font-weight : normal; }

h1 { 
margin-bottom : .5em;
font-size : 3em; 
line-height : 1; }

h2 { 
margin-bottom : .35em;
font-size : 2em; }

h3 {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

h4 {
margin-bottom : 1.25em;
font-size : 1.2em;
line-height : 1.25; }

h5, h6 { 
margin-bottom : 1.5em;
font-weight : bold; 
font-size : 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; }

/* Text elements -------------------------------------------------------------- */

p { 
margin : 0 0 1.5em; }


blockquote, q {
quotes : "" ""; }

blockquote { 
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px solid #666;
font : italic 1.2em "Times New Roman", Times, serif; }

blockquote:before, blockquote:after, q:before, q:after { 
content : ""; }

strong { 
font-weight : bold; }

em, dfn { 
font-style : italic; }

dfn { 
font-weight : bold; }

sup, sub { 
line-height : 0; }

abbr, acronym { 
border-bottom : 1px dotted #666; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del { 
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #666;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre { 
white-space : pre; }

code { 
display : block; }


/* Lists -------------------------------------------------------------- */

li ul, li ol { 
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 0; }

ul { 
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #ccc; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
border-bottom : 1px solid #ccc; }

/* Tables -------------------------------------------------------------- */

table {
border-collapse : separate; 
border-spacing : 0;
margin: 0;
 }

table, td, th { 
vertical-align : top; }

th, thead th {
font-weight : bold; }


th, td, caption {
padding : 0; 
text-align : left; 
font-weight : normal; }

tfoot { 
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

/* Forms -------------------------------------------------------------- */

label { 
font-weight : bold; }

fieldset { 
}

legend {  
font-size : 1.2em; 
font-weight : bold; }

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }
/* END IE6 CSS FIXES */
/*STYLES*/
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image:url(/images/generic/background_bg.png); background-repeat:repeat-y; background-position:center
}
p {
font-family: verdana,helvetica,Arial,sans-serif;
font-size:1em;
line-height:1.4em;
margin:5px 0 8px
}
#content a {
	text-decoration:none
}
#content a:link, #content a:visited {
	color: #756152;
	border-bottom: 1px dotted #756152;
}
#content a:hover {
	color: #756152;
	border-bottom: 1px solid #756152;
}
#content a:visited {
	color: #756152;
}
h1 {
	border: 2px solid #FFC98F;
	border-width: 2px 0;
	padding: 6px 0;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 2em;	
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.3em;
}
h4, h5, h6 {
	font-size: 1.1em;
}
strong { font-weight:700}
em { font-style: italic}
blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 
#wrap {
text-align:left;
width:960px;
margin:0 auto;
}
#header {
	margin: 0px 0 10px 0
}
#topNavContainer {
	float:right;
	width:200px;
	padding-right:20px
}
#topNav {
	float:right;
	width:174px;
	text-align:right;
	margin:10px 10px 0 0
}
#topNav a:link, #topNav a:visited {
	color: #756152;
	text-decoration:none;
	vertical-align:middle
}
#topNav a:hover {
	color: #000
}
#topNav a img {
	vertical-align:middle;
	padding:0 10px 5px 0}
#logo {
/*padding-top:30px;*/
padding-top: 4px; /* when bird's talkin'*/
margin-bottom: 30px
}
#srch {
	background-image:url(/images/generic/search_bg.gif);
	width: 194px;
	height:77px;
	float:right;
	margin-right:0px;
	text-align:center
}
#srch input#searchField {
	background-image:url(/images/generic/search_input_bg.gif);
	width: 133px;
	height:19px;
	border: 0;
	background-repeat: no-repeat;
	margin: 8px 0 0 0;
	padding: 4px 10px 0 10px;
	font-size: 0.9em;
}
#srch a#searchBtn {
	display:block;
	background-image:url(/images/generic/search_button_bg.gif);
	width: 64px;
	height:18px;
	border: 0;
	background-repeat: no-repeat;
	margin: 6px 0 0 90px;
	padding: 0;

}
#srch a#searchBtn:hover {
	background-position: 0 -18px;
}
#srch a#searchBtn:active {
	background-position: 0 -36px;

}
#header ol {
	background-image:url(/images/generic/nav-bar_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:23px;
margin:0 0 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold;
}
	#header ol li, #footer ol li {
	display:inline;
	}
		#header ol li a , #footer ol li a{
		color:#FFF;
		padding: 3px 3px 0px;
		margin:0 0 0 0;
		text-decoration:none;
		font-weight:bold;
		line-height: 1.9;
		}
		#header ol li a:hover {
			background-color: #000
		}
		#header ol li input {
			background-color: #756152;
			background-image:url(/images/generic/search_bg.gif);
			background-repeat:no-repeat;
			background-position: 0 0px;
			width:107px;
			border: 0;
			height:18px;
			padding:0px 18px 0px 10px;
			margin:0px 0 ;
		}
#background {
	padding-left: 8px;
	padding-right: 8px;
	margin-left:16px;
	width: 910px;
	background-color: #e9efe4;
	background-image:url(/images/generic/top-round_bg.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#backgroundBottom {
	padding-left: 8px;
	margin-left:16px;
	height:126px;
	width: 918px;
	background-repeat:no-repeat;
	background-image:url(/images/generic/bottom-round_bg.gif);
	clear:both
	
}
#leftcol {
width: 210px;
margin: 0;
float: left;
}
	#leftcol ul, #bottomLeftNav ul {
	list-style:none;
	margin:0;
	padding:0;
	width: 198px;
	}
		#leftcol ul li, #bottomLeftNav ul li {
			margin-bottom: 4px;
			display: inline
		}
		#leftcol ul li.brownBg {
			background-color: #756152;
		}
		#leftcol ul li.brownBg ul li, #leftcol ul li.brownBg ul {
			background-color: #fff;
		}
		#leftcol ul li span {
			padding: 1px 0 0 10px;
			margin: 0 0 3px;
			font-weight: 700;
			cursor: pointer;
			color: #fff;
			display:block
		}
		#leftcol ul li span:hover {color: #222}
		#leftcol ul li ul li a, #bottomLeftNav ul li a {
			font-size: 9pt;
			/*font-weight: bold;*/
			color: #65b0cf;
			display:block;
			padding:2px 2px 2px 20px;
			text-decoration: none;
			outline:none;
			}
		#leftcol ul li a {
			text-decoration:none;
		}
		#leftcol ul li ul li a:hover {
			color:#ffffff;
			background-color:#96c9de;
			}
#leftNav{
	margin-top:-5px;	
    position: relative;

}
ul#bottomLeftNav {margin-top:10px;}
ul#bottomLeftNav li span {
		background-color:#756152;
color:#ffffff;

}
ul#bottomLeftNav li span a {
	text-decoration:none;
	background-color:#756152;
	color:#ffffff;
	display: block;
	width:190px;
	height:22px;
	padding-left:10px;

}
#content {
	background-image:url(/images/generic/content-round_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
width: 660px;
background-color:#FFF;
margin:8px 8px 20px 10px;
float: right;
padding: 10px 10px 20px 10px;
}
/*
#content img {
	padding: 4px;
	margin: 0 0 10px 10px;
	float:right;
	border: 1px solid #e9efe4;
	
}
*/
#footer {
	float:right;
	margin: 10px 25px 0 0;
	width: 664px;
	height:23px

}
#footer ol li a{ 
line-height:1
}
#footer ol li a:hover{
	color:#000
}
#footer div {
	text-align:center
}
#footer ol {
	text-align:left;
	margin:0 0 10px;
padding: 0 0 0 20px;
list-style:none;
font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;
	background-image:url(/images/generic/footer-bar_bg.gif);
	background-repeat: no-repeat;
	height: 23px;
}
.rightflo {float:right}
.leftflo {float:left}
/*quicklinks change*/
.quicklinks {  font-size: 9pt; color: #756152; font-weight: normal}
a.quicklinks {  text-decoration: none}
a.quicklinks:visited {   color: #756152;}
.clearer {clear:both}
#content a.red {  color: #CC0000; text-decoration: none;}
#content a.red:visited {  color: #CC0000;}
#content a.red:hover {  color: #CC0000; text-decoration:underline}


/* Product Page Styles */
div#productRight {
	width: 310px;
	padding: 0 10px;
	float: right;
	margin-bottom: 10px;
}
div#productLeft {
	width: 322px;
	float: left;
	margin-bottom: 10px;
}
#content a.atc, a.atc:visited {
	display:block;
	width: 140px;
	height:60px;
	background-image:url("/images/generic/personalise_btn.png");
	border: 0 !important;
	background-repeat: no-repeat;
	background-position: right 0px;
	margin: -7px 0 0 0;
	padding: 0;
	float: right;	
}
#content a.atc:hover {
	background-position: right -60px;
	
}
#content a.atc:active {
	
}
#content a.addtocart_btn {
	background-image:url("/images/generic/addtocart_btn.png");
}
#content a.personalise_btn {
	background-image:url("/images/generic/personalise_btn.png");
}
#content a.uploadandpreview_btn {
	background-image:url("/images/generic/uploadandpreview_btn.png");
}
#deliveryOther {
	border: 1px solid #fff;
}
#content div.delDropdown {
	position:relative;
	top:-4px;
	left: 77px;
}
#content .dropAbs {
	position:absolute;
	z-index:9000;
}
#deliveryDropdown {
	border: 1px solid #ccc;
	padding:6px;
	font-weight:700;
	width:200px;
	font-size:0.7em;
	background-color: #f1f1f1;
	display: none;
}
div.addToCartContainer {
	margin: 10px 0px 20px 0;
	width:290px;
	border: 1px solid #E9EFE4;
	padding: 19px 10px 10px;
}
div.addToCartContainer h3 {
	display: inline;
	padding: 6px;
	background-color: #f1f1f1;
	font-size: 1.35em;
}
div.addToCartContainer h3 span {
	font-size:0.7em;
}
div.addToCartContainer p.strongTurnaround {
	padding: 3px 3px 0;
	margin: 14px 0 0;
}
div.addToCartContainer p.smallCaption {
	padding: 0 3px 3px;
	margin: 0px;
	font-size: 0.7em;
}

/* END Product Page Styles */

/* fix li line break in ie6 */

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 9000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.95;
	background: url('/images/generic/tooltip-shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }
/* bring link with image border back */
#content a:link.imglinkborder, #content a:visited.imglinkborder  {
	border: 1px solid;
	border-color: #fff;
}


