html, body {
    height: 100%;
}



p {margin: 0 0 15px 0}

img {border:0;display:block}

h1 {color:#666; font-weight:normal; font-size:175%;margin:0}
h1 span { display:none; }

h2 {font-weight:normal; font-size:140%; border-bottom: 1px dotted #1F7774; padding-bottom:5px}

h3 {font-weight:normal; font-size:110%;}

h4 {font-weight:normal; font-size:140%; color:#FFF; margin:0 0 10px 0}

h4 span { font-size:.6em; color:#1F7774; background-color:#FFFF00; padding:4px 5px 2px 5px; font-weight:bold; position:absolute; margin-left:10px; }

th {color: #FFF; font-weight:bold;background-color:#46C1A4;border-collapse: collapse;padding:0 2px 0 3px;height:20px}

td {height:20px}

li {padding: 0; margin:5px}

/*ul {padding: 0; margin:0; list-style: none} */
ul { padding:0 20px; color:#46C1A4; }

#bullet li {
	margin: 0 0 3px 15px;
	padding: 0;
	list-style-type:disc;
}

#bullet ul {
	margin: 0;
	padding:0;
}

#nobullet li {
	margin: 0 0 3px 15px;
	list-style-type:circle;

}

#nobullet ul {
	margin: 0 0 0 5px;
	padding:20px 0 0 0;

}

h2#control { background:url('../images/controlling_the_rain.gif') no-repeat; text-indent:-9999px; height:25px; font-size:1em; }


p a {color: #1F7774; }
p a:hover {color: #47C3A6; }

h2 a {color: #1F7774; text-decoration:none; }
h2 a:hover {color: #47C3A6; text-decoration:underline; }

a.footer:link {color: #1F7774; text-decoration:none;background-color:#FFF}
a.footer:visited {color: #1F7774; text-decoration:none;background-color:#FFF}
a.footer:hover {color: #47C3A6; text-decoration:underline;background-color:#FFF}
a.footer:active {color: #1F7774; text-decoration:none;background-color:#FFF}

a.products:link {color: #1F7774; text-decoration:none;background-color:#FFF}
a.products:visited {color: #1F7774; text-decoration:none;background-color:#FFF}
a.products:hover {color: #47C3A6; text-decoration:none;background-color:#FFF}
a.products:active {color: #1F7774; text-decoration:none;background-color:#FFF}

a.login:link {color: #fff; text-decoration:none;background-color:transparent;font-size:90%}
a.login:visited {color: #fff; text-decoration:none;background-color:transparent;font-size:90%}
a.login:hover {color: #fff; text-decoration:underline;background-color:transparent;font-size:90%}
a.login:active {color: #fff; text-decoration:none;background-color:transparent;font-size:90%}

a.nav:link {color: #fff; text-decoration:none;background-color:#1F7774; width:131px; height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.nav:visited {color: #fff; text-decoration:none;background-color:#1F7774; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.nav:hover {color: #fff; text-decoration:none;background-color:#46C1A4; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.nav:active {color: #fff; text-decoration:none;background-color:#46C1A4; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}

a.sub_nav:link {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px; height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.sub_nav:visited {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.sub_nav:hover {color: #FFF; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.sub_nav:active {color: #FFF; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}

a.sub_nav_on:link {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px; height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px;background-image:url('../images/common/nav_arrow.gif');background-position:top right; background-repeat:no-repeat}
a.sub_nav_on:visited {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px;background-image:url('../images/common/nav_arrow.gif');background-position:top right;background-repeat:no-repeat}
a.sub_nav_on:hover {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px;background-image:url('../images/common/nav_arrow.gif');background-position:top right;background-repeat:no-repeat}
a.sub_nav_on:active {color: #1F7774; text-decoration:none;background-color:#A2E0D1; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px;background-image:url('../images/common/nav_arrow.gif');background-position:top right;background-repeat:no-repeat}

a.sub_nav2:link {color: #1F7774; text-decoration:none;background-color:#ECF9F6; width:131px; height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.sub_nav2:visited {color: #1F7774; text-decoration:none;background-color:#ECF9F6; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}
a.sub_nav2:hover {color: #47C3A6; text-decoration:none;background-color:#ECF9F6; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px;}
a.sub_nav2:active {color: #1F7774; text-decoration:none;background-color:#ECF9F6; width:131px;height:15px;border-bottom:1px solid #fff; float:left; padding:3px 0 0 10px}

.hr {width:100%; height:1px; background-color:#fff;margin:0; border-top: 1px dotted #1F7774;}



/* Hack for IE */
* html #container {
    height: 100%;
	overflow:visible;
}


#header {
	height:110px;
	background-image: URL('../images/layout/header.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

#left_col {
	text-align:left;
	width:141px;
	margin-right:16px;
	float:left;
}

#main {
	text-align:left;
	float:left;
	margin-top:20px;
	width:756px;
}

#content {
	margin: 20px 0 10px 0;
	width: 756px;
    min-height: 550px;
    height: auto;
	float:left;
}

/* Hack for IE*/
html #content {
    height: 100%;
}


html>body #content {
    height: 100%;
}

#footer {
	width:100%;
	height:35px;
	border-top:1px dotted #1F7774;
	text-align:right;
	font-size:90%;
	padding-top:5px;
	clear:both;
	margin-top:20px;
}

.big_txt {color:#666; font-weight:normal; font-size:125%;margin:0; }



.nav_box {
	margin-top:50px;
	color: #fff;
	font-size:90%;
}

.nav_divide {
	border-bottom: 1px solid #FFF;
	background-color: #666;
	height: 8px;
	clear: left;
	width: 141px;
}

div.login {
	padding: 10px;
	background-color: #1F7774;
	width: 121px;
}

input.login {
	width: 115px;
	height: 10px;
	font-size: 85%;
}

.login p {margin:0 0 5px 0}

input.login_submit {
	border: none;
	/*border-bottom: 1px dotted #FFF;*/
	background-color: transparent;
	font-size:90%;
	color:#fff;
	cursor:pointer;
	margin:0;
	padding:0;
}

.text_col {
	width: 330px;
	float:left;
	margin: 20px 40px 0 0;
}
textarea.codeview { width:330px; height:100px; font-size:1.2em; }

input.contact {
	border: 1px solid #47C3A6;
	width: 250px;
	height: 15px;
}

input.qty {
	border: 1px solid #47C3A6;
	width: 20px;
	height: 15px;
}

input.search {
	border: 1px solid #47C3A6;
	width: 300px;
	height: 14px;
	margin:0 3px 0 0;
}

textarea.contact {
	border: 1px solid #47C3A6;
	width: 250px;
	height: 100px;
}

.error {color:#CC0000; font-weight:bold}

.bold {font-weight:bold}

.caption {
	width:170px;
	height:15px;
	color:#FFF;
	font-weight:bold;
	background-color:#1F7774
 }

 .portfolio_box {
 	width:170px;
	height: 145px;
	margin: 0 18px 20px 0;
	float:left;
 }

/* STORE STYLES */

#mid_col {
	float:left;
	width:540px;
	margin-left:10px;
}

#right_col {
	float:right;
	width:185px;
	text-align:left;
}

#promo_col {
	float:right;
	width:185px;
}

.right_col_hdr {
	width:178px;
	height:15px;
	background-color:#1F7774;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	padding: 2px 0 0 5px;
	margin-top: 20px;
}

.right_box {
	width: 185px;
	margin-top: 10px;
}

.products_box {
	float: left;
	width: 162px;
	height: 205px;
	margin: 20px 15px 10px 0;
	/*border: 1px solid #000;*/
}

#cats { margin-top:30px; overflow:auto; }
#view_store { position:relative; margin-left:740px; padding-top:20px; }
#view_store a { color:#c00; }

.header_txt{ color:#fff; font-weight:bold; position:relative; margin-left:705px; padding-top:20px; }

.breadcrumbs { margin:20px 0; font-size:.8em; }

.cat_box {
	float:left;
	width:162px;
	margin:0;
	margin-right:27px;
}

.cat_box2 {
	float:left;
	width:162px;
	margin-right:27px;
	font-size:.9em;
}

.subcat_box {
	width:538px;
	height:185px;
	margin: 20px 0 0 0;
	background-image:URL('../images/common/cat_bg.gif');
}

.subcat_box2 {
	width:283px;
	height:150px;
	background-color: #1F7774;
	padding: 10px 20px;
	float:left;
	color:#FFF;
}

select {
	width: 140px;
	height:18px;
	font-size:90%;
	color:#333;
	border: none;
}

.basket {
	background-image:URL('../images/common/basket_bg.gif');
	background-repeat:no-repeat;
	width: 186px;
	height: 110px;
	float:right;
}

.basket p {
	margin:5px 0 5px 0;
}

div.myaccount {
	padding: 10px;
	background-color: #A0DDCF;
	width: 121px;
	color: #1F7774;
}

.price {
	font-size: 130%;
	font-weight:bold;
	color:#666;
}

.price_vat {
	font-size: 130%;
	font-weight:bold;
	color:#999;
}

.price_small {
	font-size: 100%;
	font-weight:bold;
	color:#666;
}

.xsmall_price {
	font-size: 90%;
	color:#666;
}

.related_prods {
	margin:30px 0 0 0;
	clear:both;
}

.related_box {
	float:left;
	width:162px;
	margin: 0 20px 0 0;
}

.store_topbox {
	background-image: URL('../images/pics/store_homepage.jpg');
	background-repeat:no-repeat;
	width:538px;
	height:191px;
	padding:70px 0 0 22px;
	float:left;
	text-align:left;
}

input.register {
	border: 1px solid #47C3A6;
	width: 170px;
	height: 15px;
}

/*CMS*/

.grey_box {
	float:left;
	width:310px;
	margin-bottom:30px;
	background-color:#CCC;
	padding:20px
}


#no_46_ogee { background:url(../images/profiles/profile_no46.gif) no-repeat 0 90px #1F7774; }
#victorian_ogee { background:url(../images/profiles/profile_victorian.gif) no-repeat 0 90px #1F7774; }
#half_round { background:url(../images/profiles/profile_halfround.gif) no-repeat 0 90px #1F7774; }
#beaded_half_round { background:url(../images/profiles/profile_halfround.gif) no-repeat 0 90px #1F7774; }
#half_round_deep_beaded { background:url(../images/profiles/profile_deepbeaded.gif) no-repeat 0 90px #1F7774; }
#deep_beaded_half_round { background:url(../images/profiles/profile_deepbeaded.gif) no-repeat 0 90px #1F7774; }
#half_round_beaded { background:url(../images/profiles/profile_halfroundbeaded.gif) no-repeat 0 90px #1F7774; }
#ogee { background:url(../images/profiles/profile_ogee.gif) no-repeat 0 90px #1F7774; }
#box_profile{ background:url(../images/profiles/profile_box.gif) no-repeat 0 90px #1F7774; }

/* buttons that are nice for seo but mean no js rollovers */

a.btn_home_view { outline:none; display:block; width:159px; height:32px; background:url(../images/view_btn_home.gif); font-size:.01em;  }
a:hover.btn_home_view { background:url(../images/view_btn_home_f2.gif);  }
a.btn_home_view span { display:none; }

a.btn_gutters { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_gutters.gif); font-size:.01em;  }
a:hover.btn_gutters { background:url(../images/sections/btn_gutters_f2.gif); }
a.btn_gutters span { display:none; }

a.btn_downpipes { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_downpipes.gif); font-size:.01em;  }
a:hover.btn_downpipes { background:url(../images/sections/btn_downpipes_f2.gif); }
a.btn_downpipes span { display:none; }

a.btn_hopemb { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_hopemb.gif); font-size:.01em;  }
a:hover.btn_hopemb { background:url(../images/sections/btn_hopemb_f2.gif); }
a.btn_hopemb span { display:none; }

a.btn_gutters_cast { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_gutters_cast.gif); font-size:.01em;  }
a:hover.btn_gutters_cast { background:url(../images/sections/btn_gutters_cast_f2.gif); }
a.btn_gutters_cast span { display:none; }

a.btn_gutters_ext { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_gutter_ext.gif); font-size:.01em;  }
a:hover.btn_gutters_ext { background:url(../images/sections/btn_gutter_ext_f2.gif); }
a.btn_gutters_ext span { display:none; }

a.btn_gutters_box { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_gutters_box.gif); font-size:.01em;  }
a:hover.btn_gutters_box { background:url(../images/sections/btn_gutters_box_f2.gif); }
a.btn_gutters_box span { display:none; }

a.btn_downpipes_square { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_downpipes_square.gif); font-size:.01em;  }
a:hover.btn_downpipes_square { background:url(../images/sections/btn_downpipes_square_f2.gif); }
a.btn_downpipes_square span { display:none; }

a.btn_downpipes_round { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_downpipes_round.gif); font-size:.01em;  }
a:hover.btn_downpipes_round { background:url(../images/sections/btn_downpipes_round_f2.gif); }
a.btn_downpipes_round span { display:none; }

a.btn_hoppers { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_hoppers.gif); font-size:.01em;  }
a:hover.btn_hoppers { background:url(../images/sections/btn_hoppers_f2.gif); }
a.btn_hoppers span { display:none; }

a.btn_embel { outline:none; display:block; width:160px; height:181px; background:url(../images/sections/btn_embel.gif); font-size:.01em;  }
a:hover.btn_embel { background:url(../images/sections/btn_embel_f2.gif); }
a.btn_embel span { display:none; }

div#promo_area_home { width:385px; overflow:hidden; float:right; margin:20px 0 20px 20px; }
div#promo_area_home a { float:left; }
a.pcolour { margin-left:15px; }

div#promo_cast { width:108px; height:108px; position:absolute;  margin:-25px 0 0 75px; }
div#promo_ext { width:108px; height:108px; position:absolute;  margin:-25px 0 0 75px; }
div#promo_seamless { width:108px; height:108px; position:absolute;  margin:-54px 0 0 130px; }

div#logo { width:520px; float:left;  }

form#contact_form {}
form#contact_form p { overflow:hidden; }
form#contact_form legend { font-family:Arial,Helvetica; font-size:.8em; color:#fff; font-weight:bold; background-color:#ccc; padding:3px 5px; }
form#contact_form fieldset { border:1px solid #e5e5e5; padding:10px; margin-bottom:10px; }
form#contact_form label[for] {  }
form#contact_form label em { color:red; margin-left:4px; }
form#contact_form select { font-family:Arial,Helvetica; }
form#contact_form input[type=text] { font-family:Arial,Helvetica; width:298px; }
form#contact_form textarea { font-family:Arial,Helvetica; width:298px; height:150px; }
form#contact_form label[generated=true] { color:#f00; }
form#contact_form select { border:1px solid #ccc; }
input.error,textarea.error { border:1px dotted red; }