body {
	background:url(images/gui/bg-top.jpg) repeat-x top center #002aad;
	margin:0;
	font-family:Arial;
	font-size:9pt;
	line-height:1.5em;
	color:#fff;
	}

img {border:none;}

a {
	outline:none;
	color:#77bcfc;
	}
a:hover {text-decoration:none;}

p {margin:0 0 10px 0}
h1 {
	color:#77bcfc;
	font-weight:normal;
	font-size:18pt;
	margin:0 0 5px 0;
	line-height:1em;
	}
	
	  .home {
	color:#77bcfc;
	font-weight:normal;
	font-size:11pt;
	margin:0 0 5px 0;
	line-height:1em;
	}
	
h2 {
	color:#77bcfc;
	font-weight:normal;
	font-size:15px;
	margin:0;
	}
form {margin:0}

.marginfixer {height:1px}

#container {background:url(images/gui/bg-btm.jpg) repeat-x center bottom;}
#lightbeam {background:url(images/gui/lightbeam.png) no-repeat center 50px;}



/* header */

#header {
	width:1000px;
	height:120px;
	margin:0 auto;
	}

.logo {
	float:left;
	width:656px;
	height:120px;
	}

#header-right {
	width:332px;
	height:120px;
	background:url(images/gui/newslttrbg.png) no-repeat;
	margin-left:10px;
	float:left;
	}
#header-right form {
	margin:5px 0 0 20px;
	font-size:16px;
	}
#header-right img {
	margin-top:25px;
	height:37px;
	}
.cart {
	margin-left:30px;
	width:39px;
	}
.login {width:61px}
.divider {width:17px}
.basket {width:82px}
.checkout {width:106px}


/* top menu */

#menu-top {
	background:url(images/gui/menutopbg.png) repeat;
	height:77px;
	}
#menu-top-btns {
	width:1000px;
	height:77px;
	margin:0 auto;
	}
#menu-top-btns img {
	height:58px;
	margin-top:16px;
	padding:0 15px;
	}
.m1-home {width:42px} /* png fix stretches images probably due to padding */
.m1-about {width:211px}
.m1-valeting-services {width:187px}
.m1-products {width:99px}
.m1-news {width:66px}
.m1-contact {width:122px}
.m1-links {width:62px}

#menu-top-btns img:hover {background:url(images/gui/arrow.png) center bottom no-repeat;}



#page {
	width:1030px;
	margin:20px auto 0 auto;
	}





/* left boxes */

#left-boxes {
	width:250px;
	float:left;
	font-size:8pt;
	}

#browse-box {
	width:239px;
	height:182px;
	background:url(images/gui/bg-browse.png) no-repeat;
	}
#browse-box div, .small-box div {
	width:155px;
	float:left;
	padding:15px 0 0 20px;
	}
.small-box {
	width:239px;
	height:79px;
	background:url(images/gui/bg-smallbox.png) no-repeat;
	margin-top:10px;
	}
.icons {
	width:57px;
	height:57px;
	}
.smallbox-shadow {
	width:239px;
	height:27px;
	}


/* home boxes */

#homebox-main {
	width:768px;
	height:237px;
	background:url(images/gui/homebox-main.png) no-repeat;
	margin-top:-15px;
	}
#homebox-main #left {
	width:380px;
	float:left;
	margin:10px 0 0 15px;
	}
#homebox-main .homebox-newstore {
	position: relative;
	left: 400px;
	top: 20px;
	width: 300px;
	height: 200px;
	}

#homebox-fours {
	width:375px;
	float:left;
	}
	
#homebox-fours div {

	margin:10px 10px 0 0;
	}
	
#homebox-four1 {background:url(images/gui/homeboxes-sprites.png) no-repeat;}
#homebox-four2 {background:url(images/gui/homeboxes-sprites.png) no-repeat -177px 0}
#homebox-four3 {background:url(images/gui/homeboxes-sprites.png) no-repeat 0 -147px}
#homebox-four4 {background:url(images/gui/homeboxes-sprites.png) no-repeat -177px -147px}

#homebox-shortwides {
	width:367px;
	float:left;
	}
.homebox-shortwide {
	width:367px;
	height:95px;
	margin-top:10px;
	background:url(images/gui/homeboxes-sprites.png) no-repeat 0 -294px;
	}
.homebox-shortwide h2 {margin:10px 0 0 30px}
.homebox-shortwide p {
	margin-left:30px;
	padding-right:100px;
	}
.homebox-shortwide img {
	float:right;
	margin:-10px 15px 0 0;
	}

/* mainbox */

#mainbox {
	width:744px;
	float:left;
	}
#mainbox-top {
	height:25px;
	background:url(images/gui/mainbox-sprites.png) no-repeat;
	}
#mainbox-mid {background:url(images/gui/mainbox-mid.png) repeat;}
#mainbox-btm {
	height:25px;
	background:url(images/gui/mainbox-sprites.png) no-repeat 0px -25px;
	}
#mainbox #left, #mainbox .left {
	width:375px;
	float:left;
	margin:20px 0 0 30px;
	}

