body {
  text-align: center;
  font-family:Arial,Verdana,Helvetica,Sans-serif;
  font-size:14px;
  color:#003A4F;
  text-decoration:none;
  background: #FFFFFF url(http://www.aquariancladding.co.uk/cmsimages/AquarianCladBackSmall.jpg) repeat-y fixed top left;
  margin:0px;
  margin-top:2px;
  height:100%;
  width:100%;
}

#dummy {
  border: 1px dotted gray; 
}

/*----------------------------------------------------*/
/* Text formatting */
/*----------------------------------------------------*/
p {
  font-size:14px;
}

p.quote {
  font-size:14px;
  font-style:italic;
  padding-right:20px;
  line-height:18px;
}

p.productindent {
  margin-left:30px;
}

h1.orange {
  font-size:170%;
  padding-top:0px;
  margin-top:0px;
  font-weight: bold;
	color:#f58426
}

h1.yellow {
  font-size:170%;
  padding-top:0px;
  margin-top:0px;
  font-weight: bold;
	color:#fdb913
}

h1.green {
  font-size:170%;
  padding-top:0px;
  margin-top:0px;
  font-weight: bold;
	color:#a0cf67
}

h2 {
  font-size:130%;
}

h3 {
  font-size:120%;
  margin-bottom:-8px;
}

hr {
  width:100%;
	color:#C0C0C0;
  background-color:#C0C0C0;
  border: 1px solid #C0C0C0;
}

li {
  color:#003A4F;
  margin-left:-10px;
  padding-left:0px;
  margin-top:0px;
  padding-top:0px;
  list-style-type:square;
}

