/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }
img { border: none; }

p { margin: 15px 0; }
h1 { margin: 0 0 15px 0; padding: 5px 0 0 0; }
h2, p.title { margin: 15px 0; padding: 3px 20px; border-bottom-width: 1px; }
h3 { margin: 15px 0; }
address { margin: 10px 0 15px 0; }
ul, ol { margin: 15px 0; padding: 0 0 0 2em; }
li { margin: 4px 0; }

/* Useful Classes */
.left { float: left !important; }
.right { float: right !important; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.hide { display: none; }
img.icon { vertical-align: middle; }
div.column { width: 50%; }
p.clear_both { margin: 0; padding: 0; }

/* General Forms */
form { display: inline; }
label { float: left; width: 170px; padding: 0 5px 0 0; display: block; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { border-width: 1px; vertical-align: middle; }
input.button { cursor: pointer; vertical-align: middle; border: none; }
input.button.product_info { float: right; margin: 12px 0 0 0; }
fieldset { padding: 5px 10px; margin: 10px 5px; border-width: 1px; }
legend { padding: 0 10px; margin: 0 0 0 -5px; }
input.checkbox { border: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }

/* Tables */
table { width: 100%; margin: 0; clear: both; }
table#sizes_and_colours { width: auto; clear: none; }
thead th { padding: 2px 5px; }
tbody th { padding: 2px 5px; }
tbody td { padding: 2px 5px; }
tr.last td { border-width: 1px; padding: 2px 5px; }
table img { vertical-align: middle; }

/* Header */
div#header { clear: both; width: 100%; height: 89px; margin: 0; padding: 0; }
div#header a.left { margin: 10px 0; }
div#header div.inner { width: 705px; margin: 0 auto; padding: 1px 0; }

div#header p { margin: 1px 10px; clear: right; }
div#header p img { vertical-align: middle; }

/* Top Menu */
ul#top_menu { float: right; border-width: 1px; margin: 10px 10px 2px 0; padding: 10px 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
ul#top_menu li { display: inline; padding: 0 8px; }

/* Main Menu */
ul#main_menu { clear: both; width: 100%; margin: 0; padding: 10px 0; }
ul#main_menu li { display: inline; margin: 0 15px; padding: 5px 0; }
ul#main_menu li a { padding: 0 0 0 30px; }

/* Header End */
div#header_end { clear: both; width: 100%; height: 200px; margin: 0; padding: 0; }
div#header_end div.inner { width: 705px; margin: 0 auto; padding: 1px 0; }
div#header_end div.inner h1 { margin: 20px 0 15px 0; }
div#header_end div.inner a.newsletter { float: right; margin: 10px 0; }
div#header_end div.inner a.beatquote { float: right; margin: 10px 0; }

/* Homepage Header End */
div#homepage_header_end { clear: both; width: 100%; height: 403px; margin: 0; padding: 1px 0; }
div#homepage_header_end div.inner { width: 705px; margin: 0 auto; padding: 1px 0; }
div#homepage_header_end div.inner a.newsletter { float: right; margin: 10px 0; }
div#homepage_header_end div.inner a.beatquote { clear:right; float: right; margin: 65px 15px 0 0; opacity:0.9;}
div#homepage_header_end div.inner a.beatquote:hover { opacity:1;}
div#homepage_header_end div.inner h1 { margin: 30px 0 15px 0; width: 380px; }
div#homepage_header_end div.inner p { margin: 15px 0 15px 0; width: 380px; }
div#homepage_header_end div.inner blockquote { margin: 5px 5px 5px 50px; width: /*281px*/340px; padding: 1px 0; }
div#homepage_header_end div.inner blockquote a.more { float: right; margin: 3px; padding: 0 25px 0 0; }
div#homepage_header_end div.inner blockquote p { margin: 5px; width: auto; }
div#homepage_header_end div.inner blockquote h3 { margin: 5px; width: auto; }

div#homepage_header_end form#quick_quote { border-width: 1px; width: 260px; display: block; padding: 5px; -moz-border-radius: 6px 48px 6px 6px; -webkit-border-radius: 6px 48px 6px 6px; border-radius: 6px 48px 6px 6px; }
div#homepage_header_end form#quick_quote h2 { margin: 3px; width: auto; padding: 1px 7px; }
div#homepage_header_end form#quick_quote p { margin: 3px; width: auto; }
div#homepage_header_end form#quick_quote label { width: 60px; }
div#homepage_header_end form#quick_quote input.text { width: 180px; height: 15px; border-width: 0; }
div#homepage_header_end form#quick_quote textarea { width: 180px; height: 30px; border-width: 0; }
div#homepage_header_end form#quick_quote input.button { vertical-align: middle; border-width: 0; }

ul#header_buttons { margin: 10px 0; padding: 0; width: 200px; }
ul#header_buttons li { display: inline; }
ul#header_buttons li img { margin: 0; }

/* Content */
div#content { width: 705px; margin: 0 auto 10px auto; padding: 1px 0; }

div#left_column { width: 410px; float: left; margin: 0 0 0 40px; }
div#right_column { width: 195px; float: right; margin: 0 20px 0 0; }
div#full_column { margin: 0 20px; }
div.vcard { padding: 1px 15px; margin: 10px; border-width: 1px; -moz-border-radius: 6px 48px 6px 6px; -webkit-border-radius: 6px 48px 6px 6px; border-radius: 6px 48px 6px 6px; }
div.vcard h2 { margin: 5px 0; }
div.vcard address { margin: 5px 0; }
div.vcard address.right { margin: 0; }
div.column_box { padding: 1px 10px; margin: 10px 0; border-width: 1px; -moz-border-radius: 6px 48px 6px 6px; -webkit-border-radius: 6px 48px 6px 6px; border-radius: 6px 48px 6px 6px; }
div.column_box h2, div.column_box p.title { margin: 5px 0; }
div.column_box h3 { margin: 5px 0; padding: 0 0 10px 0px; border-bottom-width: 1px; }
p.blog_post { margin: 5px 0; padding: 0 0 10px 0px; border-bottom-width: 1px; }

/* Client List */
ul#clients { margin: 5px 0; padding: 0; }
ul#clients li { float: left; margin: 10px 2px; width: 197px; height: 197px; }
ul#clients li img { border-width: 1px; display: block; margin: 0 0 5px 0; }
ul#clients span { margin: 2px 0; padding: 3px; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Footer */
 div#footer { width: 695px; margin: 0 auto; padding: 3px 0; }
div#footer p { margin: 2px 0; }
div#footer img { margin: 0 10px 0 0; } 


div.footer {
	background: #101130;
	color: #999;
	margin-top : 15px;
	border-top-width : 20px;
	border-top-style : solid;
	border-top-color : #09C;
	padding: 1px 0;
	
}
div.footer ul.inner { width: 705px; margin: 0 auto; padding: 0; clear: both; text-align:left;}
div.footer h3 {
	margin-left:1px;
}
div.footer ul.inner ul li {
	margin : 3px 5px;
	padding-top : 0;
	padding-right : 2px;
	padding-bottom : 2px;
	padding-left : 2px;
	list-style-type : circle;
	color: #666;
	border-left-width : 0;
}
div.footer ul.inner ul {
	padding : 0;
	margin-left : 10px;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	list-style-type: circle;
}
div.footer a {
	color : #999;
}
div.footer a:hover {
	color : #0099CC;
}
div.footer ul.inner li {
	list-style-type: none;
	width : 150px;
	float : left;
	margin: 0 17px 20px 0;
	float : left;
	border-left-width : 1px;
	border-left-style : dotted;
	border-left-color : #333;
	padding: 0 25px;
}
div.footer ul.inner li.first {
	border-left-width : 0;
}

div#seocontainer {
	margin: 0 auto;
	padding: 0 31px;
}
div#seobox1 {
	float: left;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 20px;
	height: 418px;
	background: url("/gfx/seo/seobox1_bckgrnd_wide.jpg") no-repeat;
	
}

