/*	Utopia Soft Furnishings Stylesheet
	BF Internet
*/


html, body
{
	background:#e2dacf;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* -- main wrapper -- */

div#wrapper
{
	width:998px;
	margin:35px auto 0 auto;
    background:#ffffff url(../images/mainbg-tile.gif) top left repeat-y;
   	font-family:Arial, Helvetica, sans-serif;
}

div#wrapper div#topLimit
{
height:14px;
background:url(../images/mainbg-top.gif) top left no-repeat;
margin-bottom:10px;
}


/* -- header -- */
h1#logo {
	float: left;
	width: 213px;
    height: 126px;
    background: url(/images/usf-logo.gif) no-repeat;
    display: inline;
}

h1#logo span { display: none; }


/* -- left column -- */

div#wrapper div#leftCol
{
width:235px;
margin-left:10px;
text-align:left;
float:left;
margin-bottom:25px;
}

div#wrapper div#leftCol h1
{
margin:0 0 0 15px;;
}

div#wrapper div#leftCol ul li,
div#wrapper div#leftCol ul
{
list-style-type:none;
margin:5px;
padding:0;
font-size:16px;
}

div#wrapper div#leftCol ul li.subTitle
{
margin-top:15px;
padding-bottom:3px;
border-bottom:1px solid #cccccc;
}

div#wrapper div#leftCol ul li a
{
color:#6d542c;
text-decoration:none;
}

div#wrapper div#leftCol ul li a:hover
{
color:#d99742;
}

div#wrapper div#leftCol ul li.basketLink
{
background:url(../images/basketicon.gif) no-repeat;
margin-top:30px;
}

div#wrapper div#leftCol ul li.basketLink a
{
margin-left:25px;
}

div#wrapper div#leftCol ul li.ccLogos
{
margin-top:20px;
background:url(../images/cclogos.gif) no-repeat;
height:40px;
}

/* -- main content -- */

div#wrapper div#mainCol
{
width:728px;
margin-left:20px;
text-align:left;
float:left;
clear:right;
}

div#wrapper div#mainCol img#splashImage
{
border:1px solid #cccccc;
border-right:none;
margin-left:8px;
}

div#wrapper div#mainCol div#catCol
{
width:500px;
float:left;
}

div#wrapper div#mainCol div#catCol h2
{
color:#D99742;
padding:0;
font-size:18pt;
margin:5px 0 5px 0;
}


h5 {

display: block;
padding: 4px;
margin-bottom: 5px;
background-color: #9c815c;
color: #fff;
font-size: 13px;

}

div#wrapper div#mainCol div#functionCol
{
width:215px;
float:left;
margin-left:10px;
}


/* -- footer -- */

div#footer
{
width:990px;
clear:both;
margin-left:4px;
margin-top:20px;
background:#6D542C url(../images/footerbg.gif) top left repeat-x;
height:114px;
color:#ffffff;
text-align:center;
padding-top:5px;
}

div#footer a {
color: #FFFFFF;
}
/* -- reuseable classes -- */

.clearBoth
{
margin:5px;
padding:0;
clear:both;
}


/* -- function panel -- */

ul.functionPanel
{
background:#f2eee9;
margin:3px 3px 10px 3px;
padding:3px;
border:1px solid #e2dacf;
}

ul.functionPanel p
{
	font-size:11px;	
}

ul.functionPanel h3
{
margin:0;
font-size:13pt;
text-align:center;
color:#d99742;
}

ul.functionPanel li label
{
display:block;
font-weight:bold;
margin-bottom:3px;
font-size:12px;
color:#4f4949;
}

ul.functionPanel li
{
margin:2px 0 10px 0;
}

ul.functionPanel li input, ul.functionPanel li select
{
border:1px solid #4f4949;
width:175px;
}

/*  -- product grid --*/

ul#productGrid
{
margin:0;
padding:0;
}

ul#productGrid li.rowBreak
{
height:10px;
clear:both;
}

ul#productGrid li ul li
{
float:left;
width:150px;
margin-right:10px;
height:245px;
overflow:hidden;
}

