body {
	background-position: center top;
	font: 80% Arial,Tahoma,Verdana,Geneva,sans-serif;
	word-spacing: -0.04em;
	background-image: url('../images/back.jpg');
	background-repeat: no-repeat;
	color: #333;
	margin: 0;
}
select {
	font: 1em Tahoma,Geneva,sans-serif;
	word-spacing: -0.1em;
}
a {
	text-decoration: none;
}
a.active, a:hover {
	text-decoration: underline;
	color: #459fda;
}


p a, 
p a:active, p a:hover{
	font-weight: bold;
}

p.subtitle{
	font-weight: bold;
	font-size: 0.9em;
}

span.subtitle{
	font-weight: bold;
}

.sentance {
	text-transform: capitalize;
}

.nobord{
	border: none;
}

a.black {
	color: #333;
}
a.black:hover, a.black:active {
	color: #459fda;
}
h1, h2, h2, h3, h4, h5, legend {
	font-family: 'Georgia','Times New Roman',times,serif;
	float: none;
	font-size: 2.1em;
	margin: 0;
	font-weight: normal;
	padding: 5px 0 10px;
}
h2, h3 {
	font-size: 1.8em;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #beae7d;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.4em;
	border-bottom: 1px solid #E1E1E1;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
#content {
	font-size: 1.09em;
}
.t1 {
	font-size: .82em;
	word-spacing: 0;
}
.t0 {
	font-size: 1em;
}
.t1a {
	font-size: .91em;
}
.t2 {
	font-size: 1.1666em;
}
.t3 {
	font-size: 1.27em;
}
.t4 {
	font-size: 1.635em;
}
.t5 {
	font-weight: bold;
}
.double-spaced {
	line-height: 1.6em;
}
p {
	margin: .5em 0;
	line-height: 1.4545;
}
#content p{
	font-size: 1.2em;
}

a {
	color: #000000;
}
.c1 {
	color: #9ca123;
}
.c2 {
	color: #333;
}
.c3 {
	color: #939393;
}
.c4 {
	color: #c00;
}
.c5 {
	color: #666;
}
.c6 {
	color: #aaa;
}
.c7 {
	color: #459fda;
}
.c8 {
	color: #c00;
}
.c9 {
	color: #999;
}
.c10 {
	color: #ff9a00;
}
.c11 {
	color: #638016;
}
.c12 {
	color: #1CBA2F;
}
.tabs a {
	color: #333;
}
.clear-link {
	clear: both;
}
.nobr {
	white-space: nowrap;
}
a.external-link {
	padding-right: 16px;
}
.ajax-search-block-wrapper {
	position: relative;
	float: left;
	width: 100%;
}
.ajax-loader {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #FFF url(/media/img/loading.gif) 50% 30px no-repeat;
	z-index: 100;
	opacity: .8;
}
.ajax-loader-hidden {
	display: none;
}

#footer span.copyright {
	float: right;
}

div#footer{
	color: #f0f0f0;
	background: url('../images/footer.jpg');
	background-repeat: no-repeat;	
	border: 2px #beae7d solid;
	border-bottom: none;
}

#footer li a {
 font-weight: bold;
 color: #d0d0d0;
}
#footer li a:hover {
	color: #beae7d;
}


#header IMG {
	border: none;
	margin: 0;
	padding: 0;
}

/* GALLERY VIEWER */

#slidewrap{margin-top:15px; margin-bottom: 15px; height: 496px;}


.main_image {
	width: 648px;
	height: 484px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/;
	color: #fff;
	background: url('/content/images/loading.gif') no-repeat 50% 50%;
	border: 5px solid #666666;
	border-bottom-width: 7px;
}

.tall{
	height: 860px;
}

.main_image img{

	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 8;
	border: none;}


.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: -1px;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
    z-index: 11;
}

.main_image .desc a{
	color: #fff;
}

.main_image .block{
    width: 100%;
    background: #666666;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: #111;
    color: #fff;
    height: 27px;
    width: 93px;
    position: absolute;
    top: -27px;
    right: 20px;
    text-align: center;
    line-height: 27px;
    font-size: 120%;
    cursor: pointer;
}
.main_image a.show {background-position: left bottom;}

.main_image IMG.on  {
    z-index:10;
    opacity:1.0;
    border: none;
    margin: 0;
}
.main_image IMG.last-active {
    z-index:9;
    border: none;
    margin: 0;
}


