/*  
Theme Name: Tessuti
Theme URI: http://www.tessuti.co.uk
Description: created for Tessuti.co.uk
Version: 1.0
Author: Mike Stephens
Author URI: http://www.mwismedia.co.uk
*/

html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 11px "Trebuchet MS", Verdana, sans-serif;margin: 0 0 0 0; padding: 0 0 0 0;color: #333;}
body {margin: 0px;padding: 0px;text-align: center;background: #2F3233 repeat-x url(http://www.tessuti.co.uk/images/bg.jpg);color: #333;font: normal 11px "Trebuchet MS", Verdana, sans-serif;}

/* Div Containers ---------------------------------------------------------------*/
#main_container {width: 870px;margin: auto auto auto auto;padding: 0 0 0 0;position: relative;background: #FFFFFF no-repeat url(http://www.tessuti.co.uk/images/main_container_bg.jpg);}
#header { width: 870px;height: 162px;background: #2F3233 no-repeat url(http://www.tessuti.co.uk/images/header.jpg);}
#fish {width: 580px;height:200px;margin: 0 10px 10px 5px;}

/* Top Nav Bar ---------------------------------------------------------------*/
#top_bar {width: 870px;height: 36px;background: repeat-x url(http://www.tessuti.co.uk/images/top_bar_bg.jpg);}
#top_bar label { color: #333; font-weight: bold; float: left; margin: 10px 0 0 20px; }
#top_bar .singleline-field { width: 150px; height: 20px; border: 1px solid #B7B9B9; background: #F5F5F5; float: left;margin: 7px 0 0 5px}
#top_bar .submit { width: 37px; height: 22px; border: 1px solid #B7B9B9; background: #F5F5F5; float: left; color: #333; font-weight: bold; margin: 7px 0 0 5px}
p.basket { background: no-repeat url(http://www.tessuti.co.uk/images/cart.gif) center left; padding: 0 0 0 20px;float: right; margin: 10px 20px 0 0;}
p.basket a { color: #333; font-weight: bold; }
.no_prod { font-size: 18px; color:#333; font-weight:normal;}
#top_bar li { float:left; display:inline; list-style:none; padding: 10px 5px 5px 10px; background: no-repeat url(http://www.tessuti.co.uk/images/li_bg2.jpg); }
#top_bar li a { text-decoration:none; text-transform:uppercase; color:#333333; font-weight:bold;}
#top_bar li a:hover { text-decoration:underline;}



#offer_box {padding: 0px;}
#offer_box h5 { color: #FFFFFF; background:#333333; padding: 5px; font-weight:bold; margin:0;}
#offer { float: left; width: 280px; border: 1px solid #CCCCCC; margin: 2px; background: repeat-x url(http://www.tessuti.co.uk/images/bgdb.jpg);}
#offer img { float: left; padding: 2px; margin: 10px 5px 15px 5px;}
.offer_left { float:left; width: 100px; text-align:center;}
.offer_title { font: bold 14px "trebuchet MS", Arial; margin: 5px 0 0 0; }
.offer_des {font: normal 11px "trebuchet MS", Arial; margin: 5px 0 5px 0; }
.offer_price { float:right; text-align:right; color: #333; font: bold 20px "trebuchet MS", Arial; margin: 5px;}
#offer .offer_price em {color:#BFA46A; font-style:normal;}
 
/* COLUMNS ---------------------------------------------------------------*/
#two_cols {width: 869px;margin: 0 0 0 1px;background: repeat url(http://www.tessuti.co.uk/images/main_container_bg.jpg);}
#col_one {width: 230px;  border-left: 1px solid #DFDFDF;border-right: 1px solid #DFDFDF;float: left;margin: 0 0 0 32px;}
#col_two { width: 400px; float: left; margin: 10px 0 0 10px; text-align: left;}
#col_three { width: 170px; float: left; margin: 10px; text-align:left; }

#col_three ul { width: 140px; list-style:square; margin: 0 0 0 20px; }
#col_three ul li { padding: 5px; }

/*COL ONE ---------------------------------------------------------------*/
#col_one ul {list-style: none; width: 185px; float: left; margin: 10px 0 0 23px; text-align: left;}
#col_one li { display: block; margin: 2px 0 0 0; height: 17px;}
#col_one .title { background: #BFA46A; display: block; margin: 0; padding: 1px 0 1px 8px; color: #FFFFFF; text-decoration: none; font-weight: bold;}
#col_one li a { background: #2F3233; display: block; margin: 0; padding: 1px 0 1px 8px;color: #CCCCCC;text-decoration: none;}
#col_one li a:hover {background: #BFA46A; color: #FFFFFF;}
#col_one img { border: 0; margin: 15px 0 8px 0;}
#box { float: left; width: 185px; background-color:#333333; text-align:left;margin: 10px 0 0 23px;}
#box p {color:#ccc;padding: 1px 0 1px 8px;margin: 2px 0 2px 0;}
#box select { background-color:#333333; color:#FFFFFF; margin: 5px; border:none; width: 175px;}


/* COL TWO  ---------------------------------------------------------------*/
#two_cols #col_two h1, #two_cols #col_three h1 { font: normal 22px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999; margin: 10px 0 10px 0 ; }
#two_cols #col_two h2, #two_cols #col_three h2 { font: normal 18px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;margin: 10px 0 10px 0 ; }

#two_cols #col_three h1 a, #two_cols #col_two h1 a  { color: #333333; }
#two_cols #col_three h2 a, #two_cols #col_two h2 a  { color: #333333; text-decoration:none; }

#col_two h5 { font: normal 16px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999; margin: 0 0 15px 0 ;}

/* HELP DESK  ---------------------------------------------------------------*/
#helpdesk ul {margin: 5px 5px 5px 15px;}
#helpdesk .help_box {float:left; width: 250px;}
#helpdesk .title { font:bold 12px "trebuchet MS", Arial; margin:20px 0 10px 0;}
#helpdesk li { margin: 5px 5px 5px 15px;}
#helpdesk a { color:#333333; text-decoration:underline;}
#helpdesk a:hover { color:#BFA46A;}
#helpdesk p { margin: 5px 0 15px 0;}


p.search { padding: 10px;}
p.breadcrumb {padding: 10px;color:#BFA46A;}
.breadcrumb a { color:#333333;}
.breadcrumb a:hover { text-decoration:none;}
strong {font-weight:bold; color:#333333;}


#about_images {}
#about_images .image { float:left; padding: 3px; background-color: #F2F2F2; margin: 10px;}
/* MISC   ---------------------------------------------------------------*/
#col_two p a {color: #333; margin: 14px 0 14px 0;}
.logo {float:left; text-align:center; margin: 0 5px 0 30px;}


/* Homepage / Offers Product Containers : Layout ------------------------------------------------------------- */
.product_box { width: 150px; height: 390px;; float:left; display:block; text-align:center; margin: 1px 10px 1px 10px; padding:2px 1px 1px 1px;}
.product_box h3 { font-weight:bold; color:#333333;}
.discount_price {color: #C0021C;font-weight: bold;text-decoration: line-through;}
.product_price { font: 16px "trebuchet MS", Arial; color: #000000; padding: 5px;}
.was_price {color: #BFA46A;font-weight: bold;}




/* ---------------------------------------------------------------*/
/* Category Boxes */
.cat_box { text-align: center;width: 110px; height: 190px;  float: left;margin: 3px 0 0 5px;}
.cat_box img {display:block;margin: 2px; border: 2px solid #BFA46A; background-color:#333333;}
.cat_box p { font: bold 11px Arial, Helvetica, sans-serif;}
#col_two .cat_box a {text-decoration: none; text-transform:uppercase; color: #2F3233; float: left; width: 110px; margin: 2px 0 0 0; display: block;line-height: 25px;}



#description { margin: 10px;}
#description p { margin: 10px 0 10px 0; font: normal 11px "trebuchet MS", Arial; color:#333333;}


/* ---------------------------------------------------------------*/
/* Product Boxes */

#prod_one { float:left; width: 220px;}
#prod_two { float:left; width: 300px; margin: 0 0 0 20px;}
#prod_two h2 {font: normal 18px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999;}
#main_img { border:3px solid #CCCCCC; width:170px;}
#main_img img { margin:1px;}
.left {float: left; width: 120px; padding:10px; text-align:right;}
.left p {font-size: 14px;}
.price { color: #BFA46A;}
.price2 { color: #333; font-size:10px; text-decoration:line-through;}
.add {float: left;text-align:center;}
.add a {background-color: #BFA46A;padding: 5px;margin: 5px;width: 125px;text-transform:uppercase;color:#FFFFFF;text-decoration:none;display:block;}
.add a:hover {
	background-color: #000;
	display:block;
	color: #FFFFFF;
}
.stock { font-size: 10px; text-transform:uppercase; color:#BFA46A; margin: 10px 0 10px 0;}
#thumbs img { margin:1px;border:3px solid #CCCCCC;}



/* Forms ------------------------------------------------------------- */
.row form {margin: 0px;padding: 0px;}
label{font: bold 11px "trebuchet MS", Arial;}
.row select, .row option { border: 1px solid #333333; font: 12px "trebuchet MS", Arial; color:#000000;}
.darktxt {font-size: 9px;color: #FF0010;padding: 5px;}
.baskethead { text-align:center; background-color:#333333; color:#FFFFFF;}
.baskethead p {margin: 10px 0 0 0;}
.basket { text-align:center;}
.basket p {margin: 10px 0 0 0;}
.basketfoot { }
.basketfoot p {margin: 10px 0 0 25px; text-align:left;}
.basket a, .basketfoot a {color:#333333;}
.discout { padding: 4px;color: #333333;}
.checkout_now {float: left;text-align:center;}
.checkout_now a {background-color: #BFA46A;padding: 5px;margin: 5px;width: 125px;text-transform:uppercase;color:#FFFFFF;text-decoration:none;display:block;}
.checkout_now a:hover {background-color: #000; display:block;}

/* OUR STORES & MAPS ---------------------------------------------------------------*/
.store { margin: 10px 0 0 0; clear:both;}
.store h2{font: bold 16px "trebuchet MS", Arial; color:#333333; padding: 10px 0 0 0; }
.address { float:left; width: 250px;}
address {font-style:normal;margin: 5px 0 5px 0;font-size: 16px;}
.store a {color:#333333; }
.store p { font-style:normal; margin: 5px 0 5px 0;}

/* LINKS & SITE TERMS ---------------------------------------------------------------*/
#links { float: left; margin: 20px 0 0 50px; }
#links p { color: #333; font-weight: bold; font-size: 12px; }
#links a { color: #333; }
#terms { margin: 20px 0 15px 0;}
#terms li {margin: 5px 0 5px 25px;list-style:none;}
#terms a {color: #333333;}
#js_terms p, #js_delivery p,# js_privacy p {margin: 15px 0 8px 0;}


/* SiteMap  ---------------------------------------------------------------*/
#sitemap h2 {font: normal 16px "trebuchet MS", Arial; color:#333333; border-bottom: 1px solid #999999; margin: 10px 0 10px 0;}
#sitemap li { margin: 5px 10px 5px 10px; color:#333333;}
#sitemap a { color:#333333;}

/* PAGE FOOTERS & MAIN FOOTER ---------------------------------------------------------------*/
.row { border-top: 1px solid #999999; margin: 10px 0 0 0; display:block; float:left; width: 94%; padding:10px;}
.row p { font-weight: bold;}
.row a {color: #2F3233;}
.row a:hover {text-decoration:none;}
#footer { width: 870px; height: 125px; background: no-repeat url(http://www.tessuti.co.uk/images/footer_bg.jpg); text-align: left;}
#footer .left1 {float: left; margin: 30px 0 0 35px;}
#footer .right {float: right;margin: 30px 16px 0 0;}
#footer p { color: #CCCCCC; padding: 3px 0 0 0;}
#footer a { color: #CCCCCC; text-decoration: none; }
#footer a:hover { text-decoration: underline; }



/* ---------------------------------------------------------------*/
/* Footer*/

#form-container {
	float: left;
	width: 550px;
	margin-left: 10px;
}
#form-container form p, form#formname #form-container p{
	clear: both;
	font: normal 10px "Arial", Arial Narrow;
	padding: 5px;
}
#form-container form p label, form#formname #form-container p label{
  float: left;
  width: 29%;
  text-align: right;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 70%;
  text-align: left;
}
/* Input BG Size Etc */
.singleline-field {
	width: 250px;
	height: 18px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Textarea BG Size Etc */
.multiline-field {
	width: 250px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Dropdown BG Size Etc */
select.singleline-field {
	width: 250px;
	height: 20px;
		border: #ccc solid 1px;

}
/* Required Highlight Colour */
.darktxt {
color:#FF0000;
	font-weight: bold;
}

.address {
	font-weight: normal;
	width: 200px;
}
address {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 10px 0 10px 0;
}


.social-bookmarks{list-style:none;margin:10px 0 10px 0;float:left}
.social-bookmarks li{padding:3px;float:left;margin:0;line-height:normal}
.social-bookmarks img{border:none}
.social-bookmarks a{border:1px solid #e5e5e5;width:14px;height:14px;float:left;margin:0;padding:0}
.social-bookmarks a:hover{border:1px solid #999999}