ul.bodylistorange li {
  font-size:100%;
  color:#003A4F;
  padding-top:4px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listcircleorange.gif);
}
ul.bodylinklistorange li {
  font-size:120%;
  color:#003A4F;
  padding-bottom:10px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listarroworange.gif);
}
ul.bodylistgreen li {
  font-size:100%;
  color:#003A4F;
  padding-top:4px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listcirclegreen.gif);
}
ol.bodylistgreen li {
  font-size:100%;
  color:#003A4F;
  padding-top:4px;
  list-style-type:decimal;
}
ul.bodylinklistgreen li {
  font-size:120%;
  color:#003A4F;
  padding-bottom:10px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listarrowgreen.gif);
}
ul.bodylistyellow li {
  font-size:100%;
  color:#003A4F;
  padding-top:4px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listcircleyellow.gif);
}
ul.bodylinklistyellow li {
  font-size:120%;
  color:#003A4F;
  padding-bottom:10px;
  list-style-image:url(http://www.aquariancladding.co.uk/cmsimages/listarrowyellow.gif);
}

ol.bodylist {
  font-size:100%;
  color:#003A4F;
}
ol.bodylist li {
  list-style-type:decimal;
  padding-bottom:8px;
}

img.bodyimage {
  margin-left:15px;
  margin-bottom:15px;
  border:thin solid #003A4F;
  float:right;
}

span.codedirection {
  unicode-bidi:bidi-override;
  direction: rtl;
}
  
span.highlightorange  {
	color:#f58426;
  font-style:italic;
}

span.highlightyellow  {
	color:#fdb913;
  font-style:italic;
}

span.highlightgreen {
	color:#a0cf67;
  font-style:italic;
  font-weight: bold;
}

.casestudygroup {clear:both;}
.casestudy {float:left;margin-top:25px;margin-left:30px;margin-right:20px;margin-bottom:25px;}
.casestudy img {border:1px solid #C0C0C0;}
.casestudy a.bodyorange {margin-left:-15px;}
.casestudy a:hover img {border:1px solid Black}

.productgroupimage {clear:both;float:left;margin-top:15px;margin-left:10px;margin-right:20px;}
.productgroupimage img {border:1px solid #C0C0C0;}
.productgroupimage a:hover img {border:1px solid Black}
.productgrouptext {float:left;width:500px;margin-top:-5px}

.newsimage {clear:both;float:left;margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:20px;}
.newsimage a img {width:100px; height:100px; border:1px solid #C0C0C0;}
.newsimage a:hover img {border:1px solid Black}
.newstext {float:left;width:470px;margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:20px;}


/*----------------------------------------------------*/
/* Areas of the screen - webpage payout */
/*----------------------------------------------------*/
.layout {
  width:930px;
  margin: 20px auto; /* We are going to center this design */
  text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
}

.bannerframe {
  height:158px;
  border-top:thin solid #004F93;
  border-left:thin solid #004F93;
  border-right:thin solid #004F93;
}

.menuframe {
	background: #004F93;
}

/*.menu {
  width:895px;
  float:left;
	background: #004F93;
}

.stripes {
  width:35px;
  float:left;
	background: #004F93;
}
*/
.mainframe {
  background-color:#ffffff;
  clear: both;
  overflow:hidden; 
  border:thin solid #004F93;
}

.content {
  width:828px;
  padding-top:20px;
  padding-left:50px;
  padding-right:50px;
  background-color:#ffffff;
}

.contentleftnarrow {
  width:350px;
  padding-left:50px;
  padding-top:20px;
  padding-right:20px;
  padding-bottom:32767px;
	margin-bottom:-32767px;
  float:left;
  background-color:#ffffff;
  border-left:thin solid #004F93;
}

.contentrightwide {
  width:502px;
  float:left;
  text-align:left;
  padding-top:20px;
  padding-bottom:32767px;
  padding-left:4px;
	margin-bottom:-32767px;
  background-color:#ffffff;
  /*border-right:thin solid #004F93;*/
}

.contentleftwide {
  width:650px;
  padding-top:20px;
  padding-left:50px;
  padding-right:20px;
  padding-bottom:32767px;
	margin-bottom:-32767px;
  float:left;
  background-color:#ffffff;
  border-left:thin solid #004F93;
}

.contentrightnarrow {
  width:202px;
  float:left;
  text-align:left;
  padding-top:20px;
  padding-bottom:32767px;
  padding-left:4px;
	margin-bottom:-32767px;
  background-color:#ffffff;
  /*border-right:thin solid #004F93;*/
}

.searchboxhome {clear:both; padding-top:15px; /*padding:0px 15px 15px 15px;*/ width:490px; margin-top:10px;margin-right:5px; /*border: 1px solid #C0C0C0;*/ font-family:arial, verdana, sans-serif;}
.searchboxhome h2 {font-family:arial, verdana, sans-serif; font-size:18px; color:#003A4F; }
.searchboxhome p {font-size:14px;}
.searchfieldhome {font-family: Arial, Helvetica, sans-serif; width: 200px; border: 1px solid #7E7E7E; font-size: 14px;}
.searchbuttonhome {font-family: Arial, Helvetica, sans-serif; height:20px; width: 50px; font-size: 11px;}

.searchbox {clear:right;/*padding:0px 15px 15px 15px;*/ float:right; width:190px; margin-top:5px;margin-right:5px; margin-bottom:5px; /*border: 1px solid #C0C0C0;*/ font-family:arial, verdana, sans-serif;}
.searchbox h2 {font-family:arial, verdana, sans-serif; font-size:18px; color:#003A4F; }
.searchbox p {font-size:12px;}
.searchfield {font-family: Arial, Helvetica, sans-serif; width: 105px; margin-bottom: 10px; border: 1px solid #7E7E7E; font-size: 14px;}
.searchbutton {font-family: Arial, Helvetica, sans-serif; height:20px; width: 55px; font-size: 11px;}
.newsletterbutton {float: right; position: relative; top: -15px; left: -2px; font-family: Arial, Helvetica, sans-serif; height:20px; width: 55px; font-size: 11px;}

.footerframe { 
  clear: both;
  background-color:transparent;
}

.footermenu {
  width: 400px;
  float:left;
  padding-top:30px;
  margin-bottom:20px;
  margin-left:50px;
  font-size: 16px; 
  color:#a0cf67;
  text-align: left;
  vertical-align: top;
  background-color:transparent;
}

.footercopyright { 
  clear: both;
  width: 278px;
  float:left;
  color:#FFFFFF;
  font-size: 80%; 
  margin-left:50px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
  background-color:transparent;
}

.footeraddress { 
  width: 565px;
  float:right;
  font-size: 80%; 
  margin-right:5px;
  padding: 0px;
  text-align: right;
  vertical-align: top;
  background-color:transparent;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/*
a.image {
  border:none;
  text-decoration:none;
}

a:link {
  text-decoration: none;
  color: #6A737B;
}
a:visited {
  text-decoration: none;
  color: #6A737B;
}
a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}
a:active { 
  text-decoration: none;
  color: #6A737B;
}
*/
/*----------------------------------------------------*/
/* Page links in the main page body on orange themed pages */
/*----------------------------------------------------*/
a.bodyorange:link { 
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}
a.bodyorange:visited {
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}
a.bodyorange:hover {
  font-weight: bold;
  font-style:italic;
  color: #f58426;
}
a.bodyorange:active {
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}

/* Page links in the main page body on yellow themed pages */
a.bodyyellow:link { 
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}
a.bodyyellow:visited {
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}
a.bodyyellow:hover {
  font-weight: bold;
  font-style:italic;
  color: #fdb913;
}
a.bodyyellow:active {
  font-weight: bold;
  font-style:italic;
	color: #003A4F;
}

/* Page links in the main page body on green themed pages */
a.bodygreen:link { 
  font-weight: bold;
  font-style:normal;
  text-decoration:underline;
	color: #003A4F;
}
a.bodygreen:visited {
  font-weight: bold;
  font-style:normal;
  text-decoration:underline;
	color: #003A4F;
}
a.bodygreen:hover {
  font-weight: bold;
  font-style:normal;
  text-decoration:underline;
  color: #a0cf67;
}
a.bodygreen:active {
  font-weight: bold;
  font-style:normal;
  text-decoration:underline;
	color: #003A4F;
}

/* Page links in the footer manu on orange themed pages */
a.footmenuorange:link { 
  font-weight: bold;
	color: #f58426;
}
a.footmenuorange:visited {
  font-weight: bold;
	color: #f58426;
}
a.footmenuorange:hover {
  font-weight: bold;
  color: #FFFFFF;
}
a.footmenuorange:active {
  font-weight: bold;
	color: #f58426;
}

/* Page links in the footer manu on yellow themed pages */
a.footmenuyellow:link { 
  font-weight: bold;
	color: #fdb913;
}
a.footmenuyellow:visited {
  font-weight: bold;
	color: #fdb913;
}
a.footmenuyellow:hover {
  font-weight: bold;
  color: #FFFFFF;
}
a.footmenuyellow:active {
  font-weight: bold;
	color: #fdb913;
}

/* Page links in the footer manu on green themed pages */
a.footmenugreen:link { 
  font-weight: bold;
	color: #a0cf67;
}
a.footmenugreen:visited {
  font-weight: bold;
	color: #a0cf67;
}
a.footmenugreen:hover {
  font-weight: bold;
  color: #FFFFFF;
}
a.footmenugreen:active {
  font-weight: bold;
	color: #a0cf67;
}

/* Page links in the footer address bar on orange pages*/
a.footlinkorange:link { 
  font-weight: bold;
	color: #003A4F;
}
a.footlinkorange:visited {
  font-weight: bold;
	color: #003A4F;
}
a.footlinkorange:hover {
  font-weight: bold;
  color: #f58426;
}
a.footlinkorange:active {
  font-weight: bold;
	color: #003A4F;
}

/* Page links in the footer address bar on yellow pages*/
a.footlinkyellow:link { 
  font-weight: bold;
	color: #003A4F;
}
a.footlinkyellow:visited {
  font-weight: bold;
  color: #003A4F;
}
a.footlinkyellow:hover {
  font-weight: bold;
  color: #fdb913;
}
a.footlinkyellow:active {
  font-weight: bold;
	color: #003A4F;
}

/* Page links in the footer address bar on green pages*/
a.footlinkgreen:link { 
  font-weight: bold;
	color: #003A4F;
}
a.footlinkgreen:visited {
  font-weight: bold;
	color: #003A4F;
}
a.footlinkgreen:hover {
  font-weight: bold;
  color: #a0cf67;
}
a.footlinkgreen:active {
  font-weight: bold;
	color: #003A4F;
}




.pagetitle {
clear:both;
background:#000000 url(http://www.aquariancladding.co.uk/cmsimages/titlebackground2.png) repeat-x;
height:109px;
}
.pagetitle .breadcrumb {
  font-size:80%;
  color:#FFFFFF;
  padding-left:50px;
  padding-top:12px;
}
.pagetitle .breadcrumbarrow {
  padding-left:8px;
  padding-right:8px;
}
a.breadcrumblink:link {
color:#FFFFFF;
}
a.breadcrumblink:hover {
color:#a0cf67;
}
a.breadcrumblink:active {
color:#FFFFFF;
}
a.breadcrumblink:visited {
color:#FFFFFF;
}
.pagetitle .titleorange {
  font-size:190%;
  padding-left:50px;
  padding-top:0px;
  margin-top:30px;
  font-weight: bold;
	color:#f58426;
}
.pagetitle .titlegreen {
  font-size:190%;
  padding-left:50px;
  padding-top:0px;
  margin-top:30px;
  font-weight: bold;
	color:#a0cf67;
}
.pagetitle .titleyellow {
  font-size:190%;
  padding-left:50px;
  padding-top:0px;
  margin-top:30px;
  font-weight: bold;
	color:#fdb913;
}
.pagetitle .image {
float:right;
margin-right:1px;
width:199px;
}