/* CSS Document */

/* png fix */

/* fixes a bug with firefox that leaves a border around a flash object, from the flashobject faq */
object { outline:none; 	z-index: 15;}

body  {
	background: #000000;
	margin: 0; /* it"s good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-position: top;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-image: url("/img/nav/black/black-white.jpg");
	font-family: verdana, arial;
	font-size: .8em; 

}

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.setbox{
	padding: 5px;
}

#locate label.error { position: absolute; top: 30px; width: 300px; color: red; left: 40px; vertical-align: top; }
#locatesidebox label.error { top:613px;left: 16px;width: 200px;position: absolute;font-size: 1em;}

h1 { font-size: 1.8em; } /* Default Size for h1 is 18px - based on an 10px height */
h2 { font-size: 1.5em; } /* Default Size for h2 is 15px - based on an 10px height */
h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */
h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */
h5 { font-size: 1em; }   /* Default Size for h5 is 10px - based on an 10px height */
h6 { font-size: .9em; }  /* Default Size for h6 is 9px  - based on an 10px height */

h1 {
	padding:0;
	margin: 20px 0 10px 0;
	color: #990000;
}

h2 {
	padding:0;
	margin: 0 0 10px 0;
	color: #990000;
	font-size: 1.5em;
}

h3 {
	margin:10px 0 0 0;
	color: #000;
}

p {	
	font-size: 13px; 
	margin:0 0 10px 0; 
	color:#413e38; /*645a47*/
}

a { text-decoration:none; cursor:pointer; color:#990000; text-decoration:none; border:none; }		/* link */
a:active, a.active { outline: none; }				/* Removes dotted area around active <a> tags in Firefox */
a:hover { text-decoration:underline; }					/* mouse over link */


/*.twoColFixLtHdr { position:relative; padding-top:30px;}*/

.twoColFixLtHdr #container {
	width: 940px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url("/img/nav/black/body-bg.png");
	background-repeat: repeat-y;
}


.twoColFixLtHdr #header {
	width:940px;
	z-index: 20;
	margin: 0 auto 0 auto;
	padding-top: 10px;
	height: 90px;
	vertical-align: top;
	position: relative;
	top: 0px;	
	overflow: visible;
} 

 #header _dd{
 	z-index: 20;
	}

#sidelocate{
	padding-left: 10px;
	
}

#sidelocate p{
	font-size: 11px;
	width: 180px;
	color: black;
}

.plusimg{
	margin-top: 4px;
	margin-left: 1px;
}



#pricebox {
	position: relative;
	left: -16px;
	width: 728px;
	height: 44px;
	background: url("/img/nav/buildbottom-trans.png") no-repeat;
}

#locatebox {
	position: relative;
	left: -210px;
	width: 900px;
	padding-bottom: 20px;
}


#priceboxtop {
	position:absolute;
	left: 0px;
	top: 44px;
	width: 728px;
	z-index: 10;
	height: 44px;
	background: url("/img/nav/buildtop-trans.png") no-repeat;
}

#priceboxtop-long {
	position:absolute;
	left: 0px;
	top: 44px;
	width: 728px;
	z-index: 10;
	height: 55px;
	background: url("/img/nav/buildtop-trans-big.png") no-repeat;
}

#pricebox-long {
	position: relative;
	left: -16px;
	width: 728px;
	height: 55px;
	background: url("/img/nav/buildbot-trans-big.png") no-repeat;
}

.cost{
	font-size: 1.4em;
	position: relative;
	top: 10px;
	left: 580px;
	color: white;
}

.cost-national{
	font-size: 1.4em;
	position: relative;
	top: 10px;
	left: 371px;
	color: white;
}

.msrp{
	font-size: 12px;
	font-style:italic;
	position: relative;
	top: 10px;
	left: 560px;
	color: white;
	font-weight: bold;
}

.national{
	font-size: 12px;
	line-height: 16px;
	position: relative;
	top: 10px;
	left: 332px;
	color: white;
	font-weight: bold;
	margin-right: -43px;
}

.star-plus {
	font-size: 18px;
	font-weight: bold;
}



#pricebox .loading{
	position: absolute;
	left: 620px;
	top: 13px;	
}


#priceboxtop .loading{
	position: absolute;
	left: 625px;
	top: 15px;	
}

.twoColFixLtHdr .col1 {
	width: 330px;
	float: left;

}

.twoColFixLtHdr .col2 {
	float: right;
	width: 330px;
}

.twoColFixLtHdr .options{
	position: relative;
	width: 330px;
	float: right;
	margin: 10px 10px 10px 10px;
	clear: none;

}

.twoColFixLtHdr .nooptions{
	position: relative;
	width: 330px;
	float: left;
	margin: 10px 10px 10px 10px;
	clear: left;
}

