/* CSS Document */

html, body {
	margin : 0;
	padding : 0;
	background-color : #FFFFFF;
	background-image : url(../images/bg.jpg);
	background-repeat : repeat-x;
	font-size : 12px;
	font-family : verdana, arial;
	color : #666666;
	line-height : 20px;
	text-align : left;
}

img {
	border : 0;
	margin : 0;
	padding : 0;
}

* {
	padding : 0;
	margin : 0;
	font-weight : normal;
	line-height : 20px;
}

input, textarea {
	padding : 3px;
	width : 250px;
	font-family : verdana, arial;
	font-size : 14px;
	margin-bottom : 5px;
}

h1 {
	font-size : 20px;
	margin-bottom : 5px;
	color : #333333;
}

#gasman {
	position : relative;
	top : 6px;
	margin-right : -8px;
}

}
h2 {
	font-size : 18px;
	margin-bottom : 5px;
	color : #333333;
}

h2 a {
	font-size : 18px;
	color : #333333;
}

ul {
	padding-bottom : 10px;
	font-size : 14px;
}

ul, li {
	list-style-type : none;
}

li a {
	padding : 0;
	border : 0;
	color : #666666;
}

ul li {
	margin-left : 10px;
	font-weight : bold;
}

li li {
	margin-left : 5px;
	font-weight : normal;
}


p {
	display : block;
	margin-bottom : 25px;
}

.product-title {
	margin-top : 12px;
	padding-bottom : 12px;
	margin-bottom : 20px;
	border-bottom : 2px solid #F3F3F3;
}

.break {
	clear : left;
	display : block;
	height : 10px;
	border-top : 1px solid #CCCCCC;
	position : relative;
	top : 10px;
	margin-bottom : 15px;
}

.product {
	font-size : 15px;
	font-weight : bold;
}

.product a {
	font-weight : bold;
	color : #666666;
}

.red {
	color : red;
	font-family : "Trebuchet MS";
	font-size : 14px;
	line-height : 18px;
	border-bottom : 1px dotted red;
}

a.red:hover {
	color : red;
	font-family : "Trebuchet MS";
	font-size : 14px;
	line-height : 18px;
	border-bottom : 1px solid red;
}

.title {
	font-size : 16px;
	font-weight : bold;
	line-height : 20px;
	border-bottom : 0;
}

#submit {
	width : 90px;
	height : 43px;
	background-image : url(../images/button.gif);
	background-repeat : no-repeat;
	border : 0;
	cursor : pointer;
}

strong {
	font-weight : bold;
	color : #666666;
}

a {
	text-decoration : none;
	color : #000000;
}

#container {
	width : 906px;
	margin : 0 auto;
}

	#container #header {
		height : 140px;
	}
	
	#container #header #menu {
		position : relative;
		top : 88px;
		float : right;
		width : 320px;
		text-align : right;
		font-size : 14px;
		height : 30px;
	}
		
		#container #header #menu a {
			margin-left : 20px;
			margin-bottom : 1px;
		}
		
		#container #header #menu a:hover {
			margin-bottom : 1px;
			border-bottom : 1px solid #333333;
		}
		
		#container #header #menu .selected {
			margin-bottom : 1px;
			border-bottom : 1px solid #333333;
		}

	#container #header #the-gas-man-logo {
		position : relative;
		top : 14px;
	}
	
	#container #home-page-pic {
		width : 906px;
		height : 405px;
	}
	
	#container #content {
		position : relative;
		top : 0px;
	}
		
		#container #content #right {
			float : right;
			width : 260px;
		}
			
			#container #content #right h2 {
				font-size : 22px;
				color : #010166;
			}
			
			#container #content #right p a {
				padding-bottom : 1px;
				color : #666666;
				border-bottom : 1px solid #666666;
			}
			
			#container #content #right p a:hover {
				padding-bottom : 1px;
				border-bottom : 2px solid #666666;
			}
			
			#container #content #right ul {
				list-style-type : disc;
				font-size : 11px;
				margin-bottom : 10px;
				margin-left : 15px;
			}
			
			#container #content #right ul li {
				list-style-type : disc;
				font-size : 11px;
				margin-bottom : 5px;
				font-weight : normal;
			}
			
			#container #content #right .menu {
				list-style-type : none;
				font-size : 13px;
				margin-bottom : 4px;
				margin-left : 10px;
			}
			
			#container #content #right .menu ul {
				list-style-type : none;
				font-size : 13px;
				margin-bottom : 4px;
				margin-left : 5px;
			}
			
			#container #content #right .menu li {
				list-style-type : none;
				font-size : 13px;
				margin-bottom : 4px;
				font-weight : normal;
			}
		
		#container #content #left {
			width : 560px;
			position : relative;
			top : -22px;
			padding-right : 35px;
			border-right : 1px solid #CCCCCC;
		}
			
			#container #content #left img {
				padding-right : 10px;
				padding-bottom : 5px;
			}
			
			#container #content #left h2 {
				color : #333333;
			}
			
			#container #content #left ul li {
				font-weight : normal;
				list-style-type : circle;
				margin : 0;
				padding : 0;
				margin-left : 25px;
				line-height : 22px;
				font-size : 13px;
			}
			
			#container #content #left ul {
				margin : 0;
				padding : 0;
				margin-top : -20px;
			}
		
	#container #footer {
		clear : both;
		position : relative;
		top : 30px;
		height : 30px;
		text-align : center;
		font-size : 10px;
		color : #999999;
	}
	
	#container #footer a {
		padding : 0;
		color : #999999;
	}
	
/**NEW STYLES ADDED
	Email:  ava-metal@hotmail.com
   	Date:   14/05/2009
   	Author: Michael Tronson**/
	
.specialTitle{
	color: #f1433c;
	font-family : verdana, arial;
	font-size: 21.4px;
}

.specialText{
	color: #5f5f96;
	font-family : verdana, arial;
	font-weight: bold;
	font-size: 11.4px;
}

.specialContact{
	color: #a1aa0d;
	font-family : verdana, arial;
	font-weight: bold;
	font-size: 12px;
}

.redText{
	color: #f1433c;
	font-family : verdana, arial;
	font-size: 11.5px;
}

.title{
font-size: 30px;
color:#f0443a;

}

.title ul{
style-type:none;}

.clear{
clear: both;}