/* CSS Document */

/*
Title:			CTC  Marine & Leisure
Description:	CSS Doc.
Author:			CTC Group
Date: 			Thursday 5th Feb 2009.
Version:		1.0
*/


body {
	font:11px/18px "Verdana", Geneva, Lucida Grande, Tahoma, Arial, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	background:#DFE4E8 url("background_gradient.jpg") repeat-x scroll top;
	border-top:#38497f solid 3px;
	}
	
a:link {
	color:#38497f;
	text-decoration: none;
}

a:visited {
	color:#0187C6;
	text-decoration: none;
}

a:active {
	color:#CC0000;
	text-decoration: none;
}

a:hover {
	color:#CC0000;
	text-decoration: none;
}

a img{
	border:0;
	}
	
h1, h2, h3{
	font-weight:normal;
	}
	
h1 {
	font-size: 1.9em;
	color: #38497f;
	}

h2 {
	color:#666;
	font-size: 1.5em;
	}

h3 {
	color:#333;
	font-size: 1.3em;
	}

hr {
	border: none;
	border-top: 1px dotted #666;
	height: 1px;
	margin: 0;
	padding: 0;
	color:#FFF;
	}
	
/*  Top Bar  */	

#TopNav{
	width:100%;
	height:15px;
	padding-top:5px;
	padding-right:25px;
	border-bottom:#ccc solid 1px;
	float: right;
	background-color: #FFFFFF;
	top: 0px;
	background-image: url("top_nav.gif");
	background-repeat: repeat-x;
	background-position: top;
	}


#TopNav ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:90%;
	line-height:1em
	}

#TopNav li {
	padding:0px 5px 0 5px;
	border-right:#CCC solid 1px;
	list-style:none;
	display:inline;
	text-align:center; 
	float:right;
	background:none;
	}
	
	
/* Main Layout */
	
#container{
	padding:0;
	margin:0;
	}

#wrapper {
	width:1000px;
	margin:0 auto;
	background-image: url("background_content.png");
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center;
	}
	
#header {
	width:1000px;
	height:187px;
	background-image: url("background_header.jpg");
	margin:0 auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#CartArea{
	width:100%;
	color:#38497f;
	text-align:right;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	}
	
#footer {
	width: 1000px;
	height: 76px;
	margin:0 auto;
	clear:both;
	text-align:center;
	background-image: url("background_foot.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	}

.product_info_head {
	background:#FFFFFF;
	padding: 5px 10px 0px;
	border: 1px solid #CCCCCC;
}

.product_info {
	background:#FFFFFF url("related_background.png") repeat-x scroll top;
	vertical-align: top;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 12px;
}
	
/*  Navigation  */		
	
 #navigation{
	width:1000px;
	height:31px;
	margin:0 auto;
	text-align:center;
	background-image: url("background_navigation.jpg");
	background-repeat: no-repeat;
	padding-top: 10px;
	}

 #navigation ul {
	list-style:none; 
	display:inline;
	padding:0 0 0 10px;
	margin:0;
	position:relative;
	}
	
 #navigation ul li {
	display:inline; 
	padding:8px 10px; 
	border-right:#ccc solid 1px;
	font-size:90%; 
	margin:0;
	position:relative;
	}
	

 #navigation ul li a {
	color:#000066;
	position:relative;
	font-weight:bold;
	
	}
	
 #navigation ul li a:hover {
	color:#CC0000;
	position:relative;
	}

 #navigation li ul {
 	display: none;
 	position: absolute;
  	margin-top:5px;
	top: 22px;
	left: -4px;
	border-top:1px solid #1F2325;
	}


#navigation li:hover ul,
 #navigation li.mshover ul{ 
	display: block; 
	margin:0;
	padding:0;
	background:transparent url(/images/dropNav.png) no-repeat left bottom;
	width:180px;
	list-style:none;
	padding-bottom:5px
	}
	
 #navigation li ul li {
	margin:0;
	padding:0px;
	display:block !important;
	border-bottom:#1F2325 solid 1px;
	border-right:none;
	text-align:left;
	font-size:100%;
	}

 #navigation li ul li a{
	display:block;
	padding:5px 15px !important;
	color:#FFF;
	border:none;
	text-align:left;
	}

 #navigation li ul li a:hover{
	color:#FFF;
	background:#02DED9;
	}

/* Side Bar */

#leftMenu {
	width:160px;
	float: left;
	padding-left: 24px;
	}
	
/* Content */

#mainContent {
	width: 588px;
	padding-right: 20px;
	padding-left: 15px;
	float: left;
	}
	
#brands {
	float: left;
	width: 730px;
	line-height: 25px;
	font-weight: bold;
	color: #330066;
	margin-left: 20px;
	padding-left: 20px;
	margin-right: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	font-size: x-small;
	background-color: #E5E5E5;
}

.mini_title {
	color: #38497f;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	}
	
/* Brochure Links */
#brochure_links {
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #666666; 
	font-weight: bold;
	}
	
#brochure_links a:active {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-weight: bold;
	color: #CC0000;
}
	
/* New Boats */

.bluestarhead {
	color: #000066;
	background-image: url("Bluestar_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.brighead {
	color: #000066;
	background-image: url("Brig_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.explorerhead {
	color: #000066;
	background-image: url("Explorer_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.sunsporthead {
	color: #000066;
	background-image: url("Sunsport_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.quickaluhead {
	color: #000066;
	background-image: url("QuicksilverAlu_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.quickinfhead {
	color: #000066;
	background-image: url("QuicksilverInf_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.quicksilvergrphead {
	color: #000066;
	background-image: url("QuicksilverMain_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.valianthead {
	color: #000066;
	background-image: url("Valiant_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

.walkerbayhead {
	color: #000066;
	background-image: url("Walkerbay_home.jpg");
	height: 312px;
	width: 740px;
	padding-left: 20px;
	padding-top: 20px;
}

/* end */
