

/* Overall
-------------------------------------------------- */

body {
	background:url(../images/layout/bg.jpg) #6e9db1 top left repeat-x;
	color: #444444;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
body#home li#home a, 
body#aboutus li#aboutus a, 
body#ourproducts li#ourproducts a, 
body#adventures li#adventures a, 
body#localdelivery li#localdelivery a, 
body#onlinestore li#onlinestore a, 
body#photoalbum li#photoalbum a, 
body#weathersurfreport li#weathersurfreport a, 
body#news li#news a, 
body#OrdHistory li#OrdHistory a,
body#employment li#employment a, 
body#contact li#contact a {
	display: block;
	color: #ffffff;
	font-weight: normal;
	background: #ffa215;
	padding: 0 10px;
	outline: none;
} 

/* -- Headings -- */

h1,h2,h3 {
	font-size: 18px;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
h1,h2,h3,h6 { font-weight: bold; }

h1 sub, h2 sub, h3 sub { display: block; font-size: 10px; vertical-align: baseline; }

h4 {
	color:#444444;
	font-size:22px;
	padding:28px 0 0 48px;
}

h5 {
	border-top:16px #4d86a1 solid;
	background:#79a3b1;
	padding:3px 3px 3px 8px;
	color:#ffffff;
	font-weight:bold;
}

/* -- Text -- */

p { margin:2em 0;padding:0 48px;line-height:30px;}
b, em, strong
{
  font-weight:bold;
  font-style:italic;
}
i, em { font-style:italic; }


/* -- Links -- */

a:link, a:visited,
a:hover, a:focus  { color:#4D86A1; text-decoration: none;outline: none; }
a:link			  { color:#4D86A1; text-decoration: none;outline: none; }
a:visited		  { color:#4D86A1; text-decoration: none;outline: none; }
a:hover			  { color:#fe9c17; text-decoration: none;outline: none; }
a:focus			  {  }


.error {
  color:#FF0000;
  font-weight:bold;
  padding:10px 45px;
}

/* Layout
-------------------------------------------------- */

#wrapper {
	width:986px;
	margin:0 auto;
}
#header {
	background:url(../images/layout/header.jpg) top left no-repeat;
	width:986px;
	height:227px;
}
#main {
	background:url(../images/layout/mainbg.jpg) top left repeat-y;
	width:986px;
	overflow:hidden;
}
#content {
	width:771px;
	float:left;
	overflow: hidden;
}

#right {
	background:#ffffff;
	width:215px;
	float:left;
}
#footer {
	background:#1c6787;
	width:986px;
	overflow: hidden;
}
#footBottom {
	background:#6E9DB1 none repeat scroll 0 0;
	float:left;
	padding:8px 0 8px 35px;
	width:986px;
}
#footBottom a {
	color:#ffffff;
	display: block;
	outline: none;
}
#footBottom a:hover {
	color:#fe9c17;
	display: block;
}
#footBottom li {
	float: left;
	padding:0 8px;
}
#productsBox {
	border:1px #ccc dashed;
	background:Ivory;
	overflow:hidden;
	margin:18px 48px;
	zoom:1;
}
#newsPara {
	margin-left:5em;
	margin-top:14px;
	padding-left:10px;
}
#OrdHistoryPara {
	margin-left:5em;
	margin-top:14px;
	padding-left:10px;
}

#errorMsg {
	margin-left:5em;
	margin-top:14px;
	padding-left:10px;
	color:#990000;
}


#order_summary,
#billing_summary,
#delivery_information {
	width:95%;
	margin:0 auto 2em;
	overflow:hidden;
}


/* Navigation
-------------------------------------------------- */
#nav {
	padding:0 0 0 14px;
	position:absolute;
	top:192px;
}
#nav li {
	float: left;
	font-size:12px;
	margin:0;
	padding:0;
}
#nav a {
	display: block;
	outline:none;
	color: #ffffff;
	font-weight: normal;
	padding: 0 10px;
	line-height: 28px;
}
#nav a:hover {
	display: block;
	color: #ffffff;
	font-weight: normal;
	background: #ffa215;
	padding: 0 10px;
}





