/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - ARTICLE LISTS
09 - FORMS
10 - TABLES
11 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	background: #f3f2f2;
	text-align: center; /*margin: auto fix for IE6*/
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #6f0803;
	font-weight: normal;
}
	
h2 {
	font-size: 150%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #6f0803;
	font-weight: normal;
}
	
h3 {
	font-size: 140%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
}

p {
	font-size: 90%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	font-weight: normal;
	font-family: Georgia, serif;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #6f0803; 
	font-weight: bold;
	text-decoration: underline;
}

a:hover {text-decoration: none;}
p a {font-size: 100%;}

ul {color: #333; font-size: 100%;}
ol {color: #333; font-size: 100%;}
	
/*---------------------------------------------*/
em {/*font-style: normal;*/}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.mini {font-size: 80%;}

a img {border: none;}

em.textHide {display: none;}

.big {font-size: 150%;}

.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}


/*---------------------------------------------*/


/* COLOURS
----------------------------------------------- */
.green {color: #a1d6f6;}
.yellow {color: #f6efbb;}
.darkRed {color: #8c0b05;}
.darkerRed {color: #6f0803;}
.darkbrown {color: #29201d;}

/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

.WrapOuter {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#HeaderWrap.WrapOuter {
	padding: 0;
	border-bottom: 6px solid #f6efbb;
	background: #a1d6f6 url(../Images/top.gif) repeat-x 0 0;
}

#NavWrap.WrapOuter {
	border-bottom: 9px solid #6f0803;
	background: #8c0b05!important; /*important for 1e6*/
}

#IntroWrap.WrapOuter {
	border-bottom: 7px solid #6f0803;
	background: #473732 url(../Images/intro.gif) repeat-x 0 bottom;
}

#BodyWrap.WrapOuter {
}

#FooterWrap.WrapOuter {
}
.WrapOuter .Wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;/*margin: auto fix for IE6*/
}
.WrapOuter .Wrap .WrapInner {
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
}
#BodyWrap.WrapOuter .Wrap .WrapInner {
	padding-bottom: 25px;
	background: url(../Images/dotted.gif) repeat-y 280px 0;
}
#Header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
}
#Header #Utility {
	float: right;
	margin: 0;
	padding: 5px 15px 0 15px;
	width: 350px;
	border-top: 5px solid #94ccef;
	background: #94ccef url(../Images/utility.gif) no-repeat 0 bottom;
}
#Header #Utility p {float: left; font-size: 100%; color: #29201d;}
#Header #Utility p.right {float: right;}
#Header #Utility a {color: #29201d;}
#Header #Utility p, #Header #Utility a {font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
#Header #Utility p, #Header #Utility a.basketLink {text-decoration: none;}

#Header #Utility .viewBasket {text-align: right;}
#Header #Utility .basketEmpty {padding-left: 15px;}
#Header #Utility .basketCount {padding-left: 15px;}

/* NAVIGATION 
------------------------------------------------ */

#MainNav {
	float: left;
	margin: 0;
	padding: 0;
}

#MainNav ul {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#MainNav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;	
}

#MainNav ul li a {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-weight: normal;
	font-size: 120%;
	color: #fff;
	cursor: pointer; cursor: hand; 
}

#MainNav ul li a em {
	float: left;
	margin: 0;
	padding: 10px 15px 5px 0;
	font-style: normal;
}

#MainNav ul li.selected a,
#MainNav ul li a:hover  {
background: #6f0803 url(../Images/navTL.gif) no-repeat 0 0;}
#MainNav ul li.selected a em,
#MainNav ul li a:hover em {
background: #6f0803 url(../Images/navTR.gif) no-repeat right 0;}



/* MAINBODY
------------------------------------------------ */
	
#MainBody {
	float: right;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 700px;
}

#SidebarOne {
	float: left;
	margin: 0 40px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 260px;
}


	
/* SIDEBARS
------------------------------------------------ */
#Content {}

#SidebarTwo {}

#SidebarOne .SideBarBlue 
{
	background-color: #94ccef; 
}


/* FOOTER
------------------------------------------------ */
	
