/* file licenced for use by heatons. heatonsweb. and heatonsgifts. */
/* this file is not a template and cannot be reproduced without permission of Steve Gibson stevealfa@hotmail.com */
/* body stylingt */
body{
	padding:0;
	margin:0;
	font-family:arial, helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#ebf4eb;
	}
/* generic bullets for unordered lists */	
ul {
	list-style-type:disc;
	}	
/* generic color for the anchors */
a	{
	color:#660066;
	}
/* style for quotes */	
quote{
	font-style:italic;
	}	
/* Heading styling */	
h1, h2, h3, h4, h5, h6	{
	color:#6b1f5c;
	}
h1	{
	font-size:1.5em;
	}
h2	{
	font-size:1.3em;
	}
h3	{
	font-size:1.2em;
	}
h4	{
	font-size:1.1em;
	}
h5	{
	font-size:1em;
	}
h6	{
	font-size:.9em;
	}
/* clear both for breaks */
.clearboth{
	clear:both;
	}
/* the other most container layer in the nested structure that has white background and is centered in the browser */	
div#containerwrap{
width:980px;
background-color:#ffffff;
margin:auto;
height:auto;
padding-top:10px;
}
/* the second level of container layer in the nested structure that has cruved corners */	
div#container{
	width:955px;
	height:auto;
	background-image:url(../images/container_bg.gif);
	margin:auto;
	
	position:relative;
	}
/* manages the top curved corners */
div#container_top{
	width:auto;
	height:20px;
	background-image:url(../images/container_top.gif);
	background-repeat:no-repeat;
	}
/* manages the bottom curved corners */
div#container_bottom{
	width:auto;
	height:19px;
	background-image:url(../images/container_bottom.gif);
	background-repeat:no-repeat;
	}	
/* container for the left modules */
div#left{
	width:204px;
	height:auto;
	float:left;
	left:23px;
	position:relative;
	z-index:100;
	}
/* container for the vertical sub navigation */
div#navSub{
	width:205px;
	height:auto;
	background-image:url(../images/nav2_bg.gif);
	margin:auto;
	background-repeat:repeat-y;
	background-color:#f5e9f3;
	}
/* styling for the vertical sub menu */	
div#navSub ul{
	list-style-type:none;
	}
div#navSub ul li{
	line-height:2;
	}		
div#navSub ul li a{
	color:#373032;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
div#navSub ul li a:hover, div#navSub ul li a:active, div#navSub ul li a:focus, div#navSub ul li a.current_a{
	color:#6b1f5c;
	font-weight:bold;
	}
div#navSub_top{
	width:auto;
	height:21px;
	background-image:url(../images/nav2_top.gif);
	background-repeat:no-repeat;
	}

div#navSub_bottom{
	width:auto;
	height:21px;
	background-image:url(../images/nav2_bottom.gif);
	background-repeat:no-repeat;
	}
/* container for the main content area */
div#middle{
	width:475px;
	height:auto;
	float:left;
	position:relative;
	left:22px;
	}
/* main content area styling */	
div#contentMain{
	width:auto;
	height:auto;
	background-image:url(../images/contents_bg.gif);
	margin:auto;
	}
div#contentMain p, h1, h2, h3, h4, h5, h6{
	padding-left:20px;
	padding-right:20px;
	}
div#contentMain h4 {
	padding-left:37px;
	padding-right:20px;
	margin: auto;
}

div#contentMain li{
	padding-left:30px;
	padding-right:10px;
	list-style-position: inside;
	list-style-type: disc;
	}
div#contentMain_top{
	width:auto;
	height:21px;
	background-image:url(../images/contents_top.gif);
	background-repeat:no-repeat;
	}

div#contentMain_bottom{
	width:auto;
	height:19px;
	background-image:url(../images/contents_bottom.gif);
	background-repeat:no-repeat;
	}
/* main navigation styling */	
div#navTab{
	margin-top:110px;
	height:32px;
	float:left;
	}

div#navTab ul{
	list-style-type:none;
	margin:0;
	left:54px;
	padding:0;
	z-index:100;
	position:absolute;
	width:800px;
	}
div#navTab ul li{
	float:left;
	}
div#navTab ul li a{
	display:block;
	padding-top:8px;
	text-decoration:none;
	}

div#navTab ul li a.nav1_1{
	margin-right:25px;
	height:15px;	
	padding-left:10px;
	color:#996699;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/nav1_1_bg.gif);
	background-repeat:no-repeat;
	background-position:0 12px;
	border-bottom:1px #7d3d7d solid; 
	width:60px;;
	}
div#navTab ul li a.nav1_1.home{
	width:30px;
	}	
div#navTab ul li a.nav1_1:hover, div#navTab ul li a.nav1_1:active, div#navTab ul li a.nav1_1:focus, div#navTab ul li a.nav1_1active, div#navTab ul li a.nav1_1active:hover{		
	background-image:url(../images/nav1_1_hoverbg.gif);
	border-bottom-width:2px;
	}
div#navTab ul li a.nav1_2{
	height:24px;
	background-image:url(../images/nav1_bg.gif);
	width:79px;
	margin-left:13px;
	padding-left:20px;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	background-repeat:no-repeat;
	border-bottom:1px #e7cfe7 solid;
	background-color:#f5e9f3;
	}
div#navTab ul li a.nav1_2:hover, div#navTab ul li a.nav1_2:active, div#navTab ul li a.nav1_2:focus{
	color:#6b1f5c;
	background-image:url(../images/nav1_bg_hover.gif);		
	}
