body {
font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color:#333333;
	/* start */
	background-color: #292929;
	/* end */
margin: 0px;
padding:0px;
}

div{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}


.container{
background-color:inherit;
width:1000px;
margin:auto;
}

.white_container{
	background-color:#FFFFFF;
}

#blue{
	background-color:#94dbef;
}

#footer_container{
	background-color:#343434;
}



.courgette{
font-family: 'Courgette', cursive;
}

#top{
}

.top_col{
float:left;
display:inline-block;
margin:0px 0px 0px 0px;
}
.top_col img{
	border:none;
}

.c1{
	padding:14px 0px 20px 26px;
}
.c2{
	margin-left:50px;
	/* display:none; */
}
.c3{
	float:right;
	padding:39px 12px 0px 0px;
	font-size:20px;
}
.c3 a{
	text-decoration:none;
	color:#333333;
}


.cols{
	padding-top:8px;
	margin:0px;
	float:left;
	width:32.8%;
	xbackground-color:#FF99CC;
}
.cols img{
	display:block;
}

.cols_sep{
	width:0.8%;
	max-width:8px;
	height:10px;
	float:left;
}


.purple{
	color:#990066;
	font-size:16px;
}

.purple_large{
	color:#990066;
	font-size:20px;
}


#big_pic{
	padding-top:6px;
}
#big_pic img{
	display:block;
}

#home_col1{
	float:left;
	max-width:520px;
	width:52%;
	padding:0px 50px 0px 15px;
	margin:23px 0px 0px 0px;
	min-width:200px;
}

#home_col2{
	background-color:#990066;
	color:#FFFFFF;
	float:left;
	width:245px;
	padding:20px 30px 55px 30px;
	margin:20px 0px 0px 0px;
	font-size:18px;
	line-height:32px;
}
#home_col2 h1{
font-family: 'Courgette', cursive;
font-size:27px;
color:#FFFFFF;
}
#home_col2 a{
	text-decoration:none;
	color:#FFFFFF;
}
#home_col2 a:hover{
	color:#cccccc;
}

#home_col3{
	float:right;
	width:220px;
	padding:0px;
	margin:0px;
	font-size:18px;
}

#home_blue{
width:220px;
background-color:#94dbef;
text-align:center;
padding:18px 20px 12px 20px;
float:right;
line-height:27px;
margin:20px 0px 17px 0px;
}

#home_blue h1{
font-family: 'Courgette', cursive;
font-size:27px;
}

#home_blue p{
	text-align:left;
}

a.getintouch{
	font-size:20px;
	color:#333333;
	text-decoration:none;
	padding:2px 10px 2px 10px;
	display:block;
	background-color:#FFFFFF;
	text-align:center;
	margin-top:10px;
border-radius: 3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
}


.side_point{
	background-color:#990066;
	background-image:url(images/box_pointer_purple.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	padding:12px 0px 21px 0px;
	line-height:27px;
}
.side_point a{
	color:#FFFFFF;
}
.side_point a:hover{
	color:#999999;
}


#purple_point{
	background-color:#990066;
	background-image:url(images/box_pointer_purple.gif);
	color:#FFFFFF;
}
#purple_point a{
	color:#FFFFFF;
}
#purple_point a:hover{
	color:#999999;
}


#blue_point{
background-color:#94dbef;
	background-image:url(images/box_pointer_blue.gif);
	color:#333333;
}
#blue_point a{
	color:#333333;
}
#blue_point a:hover{
	color:#999999;
}


#quote{
	padding:35px 44px 10px 30px;
	font-size:14px;
	color:#990066;
}


#purple_box{
	background-color:#990066;
	color:#FFFFFF;
	padding:15px 20px 35px 20px;
	margin-bottom:10px;
	font-size:16px;
	line-height:24px;
}
#purple_box h1{
font-family: 'Courgette', cursive;
font-size:24px;
color:#FFFFFF;
}
#purple_box a{
	color:#FFFFFF;
}


#main_left{
	xbackground-color:#00CCCC;
	float:left;
	max-width:715px;
	width:71.5%;
	padding:0px 60px 0px 15px;
	margin:23px 0px 0px 0px;
	min-width:200px;
}

#main_spacer{
	float:left;
	width:4%;
	max-width:40px;
}

#main_right{
	xbackground-color:#FFCC66;
	float:right;
	width:28.5%;
	max-width:285px;
	margin:20px 0px 0px 0px;
}

#main_wide{
	padding:10px;
	margin:20px 15px 30px 15px;
	min-width:300px;
}


