@import url("reset.css");
@import url("navigation.css");


/* Base Common Styles /---------------- */
    
body, html {
	width: 100%;
    height: 100%;	
	margin: 0;
	padding: 0;
    font: 100% Lucida Grande, Arial, Verdana, Sans-serif;
    color: #333333;
	background: black url('/images/header_gradient.gif') repeat-x;
}

a img {
	border: 0px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.clear {
	clear: both;
}

/* CTOC Styles /---------------- */

#ctoc div {
	padding-top: 30px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 7.5pt;
	line-height: 1.3em;
}

#content-side-navigation ul {
	/*margin-bottom:				10px;*/
}
#content-side-navigation ul li,
#ctoc div.ctoc_children div {
	background:					url('/images/section_item_normal.gif') left top no-repeat;
	padding:					0 0 0 15px;
	margin: 10px;
}
#content-side-navigation ul li a,
#content-side-navigation ul li a:link,
#ctoc div.ctoc_children div a,
#ctoc div.ctoc_children div a:link,
#ctoc div.ctoc_children div a:visited{

	color:						#3f607a;
	padding-left:				5px;
	padding-top:				2px;
	text-decoration:			none;
	display:					block;
	font-weight:				bold;
}
#content-side-navigation ul li a.current,
#content-side-navigation ul li a.current:link,
#ctoc div.ctoc_children div a.ctoc_current,
#ctoc div.ctoc_children div a.ctoc_current:link,
#content-side-navigation ul li a:hover,
#ctoc div.ctoc_children div a:hover {
	color: #5b98c8;
}

#content-side-navigation ul li a.current,
#content-side-navigation ul li a.current:link,
#content-side-navigation ul li a.current:visited,
#ctoc div.ctoc_children div a.ctoc_current,
#ctoc div.ctoc_children div a.ctoc_current:link,
#ctoc div.ctoc_children div a.ctoc_current:visited {
	background:					url('/images/section_item_hover.gif') left top repeat-x;
	margin-left: -15px;
	padding-left: 20px;
	display: block;
	width: 100%;
	height: 19px;
	color: white;
}

#content-side-navigation ul ul {
	margin-bottom:				0;
}
#content-side-navigation ul ul li,
#ctoc div.ctoc_children div.ctoc_children div {
	background:					none;
	padding:					0;
}

#ctoc div.ctoc_children div.ctoc_children {
	background: none;
}

#content-side-navigation ul ul li a,
#content-side-navigation ul ul li a:link,
#ctoc div.ctoc_children div.ctoc_children div a,
#ctoc div.ctoc_children div.ctoc_children div a:link {
	background:					url('/images/section_item_normal.gif') left top no-repeat;
	padding-left:				10px;
	font-weight: normal;	
}
#content-side-navigation ul ul li a.current,
#content-side-navigation ul ul li a.current:link,
#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current,
#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current:link,
#content-side-navigation ul ul li a:hover,
#ctoc div.ctoc_children div.ctoc_children div a:hover {
	background:	url('/images/section_item_normal.gif') left top no-repeat;
	font-weight: normal;
}

#content-side-navigation ul ul li a,
#content-side-navigation ul ul li a:link,
#ctoc div.ctoc_children div.ctoc_children div a,
#ctoc div.ctoc_children div.ctoc_children div a:link,
#content-side-navigation ul ul li a.current,
#content-side-navigation ul ul li a.current:link,
#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current,
#ctoc div.ctoc_children div.ctoc_children div a.ctoc_current:link,
#content-side-navigation ul ul li a:hover,
#ctoc div.ctoc_children div.ctoc_children div a:hover {
	padding-left: 20px;
}

#ctoc div.ctoc_item0 {
	display: none;
}


.ctoc_children .ctoc_children div#ctoc_current_item {
	background: url('/images/section_item_hover.gif') left top repeat-x;
	color: black !important;
	margin-left: 25px;
}

.ctoc_children .ctoc_children div#ctoc_current_item a:link, .ctoc_children .ctoc_children div#ctoc_current_item a:visited {
	color: black !important;
}

/* Header Styles /---------------- */

#header {
	height: 165px;
}

