/*
##	Body
*/
	* { margin: 0; padding: 0; }
	body { font: 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif; background: #AAE2EF url(../images/template/wrap.gif) center top repeat-y; }
	a:link { color: #2C8BA0; }
	a:visited { color: #5A403C; }
	a:hover { color: #9A7F6D; }
	a:active { color: #AAE2EF; }
	a img { border: 0; }
/*
##	Layout
*/	
	div#wrap { width: 750px; height: auto; margin: 0 auto; }
	#header { height: 60px; padding: 10px 0 10px;  }
	#navigation { width: 160px; height: auto; float: left; }
	#content { width: 570px; float: right; height: auto; margin-top: 1px; border-top: 2px solid #9A7F6D; }
	#footer { width: 768px; margin: 0 auto; clear: both;}
/*
##	HTML
*/
	p, blockquote, address, pre, ul, ol, dl { margin: 0 0 15px; }
	h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 5px; }
	h1 { font: 1.75em/1em Verdana, Helvetica, sans-serif; color: #4FA8BC; margin: 15px 0 10px; }
	h2 { font: bold 1.5em/1em Arial, Verdana, sans-serif; color: #9A7F6D; }
	h3 { font: bold 1em/1em Verdana, Helvetica, sans-serif; color: #9A7F6D; margin: 0; }
	h4 { font: bold 1.1em Verdana, Helvetica, sans-serif; color: #9A7F6D; margin: 4px 0px;}
	address { font-style: normal; }
  .b {font-weight: bold;}
  .large_text{font-size: 13px;}
  
	code { font-family: "Courier New", mono; font-size: 1em; }
	blockquote { font-style: italic; }
	blockquote p cite { text-align: right; font-style: normal; font-weight: bold; }
	ol, ul, li { list-style: inside; }
	li { margin: 3px 0 0 0; padding: 0; text-indent: 0; }
	ol li { list-style: decimal inside; }
	ul li { list-style: none outside; padding-left: 13px; background: url(../images/template/bullet.gif) 2px 6px no-repeat; }
/*
##	Classes
*/
	.hide { visibility: hidden; }
	.left { float: left; width: 50%; }
	.right { float: right; width: 50%; padding-left: 10px; }
	.rightcta { float: right; margin-left: 15px; }
	.clear { clear: both; }
	.none { display: none; }
	.accessibility { position: absolute; top: -75px; }
	.breadcrumb { }
	.desc { background: #D4D0C8; color: #5A403C; line-height: 1.5em; font-size: 0.9em; border:0; border-bottom:1px solid #000; text-align:center; margin:0 0 5px; display: none; }
	.margin-dest {margin: 10px 0px 10px 0px}
	.red { color: red; }
  .blue {color: #4FA8BC;}
	.black {color: #000000;}

	ul.pdf li { list-style: none outside; background: url(../images/pdf.gif) left center no-repeat; line-height: 18px; padding: 0 0 0 20px; }
  
  ul.video li { list-style: none outside; background: url(../images/video-icon-small.gif) left center no-repeat; line-height: 18px; padding: 0 0 0 29px; }
	
	.border{ padding: 4px; border: 1px solid #CCC; margin: 10px 0 0; }
	.left_install { float: left; width: 50%; display:inline}
	.right_install { float: right; width: 50%; }
	.textcta { background: url(../images/template/i.gif) left center no-repeat; margin-top: 30px; padding: 0 0 0 40px; font-size: 1.1em; line-height: 1.5em; color: #2C8BA0; }
	
	.backtotop { margin: 0 0 15px; padding: 0; text-align: right }
	.backtotop a { text-decoration: none; font-weight: bold; color: #2C8BA0 !important; background: url(../images/template/arrow.gif) 0 4px no-repeat; padding: 0 0 0 10px; }
	.backtotop a:hover { color: #9A7F6D !important; background-position: 0 -16px; }
	
	img.imgcta { float: right; border: 0; margin: 0 0 10px 10px; } 
	
	ul.sitemap, ul.sitemap ul { background: url(../images/template/sm-n.gif) 5px 0 repeat-y; }
	ul.sitemap ul { margin: 0 0 0 5px; }
	ul.sitemap li { line-height: 19px; background: url(../images/template/sm-i.gif) 5px 0 no-repeat; margin: 0; padding: 0 0 0 18px; text-indent: 0 }
	ul.sitemap li.sitemap-start { background: #FFF none; padding: 0; }
	ul.sitemap li.sitemap-end { background: url(../images/template/sm-e.gif) 5px 0 no-repeat; }
	
	ul.inline, ul.inline li { background: none; padding: 0; }
	ul.inline li { display: inline; }
	
	div.hpcta { background-color: #9A7F6D; padding:10px; margin: 0; }
	
	div.hpcta_christmas{ background-color: #9A7F6D; padding: 0 10px 10px 10px; margin: 0; }
	
	a.cta { display: block; margin: 0; padding: 0; text-decoration: none; color: #000000; }
	a.cta img { border: 0; }
	a.cta p { padding: 5px; font-weight: bold; }
	a:hover.cta { color: #9A7F6D; }
	
	.red { color: #CC0000; }
	.contact-form {margin:0px 0px 15px 0px; width: 158px; border-color: #999; border-width: 1px; border-style: solid; background-color: #FFFFFF; }
	.rss-feed {margin:0 0 15px 0; width: 160px; background-color: #FFFFFF; text-align:center; } 
	.underline_links {text-decoration:underline!important;}
/*
##	Navigation
*/
	#navigation ul.nav { margin: 0 0 15px; list-style: none outside; }
	#navigation ul.nav li { margin: 0; padding: 0; background: none; list-style: none outside; }
	#navigation ul.nav li a { display: block; height: auto; text-decoration: none; padding-left: 4px; color: #5A403C !important; width: 156px; border-top: 1px solid #FFF; margin: 0; line-height: 1.5em; background: #E7E8E2; }
	#navigation ul.nav li a:hover { background-color: #9A7F6D; color: #FFFFFF !important; }
	#navigation ul.nav li a.highlight { background-color: #5BB2C6; color: #FFFFFF !important; font-weight: bold; }
	#navigation ul.nav li a.highlight:hover { background-color: #5A403C; color: #FFFFFF !important; }
	
	#navigation ul.nav li span.highlight { background-color: #5BB2C6; color: #FFFFFF !important; font-weight: bold; }
	#navigation ul.nav li span{ display: block; height: auto; text-decoration: none; padding-left: 4px; color: #5A403C !important; width: 156px; border-top: 1px solid #FFF; margin: 0; line-height: 1.5em; background: #E7E8E2; }

/*
##	Header
*/
	#header { position: relative; }
	#header h2 { margin: 0; }
	#header h2 a { width: 361px; display: block; margin: 0; height: 68px; overflow: hidden; background: url(../images/template/heading_mtm.gif) left top no-repeat; text-indent: -550px; }
	#header ul.shop { position: absolute; right: 0; bottom: 0; margin: 0; }
	#header ul.shop li { list-style: none; display: inline; margin: 0; padding: 0; background: 0; }
	#header ul.shop li a { float: left; display: block; margin: 0 0 0 5px; width: 92px; height: 25px; background: url(../images/template/shop.gif) center center no-repeat; line-height: 25px; text-align: center; color: #000000; text-decoration: none; }
	#header ul.shop li a:hover { color: #5BB2C6; }
	#header p#callus { width: 220px; margin: 0; position: absolute; right: 0; top: 10px; height: 35px; overflow: hidden; background: url(../images/template/callus.gif) 0 0 no-repeat; text-indent: -400px; }
/*
##	Product Pages
*/
	#fabrics { width: 195px; float: left; margin: 0 0px 0 0; }
	#sample_fabrics {clear:both; width: 165px; float: left; margin: 0 10px 0 0; }

	#swatch { margin: 0; }
	#swatch img { padding: 4px; border: 1px solid #CCC; }
	#swatches label { margin: 0; }
	#swatches img { border: 1px solid #CCC; float: left; margin: 0 5px 5px 0; padding: 4px; width: 40px; height: 40px; cursor: pointer; }
	#swatches img:hover { background-color: #D7E9ED; border-color: #2C8BA0; }
	#sample_fabrics select, #fabrics select { width: 160px; padding: 0; margin: 0 0 5px;}
	
	#variants { float: left; width: 220px; margin-right: 0px; }
		#extras { float: right; width: 140px; }
	
	#your_details { float: right; width: 375px; }
	
	#fabrics_table a{color:#FF0000!important;}
/*
##	Form
*/
	#contact { width: 250px; }
	form { margin: 0; padding: 0; border: none; }
	form fieldset { width: 100%; border-color: #666; border-width: 2px 0 0 0; border-style: solid none none none; padding: 0 0 0 10px; margin: 0; }
	form fieldset legend { font: bold 1em/1em Verdana, Helvetica, sans-serif; color: #9A7F6D; margin: 0; padding: 0 5px; }
	form fieldset .greylegend { font: bold 1em/1em Verdana, Helvetica, sans-serif; color: #AAAAAA; margin: 0; padding: 0 5px; }
	form fieldset .greylegend a{ color:#AAAAAA !important;}
	form fieldset .greylegend a:hover{ color:#9A7F6D !important;}
	
	form fieldset div.fsd { padding: 10px 0 10px; }
	fieldset p { margin: 0 0 5px; }
	.text, .checkbox, .radio { display: block; padding: 2px; margin: 0; line-height: 1em; width: 200px; font: 1em/1em Verdana; color:black;}
	.text-contact { display: block; padding: 2px; margin: 0; line-height: 1em; width: 130px; font: 1em/1em Verdana; color:black;}
	select { display: block; font: 1em/1em Verdana; padding: 1px; }
	textarea.text { height: 6em; width: 200px; line-height: 1.2em;}
	form label { display: block; margin: 0 0 5px; }
	input.checkbox, input.radio { float: left; height: 1em; width: 1em; padding: 0; margin: 0 3px 0 0; }
	label.checkbox, label.radio { line-height: 1em; margin: 0 0 5px; }

	legend { }
	fieldset.none { border: none; padding: 0; display: block; }

	#extras h2 { margin: 10px 0 5px; }
	fieldset.mini { display: block; width: 130px; border-width: 1px; border-style: solid; padding: 4px; }
	fieldset.midium { display: block; width: 144px; padding: 4px; margin: 3px 3px; border: none}
	fieldset.install { display: inline; width: 270px; border-width: 1px; border-style: solid; padding: 4px; }
	fieldset.midi { display: block; width: 380px; margin: 0 0 10px; border-width: 1px; border-style: solid; padding: 4px; }
	fieldset.info { display: block; width: 180px; margin: 0 0 10px; border-width: 1px; border-style: solid; padding: 4px; }
	fieldset.blue { border-color: #5BB2C6; background-color: #EAF3F5; }
	fieldset.brown { border-color: #999; background-color: #E7E8E2; }
	fieldset.green { border-color: #8FBD46; background-color: #EAF3DC; }
	fieldset.brown-no-border { background-color: #E7E8E2; }

	div .midi { display: block; width: 360px; margin: 0 0 10px; border-width: 1px; border-style: solid; padding: 4px; }
  div .blue { border-color: #5BB2C6; background-color: #EAF3F5; }

	#up-close {margin: 30px 0px 0px 40px}
	#up-close ul {margin-top: 20px;}
	
	p#price { text-align: center; font: 1.7em/1em Verdana; color: #000; margin: 0; }
	.price { text-align: center; font: 1.7em/1em Verdana; color: #000; margin: 0; }
	
	fieldset.mini ul.pdf { margin: 0; }
	
	fieldset.mini legend { display: none; }
	fieldset.mini .text { width: 120px; }
	fieldset.mini label { margin: 5px 0 0; color: #666; font-weight: bold; }
	fieldset.mini input.button { width: 120px; margin: 5px 0 0; }
    
	
	fieldset.midium .text { width: 136px; }
	fieldset.midium label { margin: 5px 0 0; color: #666; font-weight: bold; }
	fieldset.midium input.button { width: 136px; margin: 5px 0 0; }
	
	fieldset.midi legend { display: none; }
	fieldset.midi .text { width: 370px;display:block; }
	fieldset.midi .halfsize { width: 135px; }
	fieldset.midi .checkbox { width: 20px; }
	fieldset.midi label { display:block; margin: 10px 0 5px 0; color: #666; font-weight: bold; }
	fieldset.midi input.button { width: 120px; margin: 5px 0 0; }
  
  div.mini ul.pdf { margin: 0; }
  
  div.mini legend { display: none; }
  div.mini .text { width: 120px; }
  div.mini label { margin: 5px 0 0; color: #666; font-weight: bold; }
  div.mini input.button { width: 120px; margin: 5px 0 0; }
  
  div.midium .text { width: 136px; }
  div.midium label { margin: 5px 0 0; color: #666; font-weight: bold; }
  div.midium input.button { width: 136px; margin: 5px 0 0; }
  
  div.midi legend { display: none; }
  div.midi .text { width: 350px;display:block; }
  div.midi .halfsize { width: 135px; }
  div.midi .checkbox { width: 20px; }
  div.midi label { display:block; margin: 10px 0 5px 0; color: #666; font-weight: bold; }
  div.midi input.button { width: 120px; margin: 5px 0 0; }
  div.midi label span { color: red; }
	
	#converter #c_size_value, #converter #c_to_value { }
	#converter #c_size_type {  }
	#converter #c_to_type  {  }
	#converter p { clear: both; }
	#converter label { overflow: auto; clear:both; }
	#converter label.half { float: left; clear: none; width: 48%; margin-right: 2%; overflow:hidden; }
	#converter label.half select, #converter label.half input { width: 100%; }
/*
##	Footer
*/
	#footer { border-top: 4px solid #2C8BA0; }
	#left_footer {width:180px;float:left;padding-left: 10px; margin: 10px 0 0;}
	#right_footer {float:left; width:578px;}
	#footer address, #footer p, #footer ul {  padding-right: 10px; margin: 10px 0 10px 0px; }
	#footer div.copyright {width: 578px; padding-left:190px;background: #5A403C; line-height: 2em; color: #FFF; font-weight: bold; clear:both } 
/*
##	Tables
*/
	table.content { font-size: 1em; margin: 0; border: 0; padding: 0; }
	table.content th, table.content td { background-color: #E7E8E2; text-align: left; }
	table.content p { padding: 5px; margin: 0; font-weight: bold; }
/*
##	Swatch Clickies
*/
	.swatchbox{display:none;}
	.swatchhidden{display:none;}
	.techinfo{border: 1px solid #CCC; padding: 9px;}
	.techinfo p { margin: 0; }
	
	p.clicktoenlarge { margin: 0 0 5px;  }
	p.clicktoenlarge a { display: block; margin: 0; width: 160px; background: #FFF; border-top: none; font-weight: bold; text-align: center; color: #2C8BA0; }
	p.clicktoenlarge a:hover { color: #9A7F6D; }
/*
##	Basket + Checkout stuff
*/	
	.borederedTable{border:1px solid #CCCCCC;}
	.field-header{padding:3px;border-bottom:1px solid #CCCCCC;}
	.fields{padding:3px;background:#E4F2F5;}
	.prod_flags{text-align:center;margin: 0 0 4px; }
	.prod_flags img{padding:3px;}
	.field_qty{width:65px;}
	.small_prod_desc{font-size:0.8em;margin-left:5px;display:block;}
	
	.cleared{display:block;clear:both;}
	
	.techlink { border: 1px solid #5BB2C6; background-color: #EAF3F5; padding: 4px; display:inline; float: right; margin: 0 0 4px 4px; }
	p.freesamples { padding: 0; clear: both; margin: 10px 5px 0 0; font-weight: bold; text-align: center; }
  p.sampleform { padding: 0; clear: both; margin: 10px 5px 0 0; font-weight: bold; text-align: center; }
  
  .small_font{ font-size: 9px;}
  
  .producth1{display:inline; }
  .productp{display:inline;
            color:red;
            font-size:11pt;}
            
  .title_surround{padding-top: 10px;
                  padding-bottom: 10px;
                  }
                  
  .turquoise{color: #4FA8BC}
  
#invoice_address span {
    color: red;
}


#ship_details span {
    color: red;
}
.warning {
  width: 540px;
  padding:5px 0px 10px 30px;
  color:#4FA8BC;
  font-weight: bold;
  background-image: url('../images/checkout_warning.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.video_block {
    padding-bottom: 20px;
    width:570px;
}
.video_block h2 {
    padding: 15px 0px 7px 15px;
    border: 1px solid #D0D0D0;
    color: black;
    background-color: #E7E8E2;
    margin: 0;
}
.video_block_video {
    padding: 15px 5px 10px 10px;
    background-color: #F8F8F8;
    border: 1px solid #D0D0D0;
    border-top-width: 0;
    border-bottom-width: 0;
}
.video_block_video a.link {
    float:left;
    padding-top:5px;
    padding-right: 6px;
}
.video_block_info {
    background-image: url('../images/video_info.jpg');
    background-repeat: no-repeat;
    background-position: 12px 12px;
    background-color: #F8F8F8;
    padding: 0px 5px 10px 70px;
    border: 1px solid #D0D0D0;
    border-top-width: 0;
}
#video_links {
    height: 140px;
}
#video_links a {
    line-height: 17px;
}