/* www.maryseboxer.com :: CSS by Duncan Marshall at Chroma Design - www.chromadesign.co.uk :: this version April 14 2006 */

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";



/* The file below is ONLY read by IE5/Win.
	Makes use of the Mid Pass Filter: 
	http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */



/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/
html
{
	height: 102%;
	
}

body
{
	background-color: #D8D9DD;
	background-image: url(../i/str/bdbg01.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	color: #1B1C23;
}
#wrapper
{
	width: 750px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}
#banner
{
	width: 750px;
	height: 50px;
	background-image: url(../i/str/banner02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 25px;
}

/* =SIDEBAR and NAVIGATION  */
#sidebar
{
	float: left;
	width: 120px; /* was 120 */
	margin-top: 4px;
}
ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
ul li
{
	display: block;
	height: 20px;
}
ul li.category
{
	font-variant: small-caps;
}
ul li.lastlink
{
	margin-bottom: 15px;
}
ul li a,
a:link
a:visited
a:active
{
	display: block;
	width: 120px; /* was 120 */
	height: auto;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	color: #807284;    /* maybe use 881602 */
	padding-bottom: 3px;
}
ul li.subsub a
{
	width: 80px;
}
ul li a:hover
{
	text-decoration: none;
	color: #6A5172;
}
ul li a.crt
{
	font-weight: 600;
}
ul li.subitem
{
	padding-left: 5px;
	color: #807284;
}
ul li.subsub
{
	padding-left: 30px;
	width: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.tracker
{
	margin-top: 50px;
}
.tracker a,
a:link
a:visited
a:active
{
	color: #BFC0C5;
}
.tracker a:hover
{
	color: #bfc0c5;
}
.noimage
{
	display: none;
}
#main
{
	float: right;
	width: 610px;
	height: 600px;
	margin-bottom: 0px;
}
body#newindex #main
{
	background-image: url(../i/inserts_lge/mainbg_flowerplates03.jpg);
	background-repeat: no-repeat;
}
body#contact #main
{
	line-height: 18px;
	color: #1B1C23;
}
body#contact #company p
{
	line-height: 15px;
	color: #666;
}
body#index #main p
{
	margin-top: 0px;
	margin-bottom: 12px;
}
/* =bespke page upper half */
#intro_one
{
	float: right;
	width: 410px;
	height: 241px;
	padding-top: 0px;
	padding-left: 10px;
}
#intro_one p, #intro_two p
{
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
}
#intro_two
{
	margin-top: 10px;
}
#intro_two p
{
	margin-top: 6px;
}
#intro_one p.last
{
	margin-bottom: 2px;
}
.flowerplate
{
	float: right;
	clear: left;
	width: 100px;
	height: 130px;
	margin-left: 3px;
	font-size: 9px;
	color: #798390;
	text-align: center;
}
#platter
{
	float: left;
	clear: right;
	width: 184px;
	height: 241px;
	background-image: url(../i/str/platter02.jpg);
	background-position: 0 3px;
	background-repeat: no-repeat;
}
#platter p
{
	margin-top: 215px;
	text-align: center;
}

/* =bespoke page lower half  */
#secondhalf
{
	margin-bottom: 100px;
}
#goldenplates
{
	float: right;
	width: 400px;
	height: 340px;
	background-image: url(../i/str/golden_plates04a.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 20px;
}
#goldenplates p
{
	margin-top: 320px;
}
#platter p, #goldenplates p, .flowerplate p
{
	font-size: 9px;
	color: #798390;
	text-align: center;
}
/* =bespoke page philosophy, testimonials, etc  */
#philosophy
{
	width: 610px;
	height: 390px;
	text-align: justify;
	line-height: 15px;
}
h3#terms
{
	width: 500px;
}
h3
{
	width: 190px;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: 500;
	font-size: 11px;
}
#enquiries a,
a:link
a:visited
a:active
{
	text-decoration: none;
	color: #a60000;
}
#enquiries a:hover
{
	text-decoration: none;
	color: red;
}
body#index, body#contact #main p a,
a:link
a:visited
a:active
{
	text-decoration: none;
	color: #a60000;
}
body#index, body#contact #main p a:hover
{
	text-decoration: none;
	color: red;
}
.dot
{
	color: #DEDDE2;
}
/* =galleries */
#thumbs
{
	float: right;
	width: 610px; /* check this width */
	margin-top: 0px;
	margin-left: 10px;
	text-align: left;
}
.thb
{
	width: 610px;
	height: 280px; /* was 300px */
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	/*border: 1px solid green;*/
}
.thb IMG
{
	float: left;
	margin: 0px 0px 0px 0px;
	border: 1px solid #D4D2DC; 
}
.thbdesc
{
	float: right;
	width: 324px;
	height: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 10px;
	padding-top: 0px;
}
body#gallery h3,h4,h5
{
	margin-top: 0px;
	margin-bottom: 3px;
}
body#gallery h3
{
	width: auto;
	font-size: 11px;
	line-height: 13px;
	font-variant: small-caps;
}
body#gallery h4
{
	font-size: 10px;
	line-height: 12px;
	color: #60676E;
}
body#gallery h5
{
	font-weight: 500;
	font-size: 9px;
	line-height: 11px;
}
/* =large image-description pages */
.lge#lgeone
{
	/*height: 460px;*/
}
.lge
{
	width: 610px;
	float: right;
	margin-bottom: 10px;
}
.lge#lgetwo
{
	
}
.lge#lgethree
{
	
}
.lge IMG
{
	float: left;
}
body#large h3
{
	color: #881602; /* currently for flower plates page only - will have to split for individual product pages */
}
.lge a, /* color matches above */
a:link
a:visited
a:active
{
	text-decoration: none;
	color: #881602;
}
.lge a:hover
{
	text-decoration: none;
	color: #A32F1A;
}
.description, #tobasket, #backto
{
	float: right;
	width: 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.description
{
	/*height: 407px;*/
	margin-bottom: 0px;
}	
.description IMG
{
	/*margin-top: 10px;*/
	margin: 10px 0px 10px 5px;
	/*margin-bottom: 0px;*/
}
.description p
{
	width: inherit;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 14px;
	word-spacing: -1px;
	
}
body#large h3
{
	width: auto;
	font-size: 11px;
	line-height: 13px;
	font-variant: small-caps;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 0px;
}
body#large h4
{
	font-size: 10px;
	line-height: 12px;
	color: #60676E;
}
body#large h5
{
	font-size: 10px;
}
.buyme
{
	margin-top: 15px;
}
.buyme a
{
	font-weight: 500;
	font-size: 11px;
	font-variant: small-caps;
}
#tobasket
{
	margin-top: 0px;
	border: 1px solid #D4D2DC;
	background-color: #EAEAEC;
}
#basklft
{
	width: 50px; /* was 65px */
	float: left;
	padding-left: 15px;
}
ul#order
{
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
}
ul#order li.orderbox
{
	background-image: url(../i/str/orderbox.gif);
	background-repeat: no-repeat;
	background-position: 26px 0px;
}
#baskrgt
{
	float: right;
	width: 120px;
}
ul#basket
{
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
}
ul#basket li
{
	width: 80px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}
ul#basket li.addto a,
a:link
a:visited
a:active
{
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/basketa.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	color: #851313;
}
ul#basket li.addto a:hover
{
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/basketb.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	color: #A32F1A;
}
ul#basket li.backto a,
a:link
a:visited
a:active
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/backtoa.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	color: #851313;
}
ul#basket li.backto a:hover
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/backtob.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
	color: #A32F1A;
}
ul#basket li.tocheckout a,
a:link
a:visited
a:active
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/checkouta.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	color: #851313; /* was 52585E;*/
}
ul#basket li.tocheckout a:hover
{
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-image: url(../i/str/checkoutb.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	color: #A32F1A;
}
input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;}
/* =table styling for form page */
body#checkoutpage h3
{
	font-weight: 600;
}
#table_one
{
	width: 610px;
	background-color: #fff;
	border: 1px solid #A5ACB2;
	padding: 5px;
}
p.advice
{
	width: 600px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
}
#rowone, #rowfour
{
	font-weight: 600;
	font-size: 11px;
	font-variant: small-caps;
}
#rowfour 
{
	text-align: right;
	padding-right: 5px;
}
#rowone td.qty, #rowone td.price, #rowone td.total
{
	text-align: right;
	padding-right: 5px;
}
#rowtwo td.qty, #rowtwo td.price, #rowtwo td.total
{
	text-align: right;
	padding-right: 5px;
}
td.form_table_left
{
	text-align: right;
}
td.form_table_right
{
	float: right;
	width: 300px;
}
input
{
	background-color: #fff;
}
textarea
{
	background-color: #fff;
	color: #000;
}
/*  portrait page */
#portrait
{
	width: 364px;
	height: 490px;
	border: 3px double #f2f2f3;
	margin-left: 130px;
}
/* index page May 2006 */
#crtpublicity
{
	width: 120px;
	height: auto;
	margin-top: 20px;
	float: left;
	background-image: url(../i/str/crtpublicitybg0.jpg);
	
}
#crtpublicity IMG
{
	margin-bottom: 3px;
	border: 2px solid #fff;
}
#crtpublicity p
{
	color: #000;
	padding: 0px 7px 0px opx;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
#crtpublicity p a,
a:link
a:visited
a:active
{
	text-decoration: none;
	color: #a60000;
}
#crtpublicity a:hover
{
	color: red;
}
#thbinserts
{
	width: 100px;
	height: 320px;
	float: right;
	margin-top: 6px;
}
ul.thbinslist li
{
	display: block;
	width: 100px;
	height: 100px;
}
ul.thbinslist li.thbins01,
ul.thbinslist li.thbins02,
ul.thbinslist li.thbins03
{
	margin-top: 19px;
}
ul.thbinslist li.thbins01 IMG
{
	background-color: #AFB1BE;
	border: 1px solid #A8AAB6;
}
ul.thbinslist li.thbins02 IMG
{
	background-color: #686D97;
	border: 1px solid #63678F;
}
ul.thbinslist li.thbins03 IMG
{
	background-color: #353863;
	border: 1px solid #31345B;
}

#inbasket
{
	padding: 5px;
	padding-bottom: 7px;
	border: 1px solid #D0D1D5;
	border-right: 1px solid #B3B4B8;
	border-bottom: 1px solid #B3B4B8;
	margin-top: 25px;
}
h5.goods
{
	font-size: 10px;
	margin-bottom: 0px;
}
h5.total
{
	font-size: 10px;
	margin-top: 0px;
}
h5.goods,
h5.total
{
	font-weight: 500;
	text-align: center;
}
h5.goods a,
a:link
a:visited
a:active
{
	color: #a60000;
	text-decoration: none;
}
h5.goods a:hover
{
	color: red;
	text-decoration: none;
}

input,select,textarea,submit,text
{
	font-size: 		12px;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	color:			 #1B1C23;
	text-align:		justify;
	background-color:	#D8D9DD;
}
/* terms and conditions */

ul.termsullist
{
	margin-bottom: 20px;
}
ul.termsullist li
{
	height: auto;
	margin-bottom: 10px;
}