#header-holder {
	margin: 0 auto;
	width: 970px;
	height: 150px;
	background: url('/images/powercat_logo.jpg') no-repeat;
}

#header-logo {
	width: 640px;
	height: 100px;
	display: inline;	
	float: left;
}

#header-logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#pre-header {
	width: 80px;
	height: 150px;
	background: #000000 url('/images/top_left_grad.gif') no-repeat;
	float: left;
	margin-right: -80px;
	position: relative;
	left: -80px;
}

#top-options {
	float: right;
	font-size: 70%;
	width: 267px;
	background: #1d2429 url('/images/top_box.gif') no-repeat;
	float: right;
	height: 35px;
	padding: 5px 0px 0px 3px;
	display: block;	
}
/*
#top-options {
	display: inline;
}
*/
#top-options div {
	float: left;
}

#top-options-icon {
	/* Is naize! */
}

#top-options-sitemap {
	position: relative;
	padding: 7px 5px 0 0;
}

#top-options-sitemap a, #top-options-sitemap a:link,
#top-options-sitemap a:visited, #top-options-sitemap a:hover
{
	font-weight: normal;
	color: white;
	text-decoration: none;
}

#top-options-sitemap a:hover {
	color: #9dc9ff;
}

#top-options-search {
	background: transparent url('/images/search_box_bg.gif') no-repeat 0 100%;
	height: 19px;
	padding: 8px 0 0 0;
	width: 140px;
}

#top-options-search input {
	height: 18px;
	width: 105px;
	vertical-align: bottom;
	font-size: 11px;
	color: #607684;
	border: 0;
	background: transparent;
	padding: 1px 5px 0 30px;
}

#top-options-go {
	padding: 4px 0 0 0;
	
}
/*
.search-inner {
	background: #FFFFFF url('/images/search_powercat.gif') no-repeat left;
	border: 1px solid #c1c1c1;
}*/

/* Main Area Styles /---------------- */

#main {
	background: #000000 url('/images/body_gradient.gif') repeat-x bottom;
	clear: both;
}

#main a {
	text-decoration: underline;
}
#main a, #main a:link, #main a:visited {
	color: #4f7996;
	font-weight: bold;
}

#main a:visited {
	color: #6b7379;
}

#main a:hover {
	color: #72acd5;
}

#main a:active {
	color: #1d90e0;
}

#main ul {
    padding: 0px 0px 0px 31px;
	margin: 4px 0px 15px 0px;
	list-style-image: url('../images/interface/li.gif');
}

#main ol {
    padding: 0px 0px 0px 31px;
	margin: 4px 0px 15px 5px;	
	list-style: decimal;
}

#main ul.document {
    padding: 0px 0px 0px 31px;
	margin: 4px 0px 15px 0px;
	list-style-image: url('../images/interface/icon_document.gif');
}

#main ul li {
    margin: 6px 0px;
}

#main ol li {
    background-image: none;
    margin: 6px 0px;
	padding-left: 6px;
}

#main input, #main textarea {
	border: 1px solid #aaaaaa;
	padding: 4px;
	font-size: 12px;
	background-color: #ffffff;
}

#main p {
	padding-bottom: 15px;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	display: block;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 5px;
	color: black;
}

#main h1 {
	font-size: 150%;
	margin-bottom: 10px;
}

#main h2 {
	font-size: 140%;
}
#main h3 {
	font-size: 130%;
}
#main h3.toggler {
	font-size: 115%;
}
#main h4 {
	font-size: 120%;
}
#main h5 {
	font-size: 110%;
}
#main h6 {
	font-size: 105%;
}

#main ul {
    padding: 0px 0px 0px 31px;
	margin: 4px 0px 15px 0px;
	list-style-image: url('../images/bullet1.gif');
}

#main ul.document {
    padding: 0px 0px 0px 31px;
	margin: 4px 0px 15px 0px;
	list-style-image: url('../images/interface/icon_document.gif');
}

#main ol {
    padding: 0px 0px 0px 31px;
	list-style: decimal;
}

#main ul li {
    margin: 2px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#main ol li {
    background-image: none;
    margin: 6px 0px;
}

