/* 
Type: CSS Document 
Created by: Jeetendra Shimpi
Email: jshimpi@gmail.com
Company: Jaal Web Systems. India.
Website: http://www.jaalsystems.com
Telephone:  +91 9821554195
*/

/* -------------- General Styles ---------------- */

*{margin: 0; padding: 0;}
body {background: #E4E0D7;}
img{border: 0;}
ul{list-style-type: none;}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: underline;}




/* ---------------- Main Structure ---------------- */ 

#telbox
{
width: 400px;
padding: 0 32px 0 0;
float: right;
text-align: right;
font: 18px "Trebuchet MS";
color: #fff;
margin: 10px 0 0 0;
}

#wrapmaster
{
width: 984px;
overflow: hidden;
background: #676;
margin: 10px auto 0;
border: 3px solid #fff;
}

/* ------------- Header Style --------------- */

#header-master
{
width: 984px;
margin: 0;
padding: 0;
height: 150px;
background: url(../images/header-bg.gif) no-repeat top left;
margin: 0 auto;
overflow: hidden;
}

	#header-right
	{
	width: 400px;
	float: right;
	}

	ul#topheadlinks
	{
	width: 400px;
	float: right;
	}
	
	ul#topheadlinks li
	{
	float: left;
	background: url(../images/topheadlinks-bg.jpg) repeat-x top left;
	height: 20px;
	padding: 5px 10px;
	margin: 0 0 0 2px;
	}
	
	ul#topheadlinks li a
	{
	font: 12px "Trebuchet MS";
	color: #fff;
	}
	
	
	
/* Contetn Container --------------- */	
	
#content
{
background: url(../images/content-bg.gif) no-repeat top left;
width: 984px;
margin: 0 auto;
overflow: hidden;
}	

#leftcolumn
{
width: 580px;
float: left;
padding: 0 0 0 85px;
}	

#rightcolumn
{
width: 310px;
float: left;
text-align: right;
margin: 0 9px 0 0;
}	


/* Left Container --------------- */	

.prodrange
{
width: 160px;
float: left;
padding: 5px 0 0 0;
margin: 0 0 0 10px;
}

.shutters{background: url(../images/shutter-prod-bg.gif) no-repeat top left;}
.blindshome{background: url(../images/blinds-prod-bg.gif) no-repeat top left;}


.prodrange ul
{
padding: 20px 0 0 0;
margin: 0 0 20px 0;
}

.prodrange ul li
{
display: block;

}

.prodrange ul li h2
{
font: 11px arial;
margin: 0 0 2px 0;
}

.prodrange ul.blindshome  li h2
{
text-align: right;
padding: 0 10px 0 0;
}

.prodrange ul li h2 a
{
color: #fff;
font: 11px arial;
}

.prodrange ul li  span
{
width: 148px;
margin: 0px 0 10px 0;
display: block;
border: 1px solid #fff;
}


#hpcontent
{
float: left;
width: 220px;
margin: 0 0 0 10px;
}

#hpcontent h1
{
font: bold 18px arial;
margin: 0 0 10px 0;
color: #fff;
}

#hpcontent p
{
font: 11px arial;
color: #fff;
margin: 0 0 10px 0;
line-height: 16px;
}




/* Right Container --------------- */	

#mainphoto
{
width: 289px;
border: 3px solid #fff;
}


#specialbox
{
text-align: left;
width: 279px;
height: 70px;
border: 3px solid #ccc;
margin: 10px 0 20px 0;
padding: 40px 0 0 10px;
background: #8A948B url(../images/specialbox-bg.jpg) no-repeat top left;
}

#specialbox span.splimg
{
float:left;
padding: 0 10px 0 0;
}

#specialbox p,
.more,
.more a
{
font: 11px arial;
color: #fff;
}

/* ------------- Contentblock Style --------------- */

#inside #leftcolumn
{
width: 625px;
float: left;
}

#inside #rightcolumn
{
width: 230px;
float: right;
}

.sectiontxt
{
width: 500px;
display: block;
}

#contentblock
{
width: 620px;
font: 12px arial;
background: url(../images/contentblock.jpg) repeat-x top left;
margin: 0 10px 0 0;
padding: 10px;
}

#contentblock h1,
#contentblock h2
{
font: 25px arial;
margin: 0 0 10px 0;
color: #fff;
}


#contentblock h2 
{
font: 15px arial;
margin: 0 0 0px 0;
}

.caption
{
font: 11px arial;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
display: block;
}


#contentblock p
{
font: 12px arial;
margin: 0 0 10px 0;
color: #fff;
line-height: 18px;
}



