/*********************************************************
   GENERAL STYLES - BODY, HEADINGS, MENU, SECTION LAYOUT 
 ********************************************************/
* { padding: 0; margin: 0; }
body { color: #000000; font: 12px Georgia, "Times New Roman", Times, serif; background: #000000 url(images/templateimages/bg.gif) repeat; }
/* Headings */
h1{
	font-size: 20px;
	padding: 15px 0 15px 20px;
	color: #ff6602;
	text-transform: uppercase;
}
h2 { font-size: 14px;  }
h2.centre { text-align: center; }
h3 { font-size: 13px; color: #FF9900; }
h4 { font-size: 12px; color: #FF9900; }

h5 { font-size: 20px; color: #fff; font-weight: bolder; padding: 9px 0 3px 55px; }
h5 a:link {  color: #fff; font-weight: bold;  text-decoration: none }
h5 a:active{ color: #fff; font-weight: bold; text-decoration: none }
h5 a:visited { color: #fff; font-weight: bold; text-decoration: none }
h5 a:hover { color: #ff6602; text-decoration: underlined;}

h6 { font-size: 18px; color: #ff6602;  padding: 0 0 15px 0;}

.h5-2 { font-size: 20px; color: #fff; font-weight: bolder; padding: 20px 0 3px 55px;}
.h5-2 a:link {  color: #fff; font-weight: bold;  text-decoration: none }
.h5-2 a:active{ color: #fff; font-weight: bold; text-decoration: none }
.h5-2 a:visited { color: #fff; font-weight: bold; text-decoration: none }
.h5-2 a:hover { color: #ff6602; text-decoration: underlined;}

.orangetext { font-size: 13px; color: #FF9900; font-weight: bolder; margin: 0 0 0 20px; padding: 0; }

/* Text - General Styles */
p { margin: 0 20px 10px 20px; padding: 0 0 15px 0;}
.textcentred { text-align: center; }
.textjustified { text-align: justify; }
#footertext { text-align: center; padding-bottom: 10px; color: #fff; }
#footertext a:link { color: #fff; text-decoration: none }
#footertext a:active{ color: #fff; text-decoration: none }
#footertext a:visited { color: #fff; text-decoration: none }
#footertext a:hover { color: #ff6602; text-decoration: none}
.ilalbase{ font-size: 11px; font-style: italic; color: #ff6602; }

/* General Page Links */
a:link,  a:visited, a:active{ color: #000000;  text-decoration: underline;}
a:hover { color: #ff6602; }

.imagesborder{ border: 1px solid #FFDBA6; padding: 2px;}

/* Section Layout - all pages */
#container { margin: 15px auto;	width: 900px; background:#000; }

#header { }

#scroll { color: #000; background: #FF7808; margin: 10px 0; padding: 5px 0 3px 0; font-size: 16px; }

#content { background:#ffffff; }
#footer { clear: both; height: 75px; margin: 10px 0 0 0; background: url(images/templateimages/bg_footer.png); }
#footer p { font-size: 16px; color: #FFF; text-align: center; padding: 12px 0 0 0; }
#footer a:link { color: #fff; text-decoration: none }
#footer a:active{ color: #fff; text-decoration: none }
#footer a:visited { color: #fff; text-decoration: none }
#footer a:hover { color: #0CF; text-decoration: none }

/* Menu */
#menu{ width:900px; height:64px; margin: 7px 0 10px 0; background: url(images/templateimages/menu_bg.jpg);}
#menu  ul{ font-size: 16px;	 padding: 6px 0 0 0; list-style: none; text-align: center; }
#menu li { display: inline; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; padding:0 7px 0 0; }
#menu li a:link { color: #fff; font-weight: bold; text-decoration: none; }
#menu li a:visited { color: #fff; font-weight: bold; text-decoration: none;}
#menu li a:active { color: #fff; font-weight: bold; }
#menu li a:hover { color: #ff6602; font-weight: bold; text-decoration: none; }
#menu p{ margin:0 0 5px 0;}

/**************************
   INDIVIDUAL PAGE STYLES
 **************************/
/*Home*/ 
#homeleft { width: 600px; padding: 20px 20px 25px 25px; #padding: 20px 20px 25px 25px; _padding: 20px 0 10px 25px; height: 350px;}
#homeleft p { margin: 0; padding: 0 ;}
#homeright { float: right; width: 200px; padding:18px 5px 0 5px; margin: 0 40px 0 0; #margin: 0 30px 0 0; _margin: 0 ; background:#fff; height: 350px; text-align: center;}
#homeright p {  margin: 0; }
.right-top-bg { background: url(images/home/right_bg.jpg) no-repeat; height: 68px; width:230px; margin: 0 0 5px 8px; #margin: 5px 0 5px 0px; }
.right-mid-bg { background: url(images/home/right_mid_bg.jpg) no-repeat; height: 80px; width:184px; margin: 5px 0 5px 3px;}

.spc-offer { margin: 5px 0 3px 0; }

/*About Us*/
.aboutimage{
	float: right;
	margin: 0 20px 20px 20px;
}

/*Stockists and Installers*/
.stockistbox { border-bottom-style: dotted; border-bottom-color: #cccccc; width: 860px; float: left; border-bottom-width: thin; padding: 5px 20px 15px 20px; background: #FFF; }
.stockistboxphoto { float: right;  margin: 5px 0px 0px 0px; }
.stockistboxbottomtext { width: 480px; font-weight: bold; float: left; padding: 20px 0px 15px 0px; }
.stockistboxnophoto{float: right; margin: 5px 17px 0px 0px;} 

/*Products*/
#productsphoto { float: right; padding: 0px 0px 0px 20px; }
#retirementbox {
	float: right;
	width: 185px;
	height: 190px;
	margin: 8px 20px 0 15px;
	padding-top:8px;
	text-align: center;
	border: 1px solid #FFDBA6;
	background: #FFEACA;
}

#contentproducts { width: 900px; background: #fff; height: 530px;}
#poductsleft { float: left; width: 420px; }
#productsright { float: right; width: 420px;  padding: 0 40px 0 0; }
#productsright p { font-size: 13px; margin: 0 20px 0 20px; padding: 0 0 14px 0;  }

.products-bg { background: url(images/products_bg.jpg) no-repeat; height: 55px; width:320px; margin: 0 0 53px 38px; }

.products { font-size: 30px; color: #fff; font-weight: bolder; padding: 10px 0 0 30px; text-align: center; }
.products a:link {  color: #fff; font-weight: bold;  text-decoration: none }
.products a:active{ color: #fff; font-weight: bold; text-decoration: none }
.products a:visited { color: #fff; font-weight: bold; text-decoration: none }
.products a:hover { color: #ff6602; text-decoration: underlined;}

/*Photos*/
#contentphotos { background:#fff; font-size: 14px;}
#contentphotos ul { list-style: none; }
#contentphotos ul li{ padding: 0 0 20px 0; font-size: 14px; font-weight: bold; }
#photosleft { margin: 0 0 30px 20px; position: relative; width: 350px;}
#photosright { margin: -250px 20px 30px 0px; text-align: right; }
#contentphotos table{ margin: 5px 0 0 20px ; }
#contentphotos p { margin: 0 20px 10px 0px; }
#contentphotos a:link { text-decoration: underline }
#contentphotos a:active{  text-decoration: underline }
#contentphotos a:visited {text-decoration: underline }
#contentphotos a:hover { color: #0CF; text-decoration: underline }
#photomodules{ margin: 0 0 20px 0; background: #F4FFFF; text-align: center; border: 1px dashed #F96; }


/*Places To View*/
#contentptv { background:#fff; height: 500px; }
#contentptv p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}
#placeviewleft { float: left; width: 200px; padding: 0 0 0 20px; background: #fff; }
#placeviewcentre { float: left; width: 232px; padding: 0 0 0 140px; background: #fff;}
#placeviewright { float: right;	width: 175px; background: #fff; }

/*Links*/
#contentlinks { background:#fff; height: 605px; }
#linksleft { float: left; width: 340px; background: #fff; padding: 0 0 0 5px;}
#linksright { float: right;	width: 200px; padding-right: 145px; background: #fff; }

/*Testimonials*/
.testimimage{
	float: right;
	margin:0 0 5px 20px;
}

/*Design Ideas*/
.designideas { position: relative;}
.designideas img {margin: 15px 21px 15px 21px;}
.photospage { margin: 0 80px 15px 20px; }
.photospage2 { margin: 0 0 15px 0px; }
.photospage3 { margin: 0 0 0 0px; }


/*Contact Us*/
#contentcontact { background:#fff; height: 300px; }
#contactimage{
	float: left;
	padding: 3px;
	margin: 0 120px 60px 20px;
	border: 1px solid #FFEFDF;
}
.contacttext{
	float: left;
	margin: 0 160px 15px 234px;
	height: 50px;
}


/*Modules, Tunnels, Kits, Accessories*/
.infobox { float: left; width: 840px; height: 370px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infobox p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infobox1 { float: left; width: 840px; height: 340px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infobox1 p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infobox2 { float: left; width: 840px; height: 420px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infobox2 p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infoboxcompletekits { float: left; width: 840px; height: 440px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infoboxcompletekits p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infoboxnophoto { float: left; width: 840px; height: 120px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infoboxnophoto p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infoboxnophoto2 { float: left; width: 840px; height: 190px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infoboxnophoto2 p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.infoboxnophoto3 { float: left; width: 840px; height: 210px; padding: 0 10px 10px 10px; margin:0 0 10px 20px; background: #fff; border: 1px solid #FFE9D2; }
.infoboxnophoto3 p { margin: 0 20px 10px 0; padding: 0 0 15px 0;}

.modulesphotos { float: right; margin:0 0 0 10px; padding: 5px; border: 1px solid #FFEFDF;}
.completekitslist {margin: 10px 0 10px 20px;}
.backtotoptext{margin-left: 22px;}

/*Tunnels*/
#exitboxtable {
	border: 1px solid #FFE9D2;
}
#exitboxtable td {
	border: 1px solid #FFE9D2;
	padding: 2px;
}

/*News1*/
.photosright { float: right; margin: 0 4px 5px 10px; padding: 1px; border: 1px solid #FFEFDF;}
.photosrightborder { float: right; margin:0 0 0 10px; padding: 1px; border: 7px solid #ffffff;}

/*Order Form*/
.container-table{margin: 0 0 0 20px; #margin: 0;}

.dataTable{
	background-color: #ffffff;
	border-collapse: collapse;

}
.dataTable th
{
	border: 1px solid #cccccc;
	padding: 3px;
	background: #eeeeee;
}
.dataTable td
{
	padding: 3px;
	height: 25px;
	border: 1px solid #cccccc;
}

tr.alt
{
	background-color: #eeeeee;
}
.form input {
	margin:1px 0;
	}

.calcbutton{
	margin-left: 660px;
	position: relative;
}
#success{height: 300px;}