#main input, #main textarea {
	border: 1px solid #aaaaaa;
	padding: 4px;
	font-size: 12px;
	background-color: #ffffff;
}

#main-container {
	width: 970px;
	margin: 0 auto;
	background-color: white;
	position: relative;
	top: -1px;
}

#main-content {
	float: left;
	width: 700px;
	background-color: white;
	text-align: justify;
	height: auto;
	font-size: 73%;
	color: #666666;
	padding: 30px;
	line-height: 1.6em;	
}

#main-section-col {
	float: right;
	width: 206px;
	text-align: left;
	height: auto;
}

/* Homepage Specific Areas /---------------- */

#home-tab-a {
	height: 283px;
	text-align: center;
	background: url('/images/main_page_tab_a_grad.gif') repeat-x;
	overflow: hidden;
}

#home-tab-b {
	height: 284px;
	overflow: hidden;
	text-align: center;
}

#home-tab-a-line-1 {
	height: 39px;
	background: url('/images/main_page_tab_a_top_grad.gif') repeat-x;
}

#home-tab-a-line-2 {
	background-color: #ebf4fa;
}

#home-tab-a-constrained {
	width: 995px;
	height: 283px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/main_page_tab_a.jpg') no-repeat top right;
}

#home-tab-a-line-3 {
	height: 39px;
	background-color: #ebf4fa;	
}

#home-tab-a-content {
	padding: 15px;
}

#home-tab-a-content h1 {
	font-size: 12pt;
	font-weight: bold;
	color: #1a2126;
	padding-bottom: 10px;
}

#home-tab-a-content p {	
	font-size: 70%;
	line-height: 1.4em;
	color: #333333;	
}

#home-tab-b-line-1 {
	height: 39px;
	background-color: black;
}

#home-tab-b-line-2 {
	height: 245px;
	background: url('/images/main_page_range_bg.gif') top center no-repeat;
}

#home-tab-b-line-2-outer {
	background: url('/images/main_page_slideshow_holder_bg.gif') repeat-x;
}

#home-tab-a-left-col {
	float: left;
	width: 355px;
	height: 100%;
}

#home-tab-a-right-col {
	float: right;
	width: auto;
	height: 100%;
}

#home-tab-a-picture {
	background: url('/images/main_page_tab_a.jpg') no-repeat right;
	height: 283px;
}

#home-tab-read-more {
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
}

/* Level 2 Styles /---------------- */
 
#sub-header {
	background: url('/images/sub_header_gradient.gif') repeat-x;
}

#sub-header-container {
	width: 970px;
	height: 203px;	
	margin: 0 auto;
}

#sub-header-container-range-page {
	width: 970px;
	height: 273px;	
	margin: 0 auto;
}

#sub-header-options-row {
	height: 37px;
	margin-bottom: 1px;
}

#sub-header-photo {
	background: url('/images/section-headers/demo.jpg') repeat-x;
	width: 968px;
	height: 165px;
	margin: 0 auto;
	border: 1px solid white;
}

#in-this-section {
	background: url('/images/in_this_section.gif') repeat-x;
	width: 135px;
	height: 23px;
	position: relative;
	top: 142px;
	right: 80px;
	float: right;
}

#inner-tab {
	font-size: 80%;
	background: url('/images/inner_tab_bg.gif') repeat-x;
	float: left;
	position: relative;
	bottom: -3px;
	display: inline;
}

#tab-label, #tab-label-left-end, #tab-label-right-end {
	height: 35px;
}

#tab-label {
	font-size: 9.5pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	position: relative;
	top: 11px;
}

#tab-label-left-end {
	background: url('/images/inner_tab_left.gif') no-repeat;
	float: left;
	width: 9px;
}

#tab-label-right-end {
	background: url('/images/inner_tab_right.gif') no-repeat;
	float: left;
	width: 9px;
}

/* Breadcrumb Links /---------------- */

#breadcrumbs-holder {
	float: left;
	font-size: 70%;
	text-align: left;
	padding: 13px 0px 0px 20px;
}

#breadcrumbs-holder ul li {
	background: url('/images/breadcrumb_separator.gif') 0 50% no-repeat;
	float: left;
	padding: 0 11px 0 17px;
	color: white;
}