ul#productGrid li ul li p
{
margin:0;
width:136px;
font-size:11px;
}

ul#productGrid li ul li h4
{
margin:3px 0 3px 0;
font-size:12px;
}

ul#productGrid li ul li a
{
color:#D99742;
}

/* --- product page --- */
img#prodImage {
    float: right;
}

p#prodPrice {
	font-weight: bold;
}

p#prodPrice span {
	color: #9E2800;
}

fieldset#prodFields {
	border: 1px solid #E2DACF;
	width: 100%;
}

fieldset#prodFields label {
	width: 270px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin: 5px;
	display: block
}

fieldset#prodFields input#quantity {
	width: 200px;
	margin: 5px 0px 5px 0;
}

fieldset#prodFields select {
	width: 200px;
	margin: 5px 0px 5px 0;
}

fieldset#prodFields input.order-button {
	border:1px solid #4f4949;
	width:175px;
	margin: 5px;
	float: right;
}
/*
fieldset#prodFields {
	float: right;
}

fieldset#prodFields label {
	font-weight: bold;
	margin: 5px;
}

fieldset#prodFields input#quantity {
	width: 200px;
	margin: 5px 0px 5px 0;
}

fieldset#prodFields select {
	width: 200px;
	margin: 5px 0px 5px 0;
}

fieldset#prodFields input.order-button {
	border:1px solid #4f4949;
	width:175px;
	margin: 5px;
}
*/
/* --- product added --- */

table#table-added, table#table-postage {
	border: 1px solid #E2DACF;
	width: 100%;
}

table#table-added th, table#table-postage th {
	border: 1px solid #E2DACF;
	background-color: #F2EEE9;
	width: 100px;
	font-weight: bold;
	text-align: right;
}

table#table-added th, table#table-postage th {
	border: 1px solid #E2DACF;
	background-color: #F2EEE9;
	width: 100px;
	font-weight: bold;
	text-align: right;
}

table#table-added td, table#table-postage td {
	border: 1px solid #E2DACF;
}

/* -- basket --- */

table#basket-table {
	border: 1px solid #E2DACF;
	width: 100%;
}

table#basket-table th {
	border: 1px solid #E2DACF;
	background-color: #F2EEE9;
	font-weight: bold;
	text-align: center;
}

table#basket-table th.basket-header {
	text-align: right;
}

table#basket-table td {
	border: 1px solid #E2DACF;
}

table#basket-table td input {
	width: 60px;
}

table#basket-options {
	border: 1px solid #E2DACF;
	width: 100%;
}

table#basket-options td {
	border: 1px solid #E2DACF;
	font-weight: bold;
}

table#basket-options td select {
	width: 250px;
	font-weight: normal;
}

table#basket-options td input.button {
	border:1px solid #4f4949;
	width:175px;
	margin: 5px;
	font-weight: normal;
}

/* --- checkout form --- */

input.checkout-button {
	border:1px solid #4f4949;
	width:175px;
	margin-top: 5px;
}

input#checkout-details {
	margin-left: 150px !important;
}

input#checkout-continue {
	float: right;
}

form#checkout-form fieldset {
	border: 1px solid #E2DACF;
	width: 100%;
}

form#checkout-form fieldset legend {
	width: 150px !important;
	margin: 10px;
	height: 20px;
	border: 1px solid #E2DACF;
	background-color: #F2EEE9;
	font-weight: bold;
	text-align: center;
}

form#checkout-form fieldset label {
	width: 200px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin: 5px 5px 0 5px;
	display: block
}

form#checkout-form fieldset input {
	margin: 5px 0px 5px 0;
	border: 1px solid #CFCFCF;
}

form#checkout-form fieldset input:hover {border-color: #4f4949;}

form#checkout-form fieldset input:focus {border-color: #4f4949;}

form#checkout-form fieldset input.checkout-field {
	width: 200px;
}

.noborder {
	border: none !important;
}

input#secure-button {
	border:1px solid #4f4949;
	width:175px;
	margin: 5px;
}

/* -- product page -- */

