body{
	font-family: Verdana, "Times New Roman", Times, serif;
	background: #000 url(../images/background.jpg) center top no-repeat;

}

a
{outline: none;}

:focus
{-moz-outline-style: none;}

div#outerDiv {
    width: 970px;       /* sets the content width */
    margin:20px auto 0 auto;     /* no top/bottom margin, centered horizontally */
    background: #fff;       /* white content background, header image */
}
/* HEADER BEGIN */

.header{
	width:960px;
	height:251px;
	margin:0 auto;
	background: #fff url(../images/cheader.jpg) center no-repeat;
    padding: 5px 5px;
}

.header h1{
	padding-top: 25px;
	float: right;
	padding-right: 20px;
	color: white;
	font-size: 20px;
	font-family: Verdana, "Times New Roman", Times, serif;
	text-shadow: rgb(31, 25, 19) 0px -1px 0px;
}
.header h2{
	font-family: Verdana, "Times New Roman", Times, serif;
	padding-top: 25px;
	float: left;
	padding-left:0;
	color: white;
	font-size: 24px;
	text-shadow: rgb(31, 25, 19) 0px -1px 0px;
}

.logo{
	padding-left: 20px;
	width: 100px;
	height: 75px;
	float:left;
}
.mainMenu {          /* set the position for the nav elements */
	width:960px;
	height:40px;
	margin:0px auto 0px auto;
	background: #1F1F21;
}

.mainMenu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainMenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
}
.mainMenu li a:link, .mainMenu li a:visited {
    font-family: "Verdanna", sans-serif;
	font-size:12pt;
    display: block;         /* block mode for graphical button */
    color: #eee;            /* white text */
    text-decoration: none;  /* no underline */
    padding: 0 14px 0 14px; /* line up text & image */
    margin-right: 2px;
    line-height: 40px;
    background: url(../images/nav_rollover.png) no-repeat left bottom;
    border: none;           /* no border */
}

.mainMenu li a:hover, .mainMenu li a:active {
    color: #FFF;         /* mustard color for text */
    background-position: left top;      /* move image to show rollover */
}

.mainMenu ul li a.current {  /* different look for "current" link */
    margin-top: -5px;
    height: 80px;
    background: url(../images/nav_rollover.png) no-repeat;
    color: #aaa;
    line-height: 40px;
}

.mainMenu ul li a.current:hover {
    cursor: default;
}

.nav-holder{
	width:920px;
	height: 20px;
	margin:0px auto 0px auto;
	background: #333 url(../images/bgmenu.jpg) center bottom no-repeat;
	padding: 20px;
	color: white;
	font-size:16px;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.nav-holder ul{
	width:auto;
}
	
	
.nav-holder ul li{
	display: inline;
	margin-left: 10px;
}

.nav-holder ul li.last{
	margin-left: 220px;
}

.nav-holder ul li a{
	color: #44413a;
	text-decoration: none;
}

.nav-holder ul li a:hover{
	color: white;
	
}

.nav-holder ul li a.active{
	color: white;
}

.nav-holder ul li a#active{
	color: white;
}



.product-arrow{
	width:13px;
	height:11px;
	background-image:url(../images/background/products-arrow.png);
	background-repeat: no-repeat;
	display:inline;
}
#panel {
	background-repeat: no-repeat;
	border-bottom-color: #0D2B88;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/* background: #226189; */
	background: white right bottom;
	background-image: url(../images/background/clementi-trees.jpg);
	background-repeat: no-repeat;
	width:920px;
	height: 370px;
	display: none;
	padding: 0 20px 20px 20px;
	margin:0 auto 0 auto;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.panel-inner{}

.ietable{display:none}

#panel a{
	color: #44413a;
	text-decoration: none;
}

#panel a:hover{
	color: #0D2B88;
	text-decoration: underline;
}

#panel h1{
	padding: 8px 0 15px 0;
	color: #44413a;
	height:40px;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0D2B88;
}

#panel h2{
	color: #0D2B88;
	font-size: 18px;
	font-family: Verdana, "Times New Roman", Times, serif;
}
#panel .outdoor-ovens h1 {
	margin-left: -20px;
	padding-left: 20px;
}
#panel .professional h1 {
	margin-right: -20px;
}

#panel ul{
	padding: 5px 0 10px 0;

}

.outdoor-ovens{
	height: 100px;
	width: 20%;
	float:left;
	clear:right;
}
.oven-stove{
	height: 100px;
	width: 20%;
	display: inline;
	float:left;
}

.indoor-oven{
	height: 100px;
	width: 20%;
	display: inline;
	float:left;
}

.barbecue{
	height: 100px;
	width: 20%;
	display: inline;
	float:left;	
}

.professional{
	height: 100px;
	width: 20%;
	display: inline;
	float:left;
}
/* HEADER END */


/* MAIN CONTENT BEGIN */

.main-content{
	width:920px;
	margin:0px auto 0 auto;
	background-color: white;
	overflow: auto;
	padding: 20px;

}

