/*START OF STYLES HOVER PICS / IMAGES*/
a.tooltip {
position:relative;
z-index:100;
}

a.tooltip span {
display:none;
text-decoration:none;
}

a.tooltip img {
border:none;
}

a.tooltip:hover {
font-size:100%; /*fixes IE5 bug*/
}

a.tooltip span img {
float:left;
padding-right:0.5em;
}

a.tooltip:hover span {
text-align:left;
display:block;
position:absolute;
top:1em;
left:2em;
padding:0.3em 0.6em;
border:1px solid #996633;
background-color:#FFFF99;
color:#000;
width:230px;
font-size:smaller;
}
/*END OF STYLES HOVER PICS / IMAGES*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:750px;
	background-color:#333333;
	color:#333333;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	font-size: 16px;
	color:#444444;
}

h2 {
	font-size: 14px;
	color:#444444;
}

h3 {
	font-size: 12px;
	color:#444444;
	margin-bottom:0px;
}

p {
	margin-top: 1px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img {
	border:none;
}

a:link, a:visited {
	text-decoration:none;
	color:#660099;
	padding:5px 0px;
	/*background:url(images/underline1.gif) repeat-x left bottom;*/
}

a:hover, a:active {
	text-decoration:underline;
	color:#CC0000;
	padding:5px 0px;
}

a[href$=".pdf"] {
	background: url(images/logopdf.gif) no-repeat right center;
	padding-right: 20px;
}

a[href^="http:"] {
	background: url(images/logoexternallink.gif) no-repeat right center;
	padding-right: 20px;
}

.pagenumberswrapper {
	margin-left:140px;
	height:30px;
}

.pagenumberswrapper a {
	height:10px;
	width:20px;
	padding:4px; 
	border:1px solid #CCCCCC;
}

.pagenumbercurrent {
	height:10px;
	width:20px;
	padding:4px; 
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	background-color:#660066;
}

/*LANTERN PAGE*/
.lanternpage h3 {
	padding-top:10px;
	padding-bottom:3px;
	clear:both;
}

.thumb {
	padding:10px;
	border:1px solid #999999;
	margin-right:10px;
}


/* NEWS PAGE */
.newsheaderwrapper {
	padding:10px;
	background-color:#333333;
	margin-top:2px;
	clear:both;
	margin-bottom:2px;
}

.newsheader {
	color:#FF6600; 
	padding-top:0px; 
	margin-top:0px;
}

.newsdate {
	color:#CCCCCC;
}

/*START OF DOWNLOADS PAGE*/
.brochure {
	border:#CCCCCC solid 1px;
	padding:10px;
	margin-bottom:20px;
	background-color:#eeeeee;
}

.brochure h2 {
	margin:0px;
	padding:0px;
}

.brochure p {
	margin-top:2px;
}
/*END OF DOWNLOADS PAGE*/

/*START OF QUOTE PAGE*/
#divelectricventsoptions {
	margin-left:30px;
	margin-top:3px;
	border:1px dashed #999999;
	padding:0px;
}

#divelectricventsoptions label {
	font-weight:normal;
	width:12em;
}

#divelectricventsoptions .formerror {
	margin-left:15em;
}

#quoteconfirm {
	border:1px solid #999999;
	text-align:center;
	margin-top:60px;
	background-color:#FFFFCC;
	padding:10px;
}

#quoteconfirm p{
	padding:0px;
	margin:0px;
}
/*END OF QUOTE PAGE*/

#header {
	background-image:url(images/banner4.png);
	background-color:#CCCCCC;
	height:170px;
	width:752px;
}

#mainnav {
	position:absolute;
	top:24px;
	background-image:url(images/navibackground.png);
	width:270px;
	margin-left:452px;
	padding:4px;
	z-index:2;
}

#mainnav ul {
	margin:0px;
	padding:0px;
}

#mainnav li {
	list-style-type:none;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	line-height:19px;
}

#mainnav a:link, #mainnav a:visited {
	padding-left:10px;
	text-decoration:none;
	color:#330000;
	/*background:none;*/
	background-image:url(images/linkstatic.gif);
	background-repeat:no-repeat;
	background-position:-12px;
}

#mainnav a:hover, #mainnav a:active {
	padding-left:10px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(images/linkhover.gif);
	background-repeat:no-repeat;
	background-position:-12px;
}

#maincontent {
	background-image:url(images/bodybg.png);
	background-repeat:repeat-y;
	margin:0px;
	padding-left:35px;
	padding-right:35px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto;
	min-height:500px;
}

#thumbnails {
	width:200px;
	height:250px;
	background-color:#0033CC;
}

.highlightparagraph {
	text-align:center;
	background-color:#EEEEEE;
	border:#663366 1px solid;
	padding:10px;
	color:#663366;
}

#footer {
	height:50px;
	background-color:#dddddd;
	background-image:url(images/footer.png);
}

#footerlinks {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:right;
	line-height:50px;
	padding-right:25px;
}

#footerlinks a:link, #footerlinks a:visited {
	text-decoration:none;
	color:#330000;
	padding:5px;
}

#footerlinks a:hover, #footerlinks a:active {
	text-decoration:underline;
	color:#CC0000;
	padding:5px;
}

#footercopyright {
	float:left;
	line-height:50px;
	padding-left:20px;
}

#homemainpic {
	position:absolute;
	top:20px;
	margin-left:431px;
	width:325px;
	height:250px;
	z-index:1;
	/*background: url(images/blueskythruroof.png) no-repeat;*/
	background: url(images/mainmenubg4.png) no-repeat;
}

#bodybgtop {
	background-image:url(images/bodybgtopbottom.png);
	width:750px;
	height:7px;
}

#bodybgbottom {
	background-image:url(images/bodybgtopbottom.png);
	width:750px;
	height:7px;
}

#texturecolourswatches {
	margin-left:auto;
	margin-right:auto;
	width:660px;
}

#texturecolourswatches div {
	float:left;
}

#texturecolourswatches span {
	display:block;
	margin-bottom:25px;
	text-align:center;
}

#texturecolourswatches div img {
	width:200px;
	height:200px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:2px;
	padding-left:10px;
}

#colourswatches {
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

#colourswatches div {
	float:left;
}

#colourswatches span {
	display:block;
	margin-bottom:25px;
	text-align:center;
}

#colourswatches div img {
	width:100px;
	height:50px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:2px;
	padding-left:10px;
}

/*FORM STUFF*/
.formerror
	{
	color:#ff0000;
	font-size:smaller;
	padding-top:0px;
	margin-top:0px;
	margin-left:19em;
}

form p {
	padding-bottom:4px;
	margin-bottom:5px;
}
	
label {
	float:left;
	width:16em;
	font-weight:bold;
}

input {
	width:290px;
}

select {
	width:290px;
}

textarea {
	width:300px;
}

.button {
	text-align:center;
	margin-left:230px;
}

#StylePreview {
	margin-left:150px;
}