/*--------------- Stylesheet for Six Hills Jet Ski ------------------------------------*/

/*--------------- Global Styles -------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }

body {
	color: #333;
	font-size: 12px;
    background: #F4F4F4;
	font-family: "Helvetica", Arial, sans-serif;
}

a { text-decoration: none; outline: none; } /* Outline removed dotted lines around clicked images */

a img { border:none; text-decoration: none; outline: none; }

a:link { color: #000; font-weight: bold; }

a:visited { color : #000; font-weight: bold; }

a:hover { text-decoration : underline; }

p {
	padding: 5px 15px;
}

h2 { font-size: 14px; }

/*------------- Utility Classes -------------------*/

.clearfix {
	clear: both;
}

.float_list {
	float: left;
}

.floated_list li {
	display: inline;
	float : left;
	margin-right: 5px;
}

.floated_list li a {
	display: block;
	float : left;
}

/* style for last items in a line */
.last_item { 
	margin-right: 0;
}

.title {
	font-size: 130%;
	color: #336600;
	border-bottom: 1px solid #ddd;
}

.posted {
	margin-bottom: 10px;
	color: #666;
}

.koolhoven {
	color: #FFF;
	font-size: 12px;
}

.no_border { border : none; }

/*------------- Layout -------------------*/

#wrapper {	
	margin: 0 auto;
	width: 960px;
}

#container {
	background: transparent url(../images/content_bg.jpg) 50% 0 repeat-y;
	float: left;
	padding: 0 10px;
	width: 100%;
}

#content_container {
	padding-left: 5px;
	height: 100%;
}

#header_bg {
	background: transparent url(../images/header_top.jpg) no-repeat;
	width: 970px;
	height: 20px;
	float: left;
	margin-left: -5px;
}

#header {
	background: #FFF;
	width: 950px;
	height: 120px;
}

#branding {
	float: left;
}

#branding h1 { background:url(../images/logo.jpg) no-repeat; width: 280px; height: 110px; }

#branding h1 a { text-indent:-9999px; display:block; width: 100%; height: 100%; }

#contact { width:670px;float:right; height:80px; background: #FFF; }

#contact p { font-size: 22px; font-weight: bold; text-align: right; padding: 10px 40px 10px 0; }

#callback { 
	background:#EF2A24 url(../images/callbackformbg.jpg) no-repeat left top; 
	width: 600px;
	float: right; 
	height: 28px; 
	font-size: 10px;
	padding: 0 0 3px 40px;
}

#callback .koolhoven { font-size: 10px; float : left; margin-top : 10px; }

#callbackform  { margin-top:-2px; float:right; }

#callbackform input { margin : 0 5px 0 5px; width: 150px; border:1px solid #AF2420; }

#callbackfrom select {border:1px solid #AF2420;}

#callback .submit_go { width : 28px; height : 22px; top:6px; border:none; }

#error { display : none; }

#flash_content { background: #FFF; width:950px; height : 230px; border-bottom : 1px solid #EF2A24; float:left; }

/*--------------- navbar -----------------------*/

.navbar {
	float: left;
}

.navbar li {
	display: inline;
	margin-right: 5px;
}

.navbar li a {
	background: #000;
	display: block;
	float: left;
	color: #FFF;
	padding-top: 10px;
	padding-left: 15px;
}

#main_nav { width: 950px; }

#main_nav li a {
	height: 23px;
	background: #6C7174 url(../images/nav.jpg) no-repeat 0 0;	
	font-weight: bold;
}

#main_nav li a:hover { text-decoration : none; }