.clearboth { clear: left; }

.twoColFixLtHdr #tabs2 {
	position: relative;
	width: 690px;
	top: 0px;/*-35*/
}

.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 203px; 
	padding: 10px 0px 15px 10px; 
}

#subNav  {
	padding-top: 20px;
	margin-top: 30px;
}

#subNav img{
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px;
}

.twoColFixLtHdr #mainContent {
	margin-left: 214px;
	padding: 10px 15px 0px 15px; 
	background: #ffffff;
	background-position: bottom right;
	background-repeat:no-repeat;
	width: 680px;
}

.twoColFixLtHdr #photoContent {
	margin-left: 214px;
	padding: 10px 15px 0px 15px; 
	background: #ffffff;
margin-right:2px;
}

.twoColFixLtHdr #boatinfo {
	min-height: 250px;
	padding-bottom: 30px;
	margin-left: 0;

}

.twoColFixLtHdr #boatinfo ul {margin-left:15px;}


/*-------OUR FAMILY OF BOATS PAGE.--------*/

.callOut1 {
			padding:10px 20px;
			background-color:#e5e0d6;

			
}

.itemBox { 
			
			/*float:left;
			display:block;*/
			clear:right;
			width:680px;

			top:0px;
}
 .granica {border-top:3px solid #e5e0d6; margin-top:15px}


.itemBox h3 {
			width:325px;
}

.itemBox img {
			border: 2px solid #b4ac9b;
			float:right;
			margin:5px 0 5px 5px;
}

.itemBox p {
			margin:10px 0 0 0;
}


/*------- BOATS DETAILS PAGE.--------*/
.twoColFixLtHdr #downloads .downloadNotAvailable a{ color:#666666; cursor: default ;}

#buildThisBoat_btn a{
			position:absolute;
			top:390px;
			right:-14px;
			height:28px;
			width:188px;
			background-image:url("/img/buildthisboat_btn.gif");
}

#get_access_btn a{
			position:absolute;
			top:340px;
			right:-14px;
			height:28px;
			width:188px;			
			background-image:url("/img/nav/get_accessories2.png");
			}



/*------- BUILD BOATS PAGE.--------*/

#learnboatdetails_btn a{
			position:absolute;
			top:430px;
			right:2px;
			height:28px;
			width:188px;
			background-image:url("/img/learnboatdetails_btn.gif");
			}

			
			
#learnboatdetails_btn_build a{
			position:absolute;
			top:364px;
			right:-14px;
			height:28px;
			width:194px;			
			background-image:url("/img/learnboatdetails_btn.gif");
			}



/*----------WHY WHALER PAGE.-----------*/


.twoColFixLtHdr #downloads {	
	float: right;
	position: relative;
	left: 29px;
	top: 70px;
	background-image: url("/img/nav/right-download.gif");
	height: 230px;
	width: 189px;
	background-repeat: no-repeat;
	padding-bottom: 60px;
	padding-top: 25px;
	font-family: verdana, arial;
	font-size: 12px;
	font-style:italic;
}

.twoColFixLtHdr .right_block {float: right; width: 189px; position: relative; left: 29px; top: 0px;}

.twoColFixLtHdr #downloads_block {	
	margin-top:20px;
	background-image: url("/img/nav/plashka_fon.gif");
	width: 189px;
	font-family: verdana, arial;
	font-size: 12px;
	font-style:italic;
}

#downloads_block .zagol_block {background: url("/img/nav/plashka_down.gif") no-repeat; height:26px;}
#downloads_block .bottom_block {background: url("/img/nav/plashka_bottom.gif") no-repeat; height:16px;}


.twoColFixLtHdr .cost_block {	
	background-image: url("/img/nav/plashka_fon.gif");
}

.twoColFixLtHdr .cost_block ul {list-style: none; }
.twoColFixLtHdr .cost_block p {margin:0px;}

.twoColFixLtHdr .cost_block li { padding-right:20px; text-align:right;
									font-family: Verdana, Arial;
									font-size: 18px;
									font-style:italic;
									font-weight: bold;
									color:#831e22;}

.cost_block .zagol_block {background: url("/img/nav/plashka_cost.gif") no-repeat; height:26px;}
.cost_block .bottom_block {background: url("/img/nav/plashka_bottom.gif") no-repeat; height:16px;}

.twoColFixLtHdr #downloads a {
	font-family: verdana, arial;
	font-size: 12px;
	font-style:italic;
	height: 28px;
	width: 160px;
	cursor:pointer;
	background:#c7676c url("/img/nav/right-download-dark.gif") no-repeat;
	color:#831e22;
	display:block;
	font-weight:bold;
	margin:0px;
	padding-top: 12px;
	padding-left: 23px;
	text-indent:14px;
	text-decoration: none;
	vertical-align: bottom;
	background-color: #aea696;
	margin-left: 5px;
}