ul#productOptions li
{
display:block;
float:left;
padding:5px;
border-top:0;
}

ul#productOptions li.type, ul#productOptions li.type_alt
{
width:130px;
clear:both;
background:#6d542c;
color:#ffffff;
}

ul#productOptions li.type_alt
{
background:#d99742;
}

ul#productOptions li.value
{
width:350px;
color:#666666;
background:#f2eee9;
}


div#imagePanel
{
width:250px;
float:right;
margin:5px;
text-align:center;
}

div#imagePanel img
{
float:none;
}

/*  -- product grid --*/
.pageRow {

	margin: 0px;

}

ul#pageGrid
{
margin:0;
padding:0;
}



ul#pageGrid li.rowBreak
{
clear:both;

}

ul#pageGrid li ul li
{
float:left;
width:150px;
margin-right:10px;
height:245px;
overflow:hidden;

text-align: center;
}

ul.featured-products li ul li {

height: 190px !important;

}

ul#pageGrid li ul li p
{
margin:0;
width:136px;
font-size:11px;
}

ul#pageGrid li ul li h4
{
margin:3px 0 3px 0;
font-size:13px;
}
ul#pageGrid li ul li h4 a {

text-decoration: none;
font-size: 13px;
color: #95672b;

}
ul#pageGrid li ul li a
{
color:#D99742;
}

ul.special-offers {

background-color: #faf6ea;
padding: 10px !important;
text-align: center !important;
border-top: 1px solid #ece6d2;
border-bottom: 1px solid #ece6d2;
margin-bottom: 10px !important;

}
.offer-link {

text-decoration: none !important;
font-size: 13px;
color: #95672b !important;

}

#splashImage { position: relative; left: -8px !important; }

/* ------------------ Contact Form ------------------- */

form#contactform {margin: 10px 0;color:#d99742; float: left;}

form#contactform p {margin: 3px 0;}

form#contactform fieldset {
	width: 290px;
	border: 1px solid #E3E3E3;
}

form#contactform label {
	font-weight: bold;
	text-align: right;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	display: block;
	float: left;
	width: 8em;
	font-size: 0.85em;
}

form#contactform p.leftspacing { margin-left: 7.6em;}

form#contactform input, form#contactform textarea {
	margin-top: 0.5em;
	width: 14em;
	border: 1px solid #CFCFCF;
}

form#contactform input:hover, form#contactform textarea:hover {border-color: #4f4949;}

form#contactform input:focus, form#contactform textarea:focus {border-color: #4f4949;}

form#contactform textarea {width: 14.4em;}

form#contactform button {
	float: right;
	margin-right: 9.7em;
	background-color: #335A6D;
	color: white;
	border: none;
	padding: 3px 8px;
	margin-top: 5px;
}

.star { font-weight: bold; color: #000000;}

/* -- terms page --*/
div#terms ul li {
	list-style-type: disc;
	margin-left: 10px;
}

p#bf {
	clear: both;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 auto 0.5em auto;
	padding-top: 4px;
	text-align: right;
/*--- Set this width to match your wrapper ---*/
	width: 990px;
}

p#bf a {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
}

p#bf a:hover {
	color: #9370DB;
	text-decoration: underline;
}

p#bf span a,#bf span a:hover {
	font-weight: normal;
	text-decoration: none;
}

p#bf, p#bf a, #bf span a:hover {
/*---- Change this colour to suit your page ---*/
	color: #ADAFA4;
}




span#optionsbox {
	display:block;
	text-align:right;
	margin-right: 15px;
}

label.opts {
	float:none !important;
	width:auto !important;
	display:inline-block !important;
}

select.opts {
	float:none !important;
	width:auto !important;
	display:inline-block !important;
}

.paypalbutton {
background:url("http://www.paypal.com/en_GB/i/btn/btn_xpressCheckout.gif") no-repeat scroll 0 0 transparent; 
border:medium none; 
cursor:pointer; 
display:block; 
font-size:0; 
height:45px; 
overflow:hidden; 
text-indent:-9999px; 
width:150px;
}