@charset "utf-8";
/* CSS Document for Newquay Surf Center */

/* Author: Chris Stanyon - http://www.stanyon.co.uk */
/* Date: October 2009 */


/* RESET Styles */

/*html, body, div, span, h1, h2, h3, p,
a, em, img, strong, ul, li, form, label,
table, tbody, thead, tr, th, td {*/
html, body, div, span, h1, h2, h3, p,
a, em, img, strong, ul, li, form, label,
table, tbody, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }







/* TAG Styles */
html { min-height: 100%; margin-bottom: 1px; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	color:#000000;
	background: url("/gfx/bg_hibiscus.jpg") #e8e4c4;
}





#wrapper {
	width:960px;
	margin:0px auto;
	border:2px solid #08869c;
	border-top:0px;
	background: url("/gfx/bg_content.jpg") repeat-y #FFFFFF;
}



#header {
	padding:10px;
	height:120px;
	background:url("../gfx/header.jpg") no-repeat #FFFFFF;
}

#header h1 {
	display:none;
}



#navigation {
	text-align:right;
	margin-top:98px;
	line-height:0.9em;
}

#navigation li {
	display:inline;
}

#navigation a {
	font-weight:bold;
	color:#000000;
	margin-left:15px;
	font-size:0.9em;
	text-decoration:none;
}

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




#maincontent {
	float:left;
	width:700px;
	background-color:#FFFFFF;
	padding:10px;

}

#maincontent p {
	margin-bottom:1.5em;
	padding:0px 35px;
}

#maincontent a {
	color: #08869c;
}

#maincontent #breadcrumb {
	background: url("/gfx/p_bg_hibiscus.gif") no-repeat;
	height:35px;
	padding-left:35px;
	padding-top:5px;
	margin:0px;
}

#maincontent h2 {
	height:35px;
	padding-left:35px;
	padding-top:5px;
	margin:0px;
	clear:both;
}

#maincontent h2.subheading {
	background: url("/gfx/p_bg_shell.gif") no-repeat;
}

#maincontent h2.subheading_sale {
	background: url("/gfx/p_bg_sale.gif") no-repeat;
}

#maincontent .rightimage {
	float:right;
	padding-right: 35px;
	margin-left:20px;
	margin-top:8px;
}

.product_list {
	font-size:0.85em;
}

#maincontent #product_display {
	margin-left:35px;
	width:665px;
}

#maincontent #product_display p {
	padding:0px;
}

#maincontent #product_display .shop_dropdown {
	background-color:#08869c;
	color:#FFFFFF;
	width:225px;
	font-size:0.9em;
	margin-top:5px;
	padding:2px;
}

#maincontent #product_display ul {
	list-style-type:disc;
	padding-left:35px;
	margin-bottom:1.5em;
}

#maincontent #product_display h3 {
	margin-bottom:1.5em;
}

#maincontent #product_display #addToBasket {
	margin:0px 1px 1px 0px;
}


#maincontent #product_display #addToBasket:hover {
	margin:1px 0px 0px 1px;
}


#maincontent .brandinfo {
	font-size:0.85em;
	float:right;
	width:465px;	
}

#maincontent .brandinfo ul {
	padding-left:70px;
	list-style-type:disc;
}

#maincontent .brandinfo li {
	margin-bottom:1em;
}

#maincontent .navstring {
	font-size:0.8em;
	background-color:#84c3ba;
	margin-left:35px;
	padding:3px 10px;
}

#maincontent #flashbanner {
	width:270px;
	height:180px;
	background-color:#CCCCCC;
	text-align:center;
	float:right;
	margin-right:35px;
	margin-left:10px;
}


#maincontent #contact_form {
	width: 80%;
	margin-left:70px;
}

#maincontent #contact_form td {
	vertical-align:top;
}

#maincontent .formelement {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#08869c;
	color:#FFFFFF;
	margin-bottom:10px;
	width:350px;
	padding:3px;
}

#maincontent #validation_errors {
	color:#FF0000;
	margin-left:35px;
	font-weight:bold;
	margin-bottom:25px;
}

#maincontent #validation_errors p {
	margin:0px;
}


#maincontent .banners {
	margin-left:35px;
	margin-bottom:25px;
}