ul#breadcrumbs li.first {
	background: none;
	padding-left: 0;
}

ul#breadcrumbs li a,
ul#breadcrumbs li a:link {
	color: #8a9ba5;
	text-decoration: none;
	font-weight: normal;
}
ul#breadcrumbs li a:hover {
	text-decoration: underline;
}

#utility-icons {
	float: right;
	position: relative;
	bottom: -8px;
}

#range-header-container {
	width: 970px;
	height: 203px;	
	margin: 0 auto;	
}

#range-tab {
	background: url('/images/range_tab.gif') no-repeat;
	float: left;
	display: inline;
	width: 200px;
	height: 37px;
}

#range-holder {
	background: #3e5f78 url('/images/range_bg.gif') no-repeat;
	height: 240px;
	position: relative;
	top: -1px;
	text-align: left;
}

#range-holder-inner {
	height: 240px;

}

#range-left-col {
	float: left;
	width: 378px;
	height: auto;
}

#range-right-col {
	float: right;
	width: 592px;
}

#range-heading, .range-heading {
	height: 40px;
	margin-bottom: 2px;
	margin-right: 28px;
	padding-top: 12px;
	text-align: right;
	font-size: 14pt;
	color: white;
}

#range-description {
	font-size: 11px;
	height: auto;
	margin-left: 25px;
	margin-right: 28px;
	color: white;
	text-align: left;
}

#range-blueprint {
	width: 294px;
	height: 133px;
	float: right;
	margin-right: 15px;
}

#range-heading {
	height: 40px;
	margin-bottom: 2px;
	margin-right: 28px;
	padding-top: 12px;
	text-align: right;
	font-size: 14pt;
	color: white;
}

.slideshow-range-description {
	font-size: 11px;
	height: 40px;
	margin-left: 25px;
	margin-right: 28px;
	color: white;
	text-align: left;
}

.slideshow-range-blueprint {
	width: 294px;
	height: 133px;
	float: right;
	margin-right: 15px;
}

.slideshow-range-heading {
	height: 40px;
	margin-bottom: 2px;
	margin-right: 28px;
	padding-top: 12px;
	text-align: right;
	font-size: 14pt;
	color: white;
}

.slideshow-range-more {
	position: relative;
	bottom: 15px;
	float: right;
}

.range-blueprint-2400 {
	background: url('/images/range/bp_2400.gif') 75px 110px no-repeat;	
}

.range-blueprint-2500 {
	background: url('/images/range/bp_2500.gif') 75px 110px no-repeat;	
}

.range-blueprint-2600 {
	background: url('/images/range/bp_2600.gif') 75px 110px no-repeat;	
}

.range-blueprint-2900 {
	background: url('/images/range/bp_2900.gif') 75px 110px no-repeat;
}

.range-blueprint-3000 {
	background: url('/images/range/bp_3000.gif') 75px 110px no-repeat;	
}

.range-blueprint-3100 {
	background: url('/images/range/bp_3100.gif') 75px 110px no-repeat;	
}

.range-blueprint-party_cat {
	background: url('/images/range/bp_party_cat.gif') 75px 110px no-repeat;	
}

.range-blueprint-ocean_whaler {
	background: url('/images/range/bp_ocean_whaler.gif') 75px 110px no-repeat;	
}

#range-picture {
	margin-top: 5px;
	margin-bottom: 0px;
	/*background: url('/images/range/ft_3100.jpg') no-repeat;*/
	width: 533px;
	height: 235px;
}

.range-picture-2400 			{ background: url('/images/range/ft_2400.jpg') no-repeat; }
.range-picture-2500 			{ background: url('/images/range/ft_2500.jpg') no-repeat; }
.range-picture-2600 			{ background: url('/images/range/ft_2600.jpg') no-repeat; }
.range-picture-2900 			{ background: url('/images/range/ft_2900.jpg') no-repeat; }
.range-picture-3000 			{ background: url('/images/range/ft_3000.jpg') no-repeat; }
.range-picture-3100 			{ background: url('/images/range/ft_3100.jpg') no-repeat; }
.range-picture-party_cat 		{ background: url('/images/range/ft_party_cat.jpg') no-repeat; }
.range-picture-ocean_whaler		{ background: url('/images/range/ft_party_cat.jpg') no-repeat; }
.range-picture-					{ background: url('/images/range/ft_default.jpg') no-repeat; } /* This is the default */

