body{
margin:15px 0;
padding:0;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:small;
color:#333;
background:#4a0f65;
text-align:center;
}

#wrapper{
background-color:white;
margin:0 auto;
width:90%;
font-size:95%;
border-right:3px solid #84382f;
border-top:3px solid #84382f;
border-left:3px solid #84382f;
text-align:left;
}

#header{
background-color:white;
background: url("../coleshill/headerbg2.gif") top left repeat-x;
height:130px;
position: relative
}

#main{
font-size:100%;
}

#logo{
float:left;
margin-left:15px;
padding:5px;
}

#logo img{
border:0;
}

#mylinks{
position: absolute;
top: 90px;
right: 10px;
text-align:right;
width:450px;
}

#mylinks ul{
margin:0;
list-style:none;
}

#mylinks ul li{
display:inline;
margin:3px;
padding-right:10px;
}

#mylinks ul .last{
border-right:0;
}

#mylinks a{
color:#1F6397;
text-decoration:none;
}

#mylinks a:hover{
text-decoration:underline;
}

#mylinks img{
padding-right:4px;
vertical-align:middle;
border:0;
}

#strapline{
position: absolute;
top: 15px;
left: 120px;
}

#strapline span{
	font-weight: normal;
}

#strapline h1{
border:0;
margin:0;
padding:0;
font-size:165%;
color:#5a1b6b;
}

#strapline h1 a{
color:#5a1b6b;
text-decoration:none;
}

#currencyselect{
font-weight:bold;
float:right;
margin:4px;
}

.clearer{
clear:both;
}

#contentmain{
background:url("../coleshill/mainbg.gif") top left repeat-y;
}

#leftcol{
width:200px;
float:left;
}

#topnav{
clear:both;
color:white;
background:#5d8bba;
border-top:1px solid #4e7aa8;
border-bottom:1px solid #4e7aa8;
}

#topnav ul { /* all lists */
padding: 0;
margin:0;
list-style:none;
}

#topnav li { /* all list items */
float: none;
position: relative;
display:inline;
float:left;
}

#topnav li ul { /* second-level lists */
display: none;
}

#topnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left:auto;
}

#topnav ul li a{
color:white;
text-decoration:none;
padding:6px;
padding-left:7px;
padding-right:7px;
border-right:1px solid #4e7aa8;
display:block;
letter-spacing: 0.1em;
font-weight: bold;
}

#topnav ul li a:hover, #topnav .selected{
background-color:#4e7aa8;
}

#boxouts{

}

.boxout{
padding:7px;
background:#FFFEC1;
border:1px solid #FEDD44;
margin:7px;
}

.boxout h2{
font-family:Arial, Verdana, sans-serif;
font-size:150%;
font-weight:bold;
margin:0;
margin-bottom:3px;
padding:0;
border:0;
}

.boxout h3{
font-family:Verdana, sans-serif;
font-size:100%;
margin:0;padding:0;
margin-top:5px;
}

.boxout p{
margin:1px;
}

.boxout ul{
margin:0;
padding:0;
list-style:none;
}

#main{
margin-right:20px;
margin-left:210px;
text-align:left;
line-height:135%;
}

#main ul{

}
#main ul br{
display:none;
}

#footer{
clear:both;
color:#5a1b6b;
font-weight:normal;
background-color:#f0e2eb;
border-top:1px solid #c5a9c6;
border-bottom:3px solid #84382f;
padding:10px;
}

#footer p{
margin:0;
}

#footer a{
color:#f0e2eb;
}

h1{
padding-bottom:2px;
margin-top:18px;
font-size:190%;
border-bottom:3px solid #f0e2eb;
line-height:130%;
font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;
color: #5a1b6b;
}

h2{
font-family:Arial, Verdana, sans-serif;
font-size:150%;
color: #5a1b6b;
}

h3{
font-family:Arial, Verdana, sans-serif;
font-size:120%;
line-height:135%;
color: #5a1b6b;
}

h5{
font-size:100%;
color:green;
}

h6{
font-size:100%;
color:red;
}

h1 img, h2 img, h3 img, h5 img, h6 img{
margin-right:5px;
vertical-align:middle;
}

a{
color:#5a1b6b;
}

a:hover{
color:#4d165c;
}

input, select, textarea{
font-family:Verdana;
font-size:100%;
padding:1px;
}

form{
padding:0;margin:0;
}

.formFieldSelected{
background-color:#E8F3FC;
}

.hidden{
visibility:hidden;
}

.box1{
background:#E8F3FC;
border:1px solid #97C7EB;
padding:4px;
margin-bottom:10px;
background-image:url("../../admin/images/nav.gif");
background-repeat: repeat-x;
}

.box2{
background:#FFF2CB;
background-image:url("../../admin/images/boxout1.gif");
background-repeat: repeat-x;
border:1px solid #FEDD44;
padding:4px;
margin-bottom:5px;
}

.box1 hr{
height:1px;
color:#97C7EB;
background-color:#97C7EB;
}

.box2 hr{
height:1px;
color:#FEC800;
background-color:#FEC800;
}

