/* CSS Document */

html, body, #wrapper, #InnerWrapper {
	height: 100%;
}
	
/* Hack for IE, Reset to 100% height */
* html #wrapper {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333366;
	line-height: 14px;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color: #7C7C7C;
	scrollbar-base-color: #1e85b6;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	vertical-align: top;
	background-attachment: fixed;
	background-color: #26508A;
	background-image: url(../images/template/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.style1 {color: #000000}
.style2 {color: #1F3C66}
.style3 {color: #1A365D}
.style4 {color: #172F51}
.style5 {color: #162F4E}
.style6 {color: #112540}
.style9 {color: #FFFFFF}
}
#LeftColumn {
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	width: 210px;
}
#LeftColumn-2 {
	height: auto;
	width: 206px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.left-nav-1st {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #26508A;
	text-decoration: none;
	line-height: 18px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	font-weight: bold;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #26508A;
	display: block;
	width: 200px;
}
.left-nav-1st  a:visited {
	color: #26508A;
	text-decoration: none;
}
.left-nav-1st  a:link {
	color: #26508A;
	text-decoration: none;
	
}
.left-nav-1st a:hover {
	color: #3399CC;
	text-decoration: underline;
}

.left-nav-2nd {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
	line-height: 18px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.left-nav-2nd  a:visited {
	color: #0099CC;
	text-decoration: none;
}
.left-nav-2nd  a:link {
	color: #0099CC;
	text-decoration: none;
}
.left-nav-2nd  a:hover {
	color: #26508A;
	text-decoration: underline;
}

.left-nav-3rd {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #3399CC;
	text-decoration: none;
	line-height: 18px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	font-weight: bold;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #3399CC;
}
.left-nav-3rd  a:visited {
	color: #3399CC;
	text-decoration: none;
}
.left-nav-3rd  a:link {
	color: #3399CC;
	text-decoration: none;
}
.left-nav-3rd a:hover {
	color: #26508A;
	text-decoration: underline;
}
.left-nav-4th {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
	line-height: 18px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF6633;
}
.left-nav-4th  a:visited {
	color: #FF6600;
	text-decoration: none;
}
.left-nav-4th  a:link {
	color: #FF6600;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.left-nav-4th  a:hover {
	color: #793100;
	text-decoration: underline;
}
.top-nav {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #3399CC;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	vertical-align: bottom;
	background-color: #000000;
}
.top-nav  a:visited {
	color: #3399CC;
	text-decoration: none;
}
.top-nav  a:link {
	color: #3399CC;
	text-decoration: none;
}
.top-nav  a:hover {
	color: #0099CC;
	text-decoration: underline;
}

a {
	font-size: 11px;
	font-family: Verdana, sans-serif;
}
a:visited {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #3399CC;	
	text-decoration: underline;
}
a:link {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #3399CC;
	text-decoration: underline;
}
a:hover {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #333333;	
	text-decoration: none;	
}
h7 a:visited {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;	
	text-decoration: none;
}
h7 a:link {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
h7 a:hover {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;	
	text-decoration: none;	
	}
.style7 a:visited {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;	
	text-decoration: none;
}
.style7 a:link {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.style7 a:hover {	
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #FFFFFF;	
	text-decoration: none;	
	}
	
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 0px;
	letter-spacing: 1px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.footer a:visited {
	color: #3399CC;
	text-transform: uppercase;
}

.footer a:link {
	color: #3399CC;
	letter-spacing: 0em;
	text-transform: uppercase;
}

.footer a:hover {
	color: #333366;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #26508A;
	letter-spacing: 1px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	padding: 0px;
	line-height: 16px;
}
h2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	line-height: 17px;
}
h3 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #305F92;
	background-position: top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-transform: capitalize;
	line-height: 16px;
}
h4 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333366;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 8px;
}
h5 {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #333399;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h6 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #008E01;
	margin: 0px;
	padding: 0px;
}

h7 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-weight: bold;
	line-height: 17px;
}
p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333366;
	line-height: 14px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}
.style7 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-weight: bold;
	line-height: 17px;
}
.left-column {
	background-image: url(../images/template/water-left-column.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.right-column {
	background-image: url(../images/template/water-right-column.gif);
	background-repeat: repeat-y;
	background-position: left;
}

ul {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-image: url(../images/water-bullet.gif);
	color: #333366;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 0px;
}
ol {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.button {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color:#FFFFFF;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: solid;
	border-top-color: #333399;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #333399;
}
.button   a:visited {
	color: #000066;
	text-decoration: none;
}
.button   a:link {
	color: #000066;
	text-decoration: none;
}
.button   a:hover {
	color: #000066;
	text-decoration: none;
	background-color: #99CCCC;
}

.table-border {
	border: 1px solid #336699;
	border-collapse: collapse;
}
.table-header-bg {
	border: 1px solid #336699;
	background-color: #000000;
	border-collapse: collapse;
	background-color: #000000;
}
.table-row-1 {
	background-color: #000000;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
}
.table-row-2 {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-right-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
	background-color: #E5E5E5;
	background-color: #000000;
}
.kl {
	background-image: url(../images/1x1-pixel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.red-text {
	color: #CC3300;
	border: 1px solid #CC3300;
	padding: 2px;
}
.green-text {
	color: #006600;
	border: 1px solid #006600;
	padding: 2px;
}
blockquote {
	padding: 0px;
	margin-left: 40px;
	margin-top: 4px;
}
#to-top {
	background-image: url(../images/top-up.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 100px;
	background-position: right top;
	display: block;
	float: right;
	margin-right: 10px;
}
.sub-navigation {
	border: 1px solid #3399CC;
	background-color: #ECF9EC;
	padding-bottom: 2px;
}
.light-blue-row {
	background-color: #0099CC;
	color: #FFFFFF;
}
#add-to-enquiry {
	background-color: #99cccc;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000066;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 105px;
}

.add-to-enquiry {
	background-color: #99cccc;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000066;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 105px;
	
}

.add-to-enquiry-series {
	background-color: #99cccc;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000066;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 170px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.get-quote p a {
	background-color: #0099CC;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000066;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 170px;
	padding-top: 2px;
	display: block;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
.get-quote p a:hover {
	background-color: #288E47;
	color: #FFFFFF;
}
.form {
	margin: 0px;
	padding: 0px;
}

.main-content {
	background-color: #FFFFFF;
	border-left-color: #26508A;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 10px;
}


#spnet_login {
	display: block; 
	border: 3px solid #bed6f8; 
	padding: 5px 10px 0 10px; 
	margin: 3em 10px 10px;	
	overflow: auto; zoom: 1;
}

#spnet_login label { float:left; width:60px; line-height: 22px;clear: both }
#spnet_login input { width: 90px; clear: both }

#spnet_login input, #spnet_login label { margin-bottom: 5px }

#spnet_login input.submit {width: auto; float: right}

.clear {clear: both}