/* CSS Document */

/*Aga Cooker Centre Style Sheet

/*--------------------------------MAIN CONTENT DIVS---------------------------------------------*/

h1 {
padding-top: 12px;
margin-left: 20px;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #6699FF;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 0px;
margin-top: 0px;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color:#ffffff;
font-size: 1.1em;
margin-top: 2px;
font-style: italic;

}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #ffffff;
font-size: 2.0em;
margin-top: 5px;
margin-bottom: 5px;
letter-spacing: 0px;
font-weight: bold;
}

h5 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size: 16px;
margin-top: 10px;
margin-bottom: 2px;
letter-spacing: 0px;
font-weight: bold;
}

h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size: 14px;
margin-top: 10px;
margin-bottom: 2px;
letter-spacing: 0px;
font-weight: bold;
}

a {
color: #ffffff;
}

ul li {
margin-left: 20px;
font-size: 1.2em;
color: #333333;
line-height: 20px;
font-family: arial;
}

ul {
margin-bottom: 20px;
list-style: square;
}

ul li ul{
margin-bottom: 0px;
list-style: none;
}
#bg {
background-color:#660033;
background-image:url('images/2009/purple_grad.jpg');
}

#container {
margin: 0 auto;
width: 1000px;
position: relative;
}

#leftholder {
float: left;
height: 818px;
width: 159px;
background-position: left top;
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 9px;
}

.aga_menu {
background-image: url(images/2009/aga_cooker_menu.png);
}

.s_menu {
background-image: url(images/2009/aga_s_series_menu.png);
}

.masterchef_menu {
background-image:url(images/2009/masterchef_menu_top.png);
}

.r_menu {
background-image:url(images/2009/aga_refrigeration_menu.png);
}

.stoves_menu {
background-image:url(images/2009/aga_stoves_menu.png);
}

.rayburn_menu {
background-image:url(images/2009/rayburn_menu.png);
}

.masterchef_align {
margin-left: 7px;
}

#leftlinksholder {
padding-top: 20px;
}


#leftholder a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: 28px;
text-decoration: none;
display: block;
padding-left: 10px;
}

#leftholder a:hover {
color: #ffff00;
text-decoration:none;
}

#leftholder a.submenutop {
display: none;
font-size: 11px;
font-weight: normal;
margin-left: 10px;
margin-top: -10px;
height: 16px;
}


#leftholder a.submenu {
display: none;
font-size: 11px;
font-weight: normal;
margin-left: 10px;
height: 16px;
}

#leftholder a.submenubottom {
display: none;
font-size: 11px;
font-weight: normal;
height: 16px;
margin-bottom: 10px;
margin-left: 10px;
}

#centrecontainer {
width: 626px;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
position: relative;
height: auto;
margin-bottom: 0;
}

#centreholdertop {
width: 626px;
height: 303px;
background-image:url(images/2009/centre_holder_top.jpg);
background-repeat: no-repeat;

}

#centreimageholder {
height: 239px;
width: 619px;
margin-left: 3px;
padding-top: 3px;
}

#topbar {
	width: 619px;
	height: 61px;
	background-image:url(images/2009/purple_bar_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 3px;
	top: 239px;

}

#topbar h1{
/*
	width: 619px;
	height: 61px;
	background-image:url(images/2009/purple_bar_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	left: 3px;
	top: 239px;
	*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 212%;
	margin-top: -4px;
	margin-bottom: 2px;
	/*
	letter-spacing: 0px;
	*/
	font-weight: normal;

}
#centreholdermid {
width: 626px;
background-image: url(images/2009/centre_holder_mid.jpg);
background-repeat:repeat-y;
margin-top: -20px;
float: left;
margin-bottom: 0;
height: auto;

}

#lefttitle {
margin-top: 57px;
text-align: center;
height: 21px;
margin-left:-10px;
}


#teacup {
	width: 211px;
	height: 322px;
	position:absolute;
	left: -26px;
	/*top: 522px;*/
	bottom:0px;
}

#notepaper {
	position:absolute;
	z-index: 5;
	width: 187px;
	height: 325px;
	left: 804px;
	top: 500px;
	background-image: url(images/2009/note_paper.png);
}

#rightholder {
float: left;
width: 185px;
margin-top: 30px;
}


#rightholder p {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #ffffff;
margin-top: 5px;
padding-bottom: 5px;
width: 175px;
}

#rightholder a {
font-weight: bold;
color:#FFFF00;
font-size: 1.1em;
text-decoration: none;
}

#rightholder a:hover {
text-decoration: underline;
}

.righttitle {
width: 185px;
border-bottom: 1px solid #66558a;
padding-bottom: 4px;
margin-bottom: 10px;
}