.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}



.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
    margin: 0;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 4px 0;
    padding: 0;
    border-bottom: 1px #E1E1E1 solid;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/


/* PROJECT GALLERY */

.portfolio-item{
	margin-bottom: 20px;
	float: left;
	width: 320px;
	height: 500px;
}

.portfolio-item a img.thumb{
	padding: 5px;
	border: 1px solid #ddd;
	background: #cfcfcf;
	margin: 0;
}

.portfolio-item  p {
	margin-right: 5px;
}

div#portfolio{
}

div#portfolio ul.thumb {
	float: right;
	list-style: none;
	margin: 0;
	padding: 10px 0 10px 10px;
	width: 240px;
}
div#portfolio ul.thumb li{
	margin: 0;
	padding: 5px;
	float: left;
	position: relative; /* Set the absolute positioning base coordinate */;
	width: 110px;
	height: 110px;
}
div#portfolio ul.thumb li img
 {
	width: 100px;
	height: 100px; /* Set the small thumbnail size */;
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}
div#portfolio ul.thumb li img.hover {
	background:url('/images/thumb_bg.png') no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

div#portfolio #main_view {
	float: left;
	padding: 9px 0;
	width: 710px;
}

div#portfolio #main_view img{
		border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	margin: 0;

}


div.project{
	padding: 5px;
}

#content div.project p.small{
	font-size: 1.0em;
}

div#images ul {
    display: block;
	list-style: none;
	margin:10px;
    padding: 10px;
}

div#images ul li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
}

div#images ul li img{
border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	margin: 0;
}


.right-images{
	float: right;
	margin-left: 0;
	width: 300px;
}

.right-images ul li{
	margin: 0;
	padding: 5px;
	background: #f0f0f0;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	width: 289px;
}

.right-images ul li IMG{	z-index: 8;margin: 0;}

.right-images div.block{

    width: 100%; /*--Hide description by default, if js is enabled, we will show this--*/
        padding: 5px;      
}

.right-images h3{
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/* Buttons
----------------------------------------------- */
/* Generic Button Setup */


form input.entry{ font-weight: bold; width: 450px;}

form input, form textarea {
	width: 210px;
}

form input.check{
	width: 15px;
}

form input.textbox{
	width: 40px;
	margin: 5px 5px 5px 0;
}

form input.dropdown{
	margin: 5px 5px 5px 0;
}

form textarea{
	height: 75px;
}

form textarea.entry{
	height: 250px;
	width: 100%;
	
}

#supplyForm form p {
	margin: 5px 0 0 0;
	font-size: 0.9em;
}

#supplyForm form p.middle{text-align: center;}

#supplyForm{
}

#supplyForm form label {
text-align:right; padding: 3px 1px;
}

label.error {

display: block;
color: red;
font-style: italic;
font-weight: normal;

}

input.error {

border: 2px solid red;

}

#supplyForm form label.title{
	font-style: italic;
	text-decoration: none;
}


#supplyForm form fieldset {}

#supplyForm legend{
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #beae7d;
}

#supplyForm div.sampleCol{
	float:left;
	width: 230px;
	margin-right: 10px;
}
#supplyForm div.sampleCol .right{
	margin-right: 0px;
}

#supplyForm div.sampleCol h4{
	margin-top: 30px;
}


input.submit, input.button, a.button, button, input.search  {
	background: transparent;
	padding: 2px;
    border: solid 1px #999999;
    margin: 0 2px;
    font-size: 1.2em;
    font-weight: bold;
    width: 120px;
}

a.button{
	padding: 5px;
}

a.button:hover{
	color: #000;
	text-decoration: none;
}

input.submit:hover, input.search:hover, input.button:hover, a.button:hover, button:hover, button:focus{
    background-color: #999999;
}

#schemeForm{
	 width: 100%;
}

#contactForm{
width: 480px;
}

#contactForm form p,
#schemeForm form p {
margin: 5px 0;
font-size: 0.9em;
}

#contactForm form p.middle,
#schemeForm form p.middle
{text-align: center;}


#contactForm form label,
#schemeForm form label 
{
	margin: 5px 5px 5px 0;
	text-align: right;
	padding: 3px 1px;
}

#schemeForm form input.cf,
#contactForm form input.cf{
	width: 150px;
	font-size: 1.2em;
}

