/* CSS Document */
body {
	font-size: 76%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: "Trebuchet MS";
}
a:focus
{
  outline: none;
}

#wrapp {
	height: 111px;
	width: 100%;
	color: white;
	background-color: #9B2523;
	border-top: #BD4E3D 5px solid;
	margin: 0px 0px 20px 0px;
}

.wrappcont {
	width: 855px;
	margin: auto
}
.call {
	float: right;
	padding-top: 7px
}
.logo {
	padding-top: 6px;
	border: 0px
}
.wrappcont span b {
  color:white;
  font-size:120%
  }

.wrappcont span b a{
  color:white;
  text-decoration:none; 
  font-weight:bold

}
/* menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#wrapp  ul li a, #wrapp  ul li a:visited {
	display: block;
	position: relative;
	text-decoration: none;
	color: #80D6FF;
}
#wrapp ul {
	list-style: none;
	heigh: 31px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: 90px;
	width: 855px;
	z-index: 10
}
#wrapp ul li {
	position: relative;
	text-align: left;
	float: left;
	width: 106px;
	display: inline;
}
#wrapp ul li a strong {
	color: #FFFFFF;
}
#wrapp ul li a {
	color: #FFFFFF;
}
h1.small, h2.h1 {
	padding: 0px;
	margin: 0px;
	text-transform:capitalize;
	font-size: 200%;
	font-weight:500;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2.opt{
font-weight:500; 
font-size:190%; 
}

h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:500; 
font-size:150%; }

h2.small {
border-bottom:0 none;
color:#333333;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:130%;
font-weight:500;
text-decoration:none;
}

.demo {
	margin-left: 18px
}
#wrapp ul li ul {
	display: none;
	padding-top: 8px;
}
#wrapp ul li a:hover {
	text-decoration: none;
	color: #FFFFFF
}
#wrapp ul li a:focus {
	-moz-outline: none
}
#wrapp ul li:hover ul {
	display: block;
	position: relative;
	top: 0px;
	left: 0;
	width: 105px;
}
#wrapp ul li ul li {
	float: none;
	width: 140px;
	display: block;
	padding-left: 0;
}
#wrapp ul li ul li a {
	display: block;
	font-weight: normal;
	padding: 5px 10px;
	height: 20px;
	width: 140px;
	color: #FFFFFF;
}
#wrapp ul li a:hover ul li a {
	display: block;
	color: #000;
}
#wrapp ul li:hover ul li a {
	display: block;
	background-color: #9B2523;
	color: #FFFFFF;
}
#wrapp ul li:hover ul li a:hover {
	color: #FFFFFF;
	background: #BD4E3D
}
#wrapp ul li a.top {
	cursor: default
}
#header {
	width: 855px;
	margin: auto;
	color: #333333;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC
}
#header h1 {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif
}
#container h2 a, #container h2 a:hover {
	text-align: center;
	font-weight: 700;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #333333;
	border-bottom: 0px;
}
h2 {
	font-size: 130%;
	font-weight: 700;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #333333;
	border-bottom: 0px;
}
#container {
	width: 855px;
	margin: auto;
	color: #333333
}
#container a {
	color: #0F4A7F
}
#container a:hover {
	color: #0F4A7F;
	border-bottom: 1px dotted #0F4A7F;
	text-decoration: none
}
#container a:focus {
	-moz-outline: none
}
#leftcol {
	width: 70%;
	float: left
}
#leftcolw {
	width: 100%;
	float: left
}
#about {
	width: 100%
}
#vacancies, #sem, #domain, #hosting, #sitemap, #designer, #about, #support, #testimonal, #terms, #custom, #callback {
	height: 550px
}
#callbackform select, #callbackform input.val {
	float: right;
	border: #7F9DB9 1px solid;
	width: 230px
}
#callbackform input {
	float: right;
	width: 230px
}
#callbackform span {
	float: left;
	margin-bottom: 20px
}
p#errlist, p#errlistlow {
	color: #DF625B;
	font-weight: 700;
	float: right
}
#callbackform input.gomb {
	width: 80px;
	margin-right: 10px
}
a.callback {
	color: white
}
#affordable {
	float: left;
	width: 47%;
	background-color: #D5E8F2;
	padding: 7px
}
.box {
	height: 172px;
	width: 174px
}
#bespoke {
	width: 47%;
	float: right;
	background-color: #D5E8F2;
	padding: 7px
}
.bespoke {
	width: 83%;
	margin: 0px;
	margin: auto
}
.image {
	height: 159px
}
.separator {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	position: relative;
	top: 0px;
}
#free-cart {
	background: #FFFFFF;
	padding-top: 7px 5px 0px 5px,
}
#templates {
	background: #D6F1DD;
	width: 29%;
	padding-top: 7px
}

#templates img {
	margin: auto;
	border: 0px;
	padding-bottom: 10px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	width: 200px
}
#templates a:hover {
	border-bottom: 0px
}

#whitelabelfaq{
	padding:5px;
	width:27%;
	background:#FEF78C;
	float:right;
	padding-top:7px
}
	
div#designer ul{
 	position:relative;
	left:15px;
}
 	
img#whitebox{
	float: left; 
	margin-right:20px
}	

#seo {
	position: relative;
	width: 100%;
	top: 20px;
}
.rightfloat {
	float: right
}
#testimonials {
	position: relative;
	top: 40px;
	width: 100%;
}
#resources {
	width: 49%;
	float: left;
	position: relative;
	top: 50px
}
#resources ul, #news ul {
	margin-left: 0px;
	padding: 0px 0px 0px 14px
}
#resources ul li {
	display: list-item;
}
#news {
	float: right;
	width: 49%;
	position: relative;
	top: 50px;
	text-align: left
}
#footer {
	font-size: 90%;
	color: #FF7400;
	position: relative;
	top: 80px;
	height: 35px;
	width: 100%;
	background: #BD4E3D;
}
#footerlinks {
	width: 80%;
	margin: auto
}
#footer ul li {
	padding: 0px 7px 0px 7px;
	display: inline;
}
#footer ul {
	margin: 0px;
	padding: 5px;
	text-align:center
}
#footer ul li a {
	color: #D6A29A;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer ul li a:focus {
	-moz-outline: none
}
#address {
	width: 100%;
	text-align: right;
	background-color: #9B2523;
}
.clear {
	clear: both
}
p.user{
	text-align:left; 
	padding:0px 4px}#footer #address a {
	color: #FFF;
}
div.addto{
	width:200px;
	height:39px;
	background-image:url('http://www.bosscart.co.uk/images/add-to-cart.jpg');
	float:left
	}
	
input.addto{
	background: #ffffff url(http://www.bosscart.co.uk/images/add-to-cart.jpg);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	border:none;
	color:#B50104;
	font-size:90%;
	font-weight:bold;
	height:42px;
	text-align:left;
	width:200px;
	cursor:pointer;
	padding-left:6px;
	}	
	
input.addto:hover{
	color:#CF0008;}
	
div.addtol{
	width:200px;
	height:39px;
	background-image:url('http://www.bosscart.co.uk/images/add-to-cart-reverse.jpg');
	background-repeat:no-repeat;
	float:left
	}	
	
div#container div.addto p a, div#container div.addto p a:visited{
 	color:#B50104;
	width:183px;
	display:block;
	font-weight:700;
	left:10px;
	position:relative;
	top:-3px;
	_top:8px;
	#top:8px;
	text-decoration:none
	}	

div#container div.addtol p a, div#container div.addtol p a:visited{
 	color:#B50104;
	width:183px;
	display:block;
	font-weight:700;
	left:10px;
	position:relative;
	top:-3px;
	_top:8px;
	#top:8px;
	text-decoration:none ;
	margin-left:35px
  }
  
div#container div.addtol{
margin-right:11px}  

	
div#container div.addto p a:hover, div#container div.addtol p a:hover {
	color:#CF0008;
	border-bottom:0px}

div.test{
margin:0px;
padding:11px 10px;
float:left;
width:45%}	

div.test h2{
font-size:135%;
font-weight:700}

div.test blockquote{
}

div.test img
{float:left;
margin-right:7px}

img#twitterbird{float:left;position:relative;bottom:-19px;_bottom:-84px;left:174px;cursor:pointer;width:64px;height:64px;z-index:0}
div.clickto2{background:transparent url('http://static.bosscart.co.uk/images/sprite.png') no-repeat 0 0}
div.clickto2{width:167px;height:39px;background-position: 0px -339px;margin-top:-4px;margin:auto;position:relative;left:6px;}
div.clickto2 p{margin:5px}
div#container div.clickto2 p a,div#container div.clickto2 p a:visited{color:#b50104;width:145px;display:block;font-weight:700;left:2px;position:relative;top:8px;text-decoration:none;}
div#container div.clickto2 p a:hover
{color:#cf0008;border-bottom:0;}

table#hosted{width:700px;border:1px solid #BD4E3D;text-align:center}
table#hosted tr.first th{font-size:120%; background:#9B2523;color:white;text-align:center;text-indent:0px;}
table#hosted tr.first th.spec{text-align:left;text-indent:20px;}
table#hosted th{text-align:left;text-indent:20px;}
table#hosted tr{height:25px;background:#FFF1EF}
table#hosted tr.paros{background:#FCD9D3}
table#hosted tr.paros th{background:#FEE8E4}
td.stress{font-size:113%; font-weight:700}
table#hosted tr.last{background:white;height:40px}