/* CSS Document - AGA Ireland Modified by Paddy 24 May 2007 */

@import url ("forms.css");
@import url ("fgstyles.css");


* {margin:0; padding:0;}
.clear { clear:both;}
.contentTxt {margin:0;}

/***************** Width Styles **************/


/**** fixed widths (for use in e.g. form input boxes) ****/

.s50 {width:50px;}
.s70 {width:70px;}
.s80 {width:80px;}
.s90 {width:90px;}
.s100 {width:100px;}
.s120 {width:120px;}
.s130 {width:130px;}
.s140 {width:140px;}
.s150 {width:150px;}
.s170 {width:170px;}
.s200 {width:200px;}
.s230 {width:230px;}
.s250 {width:250px;}
.s300 {width:300px;}
.s350 {width:350px;}

/**** percentage widths (for use in e.g. tables) *********/

.pc10 {width:10%;}
.pc20 {width:20%;}
.pc30 {width:30%;}
.pc33 {width:33%;}
.pc40 {width:40%;}
.pc50 {width:50%;}
.pc60 {width:60%;}
.pc70 {width:70%;}
.pc80 {width:80%;}
.pc90 {width:90%;}

/*********************************************************/

body {
	margin:0 auto; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
 }
 
#wrapper { 
	margin:0 auto 40px auto; 
	padding:0;
	width: 1024px;
	background:none;
  }
/********************************************* Header  *********************************/

#header { 
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
	background: none;
	width: 1024px;
	height: 130px;
}

#header img.flag {
	float: right;
	margin: 23px 25px 25px 0;
	border: 0;
}

#header img.logo {
	float: right;
	margin: 0px 0px 0px 0;
	border: 0;
}

#header h5 {
	float: right;
	color: #bbb7bf;
	margin: 12px 0 0 0;
	background:none;
	width:200px;
}

#header h5 a {
	float: right;
	color: #bbb7bf;
	margin: 10px 5px 0 25px;
	text-decoration: none;
	font-size: 12px;
}
/********************************************* Flash Content ( For div elements on flash movies ) *********************************/


#header .flashcontent {
	float: left;
	margin: 64px 0 0 212px;
	width: 400px; 
	height: 65px;
}


/********************************************* Main Site Navigation *********************************/


#menu {
	margin: 2px 0 0 0;
	padding-top: 1px;
	font-size: 10px;
	background: #cda399;
	width: 100%;
	height:20px;
}

#menu ul {
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	width: 1000px;
	margin: 3px 0 0 0px;
	list-style-type: none;
}

#menu ul li {
	list-style-type: none;
	display:inline;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	background: #cda399;
	padding: 0 10px 0 10px;
}

#menu ul li:hover {
	list-style-type: none;
	display:inline;
	font-weight: bold;
	color: #ffffff;
	background: #ae4e4e;
	padding: 0 10px 0 10px;
}

#menu a {
	list-style-type: none;
	display:inline;
	font-weight: bold;
	color: #ffffff;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align:left;
}

#menu a:hover, a:visited {
	list-style-type: none;
	display:inline;
	font-weight: bold;
	color: #ffffff;
	padding: 0 10px 0 10px;
	background: none;
}

/********************************************* Flash Banner *********************************/

#flashbanner {
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 10px;
	background: #cccc99;
	height: 150px;
	width: 100%;
}


#flashbanner .flashcontent {
	text-align: center;
	margin: 0 0 0 0;
}	

/********************************************* Main Area *********************************/

#mainarea {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 10px;
	background: none;
	width: 1024px;
}

/********************************************* Left Column *********************************/
#mainarea .leftcol {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
	background: none;
	width: 212px;
	float: left;
}

#mainarea .leftcol img.features{
	margin: 10px 0 0 10px;
	border: 0;
}

#mainarea .leftcol img.featuresLast{
	margin: 10px 0 10px 10px;
	border: 0;
}

#mainarea .leftcol ul.subnav {
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
	margin: 10px 0 0 10px;
}

#mainarea .leftcol ul.subnav li {
	list-style-type: none;
	display:block;
	font-weight: bold;
	color: #ffffff;
	padding: 9px 0 9px 5px;
	background: #cdb199;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align:left;
}

#mainarea .leftcol ul.subnav li:hover {
	list-style-type: none;
	display:block;
	font-weight: bold;
	color: #ffffff;
	padding: 9px 0 9px 5px;
	background: #ba9170;
	margin-top: 2px;
	text-align:left;
}

#mainarea .leftcol a {
	color: #ffffff;
	font-weight: bold;
	background: none;
	padding: 9px 0 9px 5px;
	width: 180px;
	text-decoration: none;
}




#mainarea .leftcol a.highlights {
	color: #ffffff;
	font-weight: bold;
	background: none;
	padding: 0;
	text-decoration: none;
}

#mainarea .leftcol a.highlights:hover  {
	background: none;
	padding: 0;
}

#mainarea .leftcol .catalogue-menu {
	float: left;
	clear: none;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin: 0 15px 0 0;
	width: 130px;
}

/* catalogue */

#mainarea .leftcol .catalogue-menu h3 {
	font-size: 11px;
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: 1px solid #DDDDDD;
	color: #000000;
	margin: 0px;
	text-align: left;
	padding-left: 5px;
}


#mainarea .leftcol .catalogue-menu p {
	background: #ffffff;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
	[padding-left: 5px;
	text-align: left;
}

#mainarea .leftcol .catalogue-menu p a.categories {
	color: #000000;
	font-weight: bold;
	background: none;
	padding: 0;
	text-decoration: none;
}

#mainarea .leftcol .catalogue-menu p a:categories:hover {
	color: #000000;
	font-weight: bold;
	background: #ffffff;
	padding: 2px;
	text-decoration: none;
	width: 126px;
}

/********************************************* Middle Column *********************************/

#mainarea .middlecol {
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 10px;
	background: none;
	width: 600px;
	float: left; 
	color: #000000;
	text-align:left;
}


#mainarea .middlecol h1 {
	color: #a49fa9;
	margin: 20px 0 0 10px;
	text-align:left;
	font-size: 18px;
}

#mainarea .middlecol h2 {
	color: #a49fa9;
	margin: 10px 0 0 10px;
	text-align:left;
}

#mainarea .middlecol h3 {
	color: #a49fa9;
	margin: 10px 0 0 10px;
	text-align:left;
}

#mainarea .middlecol h4 {
	color: #a49fa9;
	margin: 10px 0 0 10px;
	text-align:left;
}



#mainarea .middlecol strong {
	color: #a49fa9;
	margin: 10px 0 0 0px;
	text-align:left;
	font-weight:  bold;
	font-size: 1.2em;
}

#mainarea .middlecol img.agagreen {
	margin: 10px 20px 0 0;
	float: right;

}


#mainarea .middlecol p {
	margin: 10px 10px 0px 10px;
	width: 580px;
	color: #000000;
	text-align:left;
	font-size: 12px;

}

#mainarea .middlecol p.opening {
	margin: 14px 0 20px -5px;
	color: #000000;
	width: 445px;
	text-align:left;
	font-size: 12px;

}

#mainarea .middlecol p.subtext {
	margin: 20px 40px 0px 0px;
	width: 324px;
	float: right;
	color: #000000;
	text-align:left;
}

#mainarea .middlecol p.subtext1 {
	margin: 20px 0px 0px 10px;
	width: 490px;
	color: #000000;
	text-align:left;
}

#mainarea .middlecol img.mainfeature {
	margin: 10px 0px 0px 10px;
}


#mainarea .middlecol ul {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 20px 0 0 10px;
}

#mainarea .middlecol ul li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000000;
	text-align:left;
}

#mainarea .middlecol ul.subContentLinks {
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
	margin: -15px 0 15px 50px;
}

#mainarea .middlecol ul.subContentLinks li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 0 15px;
	background:url(/templates/aga/img/bullets/bullet01.gif) no-repeat; 
	margin-top: 2px;
	text-align:left;
}

#mainarea .middlecol a {
	color: #a49fa9;
	text-decoration:none;

}

#mainarea .middlecol a:hover, a:visited {
	color: #cccc99;
	text-decoration:underline;

}


.featuredAims {
	margin: 0 0 0 10px;
}

.featuredAims  img.aims {
	float: right;
	margin: 0 20px 0 0;
}

.productsHome {
	width: 530px;
}

.productsHome img {
	float: left;
	margin: 0 0px 0 0px;
	border: 0;


}

	
/****************************************** SHOP CONTACT INFO ******************************************************/

#shop {
	width: 500px;
}


#shop img.locationHome {
	float: right;
	margin: 0 30px 0 0;
}

#shop img.locationHomeLeft {
	float: left;
	margin: 0 0 0 0;
}


#shop p {
	float: right;
	width: 250px;
	margin: 0px 30px 0 20px;
}

#shop p.left {
	float: left;
	width: 100px;
	font-weight: bold;
	margin: 0 0 5px 10px;
}

#shop ul {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
	margin: 15px 0 0 10px;
}

#shop ul li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000;
	padding: 0;
	background: none;
	margin-top: 2px;
	text-align:left;
}



/********************************Local Showroom *******************************************/

.localShowroom {
	background: none;
	width: 550px;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px 0;
}

.localShowroom h4 {
	margin: 5px 0 0 5px;
	color: #a49fa9;
	text-align:left;
} 


.localShowroom a {
	margin: 0;
	color: #000;
	text-align:left;
	text-decoration: none;
} 

.localShowroom a:hover {
	margin: 0;
	color: #a49fa9;
	text-align:left;
	text-decoration: underline;
}

.localShowroom ul {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 20px;
	text-align:left;
}

.localShowroom ul li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000000;
	text-align:left;
}

.localShowroom ul li.last {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000000;
	text-align:left;
	padding-bottom: 10px;
}

.phone { 
margin-left: 22px;
font-weight: normal;
text-align:left;
}

.email {
margin-left: 28px;
font-weight: normal;
text-align:left;
}

.address {
margin-left: 10px;
font-weight: normal;
text-align:left;
}



/**************************************** Cooker Range ***************************************/

.cookerRange {
	margin: 0px 0 50px 10px;
	width: 550px;
	font-size: 12px;
	color: #000;
	text-align: left;
	text-decoration: none;
	border: 0;
}


.cookerRange img {
	float: left;
	border: 0;
	margin:0;
}


.listTitle  {
	margin: 40px 0 0 0px;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	color: #aaaaaa;
	text-align: left;
}

.itemTxt  {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-align: left;
	padding-left: 0px;
}


a.findoutmore {
	font-weight: normal;
	font-style:italic;
	color: #aaaaaa;
	text-decoration: none;
	margin: 0 0 0 0;
}

.cookerRange ul {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
	margin: 15px 0 0px -5px;
}

.cookerRange ul li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 0 20px;
	background:url(/templates/aga/img/bullets/bullet01.gif) no-repeat; 
	margin-top: 2px;
	text-align:left;
}


.cookerRange ul.techHelp {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 250px;
	margin: 15px 0 15px -5px;
}

.cookerRange ul.techHelp li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 20px;
	background:url(/templates/aga/img/bullets/bullet01.gif) no-repeat; 
	margin-top: 2px;
	text-align:left;
}

.cookerRange ul.shopAddress {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 200px;
	margin: 0px 0 15px 0px;
}

.cookerRange ul.shopAddress li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 5px;
	text-align:left;
	background: none;
}

.techpic {
	padding-left: 20px;
}

.shopSmallPic {
	padding-right: 10px;
}


/********************************************* 	Right Column *********************************/

#mainarea .rightcol {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
	background: none;
	width: 212px;
	float: left;
}

#mainarea .rightcol img.oven{
	margin: 20px 0 30px 0px;
	border: 0;
	float: left;
}

#mainarea .rightcol img.fridge{
	margin: 0 0 30px 0px;
	border: 0;
	float: left;
	width: 212px;
}

#mainarea .rightcol img.stove{
	margin: 0 0 30px 0px;
	border: 0;
	float: left;
}


#mainarea .rightcol img.features{
	margin: 10px 0 0 10px;
	border: 0;
	float: left;
}

#mainarea .rightcol img.featuresLast{
	margin: 10px 0 10px 10px;
	border: 0;
	float: left;
}

#mainarea .rightcol a {
	background: none;
}

/********************************************* Footer *********************************/


#footer {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
	background: #cda399;
	height: 20px;
	width: 100%;
}


#footer ul {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	width: 180px;
	margin: -20px 0 5px -790px;
}

#footer ul li {
	list-style-type: none;
	display:block;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 5px 10px;
	background: url(../img/logos/kal_logo.gif) no-repeat;
}


#footer ul.tools {
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 3px -10px 5px 800px;
}

#footer ul.tools li {
	list-style-type: none;
	display:inline;
	font-weight: normal;
	color: #ffffff;
	padding: 0 0 0px 0px;
	background: none;
}

#footer a {
	color: #ffffff;
	text-decoration:none;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

#footer a:hover, a:visited {
	color: #ae4e4e;
	text-decoration:underline;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}


/********************************************* Legal Text *********************************/

#legalText {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
	background: none;
	height: 20px;
	width: 1024px;
}

#legalText p{
	text-align:center;
	color:#a49fa9;
}

#legalText p.webzone a{
	float: right;
	color:#a49fa9;
	margin: -10px 40px 0 0;
	text-decoration: none;
}

#legalText p.webzone a:hover{
	float: right;
	color:#a49fa9;
	margin: -10px 40px 0 0;
	text-decoration: underline;
}


/************************************ Imported Styles ***********************************/


.contentTxtDate {
	background: red;
	margin: -10px 0 0 0;
}



/******************************** Demo Table *****************************************/

.demoTable { 
	background: #ffffff;
	text-align: left;
	width: 580px;
}


.demotable strong { 
	font-weight: bold;
	color: #000;
	
}

.cellTitle { 
	background: #CCCC99;
	font-weight: bold;
	color: #000000;
	text-align:left;
}

.cellHeader { 
	background: #CCCC99;
	font-weight: bold;
	color: #000000;
	text-align:left;
	padding: 5px 0 5px 5px;
}

.cellText {
	background: #ffffff;
	text-align: left;
}


/************************ Brochure Table ****************************************************/

.brochureTable {
	background: #ffffff;
	text-align: left;
	color: #000000;
}