/*----------- navbar list items -------------------*/
#main_nav .home_nav { width:43px; background-position: -796px 0; }
#main_nav .js-new { width: 99px; background-position: 0 0; }
#main_nav .js-used { width: 100px; background-position: -114px 0; padding-left: 12px; }
#main_nav .lifestyle { width: 64px; background-position: -226px 0; }
#main_nav .servicing { width: 105px; background-position: -306px 0; padding-left: 9px; }
#main_nav .finance { width:61px; background-position: -420px 0; }
#main_nav .ourstory { width: 69px; background-position: -496px 0; }
#main_nav .memberships { width:92px; background-position: -580px 0; }
#main_nav .rya { width:39px; background-position: -687px 0; }
#main_nav .faq { width:40px; background-position: -741px 0; }
#main_nav .blog_nav { width:43px; background-position: -796px 0; }
#main_nav .contact_nav { width:82px; background-position: -854px 0; }

/*--- :focus pseudo classes added for keyboard navigation --- */
#main_nav #selected .home_nav, #main_nav .home_nav:hover, #main_nav .blog_nav:focus { background-position: -796px -36px; }
#main_nav #selected .js-new, #main_nav .js-new:hover, #main_nav .js-new:focus { background-position: 0 -36px; }
#main_nav #selected .js-used, #main_nav .js-used:hover, #main_nav .js-used:focus { background-position: -114px -36px; }
#main_nav #selected .lifestyle, #main_nav .lifestyle:hover, #main_nav .lifestyle:focus { background-position: -226px -36px; }
#main_nav #selected .servicing, #main_nav .servicing:hover, #main_nav .servicing:focus { background-position: -305px -36px;}
#main_nav #selected .finance, #main_nav .finance:hover, #main_nav .finance:focus { background-position: -420px -36px; }
#main_nav #selected .ourstory, #main_nav .ourstory:hover, #main_nav .ourstory:focus { background-position: -496px -36px; }
#main_nav #selected .memberships, #main_nav .memberships:hover, #main_nav .memberships:focus { background-position: -580px -36px; }
#main_nav #selected .rya, #main_nav .rya:hover, #main_nav .rya:focus { background-position: -687px -36px; }
#main_nav #selected .faq, #main_nav .faq:hover, #main_nav .faq:focus { background-position: -741px -36px; }
#main_nav #selected .blog_nav, #main_nav .blog_nav:hover, #main_nav .blog_nav:focus { background-position: -796px -36px; }
#main_nav #selected .contact_nav, #main_nav .contact_nav:hover, #main_nav .contact_nav:focus { background-position: -854px -36px; }

/*----------- Content -------------------*/

#content { float:left; height:100%; width: 100%; }

#main_content {
	float: left;
	width: 685px;
	height: 100%;
}


#main_content>ul>li {
	list-style-type: disc;
	margin-left: 30px;
}

#main_content h2 { margin:10px 0 5px 15px; }

#main_content p { line-height : 18px; }

.intro {
	font-size: 14px;
}

#homepage_content { height : 160px; overflow : auto; padding:10px 0; }
#featured a:link, #featured a:hover, #featured a:visited { border:none; }
#featured a:link { color: #FFF; }
#featured a:hover { color: #CCC; }
#featured a:visited { color: #FFF; }

#featured h2 { margin: 0; }

#featured .koolhoven { padding:10px 0 9px 15px; }

.feature {
	background: url(../images/featuredbg.jpg) 50% 0 repeat-x;
	height: 170px;
	float: left;
	border-top: 1px solid #EF2A24;
	border-right: 1px solid #EF2A24;
}

.last_feature {
	border-right: none;
}

.featured_subheader {
	background: #EF2A24; 
	height: 18px;
	width: 670px;
	margin: 0;
	padding: 5px;
}

#sidebar_container {
	float: left;
	width : 200px;
	margin-top : 15px;
	height: 100%;	
}

#sidebar_container h3 {
	font-size: 14px;
}

#sidebar_container p { padding-left:0px; }

.sidebar { margin-bottom: 20px; width : 190px}

.sidebar p { padding: 10px;}