#bannerbox
{
border: 1px solid #fff;
}




.rightbox
{
text-align: left;
width: 211px;
border: 3px solid #ccc;
margin: 0 0 10px 0;
padding: 40px 0 10px 9px;
float: left;
}

.rightbox.quotes{background: #8A948B url(../images/quotes-bg.gif) no-repeat top left;}
.rightbox.shutter{background: #8A948B url(../images/shutter-bg.gif) no-repeat top left;}
.rightbox.blinds{background: #8A948B url(../images/blinds-bg.gif) no-repeat top left;}
.rightbox.special{background: #8A948B url(../images/special-bg.gif) no-repeat top left;}



.rightbox h2
{
font: 13px Georgia;
color: #fff;
margin: 0 0 5px 0;
}

.rightbox h2 a
{
text-decoration: none;
color: #fff;
}


.rightbox p
{
font: 11px arial;
color: #fff;
margin: 0 0 10px 0;
}

.rightbox p a
{
text-decoration: underline;
color: #fff;
}

ul.sidelinks
{
float: left;
}

ul.sidelinks li
{
width: 205px;
color: #79847A;
border-bottom: 1px solid #5B645D;
line-height: 25px;
}

/*ul.sidelinks li a.timbershutter,
ul.sidelinks li a.silkwoodshutter
{
font: bold 12px arial;
color: #fff;
text-decoration: underline;
}*/


ul.sidelinks li a
{
font: 11px arial;
color: #fff;
}




#prodsections
{
width: 625px;
float: left;
}

#sectionleft
{
width: 305px;
float: left;
}

#sectionright
{
width: 320px;
float: left;
}



ul.prodlist
{
width: 320px;
margin: 0 0 0 10px;
padding: 0;
}

ul.prodlist li
{
width: 160px;
float: left;
margin: 0 0 0 0px;
}

ul.prodlist li h2 a
{
font: 11px arial;
color: #fff;
}

ul.prodlist li span.prodimg
{
width: 148px;
margin: 0px 0 10px 0;
display: block;
border: 1px solid #fff;
}


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

#footer-master
{
width: 984px;
margin: 0;
padding: 0;
margin: 0 auto;
overflow: hidden;
}

	#footer-left
	{
	width: 400px;
	float: left;
	}
	
		#footer-left ul
		{
		margin: 0;
		padding: 0;
		}
		
		#footer-left ul li
		{
		float: left;
		padding:0 0px;
		margin: 0 20px 0 0;
		color: #6A746C;
		}

		#footer-left ul li a
		{
		color: #6A746C;
		font: 11px arial;
		}
		
		
	
	
	#footer-right
	{
	width: 550px;
	float: right;
	color: #6A746C;
	font: 11px arial;
	text-align: right;
	padding: 5px 0 0 0;
	}
	
	#footer-right a
	{
	color: #6A746C;
	font: 11px arial;
	}









table.buytstyle
{
font: 12px arial;
color: #fff;
float: left;

}

table.buytstyle td,
table.buytstyle th
{
font: 12px arial;
color: #B9BFBA;
padding: 5px;
}
table.buytstyle td a
{
color: #fff;
}

table.buytstyle th
{
font-weight: bold;
}
table.buytstyle input, select, textbox, textarea
{
background: #B9BFBA;
border: 0px;
padding:  2px 3px 2px 3px;
vertical-align: middle;
}


table.buytstyle td.blubbox
{
background: #65A2C2;
font-weight: bold;
}

table.buytstyle td.ylwbox
{
background: #FFCC00;
font-weight: bold;
color: #000;
}

table.buytstyle hr
{
height: 1px;
border: 1px solid #4282A4;
margin: 5px 0;
}




table.buytstyle form fieldset
{
border: 1px solid #ccc;
padding: 5px;
}

table.buytstyle legend
{
background: #B9BFBA;
padding: 2px 5px;
font: bold 12px arial;
color: #000;
}

span.text11it
{
font: 11px arial;
font-style: italic;
}

option
{
padding: 0 15px 0 0;
}











/* ------------- Gallery Style --------------- */

#gallery 
{
width: 290px;
margin: 0 0 20px 0;
}

#gallery  h2
{
margin: 0 0 5px 0px;
text-align: left;
font: bold 12px arial;
color: #fff;
}

#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin: 0 10px 0 0;}
#gallery ul img {
border: 1px solid #000;
border-width: 1px 1px 1px;
}
#gallery ul a:hover img {
border: 1px solid #fff;
border-width: 1px 1px 1px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }