
/* POSTER */
#poster { width: 780px; height: 390px; margin: 30px auto; position: relative; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder780x390.gif); background-repeat: no-repeat; 
overflow: hidden; background-position: 0 0; }

#poster3left { width: 431px; height: 381px; margin-right: 1px; position: relative; float: left; padding-top: 9px; padding-left: 18px; padding-right: 18px; background-image: url(http://aquatite.com/aimages/poster-placeholder780x390.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; }
a #poster3left { overflow: hidden; padding-top: 390px; height: 0px; }

a #poster2right { overflow: hidden; padding-top: 390px; height: 0px; position: absolute; left: 468px; top: 0;}

#poster2right { width: 276px; height: 381px; margin: 0; position: relative; padding-top: 9px; padding-left: 18px; padding-right: 18px; background-image: url(http://aquatite.com/aimages/poster-placeholder780x390.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; }

#posterprodleft { width: 467px; height: 390px; margin-right: 1px; position: relative; float: left; padding: 0; background-image: url(http://aquatite.com/aimages/insidewwc.jpg); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; cursor: pointer;}
a #posterprodleft { overflow: hidden; cursor: pointer; }

#posterprodright { width: 312px; height: 390px; margin: 0; position: relative; padding: 0px; background-image: url(http://aquatite.com/aimages/outsidecc.jpg); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; cursor: pointer; }

a #posterprodright { position: absolute; left: 468px; top: 0; cursor: pointer; }

#poster_top_third { width: 748px; height: 97px; margin-bottom: 1px; padding: 16px; position: relative; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder_blue.gif); 
background-repeat: no-repeat; overflow: hidden; background-position: 0 0; }

#map { width: 780px; height: 390px; margin: 30px auto; position: relative; font: 11px Verdana, Arial, sans-serif; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-map2.gif); 
background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }

#vl { margin: 19px 20px 0px 0px; position: relative; font: 11px Verdana, Arial, sans-serif; text-align: right; float: right; }

#square_top_left { width: 271px; height: 219px; margin: 0 auto; margin-top: 0; padding: 20px; position: relative; float: left; font: 11px Verdana, sans-serif, Arial; text-align: left; color: #000; background-repeat: no-repeat; overflow: hidden; background-position: 0 0; margin: 0px 1px 1px 0px; }

#threetwo_top_left { width: 427px; height: 219px; margin: 0 auto; margin-top: 0; padding: 20px; position: relative; float: left; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder_blue.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; margin: 0px 1px 1px 0px;  }

#fourtwo_top_left { width: 583px; height: 219px; margin: 0 auto; margin-top: 0; padding: 20px; position: relative; float: left; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder_blue.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; margin: 0px 1px 1px 0px; }

#fourtwo_top_leftnm { width: 584px; height: 219px; margin: 0 auto; margin-top: 0; padding: 20px; position: relative; float: left; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder_blue.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; margin: 0px 0px 1px 0px; }

#fourthree_top_left { width: 583px; height: 350px; margin: 0 auto; margin-top: 0; padding: 20px; position: relative; float: left; text-align: left; color: #000; background-image: url(http://aquatite.com/aimages/poster-placeholder_blue.gif); background-repeat: no-repeat; overflow: hidden; background-position: 0 0; margin: 0px 1px 0px 0px; }

#portrait_middle { 
width: 155px; 
height: 259px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #FFF; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 1px;
margin-bottom: 1px;
}

#middle_top { 
width: 155px; 
height: 129px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #900; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 0;
margin-bottom: 1px;
}

#middle_row { 
width: 155px; 
height: 0px; 
margin: 0 auto; 
margin-top: 0; 
padding-top: 129px; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: center; 
color: #000; 
background-color: #900; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 1px;
margin-bottom: 1px;
}

#middle_row_right { 
width: 156px; 
height: 129px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #600; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 0px;
margin-bottom: 1px;
}

#middle_bottom { 
width: 155px; 
height: 129px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #600; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 0;
margin-bottom: 0;
}

#square_top_right { 
width: 312px; 
height: 259px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #C00; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-bottom: 1px;
}

#landscape_bottom_left { 
width: 311px; 
height: 130px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #900; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 1px;
}

#bottom_middle { 
width: 155px; 
height: 130px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
float: left; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #C00; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 1px;
}

#bottom_middle_right { 
width: 156px; 
height: 130px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #F00; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin-right: 0;
}

#landscape_bottom_right { 
width: 312px; 
height: 130px; 
margin: 0 auto; 
margin-top: 0; 
position: relative; 
font: 11px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
background-color: #900; 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
margin: 0;
}

/* CONTACT DETAILS */
#cdetails { 
width: 294px; 
height: 381px; 
position: relative; 
color: #000; 
float: left;
padding-top: 9px; 
padding-left: 18px; 
background-image: url(http://aquatite.com/aimages/2-5column-lightblue312x390.gif); 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
}

#cdetailstwo { 
width: 294px; 
height: 381px; 
position: absolute; 
left: 468px;
top: 0;
padding-top: 9px; 
padding-left: 18px; 
background-image: url(http://aquatite.com/aimages/poster-placeholder_grey.gif); 
background-repeat: no-repeat; 
background-position: -468px 0; 
}

/* CONTACT FORM */
#cformfour { width: 467px; position: relative; padding: 0; margin: 0px 1px 0px 0px;}

#contacttopblue { width: 467px; height: 9px; margin: 0; padding: 0; background-image: url(http://aquatite.com/aimages/newstopbot-blue.gif); background-repeat: no-repeat; }

#contactblue { width: 427px; min-height: 375px; height: auto !important; height: 375px; position: relative; color: #000; display: block; padding: 0px 20px 0px 20px; background-image: url(http://aquatite.com/aimages/newsbg-blue.gif); background-repeat: repeat; }

#contactbotblue { width: 467px; height: 6px; position: relative; background-image: url(http://aquatite.com/aimages/newstopbot-blue.gif); background-position: 0 -9px; background-repeat: no-repeat; }

ul#contactform { list-style:none; margin-left:0; padding:0; margin-top:0;}
ul#contactform li { display:block; float:left; width:100%; margin:0; }
ul#contactform li label { float:left; padding-top:6px; width:110px; overflow:auto; margin:0;}
#field { float:right; font: 11px Verdana, Arial, sans-serif; 
}
select  { float:right; margin-right: 136px; width: 156px;}
#area1 { margin-left: 0; margin-top: 6px; }
.areaone { font: 11px Verdana, Arial, sans-serif; }

/* SHOP SELECTOR */
#shselector { 
width: 275px; 
height: 381px; 
position: relative; 
color: #000; 
float: left;
padding-top: 9px; 
padding-left: 18px; 
padding-right: 18px; 
background-image: url(http://aquatite.com/aimages/2-5column-lightblue312x390.gif); 
background-repeat: no-repeat; 
overflow: auto; 
background-position: 0 0; 
}

/* SHOP BASKET */
#sbasket { 
width: 433px; 
height: 381px; 

/*	position: relative; */
	position: absolute; 
	left: 312px;
	top: 0;

font: 11px/16px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
padding-top: 9px; 
padding-left: 19px; 
padding-right: 18px; 
background-image: url(http://aquatite.com/aimages/basketbg-grey.gif); 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
}

#multi { 
width: 433px; 
height: 381px; 

/*	position: relative; */
	position: absolute; 
	left: 312px;
	top: 0;

font: 11px/16px Verdana, Arial, sans-serif; 
text-align: left; 
color: #000; 
padding-top: 9px; 
padding-left: 19px; 
padding-right: 18px; 
background-image: url(http://aquatite.com/aimages/3-5col-right-grey.gif); 
background-repeat: no-repeat; 
overflow: hidden; 
background-position: 0 0; 
}

/* PRODUCTS */
#bproduct {
width: 100%;
height: 400px;
}

#house { 
width: 100%; 
height: 240px;
padding-top: 20px;
background-image: url(http://aquatite.com/aimages/housepack_260x260.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
}
#house a { color: #09F; text-decoration: none; }
#house a:visited { color: #09F; }
#house a:active { color: #09F; }
#house a:hover { color: #000; }

#single_sp { 
width: 100%; 
height: 200px;
padding-top: 20px;
background-image: url(http://aquatite.com/aimages/pack-s_260x200.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
}
#single_sp a { color: #09F; text-decoration: none; }
#single_sp a:visited { color: #09F; }
#single_sp a:active { color: #09F; }
#single_sp a:hover { color: #000; }

#single_itp { 
width: 100%; 
height: 200px;
padding-top: 20px;
background-image: url(http://aquatite.com/aimages/pack-it_260x200.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
}
#single_itp a { color: #09F; text-decoration: none; }
#single_itp a:visited { color: #09F; }
#single_itp a:active { color: #09F; }
#single_itp a:hover { color: #000; }

#single_etp { 
width: 100%; 
height: 200px;
padding-top: 20px;
background-image: url(http://aquatite.com/aimages/pack-et_260x200.gif); 
background-repeat: no-repeat; 
text-align: center; 
font-weight: bold; 
}
#single_etp a { color: #09F; text-decoration: none; }
#single_etp a:visited { color: #09F; }
#single_etp a:active { color: #09F; }
#single_etp a:hover { color: #000; }

#shower_system { 
background-image: url(http://aquatite.com/aimages/shower_system_grey.jpg); 
background-repeat: no-repeat; 
padding-top: 9px;
width: 100%;
height: 194px;
font: 14px/21px Verdana, Arial, sans-serif; 
text-align: right; 
color: #09C; 
}

#tap_system { 
background-image: url(http://aquatite.com/aimages/tap_system_grey.jpg); 
background-repeat: no-repeat; 
padding-top: 9px;
width: 100%;
height: 194px;
font: 14px/21px Verdana, Arial, sans-serif; 
text-align: right; 
color: #09C; 
}

#exterior_system { 
background-image: url(http://aquatite.com/aimages/exterior_system_grey.jpg); 
background-repeat: no-repeat; 
padding-top: 9px;
width: 100%;
height: 194px;
font: 14px/21px Verdana, Arial, sans-serif; 
text-align: right; 
color: #09C; 
}

#house_pack { 
background-image: url(http://aquatite.com/aimages/housepack_grey.gif); 
background-repeat: no-repeat; 
padding-top: 9px;
width: 100%;
height: 400px;
}

#price {font: 14px/21px Verdana, Arial, sans-serif; 
text-align: right; 
color: #09C; 
width: 100%;
}

/* BUTTONS */
#poster a { background-position: 0 -120px; text-decoration: none; color: #666; }

/* OVER */
#poster a:hover { background-position: 0 -120px; text-decoration: none; color: #666; }

/* DOWN */
#poster a:active { background-position: 0 -120px; color: #069; }

/* NEWS */
#textcon { width: 624px; position: relative; background-image: url(http://aquatite.com/aimages/newsbg.gif); background-repeat: repeat; padding: 0; }

#textcontwo { width: 780px; height: 260px; position: relative; padding: 0; }

#texttop { width: 604px; height: 32px; padding-left: 20px; padding-top: 6px; background-image: url(http://aquatite.com/aimages/newsheaderblue.gif); background-repeat: no-repeat; }

#texttoptwo { width: 624px; height: 9px; margin: 0; padding: 0; background-image: url(http://aquatite.com/aimages/newstopblue.gif); background-repeat: no-repeat; }
#texttopblue { width: 624px; height: 9px; margin: 0; padding: 0; background-image: url(http://aquatite.com/aimages/newstopbot-blue.gif); background-repeat: no-repeat; }
#texttopgrey { width: 624px; height: 9px; margin: 0; padding: 0; background-image: url(http://aquatite.com/aimages/newstopbot-grey.gif); background-repeat: no-repeat; }

#newsitems { width: 584px; min-height: 375px; height: auto !important; height: 375px; position: relative; color: #000; display: block; padding: 0px 20px 0px 20px; }

#newsitemsblue { width: 584px; min-height: 375px; height: auto !important; height: 375px; position: relative; color: #000; display: block; padding: 0px 20px 0px 20px; background-image: url(http://aquatite.com/aimages/newsbg-blue.gif); background-repeat: repeat; }

#newsitemsgrey { width: 584px; min-height: 375px; height: auto !important; height: 375px; position: relative; color: #000; display: block; padding: 0px 20px 0px 20px; background-image: url(http://aquatite.com/aimages/newsbg-grey.gif); background-repeat: repeat; }

#textbottom { width: 624px; height: 6px; position: relative; background-image: url(http://aquatite.com/aimages/newsbottom.gif); background-repeat: no-repeat; }
#textbottomblue { width: 624px; height: 6px; position: relative; background-image: url(http://aquatite.com/aimages/newstopbot-blue.gif); background-position: 0 -9px; background-repeat: no-repeat; }
#textbottomgrey { width: 624px; height: 6px; position: relative; background-image: url(http://aquatite.com/aimages/newstopbot-grey.gif); background-position: 0 -9px; background-repeat: no-repeat; }

.expandstory {color: #999; }
.expandstory a {color: #999; text-decoration: none; }
.expandstory a:hover {color: #09F; text-decoration: none; }