#contactForm form label.title,
#schemeForm form label.title{
position: absolute;
}

#schemeForm form label.check,
#schemeForm form label.textbox,
#schemeForm form label.dropdown{
	 display: inline-block;
	 text-align:left;
}
#schemeForm form label.textbox

#contactForm form fieldset {}

#contactForm legend,
#schemeForm legend
{
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid #beae7d;
}

#contactForm input.cf, 
#contactForm textarea.cf,
#schemeForm input.cf, 
#schemeForm textarea.cf
{
width: 400px;
margin-left: 80px;
}

 #recaptcha_area{
	margin-left: 35px;
}

#contactForm form input.file,
#schemeForm form input.file{width: 250px;}

#contactForm input.submit{float: right;}

div.suppFilterLink{
height: 25px;
}

.suppFilterLink a{
font-size: 1.1em;
font-weight: bold;
color:#676767;
}
.suppFilterLink a:hover{
border-bottom: 1px solid #beae7d;
color: #beae7d;
text-decoration: none;
}

.suppFilterLink ul
{
	
}

.suppFilterLink ul li
{
	float:left;
	margin-left: 15px;
}

.suppFilterLink ul li.first{
	margin-left: 0;
}
.suppFilterLink ul li.last{
	
}


/* Suppliers */


#loading, #sampleLoad, #emailLoad {
	display:none;
	width: 32px;
	margin: 2px auto;
}

.suppFrame{
	border: solid 2px #dbdbdb;
	height: 760px;
	width: 956px;
}

#SampleList{ font-size: 0.8em;
}

#SampleList a { text-decoration: underline;}

#SampleList ul { 
float: none;
 margin:0;
 padding-left: 0;}

#SampleList ul li{ margin: 3px 0;	display: block; }


/* Advice */

div.{
 text-align:justify;
}

div.advicetext p{
	margin-bottom: 20px;
}

div.advicetext IMG{
	border: 1px #beae7d solid;
	padding: 3px;
	margin: 10px;
}

/* Examples */

.examplecontent{

}

.examplecontent .fabrics{
		width: 520px;
		float: left;
		margin-bottom: 20px;
}

.examplecontent ul,
ul.mainbull {
  list-style-type: disc;
  font-size: 1.2em;  
  color: #333333;
  padding-left: 20px;
}

.examplecontent ul li,
ul.mainbull li
{
	line-height: 1.6;
	color: #333333;
}

#content p.action{
	border: 1px #beae7d solid;
	padding: 3px;
	font-weight: bold;
	text-align: center;
}

.example{
	width: 400px;
}

.examplecontent .photo{
	float: right;
	
}

.sample-item{
	margin-bottom: 20px;
	float: left;
	width: 320px;
	height: 420px;
}


.examplecontent .photo img,
.examplecontent div.sample-item div.project IMG{
	border: 1px #beae7d solid;
	padding: 3px;
	margin-bottom: 10px;
}



/* Orders /*/


#orderdetails{
	font-weight: bold;
}

div#basket {
	
}

div#basket table{
	border-collapse: collapse;
	margin-bottom: 10px;
}

div#basket table th{
	font-weight: bold;
	padding: 5px;
	background-color: #DBDBDB;
}
div#basket table tr
{
	border-bottom: 1px #DBDBDB solid;
}
div#basket table td{
	padding: 5px;
}
div#basket table td.price{
	font-weight: bold;
}
div#basket table td.right{
	right: 0;
}

table.options{
	width: 100%;
}

table.options tr{
	
}

table.options tr td{
	
}


#shop-options{
	
}

#shop-options span.right{
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 10px;
}

#shop-options .shopthumb{
	width: 648px;
	float: right;
}

#shop-options .shopthumb IMG,
div.curtainexample .sample-finish IMG{
	border: 1px #beae7d solid;
	padding: 3px;
	margin: 0 0 5px 5px;

}

.sample-finish span.right,
span.boxed{
	padding: 1px 5px;
	border: 1px #000000 solid;
}



div.curtainexample{
	
}

div.curtainexample .sample-finish{
	padding: 3px;
	float: left;
	width: 233px;
}

div.curtainexample .sample-finish p{
	font-weight: bold;
	margin: 5px;
}

div.curtainexample .sample-finish IMG{
margin: 0;
}