.seobox1head {
	margin: 75px 268px 0 0;
	letter-spacing: -2px;
	color: #fff;
	font: bold 48px Arial, Helvetica, sans-serif;
}

.seobox1times {
	margin: 35px 225px 0 0;
	color: #B3CDF2;
	font: normal 23px Times;
}

.seobox1bottom {
	margin: 30px 10px 0 0;
	color: #fff;
	font: normal 16px Arial, Helvetica, sans-serif;
}

.seobox1bottom2 {
	margin: 1px 10px 0 0;
	color: #fff;
	font: normal 16px Arial, Helvetica, sans-serif;
}
div#seobox1 form { float: right; width: 200px; height: 150px; margin: 5px; background: #B8CEF5; }
div#seobox1 form label { width: 70px; text-align: right; padding: 0 5px; margin: 0; }
div#seobox1 form input.text { width: 100px; }
div.column_box2 { float: right; clear: right; padding: 1px 19px; margin: 0; border-width: 1px; -moz-border-radius: 6px 48px 6px 6px; -webkit-border-radius: 6px 48px 6px 6px; border-radius: 6px 48px 6px 6px; }
div.column_box2 h2, div.column_box p.title { margin: 5px 0; }
div.column_box2 h3 { margin: 5px 0; padding: 0 0 10px 0px; border-bottom-width: 1px; }
div.column_box2 { background: #101030; color: #fff; border-color: fff; border-style: solid; box-shadow: 2px 2px 2px #003; -moz-box-shadow: 2px 2px 2px #003; -webkit-box-shadow: 2px 2px 2px #003; }
div.column_box2 h3 { border-bottom-color: fff; border-bottom-style: solid; }


#seoquotebox {
	margin: 0 0 0 5px;
	background: url(/gfx/layout/quotebox.png) no-repeat;
}
.seoquote {
	margin: 0 80px 0 60px;
	padding:33px 0;
	color: #000;
	font: italic 14px Arial, Helvetica, sans-serif;
}
.seoquote strong {
	text-align: right;
}
.demo_button {
	margin: 15px 0 0 0;
	float:right;
	clear: right;
}
.keyphrase {
	margin: 0;
	padding: 4px 0;
}

