/* 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;
}

.slideshow{
	overflow:hidden;
}

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;
}

.centered{
	text-align:center;
}

.boldify{
	font-size:14px;
	font-weight:bold;
	color:#D00;
}


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 : 0px solid #F3F3F3;
}

.break {
	clear:left;
	display:block;
	height:1px;
	border-bottom:1px solid #ccc;
	padding-top:50px;
	margin-bottom:50px;
}

.small-break{
	clear:left;
	display:block;
	height:1px;
	border-bottom:1px solid #ccc;
	margin:30px 0;
}

img[align=left]{
	margin-bottom:25px;
}

.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;
	}
		
		#menu li{
			float:left;
			position:relative;
			
			margin-left:20px;
		}
		
		#menu li:hover ul{
			display:block;
		}
		
		#menu li ul{
			position:absolute;
			z-index:6;
			background:#f4f3ee;
			padding:5px;
			width:120px;
			
			display:none;
		}
		
		#menu li ul li{
			padding:5px 0;
			margin-left:0px;
			float: none;
			text-align: left;
		}
		
			#container #header #menu a {
				margin-bottom : 1px;
				
				color:#000;
			}
			
			#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;
		margin-bottom:30px;
	}
	
	#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-new{
			position:relative;
			top:-22px;
		}
			
			#container #content .left img, #container #content .left-new img {
				padding-right : 10px;
				padding-bottom : 5px;
			}
			
			#container #content .left h2, #container #content .left-new h2 {
				color : #333333;
			}
			
			#container #content .left ul li, #container #content .left-new 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,#container #content .left-new 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;}

.winter{
height: 530px;
border: 0px solid #444444;}


.slideshow_alt{
	
	width:904px;
	height:405px;
	text-align:center;
	
	background:#fff;
	
	border:1px solid #ddd;
}