#footer{
clear:both;
color:#ffffff;
padding:20px 0px 25px 0px;
position:relative;
min-height:180px;
}
#footer a{
color:#ffffff;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

.footer_right{
	/*
	width:50%;
	float:right;
	text-align:right;
	*/
	display:inline-block;
	position:absolute;
	right:0px;
}

#footer_spacer{
clear:both;
height:10px;	
}

#addthis{
	position:absolute;
	top:18px;
	right:0px;
}

#social_networks_rhs{
	position:absolute;
	top:18px;
	right:255px;
}
#social_networks_rhs img{
border:none;
margin-left:5px;
}
#footer_logos{
	position:absolute;
	right:0px;
	top:90px;
}
#footer_logos img{
	vertical-align:middle;
	margin:0px 0px 0px 10px;
	border:none;
}
#footer_logos p{
	display:inline;
}

#cookie_link{
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
}
#cookie_link a{
	text-decoration:underline;
	color:#FFFFFF;
}
#cookie_link a:hover{
	color:#CCCCCC;
}
#catfish_link{
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	text-transform:uppercase;
}
#catfish_link a{
	color:#FFFFFF;
	text-decoration:none;
}
#catfish_link a:hover{
	color:#CCCCCC;
}


/* ********************top navigation*************************/ 

/*
center tabs: set #topmenu a - display:inline;, create height by padding and set #topmenu - text-align:center;
left/right tabs: set #topmenu a - display:block;, float:left/right; create height by line-height and set #topmenu - text-align:left/right;
corners - set border-radius
Note: corners not so good as when display:block, float left/right used for #topmenu a
*/

#topmenu{
clear:both;
/* note watch overflow:hidden if background images whin using ipads etc - viewport/screensize... */
overflow:hidden;
	text-align:center;
	background-color:inherit;
	background-image:inherit;
}
#topmenu a{
	display:inline-block;
	margin:0px 10px 0px 10px;
	padding:16px 23px 16px 15px;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	text-transform:uppercase;

}

#topmenu a:hover{
	color: #FFFFFF;
	background-color:#333333;
	background-image:url(images/pointer.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#topmenu .page_selected {
	color: #FFFFFF;
	background-color:#333333;
	background-image:url(images/pointer.png);
	background-repeat:no-repeat;
	background-position:right center;
	
}

.nav_link{
/*** style for link in menu - if not used keep empty */
}




/* top menu dropdowns */
.dropdown{
	position:absolute;
	visibility: hidden;
	z-index: 10000;
	overflow: visible;
	padding:0px;
background-color:#333333;
}

.dropdown a{
color:#ffffff;
display: block;
padding: 2px 10px 2px 10px;
text-decoration: none;
font-weight: normal;
white-space:nowrap;
text-transform:uppercase;
}

.dropdown a:hover{
color:#ffffff;
	background-color:#666666;
}

/* end top menu dropdowns */

/* ********************end top navigation************************* */





/* ********************side navigation************************* */

#sidemenu{
float:left;
clear:both;
width:175px;
margin:40px 0px 10px 0px;
	line-height:0px;

}

.vert_link_container{ /* contains link and any sub links ***/
margin-bottom:3px;	
}


#sidemenu a{
color:#FFFFFF;
font-size:18px;
text-decoration:none;
		padding:20px 0px 20px 25px;
		width:200px;
		background-color:#CC0000;
		display:block;
}

#sidemenu a:hover{
	color:#FFFFFF;
	background-color:#990000;
text-decoration:none;
}

#sidemenu #side_first{/* first link */
border-radius: 5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
}
#sidemenu #side_last{/* last link */
border-radius: 0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
}

#sidemenu .side_top_page_selected{
		color:#FFFFFF;
	background-color:#990000;
}

#page_selected_vert .side_top_page_selected{
		color:#FFFFFF;
	background-color:#990000;
}


.vert_menu_sub{
display:none;
}

#sidemenu .vert_menu_sub a{
font-size:18px;
	color:#FFFFFF;
	background-color:#cc0000;
	font-weight:normal;
	padding:20px 0px 20px 50px;
		width:175px;
}
#sidemenu .vert_menu_sub a:hover{
font-size:18px;
	color:#FFFFFF;
	background-color:#990000;
}

#sidemenu .vert_menu_sub .side_sub_page_selected{
		color:#FFFFFF;
	background-color:#990000;
}

#page_selected_vert{
		color:#FFFFFF;
}

#page_selected_vert .side_sub_page_selected{
		color:#FFFFFF;
	background-color:#990000;
}



/*  ***end side nav ***********/


/* ********************end navigation************************* */






