/* Layout */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Font Types */

.arial {font-family: Arial;}

/* Font Sizes */

.ten {font-size: 10px;}
.eleven {font-size: 11px;}
.twelve {font-size: 12px;}
.thirteen {font-size: 13px;}
.fourteen {font-size: 14px;}
.fifteen {font-size: 15px;}

/* Font Colours */

.white {color: #FFFFFF;}
.black {color: #000000;}
.dblue {color: #3B5D9F;}
.lblue {color: #26ABE2;}
.blue {color: #6073AD;}
.purple {color:#6073ad;}

/* Font Style & Weight */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.spacing {letter-spacing: 1pt;}

/* Hovers */

.n2u {text-decoration: none;}
.n2u:hover {text-decoration: underline;}

.u2n {text-decoration: underline;}
.u2n:hover {text-decoration: none;}

.blue2yellow {color: #9CA7D3; text-decoration: none;}
.blue2yellow:hover {color: #FFCF00;}

.blue2yellow2 {
	color: #ffffff;
	text-decoration: none;
	display: block;
	line-height: 16px;
	padding-left: 12px;
	white-space: nowrap;
}
.blue2yellow2:hover {
	background-color: #fafbfc;
	color: #000000;
}

.black2blue {color: #000000; text-decoration: none;}
.black2blue:hover {color: #3B5D9F;}

.black2blue_2 {color: #000000; text-decoration: none;}
.black2blue_2:hover {color: #3B5D9F;}

.white2yellow {color: #FFFFFF; text-decoration: none;}
.white2yellow:hover {color: #FBEE47;}


/* Navigation / Menus */

#sub {
	position: relative;
	width:195px;
	height:283px;
	z-index:2;
	background-image: url(images/hov_c.gif);
	display: none;
/*	visibility: hidden; */
}
#top {
	position: relative;
	width:195px;
	height:283px;
	z-index:1;
	display: block;
/*	visibility: visible; */
}
#subsub {
	position: relative;
	width:129px;
	height:185px;
	z-index:3;
	display: none;
}
/* 	visibility: hidden; */

/* Forms */

.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/icon_magnify.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 300px;
	padding-left: 18px;
	padding-top: 3px;
}


/* Navigation / Menus */

#sub1 {position: relative; width:195px; height:283px; z-index:2; background-image: url(images/hov_c.gif); display: none;}
#top1 {position: relative; width:195px; height:283px; z-index:1; display: block;}

#sub2 {position: relative; width:195px; height:283px; z-index:4; background-image: url(images/hov_st.gif); display: none;}
#top2 {position: relative; width:195px;	height:283px; z-index:3; display: block;}

#sub3 {position: relative; width:195px;	height:283px; z-index:6; background-image: url(images/hov_w.gif); display: none;}
#top3 {position: relative; width:195px;	height:283px; z-index:5; display: block;}

#sub4 {position: relative; width:195px;	height:283px; z-index:8; background-image: url(images/hov_ch.gif); display: none;}
#top4 {position: relative; width:195px;	height:283px; z-index:7; display: block;}

#sub5 {position: relative; width:195px;	height:283px; z-index:10; background-image: url(images/hov_EnN.gif); display: none;}
#top5 {position: relative; width:195px;	height:283px; z-index:9; display: block;}

#sub6 {position: relative; width:195px;	height:283px; z-index:12; background-image: url(images/hov_bcd.gif); display: none;}
#top6 {position: relative; width:195px;	height:283px; z-index:11; display: block;}

#sub7 {position: relative; width:195px;	height:283px; z-index:14; background-image: url(images/hov_sf.gif); display: none;}
#top7 {position: relative; width:195px;	height:283px; z-index:13; display: block;}

#sub8 {position: relative; width:195px;	height:283px; z-index:16; background-image: url(images/hov_bm.gif); display: none;}
#top8 {position: relative; width:195px;	height:283px; z-index:15; display: block;}

/* Forms */
#cat_line {
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aeb4d7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aeb4d7;
	padding-top: 10px;
	padding-bottom: 5px;
}

.cat_line {
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aeb4d7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aeb4d7;
	padding-top: 10px;
	padding-bottom: 5px;
}
#line {
	height: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbdbf;
}

.line {
	height: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbdbf;
}

.gridcity
{
	font-weight: normal;
	 font-size:11px;
}


.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/icon_magnify.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 300px;
	padding-left: 18px;
	padding-top: 3px;
}

.block {
	text-decoration: none;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	background: transparent;
	margin: 0;
	line-height: 14px;
	white-space: nowrap;
}

.block:hover {
	background-color:#00aeef;
	color: #ffffff;
}

.sub_cat_hd {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bolder;
	text-transform: uppercase;
	color: #0c4c94;
}

.sub_cat_top {
	background-image: url(images/sub_cat_top.gif);
	height: 8px;
	width: 200px;
	background-repeat:no-repeat;
	background-position: center top;
}

.sub_cat_bott {
	background-image: url(images/sub_cat_bott.gif);
	height: 8px;
	width: 200px;
	background-repeat:no-repeat;
	background-position: center bottom;
}

.sub_cat_img {
	background-image: url(images/sub_cat_bg.gif);
	width: 200px;
	background-repeat:repeat-y;
}

.combo_box{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	height: 20px;
}

.combo_box1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	height: 20px;
	font-weight: bold;
}

.btns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
}

.block_nav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 119px;
	height: 33px;
	color: #0e4c94;
	background-image:url(images/button_casuual_clothin.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav1:hover {
	background-image:url(images/button_casuual_clothin_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}

.block_nav1_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 119px;
	height: 33px;
	text-transform: uppercase;
	background-image:url(images/button_casuual_clothin_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}


.block_nav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 99px;
	height: 33px;
	color: #0e4c94;
	background-image:url(images/button_wetsuits.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav2:hover {
	background-image:url(images/button_wetsuits_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}

.block_nav2_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 99px;
	height: 33px;
	color: #0e4c94;
	background-image:url(images/button_wetsuits_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 99px;
	height: 33px;
	color: #0e4c94;
	background-image:url(images/button_waterproof.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav3:hover {
	background-image:url(images/button_waterproof_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav3_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 9px;
	white-space: nowrap;
	width: 99px;
	height: 33px;
	background-image:url(images/button_waterproof_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 99px;
	height: 27px;
	color: #0e4c94;
	background-image:url(images/button_chandlery.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav4:hover {
	background-image:url(images/button_chandlery_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav4_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 99px;
	height: 27px;
	background-image:url(images/button_chandlery_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 175px;
	height: 27px;
	color: #0e4c94;
	background-image:url(images/button_electronic_nav.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav5:hover {
	background-image:url(images/button_electronic_nav_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav5_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 175px;
	height: 27px;
	background-image:url(images/button_electronic_nav_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 157px;
	height: 27px;
	color: #0e4c94;
	background-image:url(images/button_books.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav6:hover {
	background-image:url(images/button_books_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav6_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 157px;
	height: 27px;
	background-image:url(images/button_books_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 79px;
	height: 27px;
	color: #0e4c94;
	background-image:url(images/button_safety.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav7:hover {
	background-image:url(images/button_safety_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav7_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 79px;
	height: 27px;
	background-image:url(images/button_safety_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.block_nav8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 126px;
	height: 27px;
	color: #0e4c94;
	background-image:url(images/button_boat_mentain.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
}
.block_nav8:hover {
	background-image:url(images/button_boat_mentain_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
}
.block_nav8_active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	white-space: nowrap;
	width: 126px;
	height: 27px;
	background-image:url(images/button_boat_mentain_h.jpg);
	color: #ffffff;
	background-repeat: no-repeat;
	text-transform: uppercase;
}