/* Classes
-------------------------------------------------- */
.columns_2 {
	width:38%;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
.one_line label { float:left; }

.footLeft {
	float:left;
	margin:0;
	padding:6px 0 6px 10px;
	color:#ffffff;
}
.footRight {
	margin:0;
	padding:6px 10px 6px 0;
	float:right;
	color:#ffffff;
}
.footRight a {
	color:#91bccf;
	outline: none;
}
.footRight a:hover {
	color:#fe9c17;
}


/*---------------------------------- */

.addUL {
	border-bottom: 10px solid rgb(120, 162, 184); 
	text-align: center; 
	line-height: 30px; 
	color: rgb(100, 150, 173);
}
.addUL li {
	border-bottom: 1px solid rgb(225, 232, 238);
}
.addSpace {
	border:none;
	background:#4d86a1;
}


/*---------------------------------- */

.aboutIMG {
	margin:30px 0 0 0;
}

.subNav {
	color:#4D86A1;
	margin:0;
	padding:0 70px;
	font-style:italic;
	font-size:11px;
}

.advAddress {
	float:left;
	width:300px;
}
.advForm {
	float:left;
	width:400px;
	margin:31px 0 0 0;
}
.advFormTable {
	margin: 10px 0 0 0;
}
.advInput {
	width: 318px;
}
.advInputSmall {
	width: 129px;
}


/*---------------------------------- */

.cart {
	border:1px #ccc dashed;
	background:Ivory;
	overflow:hidden;
	zoom:1;
	padding:12px;
	margin:12px 12px 12px 0;
	float:right;
}
.cartIMG {
	vertical-align:top;
}


/*---------------------------------- */

.contactAddress {
	color: rgb(100, 150, 173);
	float:left;
	padding-left:135px;
	margin-left:0;
}
.contactForm {
	padding:10px 10px 10px 72px;
	float:left;
}
.contactFormTable {
	margin: 10px 0 0 0;
}
.contactInput {
	width: 99%;
}
.contactSelect {
	width: 100%;
}


/*---------------------------------- */

.jobTitle {
	color:#4D86A1;
	font-size:18px;
	padding-left:72px;
}
.employAdd {
	padding-left:72px;
}


/*---------------------------------- */

.newsBox {
	margin:18px 48px;
	margin-bottom:0;
	padding-left:20px;
	font-size:14px;
	border:1px #ccc dashed;
	background:Ivory;
	overflow:hidden;
	zoom:1;
	position: relative;
}
.newsBox a {
	float: left;
}
.newsBack {
	padding: 0;
	top: 0;
	right: 15px;
	position: absolute;
}

/*---------------------------------- */
.OrdHistoryBox {
	margin:18px 48px;
	margin-bottom:0;
	padding-left:20px;
	font-size:14px;
	border:1px #ccc dashed;
	background:Ivory;
	overflow:hidden;
	zoom:1;
}
.OrdHistoryBox a {
	float: left;
}
.OrdHistoryBoxBack {
	padding: 0 0 0 300px;
}

/*---------------------------------- */
.prodFirst {
	margin:0;
}
.prodBox {
	margin:25px 50px 0 50px;
	overflow:hidden;
	border:1px #ccc dashed;
	background:Ivory;
	color:#FE9C17;
	font-size:13px;
	zoom:1;
}
.prodBox1 {
	float:left;
	margin:0;
	padding:13px 25px;
}
.prodDiv {
	padding:4px 0 0 40px;
}
.prodTable {
	float:left;
	margin:10px;
}
.prodPara {
	padding:0;
}
.prodDetailsColor {
	color:#6496AD;
}
.prodDetailsTable {
	padding:4px 0 0 0;
}
.prodDetailsIMG {
	padding:30px 0 0 0;
}
.prodDetailsIMG2 {
	padding:2em 0 0 0;
}
.prodDetailsBox {
	border:1px #ccc dashed;
	background:Ivory;
	overflow:hidden;
	zoom:1;
	margin:0 2em;
}
.prodSelect {
	margin:0 0 0 30px;
}
.prodButton {
	border:1px #ccc dashed;
	overflow:hidden;
	zoom:1;
	padding:7px 1em;
	margin:1em 1em 1em 0;
	background:aliceblue;
	color:#444444;
}
.prodButton2 {
	border:1px #ccc dashed;
	overflow:hidden;
	zoom:1;
	padding:7px 1em;
	margin:1em;
	background:aliceblue;
	color:#444444;
}
.prodQTY {
	margin:1em;
}


/*---------------------------------- */

.photoCat {
	text-align:center;
}
.photoCatBig {
	color:#4D86A1;
	font-size:18px;
}

.photoCatGallery {
	text-align:center;
	line-height:30px;
	margin:2em 0pt;
	padding:0pt 48px;
 }
.sub_title {
	display:block;
	font-size:10px;
}
.email{display:none}