#mainbox #right, #mainbox .right {
	width:280px;
	float:left;
	margin:20px 0 0 30px;
	}

#mainbox .lrmargins {
	margin:0 30px 0 30px;
	}

/* Second Menu */

#mainbox-top-menu {
	height:56px;
	background:url(images/gui/mainbox-sprites.png) no-repeat 0px -50px;
	}
#mainbox-top-menu img {
	margin-top:15px;
	height:41px;
	}
#mainbox-top-menu img:hover {background:url(images/gui/arrow.png) no-repeat center 25px;}

.menu-about img {padding:0 14px}
.m2-about-valeting-expertise {width:170px}
.m2-about-history {width:72px}
.m2-about-insurance {width:96px}
.m2-about-health-safety {width:147px}
.m2-about-testimonials {width:117px}

.menu-services img {padding:0 24px}
.m2-services-specialised {width:108px}
.m2-services-boat-show {width:111px}
.m2-services-marina {width:78px}
.m2-services-superyachts {width:117px}
.m2-services-property {width:83px}

.menu-contact img {padding:0 31px}

/* lists */
ul.ticks {
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
	}
ul.ticks li {
	background:url(images/gui/tick.png) no-repeat;
	margin:0;
	padding:5px 0 15px 25px;
	}


/* boatshow form */

//#boatshow-form div {background:#f0f}

#boatshow-form {margin-left:30px}
#form-intro {
	width:300px;
	float:left;
	margin-right:20px;
	}
#contact-left {
	width:200px;
	float:left;
	}
#contact-right {
	width:170px;
	float:left;
	}
#details-left {
	width:350px;
	float:left;
	clear:left;
	}
#details-right {
	width:330px;
	float:left;
	margin-left:20px;
	}
#boatshow-form .shortinput {
	width:40px;
	margin-left:20px;
	}
#boatshow-form div h1 {margin-top:20px}


/* Accordion */

.toggler {
	display:block;
	cursor:pointer;
	height:38px;
	width:609px;
	background:url(images/gui/accordion.png) no-repeat 0px -38px;
	margin:0 auto;
	}
.toggler div img {display:none}
.toggler h2 {
	padding:10px 0 0 20px;
	}
.toggler:hover h2 {
	color:#fff;
	}
#top-toggler {
	background:url(images/gui/accordion.png) no-repeat;
	margin-top:30px;
	}
#btm-toggler {
	height:38px;
	width:609px;
	background:url(images/gui/accordion.png) no-repeat 0px -76px;
	margin:0 auto 20px auto;
	}
.accordion {
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	background:#012e8a;
	height:0px;
	width:609px;
	margin:0 auto;
	}
.accordion p {
	padding:5px 20px 0 20px;
	}



#footer {
	width:500px;
	margin:0 auto 20px auto;
	text-align:center;
	}
#footer a {margin:0 5px}
.btm-logos {margin:40px 0 30px 0px;}


/* Cart Weaver */

.tabularData, #tableProductDetails {
	width:650px;
	border-collapse:collapse;
	}
#cart-products table.tabularData td {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}
#cart-show table.tabularData td{border:1px solid #fff}
.tabularData td {padding:5px}
#tableProductDetails img {
	margin-right:30px;
	}
.pagingLinks, .cw3CartLinks, .cw3CatNav, .cw3SearchResults {} /* not needed yet - just here to remind me */
.cw3Selected {font-weight:bold}
#cart, #cart-orderform, #cart-products, #cart-show {margin:0 30px}
#cart-products h1 {
	font-size:11pt;
	height:40px;
	}
#cart-products table.tabularData td {
	vertical-align: text-top;
	}


/* classes added to the cartweaver files by nick */
fieldset.cart-returncustomer, fieldset.cart-forgotpassword {
	border: 1px solid #fff;
	padding: 5px;
	width: 310px;
	}
fieldset.cart-returncustomer {
	float: left;
	margin-right: 15px;
	}

fieldset.cart-customerinfo, fieldset.cart-shippinginfo {
	border: 1px solid #fff;
	padding: 5px;
	width: 310px;
	}
fieldset.cart-customerinfo {
	float: left;
	margin-right: 15px;
	}
fieldset .tabularData {width: inherit}

#orderFormNext {
	margin: 40px 0 0 230px;
	}


/* Cart css notes

#cart ---- when the product is viewed large
#cart-orderform ---- go to checkout page

/*


/* CARTWEAVER CSS REFERENCE

Form Styles
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #002252;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #001128;
	border-top: 1px solid #001128;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

 Tables used to display tabular Data. 
 Apply to <table> tags only. 
Example: <table class="tabulardata">
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #696969;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}

 altRowEven & altRowOdd are used to style alternating table rows. 
.altRowEven {
	background-color: #E6E6E6;
}
.altRowOdd{
	background-color: #D6D6D6;
}

 oldprice is displayed when there is a discount 
.oldprice {
	text-decoration: line-through;
}
.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}

 This aligns products to the top of the table cell with horizontal display of results 
table#tableSearchResults td {
	vertical-align:top;
}*/