#Footer {
	clear: both;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #797979;
	width: 1000px;
	background: url(../Images/footer.gif) repeat-x 0 0;
}

#Footer p {color: #333;}
#Footer a {color: #333;}

/* Paginator
------------------------------------------------ */
.paginator {float: left; margin: 10px 0 0 0; padding: 10px 0 0 0; width: 100%; border-top: 1px solid #6f0803;}
.paginator p {}
.paginator a {padding: 0 10px 0 0;}
.paginator span {padding: 0 10px 0 0;}

/* ARTICLE LISTS 
------------------------------------------------ */
.newsList {
	float: left;
	margin: 0;
	padding: 0;
}
.article {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
}
.article h3 {font-size: 120%;}
.article .publishdate {
	float: left;
	margin: 0 15px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 15px 0;
	width: 62px;
	text-align: center;
	background: url(../Images/publishdate.jpg) no-repeat 0 bottom;
}
.article .publishdate span.date {
	float: left;
	margin: 0 0 -3px;
	padding: 8px 0 0 0;
	width: 62px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 160%;
	color: #6f0803;
	background: url(../Images/publishdatetop.jpg) no-repeat 0 0;
}

.article .publishdate span.month,
.article .publishdate span.year {
    font-size: 120%;
    color: #a5a5a5;
    float: left;
	margin: -5px 0 0;
	padding: 0px 0 0 0;
	width: 62px;
	font-weight: bold;
	display: inline;
}

.article .summary {}

/* #LatestNews ------------------------------------------------ */
#LatestNews {padding: 20px 0 0 0; }
#LatestNews h2 {padding-bottom: 20px; font-size: 160%;}
/* #NewsSummaries ------------------------------------------------ */
#NewsSummaries {padding: 20px 0 0 0;}
#NewsSummaries h2 {padding-bottom: 20px; font-size: 160%;}

/* PRODUCT LISTS 
------------------------------------------------ */
.productList {
	float: left;
	margin: 0;
	padding: 0;
}
 .product {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.product img.thumb {
	float: left;
	margin: 0 15px 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 2px;
	border: 1px solid #797979 !important;
	background: #fff;
}
.product .summary {
	margin: 0 0 5px 0;
}
.product p.price {
	font-family: Georgia, serif;
	font-weight: bold;
}
.product .submitbutton,
.product .viewdetails {
	clear: right;
	float: right;
}
/* #LatestReccomendationsFP ------------------------------------------------ */
#LatestReccomendationsFP {}
#LatestReccomendationsFP .productList .product {border-bottom: 1px dotted #797979;}
#LatestReccomendationsFP .productList .product img.thumb {width: 150px;}
#LatestReccomendationsFP .productList .product p.price {float: right; font-size: 150%; color: #6f0803;}

/* #MainProductList ------------------------------------------------ */

#MainProductList .productList .product {padding: 10px; width: 600px; border: 1px solid #797979; background: #ebf1f7;}
#MainProductList .productList .product img.thumb {width: 100px;}
#MainProductList .productList .product h3 a {float: left; padding-bottom: 10px; width: 350px; color: #333; font-size: 90%; font-family: Georgia, serif; font-weight: normal;}
#MainProductList .summary {float: left; width: 350px;}
#MainProductList .purchaseOptions {float: right; width: 180px;}
#MainProductList .purchaseOptions .item {}
#MainProductList .purchaseOptions .item span {float: left; padding: 3px 3px 0 0; font-family: Georgia, serif; font-weight: bold;}
#MainProductList .purchaseOptions .item  label {float: left; padding-top: 2px; width: 45px; font-family: Georgia, serif; text-align: right;}
#MainProductList .purchaseOptions .item input.submitbutton{width: 100px; background: #6f0803;}
#MainProductList .purchaseOptions .item input.submitbutton:hover {background: #29201d;}
#MainProductList .productList .product p.info {clear: left;}
#MainProductList .productList .product p.info a {color: #333;}




/* #ProductDetail ------------------------------------------------ */
.productDetail .product {margin-top: 20px; background: #fff;}
.productDetail .product img.thumb {margin-left: 10px; display: inline; /*to fix double margin in IE6*/ padding: 3px; width: 120px; border: none !important; }
.productDetail .product h3 {	
	float: left; 
	margin: 0 0 10px 0;
	padding: 10px 10px;
	width: 680px;
	color: #fff; 
	font-size: 120%; 
	font-family: Georgia, serif; 
	font-weight: normal;
	background: #735951;
}
.productDetail .summary {float: left; width: 330px;}
.productDetail .purchaseOptions {float: right; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 180px;}
.productDetail .purchaseOptions .item {}
.productDetail .purchaseOptions .item span {float: left; padding: 3px 3px 0 0; color: #333; font-family: Georgia, serif; font-weight: bold;}
.productDetail .purchaseOptions .item  label {float: left; padding-top: 2px; width: 45px; font-family: Georgia, serif; text-align: right;}
.productDetail .purchaseOptions .item input.submitbutton{width: 100px; background: #6f0803;}
.productDetail .purchaseOptions .item input.submitbutton:hover {background: #29201d;}
.productDetail .product p.info {clear: left;}
.productDetail .product p.info a {color: #333;}


/* FORMS
------------------------------------------------ */
.item, .radios {float: left; clear: left; margin: 0 0 10px 0; padding: 0; width: 100%;}
.item input, .radios input {float: left; margin: 0; padding: 1px; font-size: 100%;}
.item label, .radios label  {float: left; margin: 0 10px 0 0; display: inline; /*to fix double margin in IE6*/ padding: 0; color: #333; font-weight: bold; font-size: 100%;}
.item select, .radios select {float: left; margin: 0 10px 0 0; padding: 0; width: 212px; border: solid 1px #acacac; font-size: 100%;}
.item input.textinput, .radios input.textinput {margin-right: 10px; display: inline; /*to fix double margin in IE6*/ width: 208px; border: solid 1px #acacac;}
.item textarea, .radios textarea {float: left; margin-right: 10px; display: inline; /*to fix double margin in IE6*/ padding: 1px; width: 208px; border: solid 1px #acacac; font-size: 100%;}
.item input.checkbox {}
input.submitbutton, a.viewdetails {padding: 2px 6px 3px 6px; font-size: 100%; text-transform: capitalize; color: #FFF; border: none; font-family: Georgia, serif; background: #735951;}
input.submitbutton:hover, a.viewdetails:hover {background: #29201d; }
a.viewdetails {text-decoration: none; font-weight: normal; padding: 3px 6px;}
a.submitbutton {float: left; margin: 0; padding: 2px 6px 3px 6px; font-size: 100%; text-transform: capitalize; color: #FFF; font-size: 100%; font-weight: normal; text-decoration: none; border: none; font-family: Georgia, serif; background: #6F0803;}
a.submitbutton:hover {background: #29201d; }
/* ------------------------------------------------ */

/* LOGIN
------------------------------------------------ */
#Login {
	float: left; 
	margin: 0;
	padding: 15px 0 15px 15px;
}

#Login label{width: 100px; color: #000;}
.login {margin: 25px 0;}

/* REGISTER
------------------------------------------------ */
#Register {
	float: left; 
	margin: 0;
	padding: 15px 0 0 0;
}

#Register label{width: 180px; color: #fff;}

/* MY ACCOUNT
------------------------------------------------ */
#SidebarOne #secondaryMenu ul {list-style-type: none;}
#SidebarOne #secondaryMenu ul li {margin-bottom: 10px;}

#MyAccount label {width: 150px;}

/* ADDRESSES
------------------------------------------------ */
#MyAddresses table.listing {width: 100%; float: left; clear: both; padding-bottom: 20px;}

#MyAddresses label {width: 130px;}

/* REGISTER INTEREST FORMS
------------------------------------------------ */
#registerinterest label {
    width: 170px;
}

/* BASKET FORM
------------------------------------------------ */
.addresses label {float: left; width: 130px;}

/* REGISTER FORM
------------------------------------------------ */
.contactform label {width: 130px;}

/* SEARCH WINES
------------------------------------------------ */
#SearchWines {
	float: left; 
	width: 260px;
	background: url(../Images/SearchWines.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 0 0 25px 0;
}

#SearchWines .item.top {
	float: left; 
	width: 260px;
	padding: 10px 0 10px 0;
	margin: 0;
	background: url(../Images/SearchWinesTop.gif) no-repeat 0 0;
}
#SearchWines .item.top h2 {margin-left: 12px;}
#SearchWines .item.top input.textinput {
	/*margin: 0 15px;*/
	margin:0 0 19px 16px;
	padding: 1px;
	width: 180px;
}

#SearchWines .item.top input.submitbutton {
	float: right;
	/*margin: 10px 15px 0 15px;*/
	margin:-41px 15px 0;
}

#SearchWines ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	list-style: none;
	background: #fff url(../Images/SearchWinesMid.gif) repeat-y 0 0;
}
#SearchWines ul li {
	float: left;
	margin: 0 15px 5px 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 228px;
	background: #6f0803 url(../Images/searchTab.gif) no-repeat 0 bottom;
}
#SearchWines ul li a {
	float: left;
	margin: 0;
	padding: 5px 10px;
	width: 208px;
	font-family: Georgia, serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	background: url(../Images/searchTabTop.gif) no-repeat 0 0;
}
#SearchWines ul li a:hover {text-decoration: underline;}

/* SORTBAR
------------------------------------------------ */
.sortBar {
	float: left; 
	margin: 20px 0 0 0;
	padding: 5px 10px;
	width: 602px;
	background: #735951;
}
.sortBar p {float: left; color: #fff; padding: 3px 0 0 0;}
.sortBar label {padding-top: 2px; width: 28px; color: #fff; font-family: Georgia, serif;}
.sortBar .item {clear: none; float: right; margin: 0; padding: 0; width: 260px;}
.sortBar .item select.textinput {float: right; margin: 0; padding: 0;}

/* SortResults
--------------------------------------------- */
#SortResults .item {float: right; width: 300px;}
#SortResults .item label {float: left; width: 65px; text-align: right;}
#SortResults .item .textinput {float: right; margin: 0;}


/* TABLES
------------------------------------------------ */

table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

table tr th {
	vertical-align: top;
}

table tr td {
	vertical-align: top;
}

table tr th {}
table tr th a {}
table tr.alt td {}

table tr td a {}
table tr.alt td a {}

table tr td h2 {}


/* MISC
------------------------------------------------ */

.logo {
	float: left;
	margin: 15px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
}

.call {
	float: right;
	margin: 15px 0 0 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
}

.siteBy {
	float: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.siteBy a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
}

.message {color: Red;}

/* INTRO
------------------------------------------------ */

#Intro {
	float: left; 
	margin: 0;
	padding: 0;
	width: 1000px;
	background: #29201d;
}
	
#Intro .copy {float: left; width: 575px; padding: 15px 20px;}
#Intro .copy h1 {color: #fff;}
#Intro .copy p {font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #8a6b61;}
#Intro .copy p.big {font-size: 120%; line-height: 110%;}
#Intro img {float: right; border-left: 3px solid #000; width: 377px;}


/* TAB
------------------------------------------------ */

.tab {
	float: left; 
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	background: #f3f2f2 url(../Images/red15BL.gif) no-repeat 0 bottom;
}
.tab h2 {
	float: left; 
	margin: 0 0 0 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 5px 15px 10px 0;
	color: #fff;
	background: #6f0803 url(../Images/red7BR.gif) no-repeat right bottom;
}
.tab h2 a {color: #fff;}

/* SERVICES NAV
------------------------------------------------ */
#ServicesNav {
	float: left; 
	width: 260px;
	background: url(../Images/SearchWines.gif) no-repeat 0 bottom;
}

#ServicesNav ul {
	float: left;
	margin: 0;
	padding: 15px 0 25px 0;
	width: 260px;
	list-style: none;
	background: url(../Images/SearchWinesTop.gif) no-repeat 0 0;
}
#ServicesNav ul li {
	float: left;
	margin: 0 15px 5px 15px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 228px;
	background: #6f0803 url(../Images/searchTab.gif) no-repeat 0 bottom;
}
#ServicesNav ul li a {
	float: left;
	margin: 0;
	padding: 5px 10px;
	width: 208px;
	font-family: Georgia, serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	background: url(../Images/searchTabTop.gif) no-repeat 0 0;
}
#ServicesNav ul li a:hover {text-decoration: underline;}


/* SERVICES SPLASH
------------------------------------------------ */

#ServicesSplash {
	float: left; 
	margin: 10px 0 0 0;
	padding: 0;
}
#ServicesSplash .categoryList {	width:680px;float: left; margin: 0 0 10px 0;padding: 10px;
	background: #6f0803 !important;}
	#ServicesSplash .categoryList h2.title a 
{
		color:#fff;
	}
#ServicesSplash .categoryList h2.title {float: left; 
	margin: 2px;
	padding: 4px;
	width: 157px;
	background: #5b0702 !important;
	color:#fff;
	font-size: 14px;}
#ServicesSplash .background {
	float: left; 
	margin: 15px 10px 0 0;
		display: inline; /*to fix double margin in IE6*/
	height: 153px; 
	width: 336px;
}
#ServicesSplash .background ul.scrollerPanel {
	float: left;
	margin: 0; 
	padding: 20px 40px; 
	height: 113px; 
	width: 252px; 
	list-style: none;
	background: url(../Images/80FFF.png) repeat-y 20px 0;
}
#ServicesSplash .background ul.scrollerPanel li {
	float: left; width: 100%; padding-bottom: 5px;
}
#ServicesSplash .background ul.scrollerPanel li a {
	font-size: 110%; text-decoration: none;
}