#bottombar {
background-image: url(images/2009/purple_bar_bg2.png);
height: 49px;
background-repeat: repeat-x;
background-position: top;
position: relative;
z-index: 10;
margin-top: -6px;
padding-top: 12px;
}

#maincontentholder {
width: 580px;
margin-left: 3px;
margin-top: 15px;
padding-left: 20px;
padding-right: 20px;
}

#maincontentholder p, #contentextend p {
font-size: 1.2em;
line-height: 1.8em;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}

#maincontentholder a {
color: #990000;
font-weight: bold;
text-decoration: none;
}

#maincontentholder a:hover {
text-decoration: underline;
color: #990000;
}

#photoholder {
width: 294px;
height: 151px;
background-image:url(images/2009/aga_photos.jpg);
margin-left: 75px;
margin-top: 1px;
}

#demoholder {
width: 190px;
height: 131px;
margin-top: 11px;
}

#cookerimageholder {
text-align: center;
vertical-align: bottom;
}


#sitemapcontainer {
width: 970px;
margin: 0 auto;
height: 870px;
position: relative;
color: #ffffff;
padding-top: 40px;
}


p {
margin-bottom: 10px;
}

.contentpaddingtop {
padding: 10px
}

.imgpadding {
padding-left: 20px;
}

.arrow {
	font-size: 11px;
	font-weight: normal;
	}
	
.linebreak {
border-bottom: 1px solid #372857;
}

.linebreaktop {
margin-top: 10px;
border-top: 1px solid #372857;
}

.afterlinebreak {
padding-top: 10px;
}

#crosssectionbg {
background-image: url(images/2009/aga_cross_section.jpg);
width: 295px;
height: 293px;
float: right;
}

#swatchholder {
float: left;
width: 185px;
}

#swatchholder img {
cursor: pointer;
}

#swatchholder a {
display: block;
border: 0;
margin: 0;
padding: 0;
line-height: 0;
}

#sigcutout {
	position: absolute;
	z-index: 10;
	left: 168px;
	/*top: 732px;*/
	top: 802px;
}

#tradcutout {
	position: absolute;
	z-index: 10;
	left: 163px;
	top: 430px;
}

#sigcutout2{
	position: absolute;
	z-index: 10;
	left: 167px;
	top: 692px;
}


#key {
width: 295px;
float: right;
}

#key table {
border: 0;
}


#key table tr td {
margin-right: 20px;
width: 120px;
vertical-align:bottom;
}

#pointer1, #pointer2, #pointer3,  #pointer4, #pointer5, #pointer6, #pointer7, #pointer8, #pointer9 {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
}



#pointer1 {
	left: 464px;
	top: 449px;
	}


#pointer2 {
	left: 413px;
	top: 503px;

}

#pointer3 {
	left: 381px;
	top: 622px;

}

#pointer4 {
	left: 532px;
	top: 516px;

}

#pointer5 {
	left: 511px;
	top: 563px;

}

#pointer6 {
	left: 505px;
	top: 641px;
}

#pointer7 {
	left: 330px;
	top: 517px;

}

#pointer8 {
	left: 334px;
	top: 578px;

}

#pointer9 {
	left: 375px;
	top: 466px;
}

#sfp1, #sfp2, #sfp3, #sfp4, #sfp5, 
#ftp1, #ftp2, #ftp3, #ftp4, #ftp5, #ftp5, 
#mp1, #mp2, #mp3, #mp4 {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	text-decoration: none;
	cursor: pointer;

}

#six_four_oven {
width: 375px;
height: 338px;
background-image: url(images/2009/aga_six_four_open.jpg);
}

#masterchef_oven {
width: 368px;
height: 364px;
background-image: url(images/2009/masterchef_open.jpg);
}

#four_two_oven {
width: 270px;
height: 371px;
background-image: url(images/2009/aga_four_two_open.jpg);
}

#six_four_oven a:hover {
text-decoration: none;
}

#sfp1 {
	left: 401px;
	top: 586px;
}

#sfp2 {
	left:340px;
	top: 687px;
}

#sfp3 {
	left:465px;
	top: 688px;
}

#sfp4 {
	left:341px;
	top: 783px;
}

#sfp5 {
	left:465px;
	top: 783px;
}


#ftp1 {
	left: 408px;
	top: 641px;
}

#ftp2 {
	left:488px;
	top: 595px;
}

#ftp3 {
	left:481px;
	top: 746px;
}

#ftp4 {
	left:549px;
	top: 714px;
}

#ftp5 {
	left:480px;
	top: 837px;
}

#mp1 {
	left:375px;
	top: 678px;
}

