/**{margin: 0em; padding: 0em;}*/
body {margin: 0em; padding: 0em; background: #E6F8FF url(../images/design/bg_shadow.jpg) repeat-y top center; font-size: 62.5%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333333; line-height: 15px;}
h1{font-family:Arial, Helvetica, sans-serif; color: #406666; font-weight: bold; font-size: 1.8em; line-height: normal; margin: 0em;}
h2{font-family:Arial, Helvetica, sans-serif; color: #406666; font-weight: bold; font-size: 1.6em; line-height: normal;}
h3{font-family:Arial, Helvetica, sans-serif; color: #406666; font-weight: bold; font-size: 1.4em; line-height: normal;}
h4{font-family:Arial, Helvetica, sans-serif; color: #406666; font-weight: bold; font-size: 1.2em; line-height: normal;}

/*h2 a, h3 a, h4 a{color: #000034; text-decoration: none;}
h2 a:hover, h3 a:hover, h4 a:hover{color: #000034; text-decoration: underline;}*/

a {color: #999999; background-color: transparent;}
a:link {color: #999999; text-decoration: none; background-color: transparent;}
a:visited {color: #999999; text-decoration: none; background-color: transparent}
a:hover {color: #000000; text-decoration: none; background-color: transparent}
a:active {color: #000000; text-decoration: none; background-color: transparent}








/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFFFFF;
	 font-family : Verdana, Arial, Helvetica, sans-serif;
	 color : #333333;
}

.mceContentBody p {
	font-size : 10px;
	line-height: 15px;
	font-weight: normal;
}





.text {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 15px;
	font-weight: normal;
}

.text_large{
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	line-height: 18px;
	font-weight: normal;
}

.linkred  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.linkred a:link {
	background-color : transparent;
	text-decoration : none;
	color: #FF0000;
	font-weight: bold;
}

.linkred a:visited {
	background-color : transparent;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

.linkred a:hover {
	text-decoration : underline;
	color: #FF0000;
	font-weight: bold;
}

.linkred a:active {
	text-decoration : none;
	color: #FF0000;
	font-weight: bold;
}

.linkwhite  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.linkwhite a:link {
	background-color : transparent;
	text-decoration : none;
	color: #FFFFFF;
}

.linkwhite a:visited {
	background-color : transparent;
	color: #FFFFFF;
	text-decoration: none;
}

.linkwhite a:hover {
	text-decoration : underline;
	color: #FFFFFF;
}

.linkwhite a:active {
	text-decoration : none;
	color: #FFFFFF;
}

/*.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	text-decoration: none;
	background-color: #eaeaea;
	border: 1px solid #FFFFFF;
}*/

.header01 {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color: #000033;
	font-weight: bold;*/
	font-size:12px;
	line-height: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.header02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight: bold;
}
.header03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
}
.tableheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #EAEAEA;
	text-decoration: none;
}

/* BACKGROUND LAYERS*/

#tablebackgrey {
	background-color: #F4F4F4;
}

#tablebackwhite {
	background-color: #FFFFFF;
}

#tablemaincontent {
	background-color: #EAEAEA;
}

/* NAVIGATION TR COLOURS*/

#navigationyellow {
	background-color: #FFCC66;
	height: 20px;
}

#navigationgrey {
	background-color: #B3B3B3;
}

.textdarkblue {
	color : #000033;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 15px;	
}

.textquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
}
.tableborder {
	border: 1px solid #CCCCCC;
}
.tdpaddingoutline {
	background-color: #000033;
	padding: 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.textwhite {
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 18px;
	font-weight: bold;
}
.textred {
	color : #FF0000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 18px;
	text-align: justify;
}
.header04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #406666;
	font-weight: normal;
}






/* NEW STYLES*/


.boat_navlist {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; 
padding: 0px; line-height: 14px; margin: 0px; background-color: transparent} 
.boat_navlist li {list-style-type: none; display: inline; text-align: left; background-color: transparent}
.boat_navlist a {padding: 4px 20px 4px 10px; display: block; background-color: transparent}
.boat_navlist a:link {color: #FFFFFF; text-decoration: none; display: block; background-color: transparent}
.boat_navlist a:visited {color: #FFFFFF; text-decoration: none; display: block; background-color: transparent}
.boat_navlist a:hover {color: #FFFFFF; background-color: #406666; text-decoration: none; display: block;}
.boat_navlist a:active {color: #FFFFFF; background-color: #406666; text-decoration: none; display: block;}


.chandlery_navlist {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; 
padding: 0px; line-height: 14px; margin: 0px; background-color: transparent} 
.chandlery_navlist li {list-style-type: none; display: inline; text-align: left; background-color: transparent}
.chandlery_navlist a {padding: 4px 20px 4px 10px; display: block; background-color: transparent}
.chandlery_navlist a:link {color: #FFFFFF; text-decoration: none;	display: block; background-color: transparent}
.chandlery_navlist a:visited {color: #FFFFFF; text-decoration: none; display: block; background-color: transparent}
.chandlery_navlist a:hover {color: #FFFFFF; background-color: #40668C; text-decoration: none; display: block;}
.chandlery_navlist a:active {color: #FFFFFF; background-color: #40668C; text-decoration: none; display: block;}


.border_top {border-top: 1px solid #CCCCDD;}
.border_bottom {border-bottom: 1px solid #CCCCDD;}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: normal;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

.footertext a:link{text-decoration: none; color: #333333; display: inline;}
.footertext a:visited{text-decoration: none;color: #333333;}
.footertext a:hover{text-decoration: underline; color: #006600;}

.grad_bg {
	background-image: url(../images/design/bg_grad.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #BFCCCC;
}

.product_title {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; color: #406666;
	font-size:16px;
	line-height: normal;
}

.product_price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-size:14px;
	line-height: normal;
	font-weight: normal;
	vertical-align: bottom;
}

.product_details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

.product_text_chandlery {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height: 15px;
	font-weight: normal;
}

.store_bg {
	background-color: #FFFFFF;
	background-image: url(../images/design/bg_store.gif);
	background-repeat: repeat-y;
	padding: 10px;
}

.store_bg_narrow {
	background-image: url(../images/design/bg_store_narrow.gif);
	background-repeat: repeat-y;
	padding: 10px;
}

.store_breadcrumb, .store_breadcrumb a, .store_breadcrumb a:link, .store_breadcrumb a:visited {
	font-size:12px;
	line-height: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.store_breadcrumb a:hover, .store_breadcrumb a:active {
	font-size:12px;
	line-height: normal;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.page_title, .page_title a, .page_title a:link, .page_title a:visited {
	font-size:12px;
	line-height: normal;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.page_title a:hover, .page_title a:active {
	font-size:12px;
	line-height: normal;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* POSITIONING*/

#wrapper {
	margin: 0 auto;
	width: 100%;
	z-index: 0;
	overflow: visible;
	background-image: url(../images/design/bg_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	bottom: 0px;
	float: left;
	}

#container {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	z-index: -1;
	overflow: visible;
	}
		
#header {
	position:relative;
	width:780px;
	height:212px;
	top: 15px;
	left: 0px;
	visibility: visible;
	padding: 0px 0px 0px 0px;
	z-index: 4;
	float: left;
	margin: 0px 0px 0px 0px;
}

#nav_options {
	position:relative;
	left:0px;
	top:5px;
	width:195px;
	height:auto;
	z-index:6;
	visibility: visible;
	clear: both;
	overflow: visible;
	vertical-align: top;
	margin: 0px;
	float: left;
}


#content_wrapper {
	position:relative;
	top:10px;
	width:760px;
	z-index:6;
	left: 0px;
	height: auto;
	visibility: visible;
	padding: 10px;
	float: left;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}

#store_content {
	position:relative;
	top:5px;
	width:552px;
	height:auto;
	z-index:5;
	float: right;
	right: 0px;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border-width: 0;
}

#cart {
	float: left;
	position: relative;
	bottom: auto;
	width: 185px;
	top: 0px;
	left: 0px;
	z-index: 6;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/design/cart_box_top.gif);
	background-repeat: no-repeat;
	height: auto;
	text-align: left;
}

#subnav_options {
	float: left;
	position: relative;
	bottom: auto;
	width: 175px;
	top: 0px;
	left: 0px;
	z-index: 6;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#mainnav_options {
	float: left;
	position: relative;
	bottom: auto;
	width: 175px;
	top: 0px;
	left: 0px;
	z-index: 6;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#footer {
	clear: both;
	float: left;
	bottom: 0px;
	z-index: 3;
	position: inherit;
}





.product_container{clear:both; border-top: 1px solid #CCCCDD; padding: 5px 0 5px 0;}
.search_featured_container{clear: both; border: 1px solid #CCCCDD; padding: 5px; background-color: #F9FDFF;}
.search_featured_container_each{clear: both; padding: 5px 0 5px 0;}
.search_featured_seperator{clear: both; border-top: 1px solid #CCCCDD;}