#ServicesSplash a img {
	float: left; 
	margin: 15px 10px 0 0;
		display: inline; /*to fix double margin in IE6*/
	width: 332px;
	/*height: 153px; */
	background: #f3f2f2;
}

#ServicesSplash a:hover img {background: #6f0803;}

#ServicesSplash .tab {
	clear: left; 
	float: left; 
	margin: 0;
	padding: 0;
	width: 100%;
	background: #f3f2f2 url(../Images/red15BL.gif) no-repeat 0 bottom;
}
#ServicesSplash .left h2.title a {clear: left; 
	float: left; 
	margin: 0;
	padding: 3px;
	width: 330px;
	background: #6f0803 !important;
	color:#fff;
	font-size: 14px;
	}
#ServicesSplash .tab a{
text-decoration: none;}

/* SEARCH
--------------------------------------------- */
#SearchResults {float: left; margin: 20px 0 0 0; width: 700px;}
#SearchResults .search {}
#SearchResults h1 {float: left; width: 600px;}
/* --------------------------------------------- */
.searchbar .buttons {float: right; width: 100px;}
.searchbar .buttons a {font-weight: bold; float: right; text-decoration: none;}
.searchbar img {float: right; padding: 0 0 0 5px;}
/* --------------------------------------------- */
#SearchResults .search .searchbuttonholder {float:right; margin: 10px 0 10px 0; width: 250px;}
#SearchResults .search .submitbutton {float: right; clear: none; margin-left: 10px;}
/* --------------------------------------------- */
p.queryoutput {float:left; margin: 10px 0 0 0; width: 500px;}
p.searchquery {float: left;}
/* --------------------------------------------- */