div#navTab ul li a.nav1_2:active, div#navTab ul li a.nav1_2:focus, div#navTab ul li a.nav1_2active, div#navTab ul li a.nav1_2active:hover{ 
	border-bottom:1px #f5e9f3 solid;
	color:#6b1f5c;
	background-image:url(../images/nav1_bg_active.gif);	
	}

/* Top menu */
div#navLinks1{
	position:absolute;
	left:385px;
	top:38px;
	}
/* bottom menu */	
div#navLinks2{
	margin:auto;
	width:600px;
	padding-top:40px;
	}
	
/* Top menu and Bottom menu */		
div#navLinks1 ul, div#navLinks2 ul{
	list-style-type:none;
	color:#009900;
	}

div#navLinks1 ul li, div#navLinks2 ul li{
	float:left;
	background-image:url(../images/topnav_bg.gif);
	background-repeat:no-repeat;
	background-position:95%;
	}
div#navLinks1 ul li.last, div#navLinks2 ul li.last{
	background-image:none;
	}	
div#navLinks1 ul li a, div#navLinks2 ul li a{
	display:block;
	color:#6b1f5c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-right:16px;
	}
	
div#navLinks1 ul li a{
	border-bottom:2px #7d3d7d solid; 
	}
/* container for the right modules */	
div#right{
	width:240px;
	height:auto;
	float:right;
	text-align:center;
	}
/* image links */	
a.button{
	display:block;
	margin:auto;
	}
/* testimonial box styling */	
div.testimonial{
	width:200px;
	height:auto;
	margin:auto;
	color:#999999;	
	}	
div.testimonial p{
	font-size:18px;
	text-align:justify;
	}
div.testimonial span.quotes{
	font-size:24px;
	font-weight:bold;
	color:#663366;
	}
div.testimonial span.quoted{
	font-size:12px;
	float:right;
	font-style:italic;
	}	
/* Form styling */	
div#formLogin{
	width:185px;
	height:306px;
	background-image:url(../images/login_bg.gif);
	font-size:0.9em;
	color:#ac69ab;
	line-height: 2em;
	}
form{
	width:75%;
	margin:auto;
	font-size:1.2em;
	font-weight:bold;
	}
form .inputbox{
	border:1px #990099 solid;
	width:98%;
	font-size:1.1em;
	line-height: normal;
	}
	
/* Footer styling */	
div#contentFooter{
	height:145px;
	width:auto;
	border-bottom:22px #ebf4eb solid;
	}
div#contentFooter p{
	text-align:center;
	font-size:11px;
	}
/* case study styling */
.contentCaseStudy{
	width:405px;
	height:155px;
	padding:10px;
	background-image:url(../images/review_bg.gif);
	background-repeat:no-repeat;
	margin:auto;
}
.contentCallOut {
	width:405px;
	height:auto;
	padding:10px;
	background-repeat:no-repeat;
	margin:auto;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D9C0DD;
	border-right-color: #D9C0DD;
	border-bottom-color: #D9C0DD;
	border-left-color: #D9C0DD;
}
.contentFAQ_Q {
	width:390px;
	height:auto;
	background-repeat:no-repeat;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D9C0DD;
	border-right-color: #D9C0DD;
	border-bottom-color: #D9C0DD;
	border-left-color: #D9C0DD;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	letter-spacing: normal;
	vertical-align: middle;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: #6b1f5c;
	font-weight: 600;
}
.contentFAQ_Ans {
	width:365px;
	height:auto;
	background-repeat:no-repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D9C0DD;
	border-right-color: #D9C0DD;
	border-bottom-color: #D9C0DD;
	border-left-color: #D9C0DD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 40px;
	word-spacing: .2em;
	white-space: normal;
}


.contentSectionHeader {
	width:400px;
	height:auto;
	padding:10px;
	background-repeat:no-repeat;
	margin:auto;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #D9C0DD;
	border-right-color: #D9C0DD;
	border-bottom-color: #D9C0DD;
	border-left-color: #D9C0DD;
}


.reviewtext{
	width:300px;
	float:right;
	}
	
	
/* Content help box on the right hand side */	
div#contentHelp{
	width:191px;
	height:127px;	
	background-image:url(../images/contentHelp_bg.gif);
	margin:auto;
	}
	
	
	
/* images */	
div#imgBrand{
	position:absolute;
	left:24px;
	top:19px;
	background-image:url(../images/logo.gif);
	}
a#imgApply{
	background-image:url(../images/button_setuponline.gif); 	
	}
a#imgC{
	background-image:url(../images/button_callnow.gif);
	} 
a#imgcallhome{
	background-image:url(../images/callheatonsstationers.gif);
	}
a#imgcallcontactus{
	background-image:url(../images/callheatonsoffice.gif);
	}
a#imgcallstationery{
	background-image:url(../images/callofficestationery.gif);
	}
a#imgcallprint{
	background-image:url(../images/callofficeprint.gif);
	}
a#imgcallfurniture{
	background-image:url(../images/callofficefurniture.gif);
	}
a#imgcallgifts{
	background-image:url(../images/callpromotionalgifts.gif);
	}
a#imgQ{
	 background-image:url(../images/imgQ_SampleQuote.gif);
	 }
a#imgA{
	 background-image:url(../images/imgA_SampleAdBanner.jpg);
	 }
a#imgO{
	 background-image:url(../images/button_onlineordering.gif);
	 }
a#imgcat{
	 background-image : url(../images/catalogue.gif);
	 }
a#imgF{
	 background-image:url(../images/button_freepriceaudit.gif);
	 }