.main-content a{
	color: #0D2B88;
	text-decoration: none;
}

.main-content a:hover{
	text-decoration: underline;
	
}
.advantages-left{
	width:175px;
	height:190px;
	float:left;
	clear:right;
	margin-right: 20px;
	margin-top:10px;
}

.advantages-mid{
	width:175px;
	height:190px;
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top:10px;
}

.advantages-right{
	width:175px;
	height:190px;
	display: inline;
	float: left;
	margin-top:10px;
}

.advantages-left-last{
	width:380px;
	float:left;
	clear:right;
	margin: -15px 0 0 0;
}

/* MAIN CONTENT END */



/* LEFT SECTION BEGIN */

.left-panel{
	float: left;
	width:580px;
	margin-right: 10px;
}

.left-panel img.productimg-left{
	float: left;
	margin-right: 20px;
}
.left-panel img.productimg-right{
	display: inline;
	margin-bottom: 16px;
}

.left-panel img{
	margin-bottom: 20px;

}
.left-panel h2{
	font-size:20px;
	color: #0D2B88;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.left-panel h3{
	font-size:18px;
	color: #44413a;
	font-family: Verdana, "Times New Roman", Times, serif;
}
.left-panel p{
	color: #44413a;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 20px;
}
.left-panel strong{
	
	color: Black;
	
}

.left-panel ul{
	color: #44413a;
	font-size: 12px;
	margin-bottom: 30px;
	}

.left-panel ul li{
	list-style: disc;
	margin:0 60px 10px 40px;
}
.section-title{
	height:50px;
	background-color:#44413a; 
	width:auto;
}

.section-title h2{
	color: white;
	font-size: 20px;
	font-family: Verdana, "Times New Roman", Times, serif;
	padding:12px 0 0 20px;
}

.section-title-products{
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:73px;
	background-color:#44413a; 
	width:auto;
	margin: 0;
}

.section-title-products h2{
	color: white;
	font-size: 20px;
	font-family: Verdana, "Times New Roman", Times, serif;
	padding:12px 0 0 20px;
}

.section-title-products h3{
	color: #cccccc;
	font-size: 20px;
	font-family: Verdana, "Times New Roman", Times, serif;
	padding:0px 0 0 20px;
}

/* LEFT SECTION END */

/* MODEL HEADERS BEGIN*/

.model-headers{
	width:580px;
	height:40px;
	float:left;
	clear:right;
	background-color: #0D2B88;
	text-align: center;
	padding-top: 20px;
}

.model-headers-left{
	width:175px;
	float:left;
	clear:right;
	margin-right: 20px;

}

.model-headers-mid{
	width:175px;
	display: inline;
	float: left;
	margin-right: 20px;
}

.model-headers-right{
	width:175px;
	display: inline;
	float: left;
}

.model-headers h2{
	color: white;
	font-size: 18px;
	
}
/* MODEL HEADRS END*/



/* RIGHT SECTION BEGIN */

.right-panel{
	display: inline;
	float: right;
	width:320px;
	background-color: white;
	margin-left: 10px;
	color: #0D2B88;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.right-panel h2{
	font-size:24px;
	color: #0D2B88;
	margin-top: 10px;
}
.right-panel p{
	line-height: 18px;
	color: #44413a;
	font-size: 12px;
	margin-bottom: 10px;
}

.right-panel a{
	font-size: 16px;
}

.right-panel ul{
	padding-left: 20px;
	margin-top: 10px;
	line-height: 16px;
	color: #44413a;
	font-size: 16px;
}

.right-panel ul li{
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-top: 0;
	list-style-type: disc;
}

.right-panel ul li.products{
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-top: 0;
	list-style-type: none;
}

/* RIGHT PANEL CONTACT BEGIN*/

.spacer{
	height:10px;
}
.right-panel ul.contact{
	list-style-type: none;
	padding-top: 10px;
}

.right-panel ul.contact li{
	list-style-type: none;
	margin-left: -20px;
}

.right-panel ul.contact li h3{
	list-style-type: none;
	color: #0D2B88;
}

.right-panel ul.contact li ul li{
	list-style-type: none;
	margin-left: -10px;
}

/* RIGHT PANEL CONTACT END*/