a.clearSearch {float:left; background:#29201d; color:#fff; padding: 5px 7px 4px 7px;border: none;margin:6px 4px 0 0;text-decoration:none;font-size: 12px; }
.advancedSearch{ background: #f9f9f9; border: solid 1px #ccc; float:left; padding: 3px;}








/* SEARCH TABS
--------------------------------------------- */
.TabContainer span {margin-right: 2px;padding: 1px  1px 1px 2px;float: left;position: relative;margin-bottom:0;}
.TabContainer span.ajax__tab_active {z-index: 100;padding: 1px 1px 1px 3px;background: #a1d6f6;position: relative;border-top: 1px solid #265774; border-left: 1px solid #265774; border-right: 1px solid #265774;margin-bottom: -1px; font-weight: bold;}
.searchButton {float: left;clear: both;margin: 15px 0;} 
.searchPager { float: left;clear: both;}
.matchedProducts { outline: 1px solid red; float: right; width: 200px;height: 100px;}
.searchPager { background: #ebebeb; width: 100%;float: left; display:inline; padding: 5px 0;margin-top: 6px;clear:both;}
.Pager { background: #ebebeb; width: 200px;float: left; display:inline; padding: 5px 0;margin-top: 6px;clear:both;}

/* catalogue categories searchList style --------------*/
.floatLeft {float: left;}
.floatRight {float: right;}

.searchItem {float: left; margin: 0; padding: 5px;}
.searchItem input{float: left; margin: 0; }
.searchItem label{float: left; clear: none; margin: 0 5px; display: inline;}

h3.acc{display: block; width: 100%; font-size: 100%; color: #FFF; background: #00bff3;}
.searchList {margin: 0; display:inline; padding: 0 0 5px 5px; width: 693px;border: 1px solid #265774; background: #a1d6f6;float: left; clear: both;}
.searchList .searchItem {float: left; margin: 0 5px 5px 0; padding: 5px 0 ; width: 100%; clear: both;}
.searchList .searchItem input{float: left; margin: 0 5px 0 5px; display: inline; }
.searchList .searchItem label{float: left; clear: none; margin: 0 5px; display: inline; text-transform: uppercase; width: 120px;}

.searchList .searchItem ul{float: left; margin: 0; padding: 0; list-style: none;width: 720px;background: transparent;}
.searchList .searchItem ul li{float: left; margin: 0 0 5px 4px; padding: 0; width: 175px; background: transparent;}
.searchList .searchItem ul li input, .searchList .searchItem input{float: left; margin: 0 0 0 5px; display: inline; }
.searchList .searchItem ul li label, .searchList .searchItem label{float: left; clear: none; margin: 1px 5px 0 5px; display: inline; text-transform: none; color: #03485b; font-weight: normal; width: 140px;}
.searchList .searchItem label {width: 155px; font-size: 12px;margin-bottom: 2px;padding: 0;}
.searchList .searchItem input {margin-left: 0px;margin-bottom: 2px;}
.resultsCount {clear: both; padding-bottom: 10px;}



/* PriceOptions
--------------------------------------------- */
#PriceOptions {}
#PriceOptions ul {float: left; margin: 20px 0 0 0; padding: 0; width: 100%; list-style: none;}
#PriceOptions ul li {float: left; margin: 0; padding: 0 0 10px 0; width: 100%; font-size: 120%;}

.basket {float: left; clear: Both; width: 700px;}
.basket table.subtotals {float :left; clear: both; width: 700px;}
.basket table.subtotals tbody tr td, .basket table.subtotals thead tr th {border-bottom: solid 1px #444;padding: 3px;}
.basket table.subtotals thead tr th {background: #ccc;}
.basket table.subtotals thead tr th.productColumn, .basket table.subtotals tbody tr td.productColumn  {width: 220px;}
.basket table.subtotals .quantity{width: 50px;}
.basket .submitbutton{float: left; clear: both;margin-left: 570px;margin-top: 20px;}
.basket table.totals {float: left; width: 250px;clear: both;margin-left: 450px;}


/*CONTACT US FORM
----------------------------------------------*/
.contactform { width: 590px; margin-left: 10px;}
label {margin: 6px 4px 4px 4px; float: left; font-weight: bold; width: 150px;}
.textinput {width: 275px; margin: 3px; padding:4px; border: solid 1px #666;}
.textinput:hover {border: solid 1px #333;}
.textinput:focus {border: solid 1px #000;}
.textbox {width: 350px; margin: 3px; padding: 4px; border: solid 1px #666; font-family: Arial, sans-serif; height: 150px;}
.textbox:hover {border: solid 1px #333;}
.textbox:focus {border: solid 1px #000;}
select {margin: 3px;}
.submitbutton { float: left; clear: both; margin-left: 151px;  background: #222; color: #fff; padding: 5px 8px; border: none;}
p.message { color: #c40000; font-weight: bold; margin: 4px ; background: #f7e3cd; border: solid 1px #ecae6a; padding: 8px;}
.contactform span { font-weight: bold; color: #c40000; float: left; clear: both;margin: 4px ; width: 90%;}