/* Slider Styles /----------------- */

#slideshow-holder {
	border-collapse: collapse;
	width: 100%;
	color: white;
	border: none;
}

#slideshow-holder tr td {
	padding: 0;
	margin: 0;
}

#prev {
	height: 245px;
	width: 48px;
}

#next {
	height: 245px;
	width: 50px;
}

#prev-btn {
	position: relative;
	top: 81px;
	left: -1px;
}

#next-btn {
	position: relative;
	top: 81px;
	left: 1px;
}

#prev img, #next img {
	border: 0;
}

#prev a, #next a {
	padding: 0;
	margin: 0;
}	

#slides {
	position: absolute;
}

#slides span {
	display: block;
	float: left;
	width: 896px;
	height: 245px;
}

.slides-left-col {
	float: left;
	width: 352px;
	height: 245px;
	background: url('/images/main_page_slide_photo_bg_left.gif') top left no-repeat;
}

.slides-right-col {
	float: right;
	width: 544px;
	height: 245px;
	background: url('/images/main_page_slide_photo_bg_right.gif') top left no-repeat;
}

.slides-right-col img {
	padding-top: 5px;
	float: right;
}

.mask {
	position: relative;
	width: 896px;
	height: 245px;
	overflow: hidden;
	background: white;
}	

/* Sitemap Styles /---------------- */

h4.category, p.item, p.document {
	font-size: 100%;
	line-height: 1.2em;
	padding-bottom: 0px !important;
}

/* Form Styles /---------------- */
    
.formError {
	border: 1px solid red;
	padding: 1px;
}

/* Search Area Styles /---------------- */

.search-title {
	font-size: 110%;
	font-weight: bold;
}

.search-summary {
	padding-left: 20px;
}

     
/* News Listing Styles /---------------- */
    


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

#footer {
	clear: both;
	font-size: 70%;
	color: white;
	width: 100%;
	overflow: hidden;
}

#footer-one {
	background-color: #000000;
	height: 198px;
	width: 970px;
	margin: auto;
}

#footer-two {
	background-color: #202a34;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #334351;
}

/* Center align the bottom footer*/
div.footer-two {
	width: 98%;
	margin: 1%;
}
table#footer-table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table#footer-table table {
	width: 100%;
}
table#footer-table table td {
	padding: 5px;
	padding-top: 10px;	
}
table#footer-table tr, table#footer-table td {
	text-align: left;
}

table#footer-table th {
	padding-bottom: 15px;
	margin-right: 20px;
	line-height: 1.5em;
}

.real-col {
	border-bottom: 1px dotted #7f8e98;
}

#footer a, #footer a:visited {
	text-decoration: none;
	font-weight: normal;
	color: white;
}

#footer a:active, #footer a:hover{
	color: #c2e5ff;
	text-decoration: underline;
}

#bl-link a, #bl-link a:visited {
	color: #6b8ca1;
}
#bl-link a:active, #bl-link a:hover{
	color: #8fc7eb;
	text-decoration: underline;
}

/* No Javascript Warning /---------------- */

#noscript_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    -moz-opacity: 0.85;
    opacity: 0.85;
    z-index: 99999;
}

#noscript_text {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    top: 30%;
    font-size: 18px;
    line-height: 1.5em;
    z-index: 100000;
    color: #ffffff;
    padding-top: 70px;
    background: url('../logo.gif') center top no-repeat;
}

/* Accordion styles */
#accordion {
	/*margin:20px 0px;*/
}

#accordion .toggler {
	cursor: pointer;
	border: 1px solid #c1c1c1;
	background: #3e5f78;
	color: white;
	padding: 5px;
}

#accordion .element {
	margin-bottom: 5px;
	padding-bottom: 15px;
}

hr {
	height: 0;
	font-size: 0;
	color: white;
	background-color: white;
	border: 0;
	border-bottom: 1px dotted #2F4455;
}