/************ search button **********************/
#search_box{
	display:inline-block;
/* float:right; */
background-color:#FFFFFF;
padding:5px 10px 5px 10px;
}
#search_keyword{
border:1px solid #cccccc;
height: 20px; 

}
.search_button{
float:right;
display:inline-block;
width: 20px; 
height: 20px; 
}
.search_button input{
background:url(http://www.overstreamclean.co.uk/images/search.gif) no-repeat; 
cursor:pointer; 
width: 20px; 
height: 20px; 
border: none;
}
/************ end search button **********************/

/************* search results********/


#search_results_left{
padding-right:40px;
float:left;
width:50%;
}

#search_results_left img{
width:90px;
height:90px;
float:left;
border: 1px solid #cccccc;
margin-right:5px;
margin-bottom:20px;
}
.search_item{
clear:both;

margin-bottom:20px;
}

#search_results_right{
float:right;
width:50%;
}

/************* end search stuff ********/






/*************** contact form *******************/
.contact_form{
}
.contact_form_field{
	margin:0px 0px 15px 0px;
}
.contact_form_field input{
	width:90%;
	padding:3px;
	font-size: 13px;
	display:block;
}
.contact_form_field select{
	width:90%;
	padding:3px;
	font-size: 13px;
	display:block;
}
.contact_form_field textarea{
	width:90%;
	padding:3px;
	font-size: 13px;
	display:block;
}
.contact_form_field input[type="submit"]{
	width:150px;
	padding:3px;
	font-size: 13px;
	display:block;
}
.required{
	background-image:url(images/required.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
}

/*************** end contact form *******************/





/* ************ login Stuff *********************** */
#loginout{
color:#333;
background-image:url(http://www.overstreamclean.co.uk/images/white_bgnd.gif);
background-color:#ffffff;
padding:20px;
margin:40px;
border:1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
display:inline-block;
}
#loginout h1{
font-size:26px;
color:#333333;
font-weight:normal;
background-color:#FFFFFF;
}
#loginout a{
	display:inline-block;
	background-color:#666666;
	padding:2px 10px 2px 10px;
	color:#FFFFFF;
	text-decoration:none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}


#login{
width:500px;
}


#login_onpage{
background-color:#FF9900;
border:1px solid #666666;
font-size:10px;
}
#login_onpage input{
font-size:10px;
}

#login_onpage #submit{
font-size:11px;
}

#login_onpage td{
padding:2px;
}
#login_onpage #username{
width:75px;
}
#login_onpage #password{
width:75px;
}

/*  user text - user logged in stuff */
#usertext{
padding:2px;
background-color:#FFFFFF;
margin:0px;
color:#000000;
font-size:11px;
}
#usertext a{
text-decoration:none;
}
#usertext a:hover{
}
/*  end user text  */



/*  admin text  - admin logged in */
#admintext{
width:200px;
padding:2px;
background-color:#FFFFFF;
border:1px solid #cccccc;
margin:0px;
color:#999999;
font-size:10px;
}
#admintext a{
text-decoration:none;
color:#3366FF;
}
#admintext a:hover{
text-decoration:none;
background-color:#CCCCCC;
color:#FFFFFF;
}
/*  end admin text  */



.user_form_include{
border:1px solid #999999;
margin:5px;
width:700px;
background-image:url(http://www.overstreamclean.co.uk/images/form_bgnd.gif);
}

.user_form_include table{
	width:100%;
}

.user_form_include td{
padding:3px;
}

/* ************ end login Stuff *********************** */






/* *********** list styles *********


set number of columns by width of item div */

.item_list{
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
margin-top:2px;
padding:0px;
/*border:1px solid #cccccc;
background-color:#9999CC;
overflow:scroll;
height:10px;*/
width:650px;
float:left;
}


.pagination{
margin:5px 0px 0px 0px;	
}


.pagination a{
	border:1px solid #CCCCCC;
	padding:2px;
text-decoration:none;
	color:#000000;
	margin:0px 5px 0px 0px;
}

.pagination a:hover{
	background-color:#CCCCCC;
	color:#000000;
}

.pagination .list_page_selected{
	background-color:#CCCCCC;
	color:#000000;
}

.pagination .fade_pagination_button{
	border:1px solid #CCCCCC;
	padding:2px;
text-decoration:none;
	color:#999999;
	margin:0px 5px 0px 0px;
}

/* *********end list styles ************ */




/* *********** site map *******************/
#site_map{
font-size:12px;
padding:20px;
background-color:#ffffff;
}

#site_map .site_map_indent{
font-size:10px;
margin-left:30px;
}

