form { margin:0; padding:0;}
body { margin:0; padding:0; background-color:#FFFFFF; font-size:100%; line-height:normal; font-family:Arial, sans-serif; color:#868686; text-align:center;}
img {border:0;}
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}


a:link, a:active, a:visited {text-decoration:underline; color:#53bcd9}
a:hover {text-decoration:none}

.textred {color:#a00f6e;}
.textsmall {font-size:0.7em}

/*==================header====================*/

.header {background-color:#c3c3c3; height:110px;}
.header_content {width:900px; text-align:center; clear:both; margin:0 auto;}

.logo {float:left; padding-top:25px; text-align:left;}
.blog {float:left; padding:9px 0 0 110px;}
.telephone {float:right; width:280px; padding-top:20px; font-size:0.75em; color:#FFFFFF;}
.telephone img {padding-top:25px; float:right; clear:both;}
.telephone a:link, .telephone a:active, .telephone a:visited {text-decoration:none; color:#ffffff; border-right:1px dotted #ffffff; padding:0 8px 0 8px; float:right;}
.telephone a:hover {text-decoration:underline}

/*==================content====================*/

.colour {
	background-color:#e4e4e4;
	height:320px;
	background-image: url(../images/width_dots_tile.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.colour_content {width:900px; text-align:center; clear:both; margin:0 auto; padding-top:20px}

p, h1 {clear:both}

h1 {
	font-size:2em;
	color:#b1c61e;
	font-weight:normal;
	padding-bottom:20px;
	border-bottom:1px dashed #d0d0d0;
}
.dashed_line {
	background-image: url(../images/dashed_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
h2 {font-size:1.4em; line-height:1.4em; color:#868686; font-weight:normal;}


.mainwidth {width:100%; overflow:hidden; clear:both; background-color:#FFFFFF;}
.sitewidth {margin:0 auto; width:900px; text-align:left; font-size:0.75em; line-height:1.5em; clear:both; padding-top:30px;}



.footnotes {width:900px; height:200px; float:none; text-align:left; color:#666666;}

.nav ul {list-style:none; clear:both;}
.nav li {
	margin-top:15px;
	background-image:url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align:right;
}

.photos {float:left; padding-top:60px; padding-bottom:40px; clear:both;}



.banner {width:900px; height:211px; padding-bottom:10px;}
.carousel {width:590px; height:181px; float:left; background-image:url(../images/banner_02.gif)}

.content {background-color:#FFFFFF; width:900px; min-height:350px;}
.breadcrumbs {
	width:829px;
	height:35px;
	background-image:url(../images/page_bar_gradient.gif);
	font-size:0.9em;
	color:#666666;
	padding-left:10px;
}
	
.categories {float:left; width:200px;}
.products {float:right; width:400px;}

.menu {background-image:url(../images/nav_gradient.gif); width:900px; height:61px; padding-bottom:20px;}

/*==================main====================*/

.main {width:550px; float:left;}
.news {width:250px; float:right; border-left:4px dotted #e0e0e0; padding-left:15px; margin-right:35px;}
.news h1 {color:#53bcd9; margin-bottom:14px; margin-left:5px;}
.news p {margin:0 0 15px 8px; float:left;}
.news .twitterlogo {margin:10px 0 18px 6px; float:left; clear:both;}
.news a:link, .news a:active, .news a:visited {text-decoration:none; color:#53bcd9;}
.news a:hover {text-decoration:underline;}

.twtr-tweet {font-family:Arial, Helvetica, sans-serif; color:#868686;}

.twtr-hd, .twtr-ft, twtr-avatar {display:none}
.twtr-timeline {height:auto;}

/*==================callbackbox====================*/

.callback {width:260px; height:116px; float:right; background:url(../images/box_call_back.gif) top left no-repeat; padding:65px 20px 0 20px; font-size:0.8em; color:#ffffff; text-align:left;}
.callback p {margin:0; margin-left:10px;}
.callbacksend {width:66px; height:66px; float:right;}

/*==================footer====================*/

.footer {background-color:#9a9a9a; height:200px; color:#ffffff; font-size:0.7em; line-height:1.2em; overflow:hidden; margin-top:20px;}

.footer_content {width:900px; height:200px; clear:both; margin:0 auto; padding-top:20px;}
.footer_content_left {float:left; width:390px; text-align:left; height:55px;}
.footer_content_left img {margin-right:15px; vertical-align:middle;}

.footer_content_right {
	float:right;
	width:510px;
	text-align:left;
	line-height:2em;
	padding-top:6px;
}
.footer_content_right a:link, .footer_content_right a:active, .footer_content_right a:visited {color:#ffffff; text-decoration:none; border-right:1px dotted #ffffff; padding:0 6px 0 7px;}
.footer_content_right a:hover {text-decoration:underline;}


/*==================forms====================*/

form {margin:0; padding:0;}
.input {
	padding:4px;
	border:1px solid #cccccc;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#858B92;
}
textarea {
	padding:3px;
	height:70px;
	border:1px solid #cccccc;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#858B92;
}
input.btn {
	padding:3px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#53bcd9;
	border: 1px solid #53bcd9;
	cursor:pointer;
	margin-top:5px;
}
input.btnhov {background-color:#277aa6; border-color:#277aa6;}
input.btncallback {
	width:66px;
	height:66px;
	border:0;
	cursor:pointer;
	background:url(../images/button_send.png) top left no-repeat;
}
input.btncallbackhov {background:url(../images/button_send_over.png) top left no-repeat;}

/*==================carousel====================*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 590px; /*Width of Carousel Viewer itself*/
height: 181px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
height: 181px;
overflow:hidden;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 590px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*==================home page offers====================*/

.offers {width:577px; height:360px; clear:both;}
.offers img {padding-right:8px; float:left}
.readmore {width:577px; height:87px; padding-top:20px; clear:both; margin:0 auto; float:left;}