/**
 * template.css
 * Image Blinds Direct
 * Another class A design from imagin8
 */

/* Override tags */
body {
	margin:					0px;
	padding:				41px 0px 0px 0px;
	background-image:		url(images/back.gif);
	background-position:	top center;
	font-size:				12px;
	font-family:			Arial, Verdana, sans-serif;
}

form {
	display:				inline;
}
	
img {
	border:					0px;
}

a {
	color:					#953F03;
}

a:hover {
	font-weight:			bold;
}

ul {
	list-style-image:		url(images/bullet.gif);
}

/* encompassing div, set width and center */
#centerDiv {
	width:					761px;
	margin:					auto;
}

#backgroundDiv {
	background-color:		#F7F7F7;
}

/* header stuff */
#header {
	background-image:		url(images/top_back.gif);
	margin-bottom:			10px;
	background-color:		#D65507;
}

#header .border {
	border-left:			11px solid #F7F7F7;
	border-right:			10px solid #F7F7F7;
}

#header .height {
	height: 58px;
}

#header .logo {
	margin-top:				7px;
	margin-left:			27px;
}

/* table of contents */
#toc {
	float:					right;
	padding-right:			35px;
	width:					200px;
}

#toc .tocHeading {
	background-color:		#CF4500;
	color:					white;
	padding:				6px 5px 5px 0px;
}

#toc .spacer {
	background-color:		#CF4500;
	font-size:				11px;
}

#toc .tocContent {
	background-color:		white;
	border-bottom:			4px solid #CF4500;
}

#toc ul {
	margin-top:				0px;
	padding-top:			0px;
	margin-bottom:			15px;
}

#toc ul li {
	padding-bottom:			5px;
}

/* menu within the header */
#menu {
	float:					right;
	height:					24px;
	background-color:		#953F03;
	width:					505px;
	margin-top:				47px;
	color:					#DE670F;
	font-size:				11px;
}

#menu ul {
	padding:				0px;
	margin:					6px 0px 0px 13px;
	list-style-type:		none;
	list-style-image:		none;
}

#menu li {
	float: 					left;
	padding:				0px 0px;
	margin:					0px 6px;
}

#menu a {
	color:					white;
	font-weight:			bold;
	text-decoration:		none;
}

/* Section 1 */
#section1, #l2section {
	border-left:			11px solid #F7F7F7;
	border-right:			10px solid #F7F7F7;
	background-color:		#EDE9E3;
	background-repeat:		no-repeat;
	background-position:	top right;
	background-image:		url(images/main_back.gif);
}

#section1 {
	margin-bottom:			1px;
}

#section1 .content {
	padding-left:			45px;
	padding-top:			25px;
	padding-bottom:			20px;
}

#l2section .content {
	padding-left:			45px;
	padding-top:			5px;
	padding-bottom:			10px;
}

/* Heading */
.heading {
	font-size: 20px;
	font-weight: bold;
	font-family: Trebuchet MS;
	color: #D65507;
	font-style: italic;
}

/* Section 2 */
#section2 {
	border-left:			11px solid #F7F7F7;
	border-right:			10px solid #F7F7F7;
	background-color:		#DBD5CE;
	border-bottom:			1px solid #F7F7F7;
}

/* Section 3 */
#section3 {
	background-image:		url(images/3_back.gif);
	border-left:			11px solid #F7F7F7;
	border-right:			10px solid #F7F7F7;
}

/* the text for pages with a menu */
.text {
	padding:				5px 0px 35px 45px;
	margin-right:			260px;
	line-height:			150%;
}

/* separating line */
.separator {
	border-bottom:			1px solid white;
}

/* purchase table */
.purchaseTable {
	background-color:		#DBD5CE;
	border: 1px solid white;
}

.purchaseTable td {
	background-color:		#EDE9E3;
}

/* content images */
.contentImage {
	/*border:					5px solid #CF4500;*/
	border:					6px solid #B37A5D;
	padding:				1px;
	background-color:		white;
}

a:hover .contentImage {
	border:					6px solid #CF4500;
}

/* FAQ answers */
.faqA {
	/*color: #D65507;*/
}

/* contentFooter */
#contentFooter {
	border-bottom: 			15px solid #F7F7F7;
	background-color: 		#DBD5CE;
	height: 				14px;
	font-size: 				1px;
}

/* footer */
#footer {
	padding:				15px;
	color:					white;
	font-size:				10px;
	font-family:			verdana, sans-serif;
}

#footer a {
	color:					white;
	text-decoration:		none;
}

#footer a:hover {
	text-decoration:		underline;
}
#instructions {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#instructions li {
	float: left;
}
#instructions li a {
	padding: 4px 12px 20px 12px;
	margin: 6px 5px 36px 5px;
	display: block;
}
#instructions li a:hover {
	border: 5px solid #F8F5F3;
	/*margin: 0 20px 50px 20px;*/
	margin: 1px 0px 31px 0px;
}