/* *********** end site map *******************/






/************ comment form ********************/
#comment_form{
display:none;
position:relative;
margin-top:10px;
clear:both;
float:left;
background-image:url(http://www.overstreamclean.co.uk/images/form_bgnd.gif);
border:1px solid #999999;
padding:10px;
}
#comment_form input{
margin-bottom:2px;
font-size:13px;
width:200px;
}
#comment_form #submit{
margin-top:5px;
font-size:13px;
width:100px;
}

#comment_form textarea{
margin-bottom:2px;
width:100%;
height:100px;
}

.close_top{
	position:absolute;
	top:5px;
	right:5px;
}
.close_top img{
}

.comment_item_list{
clear:both;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
margin-top:2px;
padding:0px;
}


/******************* end comment form **********************/




/************ slide show ***********/
#image_container{
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
.slideshow_text{
margin-left:20px;
color:#333333;
position:absolute;
bottom:10px;
right:20px;
background-color:#009999;
width:200px;
height:150px;
padding:10px;
z-index:5000;
}
.slideshow_heading{
font-size:14px;
font-weight:bold;
}
/************ end slide show ***********/


/*************** scrolling slide show ****************/
#scroll{
display:none;
height:96px;
	top:390px;
	position:absolute;
	z-index:0;
}
#scroll img{
	float:left;
	display:inline;
	border:none;

}
/*************** end scrolling slide show ****************/


/************ fading quotes *******************/
.Xquote_text{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
}
.Xquote_name{
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
	font-weight:bold;
}
/************ end fading quotes *******************/



/* ************************ general styles ***************************/
.skype_pnh_container{ /* for editing when skype enabled (cutting and pasting phone numbers...) */
	display:none;
}
.pale_grey{
color:#999999;	
}

#breadcrumb{
color:#999999;
font-size:10px;
}

#breadcrumb a{
color:#999999;
font-size:10px;
text-decoration:none;
}
#breadcrumb a:hover{
color:#999999;
font-size:10px;
text-decoration:underline;
}

.box{
border:1px solid #cccccc;
}

.spacer{
margin:0px;
padding:0px;
clear:both;
width:100%;
height:0px;
}

.share_social_networks img{
margin-bottom:2px;
}

#item_added_confirmation{
z-index:1000;
width:250px;
top:auto;
left:auto;
position:absolute;
background-color:#FFFFFF;
border:1px solid #000000;
margin:20px;
font-size:12px;
font-weight:bold;
padding:10px;
}
#item_added_confirmation p{
margin:10px;
}

#close_top{
display:inherit;
/*
background-color:#666666;
padding:2px; */
float:right;
vertical-align:middle;
}
#close_top img{
padding:0px;
margin:2px;
}




/* form stuff */
.general_form{
background-image:url(http://www.overstreamclean.co.uk/images/form_bgnd.gif);
border:1px solid #999999;
padding:10px;
}

form{
margin:0px;
padding:0px;
}
select{
}
input{
}

input[type="checkbox"],input[type="radio"],input[type="image"]{
	border:none;
}

textarea{
}

/*** pop up calendar ***/
.cal_image_pop{
margin:0px 5px -3px 5px;	
}





/* form buttons */
.button {
color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:italic;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-image:url(http://www.overstreamclean.co.uk/images/button_bgnd.gif);
border-radius: 5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
.button:hover {
background-image:url(http://www.overstreamclean.co.uk/images/button_bgnd_over.gif);
background-position:bottom;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	cursor:pointer;
}



.top_right_nowrap{
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
.top_center_nowrap{
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
.top_left_nowrap{
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}

/* end form stuff */

/**** mailchimp  ****/
#mce-success-response{
	color:#666666 !important;
}


h1 {
text-decoration: none;
	font-size: 20px;
	color: #333333;
	margin-top:0px;
	margin-bottom:15px;
	line-height:35px;
	font-weight:normal;
}

h2 {
text-decoration: none;
	font-size:16px;
	color: #000000;
	margin-top:0px;
	margin-bottom:10px;
}

p{margin:0px;padding:0px;}

a {
	color:#990066;

}
a:hover {
color:#999999;

}


img{border:none;}

.admin_links{
font-size:10px;
font-weight:normal;
color:#3366FF;
}

a.admin_links{
font-size:10px;
font-weight:normal;
color:#3366FF;
text-decoration:none;
}

a.admin_links:hover{
background-color:#CCCCCC;
color:#FFFFFF;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.red {
	color: #FF0000;
}

#error{
color:#FF0000;
margin-bottom:2px;
}
/* ************************ end general styles *********************/