.sidebar_content { padding : 10px 10px 20px; background: #626D71 url(/assets/images/jet_ski_used_bg.jpg) repeat-x; color : #FFF;}

.sidebar_content ul li { border-bottom : 1px dashed #000; padding : 5px 0; font-size : 11px; background : url(/assets/images/sidebar_list_item.jpg) no-repeat center right; }

.sidebar_content .no_border { border : none; }

#get_in_touch a { color : #FFF; }

#get_in_touch p { padding : 5px 0; }

#get_in_touch strong { font-size : 16px; }

.sub_section_header {
	padding: 13px 0 0 10px;
	width : 180px;
	background: #EF2A24;
	height: 28px;
}



/*----------- Homepage ------------------------*/
.homepage #main_content { height : 388px; width : 685px; }
.homepage #sidebar_container { margin:0; width: 265px; height : 388px; background:#CCC; }
.homepage .sidebar { height : 350px; width : 265px; margin : 0; float : left; background:#CCC; overflow-x: hidden;}
.homepage .sidebar p { padding: 0; margin : 5px 0; }
.homepage .sidebar_content { width : 240px; background : #CCC; color : #000; }
.homepage .sub_section_header { margin-top : 0; width : 255px; }
.offer { 
	font-size: 32px;
	color: #EF2A24;
	padding-right : 5px;
}
.subtext {
	color: #FFF;
	font-size: 16px;
	margin-bottom: 10px;
}
.homepage #footer { margin-top : -10px; }

/*----------- Product pages -------------------*/

#breadcrumbs { float:left; font-size: 14px; font-weight: bold; width: 935px; height: 16px; background: #EF2A24; color: #FFF; padding: 13px 0 10px 15px; border-bottom: 1px solid #CCC; }
#breadcrumbs a:link { color : #FFF; }
#breadcrumbs a:visited { color : #FFF; }
#breadcrumbs a:hover { text-decoration : underline; }
#breadcrumbs a:active { color : #FFF; }
#breadcrumbs p { float: left;}
#breadcrumbs .pagination { float: right; }

.jetskis_new_home #main_content { width:950px; padding: 0; }
.jetskis_new_home #main_content div { background:#5E696F; color:#FFF; float:left; padding: 0; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.jetskis_new_home #main_content div p { padding-left: 10px; float:left; }
.jetskis_new_home #main_content div h3 { font-size: 8px; margin-top: 5px; color: #5E696F; height:20px; padding-top:5px; padding-left:10px;  }
.jetskis_new_home  .no_border_left { border-left:none !important; }
.jetskis_new_home  .extra_pixel { width:239px; border-right:none !important; }
.jetskis_new_home  .extra_pixel img { width:239px; }
.jetskis_new_home .border_right { border-right: 1px solid #CCC; }
.jetskis_new_home .products a { border: none; }

/*----------- Category headers -------------------*/
.highperf { background:url(/assets/images/highperf_cat.jpg) no-repeat; }
.sport { background:url(/assets/images/sport_cat.jpg) no-repeat; }
.recreation { background:url(/assets/images/recreation_cat.jpg) no-repeat; }
.race { background:url(/assets/images/race_cat.jpg) no-repeat; }

.jetskis_new #products { width: 338px; float: left; padding-left: 15px; padding-top: 12px; margin-right : 20px; }
.jetskis_new #products .floated_list { margin-top : 5px; margin-left : 3px; }
.jetskis_new #products .floated_list .last_item { margin-right : 0; }
.jetskis_new #sliderContainer .slider { height:360px; }
.jetskis_new #related { float: left; margin-top : 10px; width:338px; }
.jetskis_new #related .sub_section_header { width : 338px; }
.jetskis_new #related .related_content { background: #FFF url(/assets/images/lightgrey_gradient.jpg) repeat-x;  padding: 10px 0 10px 10px; width:338px; float : left; }
.jetskis_new #related .related_content .subImage { background:url(../images/sliderBg2.gif) top left no-repeat; width:80px; height:80px; padding:5px 0 0 5px; margin-bottom:5px; float:left; list-style:none;}
.jetskis_new #related ul {margin: 0 0 0 5px; float:left; padding:0;}
.jetskis_new #related ul li { float : left; }
.jetskis_new #related ul li .related_item_details { width : 100px; margin-bottom : 10px; }
.jetskis_new #related ul li .related_item_details li { width : 100px; }
.jetskis_new #related ul li .first_col { margin-left : 15px; }

.jetskis_new #main_content { width: 335px; margin-right: 25px; padding : 10px 10px 15px 0; }
.jetskis_new #main_content h2 { background: #EF2A24; color : #FFF; margin: 5px 0 0 15px; width : 315px; padding : 11px 0 10px 10px; font-size : 16px; }
.jetskis_new #product_description { background: #FFF url(/assets/images/lightgrey_gradient.jpg) repeat-x; width : 325px; margin-left : 15px; }
.jetskis_new #product_description p { padding-left : 10px; }
.jetskis_new .sidebar_content { padding-bottom:0}
.jetskis_new .sidebar_content ul { margin-bottom : 10px; }
.jetskis_new .sidebar_content ul li { background : none; }
.jetskis_new #show_info { color : #FFF; background : #4F4F4F; display : block; padding : 10px; margin : 0 -10px -10px -10px; border-bottom : 5px solid #EF2A24; }
.jetskis_new #more_info { display : none; background : url(/assets/images/grey_gradient.jpg) repeat-x #83969D; color : #FFF; width : 190px; }
.jetskis_new #more_info h2 { background: #EF2A24; color : #FFF; padding : 10px 0 10px 10px; }
.jetskis_new #more_info table { width : 188px;}
.jetskis_new #more_info table tr td { padding :5px; border-bottom : 1px dashed #000; }
.jetskis_new #more_info table tr .spec { width : 130px; }
.jetskis_new #footer { margin-top: 10px; }

.jetskis_used #main_content { width: 950px; background: #5E696F; color: #FFF; }
.jetskis_used #breadcrumbs { padding-right : 10px; width : 925px; }
.jetskis_used #breadcrumbs p { padding : 0; }
.jetskis_used .products { float:left; border-bottom: 1px solid #CCC; }
.jetskis_used .product_container { background : #FFF; }
.jetskis_used .product_image, .jetskis_used .product_details { float:left; }
.jetskis_used .product_image { width: 280px; border-right: 1px solid #FFF; background : #FFF; }
.jetskis_used .product_details { width: 669px; }
.jetskis_used .product_details h2 { font-size: 18px; }
.jetskis_used .product_details h3 { font-size: 8px; margin-top: 5px; color: #5E696F; height:20px; padding-top:5px; padding-left:10px;  }
.jetskis_used .product_details .please_call { background : #657278; }
.jetskis_used .product_description { background: #7F9298; }

/*----------- Blog ---------------------*/

.blog #posts { width : 170px; float : left; padding : 15px 0 0 15px; margin-right: 30px; }
.blog #posts h2 { font-size : 14px; }
.blog #posts ul { margin-bottom : 30px; margin-top:10px;}
.blog #posts ul li { border-bottom : 1px dashed #000; padding : 5px 0; }
.blog #main_content { width : 510px; padding: 5px 20px 0 0; }
.blog #main_content h2 { font-size : 16px; }
.blog #main_content h4 { margin-left : 15px; }
.blog #sidebar_content { width : 200px; margin-top : 15px; }
.blog .summary { font-size : 14px; }
.blog .hr { border-bottom : 1px dashed #000; margin : 5px 0 5px 15px; width : 470px; } 
.nav_categories li a.selected {color:#EF2A24;}

/*----------- Lifestyle ----------------*/
.lifestyle #main_content { width : 700px; margin-right : 45px; margin-top: 10px; }
.lifestyle #main_content #categories { padding-left : 15px; padding-top : 10px; }
.lifestyle #main_content #nav_categories { margin : 10px 0 0 15px; }
.lifestyle #main_content #nav_categories .category_name { margin-left : 0; }
.lifestyle #main_content .category_list { background : #FFF url(/assets/images/lightgrey_gradient.jpg) repeat-x; width : 185px; padding : 10px; border : 1px solid #9A9A9A; margin-bottom : 10px; margin-right : 20px; float : left; }
.lifestyle .item{ float: left; margin-bottom:15px;}
.lifestyle  .item .description { float: left; width:410px;}
.lifestyle hr { clear:both; margin:15px;}
.lifestyle #lifestyle_header { text-indent : -9999px; background : #7F8084 url(/assets/images/yamaha_apparel.jpg) no-repeat; height : 65px; width : 190px; border-bottom : 5px solid #EF2A24; }

/*----------- Servicing ----------------*/
.servicing #main_content { width : 700px; margin-right : 45px;  margin-top: 10px;}

/*----------- Finance ----------------*/
.finance #main_content { width : 700px; margin-right : 45px;margin-top:10px; }

/*----------- Our Story ----------------*/
.our_story #main_content { width : 700px; margin-right : 45px; margin-top:10px;}

/*----------- Memberships ----------------*/
.memberships #main_content { width : 700px; margin-right : 45px; margin-top:10px;}
.memberships #gallery { width : 500px; margin : 0 auto; padding : 10px 0; }
.memberships #gallery img { border : 1px solid #000; }
.memberships #gallery .floated_list { margin : 5px 0 10px 0; }

/*----------- RYA ----------------*/
.rya #main_content { width : 700px; margin-right : 45px; margin-top:10px;}
.rya #rya_header { text-indent : -9999px; background : #7F8084 url(/assets/images/rya_training_centre.jpg) no-repeat; height : 150px; width : 190px; border-bottom : 5px solid #EF2A24; }

/*----------- FAQ ----------------------*/
.faq #posts { width : 170px; float : left; padding : 15px 0 0 15px; margin-right: 30px; }
.faq #posts h2 { font-size : 14px;}
.faq #posts ul { margin-bottom : 10px; margin-top:10px;}
.faq #posts ul li { border-bottom : 1px dashed #000; padding : 5px 0; }
.faq #main_content { width : 510px; padding: 2px 20px 0 0; }
.faq #main_content h2 { font-size : 16px; margin-left : 0; }
.faq #main_content h3 { margin : 10px 0 ; }
.faq #main_content .nav_categories  li { margin-bottom:15px; }
.faq .intro { font-size : 12px; padding-left: 0; padding-top : 10px; }
.faq .question { color: #EF2A24; }
.faq .answer { display:none; }
.faq #error_question { display : none; }
.faq .sidebar_content textarea { margin-bottom : 5px; }
.faq .sidebar_content .submit_go { margin-top: 5px; left:0px; top:0px; }

/*----------- Contact ------------------*/
.contact #main_content { width : 925px; padding : 15px; margin-bottom : 10px; }
.contact #main_content h2 { margin : 0; margin-bottom : 10px; }
.col { float : left; width : 450px; }
.col table tr td { padding-right : 10px; padding-bottom : 5px; padding-top : 2px; }
.contact #map { border : 1px solid #CCC; float : left; clear : left; width : 918px; height : 400px; margin-top : 10px; }
.contact #error_contact { display : none; }
.contact .valigntop { vertical-align : top; padding-top : 0; }
.contact .valigncenter { vertical-align : middle; padding-top : 0; }

/*----------- Slider -------------------*/
.jetskis_used .product_container .product_image .sliderContainerJetskis { width : 280px; float:left; }
.jetskis_used .product_container .product_image .sliderContainerJetskis  .coda-nav .navigation { padding : 10px 0 0 15px; }
.jetskis_used .product_container .product_image .sliderContainerJetskis .slider ,
.jetskis_used .product_container .product_image .sliderContainerJetskis .slider .panel,
.jetskis_used .product_container .product_image .sliderContainerJetskis .slider .panel-wrapper { width : 280px; }
 #sliderContainer { float:right; width:346px; margin-top:3px; margin-left:15px; position:relative; left: 15px;}
 #sliderContainer .panel, #sliderContainer .panel-wrapper { width:338px; }
 #sliderContainer .slider { width:338px; height:410px; }
 #products #sliderContainer  { float:none; left:0; margin:0;  }
 #products #sliderContainer  #slider { height: 360px; }
.lifestyle #main_content .sliderContainerMerch { width:255px; float:left; margin:5px 0 0 15px;}
.coda-nav .navigation { margin:none !important;}
.backgroundWrapper { background:url(../images/sliderBg.gif) top left no-repeat; padding:4px 0 0 4px; }
.lifestyle #main_content .sliderContainerMerch .backgroundWrapper { background:url(../images/sliderBg1.gif) top left no-repeat; padding:3px 0 0 3px; }
#slider { width:338px; height:410px; }
.lifestyle .slider { width:242px; margin-bottom:10px; }
.scrollContainer { padding : 0; margin:0; }
.scrollContainer  li { list-style:none; padding:0; margin:0; display:inline; width:338px; }
.scrollContainer  li  p { padding:15px 15px 0 15px; font-weight:bold; width:316px; }
 #sliderContainer .navigation ,  #products #sliderContainer  .navigation{ margin: 0 0 0 5px; float:left; padding:0;}
ul.navigation li { display:inline; list-style: none; }
ul.navigation .subImage { background:url(../images/sliderBg2.gif) top left no-repeat; width:80px; height:80px; padding:5px 0 0 5px; margin-bottom:5px; float:left; list-style:none;}
ul.navigation  .small_image { float:left; margin : 0 10px 10px 0;}

/*------------ Coda Slider 2.0 ----------------*/
	.coda-slider-wrapper { width: 242px }
	.coda-slider { width: 242px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 242px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 242px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow:auto;}
	.coda-slider { overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
/*----------- LM Template ---------------*/
#lm_template  { margin:0 auto; width : 400px; padding-top:20px; font-size:14px; }
#lm_template h1 { font-size : 16px; margin-bottom:10px; border-bottom:1px solid #000; padding-bottom:10px; }

/*----------- Footer -------------------*/

#footer { clear: both; float:left; width:950px; color: #FFF; background: #000 url(../images/footer_bottom.jpg) no-repeat; }

#site_credit { margin-right:-5px; }

#site_credit a { font-weight : normal; color:#6F6F6F; float:right; margin-bottom:10px;}

#site_details { background: #5E696E; float:left; width:920px; padding:20px 0 12px 30px; }

#site_details ul { float: left; margin-right: 50px; }
#site_details ul li { padding-bottom: 3px; }

#syndication { float:right; font-size: 14px; font-weight: bold; margin-right: 20px; }

#rss a { display: block; height:16px; padding-left: 23px; background:url(../images/rss.jpg) no-repeat left center; color : #FFF; position:relative;top:2px;}

#signup { color : #FFF; }
#signup .submit_go { border:none;}
.submit_go { border:none; height: 22px; width: 28px; cursor: pointer; outline: none; position:relative; top:6px; left:-5px; }

#syndication label { margin-right: 10px; }

.label_name { margin-right: 10px; }

#footer_nav { float: left; height: 35px; color: #FFF; width:950px;padding-top:10px;}

#footer_nav .navbar { margin: 0 auto; float: none; width:820px; }

#footer_bottom { background:url(../images/footer_bottom.jpg) no-repeat; clear : both; width : 970px; height : 10px; margin-left : 5px; margin-bottom : 5px; }