.twoColFixLtHdr #downloads_block a {
	color:#831e22;
	display:block;
	font-weight:bold;
	margin:1px 3px 2px 0px;
	padding:5px 0px 5px 8px;
	text-decoration: none;
	margin-left: 5px;
	font-style:italic;
}

.twoColFixLtHdr #downloads_block a:hover {
	background-color: #aea696;
}



.twoColFixLtHdr .boat_preview {
	position: relative;
	text-indent: 0px;
        left: -16px;
	background: black;
        top: -13px;
		width:725px;
		height:270px; 
	}


.video {padding:0px 0px 0px 10px; float:left;}

.model_galery {margin-left:370px;}
.model_galery ul {list-style: none}
.boat_preview p {font: bold 16px 'Arial'; color:#ffffff; margin-top:10px; padding-left:20px;}
.boat_preview a {text-decoration:none}

	.hoverscroll {
		border: #000 solid 1px;
	}
	#my-vertical-list li {
		width: 67px;
		height: 52px;
		background: #fff;
		border: #000 solid 1px;
	}

.twoColFixLtHdr #footer { 
	background:#000000; 
	height: 34px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	position: relative;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    /*font-size: 1px;*/
    line-height: 0px;
}

.smallprint {
	font-size: .9em;
	font-style: italic;
}



#manual li {
	list-style: square;
	padding-left: 20px;
}

#manual li ul {
	padding-left: 20px;
}

#manual li ul li ul li {
	padding-left: 16px;
	background: url(bullet.gif) no-repeat 0 50%;
}
	
#largeaccord { border: 1px solid #7F7F7F; }
#largeaccord div.selected .title { font-weight: bold; background:#D3CDBF url("/img/nav/minus.gif") no-repeat 0px 11px;}

#largeaccord div div {
	border-left:8px solid #E5E1DA;
	padding: 5px;
}

#largeaccord li {
	margin-left: 20px;
}

#largeaccord div.title {
	background:#D3CDBF url("/img/nav/plus.gif") no-repeat 0px 11px;
	border: 1px solid #7F7F7F;
	padding: 10px;
	cursor: pointer;
	padding-left: 15px;
}

#largeaccord div.selected {
	border-bottom: none;
}

#reviewModal {
	overflow: auto;
	display:none;
}

#reviewModal .title {
	text-align: left;
	padding-left: 15px;
}

#reviewModal .quote {
	text-align: left;
	color:#575757;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 50px;
        padding-left: 15px;
	border-left: 3px solid #ccc;
}

div.ui-tabs-panel ul{
	list-style:outside;
	margin-left:15px;
}

div.news_item{
	margin-bottom:15px;
	height:auto;
}
div.news_item img{
	margin: 5px 10px 5px 0;
}

#private fieldset {margin:10px 0px;}

.mail span {color: #3f3f3f; font-weight: normal!important}
.mail, .name {color:#990000; font-style: italic; font-weight: bold}
.album_content {border-bottom:1px solid #cc857f; width:500px; margin-bottom:20px}
.info_album {width:500px;}
.album_content p {margin-bottom:8px;}

/* Регистрация */
#registrahka {background: url("/img/nav/login-bg.png") left top no-repeat; margin-top:20px; margin-bottom:40px}


div.login { width:193px;padding-top:14px;
	font-weight:normal;
	
}
.login p {background: url("/img/nav/login-bg.png") left bottom no-repeat; margin:0px;}


#registrahka ul {list-style: none}
div.login label {width:56px;padding-left:10px; color:#ffffff; display:inline}
div.login input {width:110px; margin-bottom:10px; display:inline}

div.login a.head-nochild {height: 22px;
	cursor:pointer;
	background:#000000 url("/img/nav/nav-side-nochildren.gif") no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	vertical-align: bottom;	
	padding-top: 6px;}

	.panel {text-align:center}

	.photoscroll {height:150px; margin:10px auto 0px; width:630px;}
	.panel #image_wrap {padding-top:10px;}


	#WzTiTl {background: transparent!important}

	a.nom_model:link,
	a.nom_model:hover,
	a.nom_model:visited,
	a.nom_model:active {text-decoration: underline!important}

	a.nom_model:hover {color:#790909}

.news_item a:link,
.news_item a:hover,
.news_item a:visited,
.news_item a:active {color:black; text-decoration: underline!important}

#sape {
	width:500px;	
	overflow: hidden;
	font-family: Arial; 
	font-size: 10px; 
	color:gray;
	white-space: nowrap;
	margin:auto;
	margin-top:500px;	
}

#sape a:link, 
#sape a:active,
#sape a:visited,
#sape a:hover {
	font-family: Arial; 
	font-size: 10px; 
	color:gray; 
}