div#ecommcontainer {
	margin: 0 auto;
	padding: 0 31px;
}
div#ecommbox1 {
	float: left;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 20px;
	height: 445px;
	background: url(/gfx/seo/ecomm_bckgrnd_wide.jpg) no-repeat;
	
}
.ecomm1 {
	margin: 60px 0 0 0;
	letter-spacing: -2px;
	color: #fff;
	line-height: 50px !important;
	font: bold 53px Arial, Helvetica, sans-serif;
}

.ecomm1times {
	margin: 13px 0 0 0;
	color: #B3CDF2;
	font: normal 18px Times;
	line-height: 20px !important;
}
.ecomm1times strong {
	margin: 20px 0 0 0;
	color: #B3CDF2;
	font: bold 40px Times;
	line-height: 30px !important;
}
.ecommbox1bottom {
	margin: 0 10px 20px 0;
	color: #333;
	font: normal 14px Arial, Helvetica, sans-serif;
}
.ecomm1times a { color: #fff !important; }
.demo_button2 {
	margin: 103px 0 0 0;
	float:right;
	clear: right;
}

a.advert { display: block; background: #fff; margin: 2px auto; }
a.advert img { display: block; }
a.advert:hover, a.advert:focus { background: #ff0; }


div#intro_box {
	margin: 10px auto; padding: 1px 0;
	height: 480px; width: 605px;
	background: url("/gfx/seo/ecomm_bckgrnd_wide.jpg") top left no-repeat;
}
div#intro_box h1 { margin: 80px 20px 10px 20px; }
div#intro_box p { margin: 10px 20px; }

a#read_newsletter {
float: right; clear: right;
margin: 5px 20px;
}

form#get_in_touch {
float: right; clear: right;
-moz-border-radius:6px 48px 6px 6px;
border-radius:6px 48px 6px 6px;
-webkit-radius:6px 48px 6px 6px;
background:url("../gfx/layout/background-quick-quote.png") repeat scroll left top transparent;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
padding:5px;
margin: 5px 20px;
width:280px;
}
form#get_in_touch h2 {
text-shadow:1px 1px 1px #000033;
font:1.4em Century Gothic,Arial,Helvetica,sans-serif !important;
margin:3px;
padding:1px 7px;
width:auto;
background:url("../gfx/layout/icon-arrows.gif") no-repeat scroll left center transparent;
border-bottom:none;
}
form#get_in_touch p {
-moz-text-shadow:1px 1px 1px #000033;
-webkit-text-shadow:1px 1px 1px #000033;
text-shadow:1px 1px 1px #000033;
font:1.2em Century Gothic,Arial,Helvetica,sans-serif !important;
text-align:right;
}
form#get_in_touch p.clear_both {
height: 1px; margin: 0; padding: 0; font-size: 1px;
}
form#get_in_touch label {
width: 70px;
}
form#get_in_touch div {
float: left; width: 49%;
}
form#get_in_touch input.text {
border-width:0;
height:15px;
width:150px;
background:url("../gfx/layout/background-quick-quote-input.png") repeat scroll left top transparent;
}
form#get_in_touch textarea {
border-width:0;
width:150px;
background:url("../gfx/layout/background-quick-quote-input.png") repeat scroll left top transparent;
}