#mp2 {
	left:345px;
	top: 775px;
}

#mp3 {
	left:501px;
	top: 775px;
}

#mp4 {
	left:413px;
	top: 878px;
}


#pointer1 span, #pointer2 span, #pointer3 span, #pointer4 span, #pointer5 span, #pointer6 span, #pointer7 span, #pointer8 span, #pointer9 span,
#sfp1 span, #sfp2 span, #sfp3 span, #sfp4 span, #sfp5 span, #ftp1 span, #ftp2 span, #ftp3 span, #ftp4 span, #ftp5 span, 
#mp1 span, #mp2 span, #mp3 span, #mp4 span {
text-decoration: none;
visibility: hidden;
}


#crosssectionbg a:hover {
text-decoration: none;
}

/*-----------------------------NOTEPAD LINKS-------------------------*/

#brochurelink {
width: 149px;
height: 36px;
background-image:url(images/2009/notepad_links.jpg);
display: block;
margin-top: 88px;
margin-left: 5px;
}

#brochurelink:hover {
background-position: 149px 0;
}

.notepadspan {
display: none;
}

#directionlink {
width: 149px;
height: 33px;
background-image:url(images/2009/notepad_links.jpg);
display: block;
margin-left: 4px;
background-position: 0px -36px;
}

#directionlink:hover {
background-position: 149px -36px;
}

#contactlink {
width: 149px;
height: 31px;
background-image:url(images/2009/notepad_links.jpg);
display: block;
margin-left: 4px;
background-position: 0px -69px;
}

#contactlink:hover {
background-position: 149px -69px;
}

#aganomiclink {
width: 149px;
height: 29px;
background-image:url(images/2009/notepad_links.jpg);
display: block;
margin-left: 4px;
background-position: 0px -100px;
}

#aganomiclink:hover {
background-position: 149px -100px;
}



.underline12 {
font-weight: bold;
color:#990000;

}

table.sample {
	border: 0;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 420px;
}

table.samplewide {
	border: 0;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 570px;
}

table td.header {
background-color: #663300;
color: #ffffff;
}

table td.content {
background-color:#CCCCCC;
color: #000000;
}

table td.content10center {
background-color:#CCCCCC;
color: #000000;
font-size: 10px;
text-align: center;
}

table td.content10 {
background-color:#CCCCCC;
color: #000000;
font-size: 10px;
}

table td.green {
background-color:#006600;
color: #ffffff;
}

table td.white {
background-color:#ffffff;
color: #333333;
}

table td.red {
background-color:#C00311;
color: #ffffff;
}

table td.cream {
background-color:#99CC66;
color:#000000;
}



table.sample td, table.samplewide td {
	border-width: 2px;
	padding: 5px;
	margin: 2px;
	border-style: solid;
	border-color: white;
}
.width338 {
width: 338px;
text-align: left;
}

.size10 {
font-size: 10px;
line-height:16px;
}

.marginleft60 {
margin-left: 60px;
}

.centrealign {
text-align: center;
}

.greenbold {
font-weight: bold;
color: #009900;
}

.georgia24 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.4em;
font-weight: normal;
}

.georgia16 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.6em;
font-weight: normal;
color: #fff;
vertical-align: bottom;
}

.georgia22 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.0em;
font-weight: normal;
vertical-align: bottom;
}

.black {
color: #000;
}

/*#heatranger-picture {
margin:0 0 0 5px;
padding:10px;
position:relative;
overflow:hidden;
background:url(images/2009/600-series-open.jpg) no-repeat 0 0;
height:700px;
}

.more {
position:absolute;
width:50px;
height:50px;
border:1px solid #444;
padding:5px;
text-align:left;
overflow:hidden;
}

.more span{
position:absolute;
left:60px;
width:160px;
padding:15px 0 0 5px;
color:#fff;
font:bold 13px Lucida Grande, Arial, sans-serif;
text-shadow:#000 1px 1px 0px;
}

#hotplate {
top:20px;
left:25px;
}

#main-oven {
top:20px;
right:25px;
}

#lower-oven {
top:600px;
right:40px;
}

#heating {
top:350px;
left:25px;
}

#timer {
top:250px;
left:25px;
}*/

/*general info box */

/*#infobox {
position:absolute;
bottombottom:200px;
left:350px;
height:200px;
width:300px;
z-index:20;
margin:0 0 -100px -150px;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#infobox a, infobox a:visited {
font:normal 16px georgia,serif; 
color:#555;
text-decoration:none;
}

#infobox a:hover {
text-decoration:underline;
}

span.close{
position:absolute;
z-index:15;
width:100%;
height:100%;
display:none;
}*/