.box1 p, .box2 p{
margin:0;padding:0;
margin-top:5px;
margin-bottom:5px;
}

.box1 h2, .box2 h2{
font-family:Arial, Verdana, sans-serif;
font-size:150%;
margin-top:5px;
margin-bottom:5px;
}

.box1 ul, .box2 ul{
margin:0;
padding:0;
margin-left:20px;
}

.iconlinks{
font-size:100%;
text-align:center;
vertical-align:top;
}

.iconlinks img, .iconlinks a{
border:none;
text-decoration:none;
color:#444;
}

.iconlinks a:hover{
color:#444;
text-decoration:underline;
}

.table{
border:1px solid #97C7EB;
border-collapse: collapse;
}

.table tr th{
padding:4px;
font-weight:bold;
text-align:left;
background:#D5E7F5;
border:1px solid #97C7EB;
border-bottom:2px;
}

.table tr th input, .table tr th select{
font-weight:normal;
}

.table td{
background:#ECF6FE;
border:1px solid #97C7EB;
padding:6px;
}

.nontable, .nontable tr, .nontable td{
border:0;
padding:3px;
background-color:transparent;
}

#baskettable{
width:500px;
}

#breadcrumb{
font-family:Arial;
text-align:right;
font-size:90%;
color:gray;
margin-bottom:-15px;
padding-top:5px;
}

.reviewname{
font-family:Arial;
text-align:right;
font-size:90%;
color:gray;
}

#breadcrumb a:hover{
color:#222;
}

#breadcrumb a{
color:gray;
}

#boxoutquicklinks{
float:right;
margin-left:10px;
margin-bottom:10px;
}

#boxoutquicklinks p, #boxoutquicklinks h1, #boxoutquicklinks h2{
margin:0;padding:2px;
}

#boxoutquicklinks ul{
list-style:none;
margin:0;padding:0;
display:block;
}

#boxoutquicklinks ul li{
margin:0;padding:1px;
}

.btnNo{
color:red;
font-weight:bold;
}

.btnYes{
font-weight:bold;
color:green;
}

.checkoutbox{
width:210px;
}

#boxoutproductcats{
border:0;background:none;
margin:3px;
}

#boxoutproductcats a{
color:#333;
display:block;
padding:2px;
text-decoration:none;
}

#boxoutproductcats a:hover{
 background-color: #e6d2df;
}

#boxoutproductcats .selected{
background-color:#c5a9c6;
text-decoration:none;
color: white;
}

#boxoutproductcats .hidden{
display:none;
}

#boxoutproductcats ul{
margin:0;padding:0;
}

#boxoutproductcats ul li{
font-weight:bold;
margin-bottom:3px;
}

#boxoutproductcats li ul{
margin:0;padding:0;
}

#boxoutproductcats li ul li{
padding-left:5px;
font-weight:normal;
margin:0;

}

#boxoutproductcats h2 a, #boxoutproductcats h2 a:hover{
text-decoration:none;
color:#333;
background-color:none;
display:none;
}

#boxoutsearch{
border:0;background:none;
padding:10px;margin:0;
position: absolute;
top: 20px;
right: 10px;
}

#boxoutsearch p, #boxoutsearch h2{
display:none;
}

#boxoutsearch input {
	margin: 0 0 0 10px;
	padding: 2px;
}

.heading{
font-family:Arial, Verdana, sans-serif;
font-size:150%;
font-weight:bold;
margin-bottom:3px
}

.shopSubCatsHeading{
margin:0px;
}

.shopSubCatsList{
margin-top:4px;
}

.shopProductList, .shopProductImageView{
text-align:center;
}

.shopProductList td{
padding:2px;
vertical-align:top;
}

.shopProductList a img{
border:1px solid #ddd;
padding:10px;
margin:5px;
margin-bottom:0;
background-color:white;
}

.shopProductImageView a img{
border:1px solid #ddd;
padding:10px;
margin:0;
background:white;
}

.shopProductImageView{
border:10px solid white;
background-color:white;
}

.shopProductList a:hover img, .shopProductImageView a:hover img{
border:1px solid #999;
}

.shopCatDesc{
margin-top:-10px;
}

.shopListProd, .shopListProd p, .shopListProd h2{
margin:0;padding:0;
text-align:left;
}

.shopListProd h2{
margin-top:5px;
}

.shopListProd p{
margin:3px;
}

.shopListProd .shopListProdImage{
margin:0;
padding:10px;
}

.shopProductImageView{
float:right;
margin:0 0px 10px 10px;
}

.shopListPrice{
font-weight:bold;
color:red;
}

.shopCount{
font-family:Arial;
font-size:90%;
color:gray;
}

.shopButton a{
background-color:#FFFE8D;
font-weight:bold;
border:1px solid #888;
padding:2px;
margin-left:6px;
color:#666;
text-decoration:none;
}

.shopButton a:hover{
background-color:#FEDD44;
color:#333;
}

.imgMid{
vertical-align:middle;
margin:4px;
}

a .imgMid{
border:none;
}