#sidebar {
	float:right;
	width:220px;
	background-color:#999999;
	padding:10px;
/*	color: #08869c;*/
}

#sidebar a {
	color: #08869c;

}

.sidebarbox {
	width:188px;
	border:1px solid #000000;
	background: url("/gfx/bg_sidebar.jpg") no-repeat #FFFFFF;
	margin-bottom:20px;
	line-height:1.5em;
	padding: 0px 15px 10px 15px;
	text-align:center;
}

.sidebarbox h2 {
	font-size:1.0em;
	color:#84c3ba;
	margin: 5px 0px 15px 0px;
}

.sidebarbox .select_dropdown {
	width:176px;
	margin-top:0.5em;
	background-color:#08869c;
	color:#FFFFFF;
	font-size:0.9em;
	padding:2px;
}


.surfreport {
	margin:10px 0px;
}

.surfreport th {

	text-align:left;
	color:#08869c;
	font-size:14px;
	line-height:24px;
	padding-right:10px;
}

.surfreport td {
	text-align:left;
	font-size:10px;
	font-weight:bold;
}


#footer {
	clear:both;
	padding:10px;
	height:20px;
	background: url("/gfx/footer.jpg") no-repeat #FFFFFF;
	color:#08869c;
	font-size:0.85em;
}

#footer a, #footer a:hover {
	color:#08869c;
	font-weight:bold;
}

#footer ul {
	padding-top:3px;
}

#footer li {
	display:inline;
}

.ajax-loading {
	background: url(img/ajax-loader.gif) no-repeat top center;
	width:188px;
	height:35px;
}


.resource_index {
	width: 665px;
	margin-left: 35px;
	margin-bottom: 20px;
}

.edit_form {
	border: medium none ;
	width: 665px;
	margin-left: 35px;
	border-bottom: 2px solid #9dcec8;
	padding: 20px 0px;
}

#resource img.left {
	float:left;
	padding-right:10px;
}

#resource img.right {
	float:right;
	padding-left:10px;
}

#resource .NSCAqua {
	color:#08869C;
}

#resource h3 {
	margin-bottom:1em;
	padding:0px 35px;
}

#basket ul {
	margin-bottom:15px;
}


#basket {
	margin-left:35px;
	width:665px;
/*	margin-bottom:25px;*/
}

#basket .basketrow {
	border-bottom:5px solid #FFFFFF;
	background-color:#d8ebe9;
}

#basket .basketheader {
	background-color:#08869C;
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
}

.spacer {
	clear:both;
}

#basket .basketcolumn {
	float:left;
	padding:5px;
}

#basket .col1 { width:315px; }
#basket .col2 { width:75px; text-align:right; }
#basket .col3 { width:75px; text-align:right; }
#basket .col4 { width:75px; text-align:right; }
#basket .col5 { width:75px; text-align:right; }



#basket th {
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
}

#basket td {
	background-color:#d8ebe9;
	padding:3px;
}

#basket td.spacer {
	background-color:#FFFFFF;
	padding:3px;
}

#basket tr.basketfooter td {
	background-color:#FFFFFF;
}

#maincontent #basket .formelement {
	margin:5px 0px 5px;
	border:1px solid #ffffff;
	padding: 3px 0px;
}

/*#maincontent #basket #UpdateBasket:hover {
	margin:1px 0px 0px 1px;
}*/

.deliveryrow {
	background-color:#D8EBE9;
	margin:20px 0px;
	padding:10px;
}

.deliveryrow label {
	width:150px;
	display:inline-block;
	margin-left:25px;
	margin-top:10px;
}

.deliveryrow .required {
	color:#FF0000;
	font-weight:bold;
	font-size:0.8em;
}

.deliveryrow .formelement {
	border:1px solid #ffffff;
}


#DeliveryOptions, #SecureServer, #OrderSummary, #UpdateBasket, .EditButton, #ContinueShopping {
	padding:0px 1px 1px 0px;
}

#DeliveryOptions:hover, #SecureServer:hover, #OrderSummary:hover, #UpdateBasket:hover, .EditButton:hover, #ContinueShopping:hover {
	padding:1px 0px 0px 1px;
}

/*#SecureServer {
	margin:0px 1px 0px 0px;
}

#SecureServer:hover {
	margin:1px 0px 0px 0px;
}
*/