.right-panel ul li h3{
	color: #44413a;
	font-size: 18px;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.right-panel ul li ul{
	padding: 0px;
}
.right-panel ul li ul li a.active-product{
	color: #44413a;
	background-image: url(../images/side-nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.right-panel ul li ul li{
	padding:0 0 5px 10px;
	padding-top: 0;
	list-style-type: none;
}
.right-section-title{
	height:50px;
	background-color:#0D2B88;
	width:auto;
}

.right-section-title h3{
	color: white;
	font-size: 18px;
	font-family: Verdana, "Times New Roman", Times, serif;
	padding:15px 0 0 20px;
}

.environment{
	background-position: right bottom;
	background-image: url(../images/environment/clementi-flowers.jpg);
	background-repeat: no-repeat;
	height:740px;
}

.small-image{
	margin:15px 15px 0 0;
}

.stainless-steel-dimensions{
	margin-top: 261px;
}
.red-roof{
	margin-top: 50px;
}

.all-stainless-steel{
	margin-top: 220px;
}

.cottage{
	margin-top: 280px;
}
.copper{
	margin-top: 135px;
}

.smart-dimensions{
	margin-top: 225px;
}

.bijoux-dimensions{
	margin-top: 157px;
}

.classic-dimensions{
	margin-top: 1052px;
}

.modern-dimensions{
	margin-top:944px;
}

.hydro-dimensions{
	margin-top: 950px;
}

.built-in-master-dimensions{
	margin-top: 580px;
}

.oven-attachment-dimensions{
	margin-top: 92px;
}

.star-dimensions{
	margin-top: 534px;
}

/* RIGHT SECTION END */




/* CONTACT PAGE BEGIN */

.contact-left{
	width:260px;
	height:120px;
	float:left;
	clear:right;
	margin-right: 20px;
	margin-top:10px;
}

.contact-right{
	width:260px;
	height:120px;
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top:10px;
}

/* CONTACT PAGE END */

/* DIMENSION TABLE BEGIN */

.dimension-table{
	color: #44413a;
	width: 578px;
}

.dimension-table th{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #44413a;
	border-left-color: #44413a;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #44413a;
	color: white;
	height:30px;
	font-size: 14px;
}
.dimension-table td{
	font-size: 12px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #44413a 
}
.cell-center{
	text-align: center;
}
.title-row{
	font-size: 12px;
	color: #527c11;
}
.cell-left{
	width: 200px;
	text-align: right;
}
.table-padding{
	margin-top: 20px;
}
/* DIMENSION TABLE END */

/* DIMENSION TABLE RIGHT BEGIN */

.dimension-table-right{
	color: #44413a;
	width: 318px;
}

.dimension-table-right th{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #44413a;
	border-left-color: #44413a;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #44413a;
	color: white;
	height:30px;
	font-size: 14px;
}
.dimension-table-right td{
	font-size: 12px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #44413a 
}
.dimension-table-right td.cell-center{
	text-align: center;
	color: #527c11
}

.water-heating{
	margin-top: 360px;
}

.air-heating-diagram{
	margin-top: 380px;
}

.air-heating-title{
	background-color:#44413a; 
}
.dark{
	background-color: #e6e6e6;
}

/* DIMENSION TABLE RIGHT END */
/* FOOTER BEGIN */

.footer{
	width:920px;
	height: 480px;
	margin:0px auto 20px auto;
	background: #fff url(../images/footer.jpg) center no-repeat;
	padding: 20px;
	color: white;
	font-size:14px;
	font-family: Verdana, "Times New Roman", Times, serif;
}

.footer h1{
	padding-top: 25px;
	float: right;
	padding-right: 20px;
	color: white;
	font-size: 20px;
	font-family: Verdana, "Times New Roman", Times, serif;
	text-shadow: rgb(31, 25, 19) 0px -1px 0px;
}
.footer h2{
	font-family: Verdana, "Times New Roman", Times, serif;
	padding-top: 25px;
	float: left;
	padding-left:0;
	color: white;
	font-size: 24px;
	text-shadow: rgb(31, 25, 19) 0px -1px 0px;
}
.footer p{
	font-family: Verdana, "Times New Roman", Times, serif;
	padding-left:0;
	color: #333;
	font-size: 12px;
}

.footer a{
	color: #44413a;
	text-decoration: none;
}

.footer a:hover{
	color: #0D3394;
	text-decoration: underline;
}

.email{
	float:left;
	color: #999;
}
.email a{
	color: #ccc;
}
.email a:hover{
	color: #fff;
	text-decoration: underline;
}

.towability{
	float:right;
	display:inline;
}

.towability a{
	color: #ccc;
}
.towability a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer ul{
	color: #333;
}
/* FOOTER END */
/*SITE MAP FOOTER */
.hpDirBG
{
float: left;
width: 946px;
height: 27em;
}


#hpDirectory div.column

{

float: left;
width: 300px;
margin-top: 40px;
margin-right: 0pt;
margin-bottom: 14px;
margin-left: 14px;
}

#hpDirectory div.hpDirA, #hpDirectory div.hpDirB
{
border-right-width-value: 1px;
border-right-style-value: solid;
border-right-color-value: #e0e0e0;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
position: relative;
z-index: 100;
}

h3
{
font-size: 1.25em;
}

h3
{
clear: both;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
position: relative;
}

#hpDirectory h3
{
position: static;
font-size: 1.3em;
color: #4d4d4d;

}
#hpDirectory h2
{
float:left;
font-size: 1.3em;
color: #666;

}
.inlineList{
list-style:none;
float:left;
}
.inlineList li{
float:left
;margin-right:3px;
}



/*FORM ELEMENT............................

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: auto;
clear: left;
margin: 0;
padding: 5px 20px 8px 20px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 320px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}