/*
	Sussex Internet
	
	Screen Styles for Ascad
	
	Created by Neil Kelsey
	on: 01.08.2007

*/

/* browser unification */

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
img {border:none}
address {font-style:normal}

/* End of browser unification */

/* Start of tag styles */

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	background:
		#FFF;
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}
	
h1
	{
	font-size:14pt;
	color:#00ac4c;
	margin-bottom:18px;
	}
	
hr 
	{
	color:#CCCCCC;
	height:1px;
	}
	
a {
	color:#00ac4c;
}
	
a:hover {
	color:#00ac4c;
	text-decoration:underline;
}
/* End of tag styles */

/* Start of universal styles */

.bold
	{
	font-weight:bold
	}
	
.italic
	{
	font-style:italic
	}
	
.underline
	{
	text-decoration:underline
	}
	
.left
	{
	text-align:left
	}
	
.center
	{
	text-align:center
	}

.right
	{
	text-align:right
	}
	
.justify
	{
	text-align:justify
	}

.quote
	{
	font-size:14pt;
	line-height:12pt;
	font-weight:bold;
	color:#999999;
	}
/* End of universal styles */

/* Start of site structure */

#header
	{
	background-color:#00ac4c;
	height:8px;
	}

#buttons
	{
	/*width:595px;*/
	width:500px;
	height:45px;
	float:right;
	margin-bottom:40px;
	}

.button_left_on
	{
	float:left;
	width:3px;
	height:39px;
	background-image:url(../images/menu_selected_left.gif)
	}
	
.button_mid_on
	{
	float:left;
	background-color:#00ac4c;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	height:24px;
	color:#FFFFFF;
	}
	
.button_mid_on a
	{
	color:#FFFFFF;
	}
	
.button_mid_on a:hover
	{
	color:#CCCCCC;
	text-decoration:none;
	}
	
.button_mid_off a
	{
	color:#333333;
	}
	
.button_mid_off a:hover
	{
	color:#006600;
	text-decoration:none;
	}

.button_right_on
	{
	float:left;
	width:3px;
	height:39px;
	margin-right:5px;
	background-image:url(../images/menu_selected_right.gif)
	}

.button_left_off
	{
	float:left;
	width:3px;
	height:39px;
	background-image:url(../images/menu_unselected_left.gif)
	}
	
.button_mid_off
	{
	float:left;
	background-color:#bdd9b8;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	height:24px;
	color:#000000;
	}

.button_right_off
	{
	float:left;
	width:3px;
	height:39px;
	margin-right:5px;
	background-image:url(../images/menu_unselected_right.gif)
	}
	
#btn_domestic, #btn_commercial, #btn_cashandcarry 
	{
	margin:20px 5px 10px 0px;
	display:inline;
	}
	
#container
	{
	width:875px;
	margin-left:auto;
	margin-right:auto;
	}

#logo
	{
	background-image:url(../images/logo.jpg);
	width:300px;
	height:124px;
	margin-top:0px;
	float:left;
	}
	
#telephone_number
	{
	width:200px;
	margin:0px 10px 0px 0px;
	font-size:18pt;
	font-weight:bold;
	/*color:#00ad4e;*/
	float:right;
	}
	
#telephone_number_text
	{
	font-size:10pt;
	color:#00ac4c;
	}

#content
	{
	margin-top:40px;
	width:500px;
	float:left;
	}
	
/* start content panel */
	
#cp_tl
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_tl.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#cp_t
	{
	width:452px;
	height:20px;
	background-image:url(../images/content_panel_t_bg.gif);
	background-repeat:repeat-x;
	float:left;
	}
	
#cp_tr
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_tr.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#cp_bl
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_bl.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#cp_b
	{
	width:452px;
	height:20px;
	background-image:url(../images/content_panel_b_bg.gif);
	background-repeat:repeat-x;
	float:left;
	}
	
#cp_br
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_br.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#cp_l
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_l_bg.gif);
	background-repeat:repeat-x;
	float:left;
	}
	
/*#cp_c
	{
	width:200px;
	height:20px;
	background-image:url(../images/content_panel_c_bg.gif);
	background-repeat:repeat-y;
	float:left;
	}*/
	
#cp_cc
	{
	width:492px;
	min-height:138px;
	padding:0px 6px 0px 6px;
	background-image:url(../images/content_panel_cfull_bg.gif);
	background-repeat:repeat-y;
	}
	
#cp_c
	{
	width:461px;
	min-height:138px;
	padding:0px 10px 0px 10px;
	background-image:url(../images/content_panel_c_bg.gif);
	background-repeat:repeat-x;
	}
	
#cp_r
	{
	width:20px;
	height:20px;
	background-image:url(../images/content_panel_r_bg.gif);
	background-repeat:repeat-x;
	float:left;
	}
	
/* end content panel */
	
#boxes
	{
	margin-top:10px;
	float:left;
	}
	
.box
	{
	width:354px;
	min-height:168px;
	margin-left:15px;
	margin-bottom:15px;
	}

.box .title {
	width:200px;
	margin:0px 0px 10px 140px;
	padding-top:50px;
	font-weight:bold;
	font-size:12pt;
	color:#00ac4c;
	}

.box .text {
	width:200px;
	margin:0px 0px 10px 140px;
	font-weight:bold;
	color:#666666;
	}

.box .link {
	width:180px;
	margin:0px 0px 10px 140px;
	font-weight:bold;
	color:#00ac4c;
	text-align:right;
	}

.box .link a {
	color:#00ac4c;
	text-align:right;
	}
	
#box_stains {
	background-image:url(../images/right_column_item_stain.gif);
	background-repeat:no-repeat;
}
	
#box_testimonials {
	background-image:url(../images/right_column_item_testimonials.gif);
	background-repeat:no-repeat;
	background-position:0 16px;
}

.image_right
	{
	float:right;
	margin-left:10px;
	border:1px solid #ccc;
	}

.image_left
	{
	float:left;
	margin-right:10px;
	}

.clear
	{
	clear:both;
	}


.form_error
	{
	color:#990000;
	}
	
.form_error_heading
	{
	color:#990000;
	font-weight:bold;
	}
	
#footer_container
	{
	/*background-color:#ff0000;
	background-image:url(../images/footer_container_bg.jpg);
	background-repeat:repeat-x;*/
	margin-bottom:30px;
	}

#footer_text
	{
	/*background-color:#990000;*/
	width:815px;
	margin:30px auto  auto;
	font-weight:normal;
	color:#666666;
	text-align:right;
	}
	
.footer_text_green
	{
	color:#00ac4c;
	}

#footer
	{
	/*height:123px;
	margin-top:60px;
	background-image:url(../images/carpet_2.jpg);
	background-repeat:repeat-x;
	background-color:#99CC00;*/
	}


/* Google Maps START */
#map{width: 460px; height: 350px;}
.GPopupHeading{font-family:arial; font-weight:bold; color:#333333;}
.GPopupText{font-family:arial;font-size:8pt; color:#666666; line-height:14pt;}
.AAlogo{font-style:italic; color:#000000; background-color:#ffcc00; padding:2px; border:1px solid #000;}
.AAheading{color:#000;}
.AAheadingWhite{color:#fff;}
/* Google Maps END */

	
/* End of site structure */

/* End of document */