@charset "utf-8";
/* CSS Document */

.yacht{ 
	position: relative;
	margin-top: -15px;
	}

.backLink {
/*	float:right;*/
	margin-bottom:5px;
	}

#backLink {
	display:block;
/*	width: 10em;*/
	height: 26px;
/*	text-align:right;*/
	line-height:26px;
	vertical-align:middle;
	padding-right:5px;
	padding-left: 50px;
	background:url(../images/site/backLink.png) 0 0 no-repeat;
	outline:none;
	}
	
#backLink:hover {background:url(../images/site/backLink.png) 0 -26px no-repeat;}

/*==================== Content Sections ========================*/


/*==================== Yacht Tables ============================*/

#yachtTableHead .colThumb{
 	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	}
	
#yachtTableHead .colSkip{
 	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}
	
.yacht, #yachtTableHead {
	clear:both;
	width: 750px;}

.yachtTable div, #yachtTableHead div {
	float: left;
	font-size: .9em;
	border: 1px dotted #CCC;
	padding: 5px 3px 2px;
}

#yachtTableHead div { 
	height: 1.25em;
	line-height: 1.25em;
	background-color: #ffdc9a;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #FFAA6A;

	}
	
.yachtTable div {
	height: 80px;

	}

.yachtTable:hover div {
/*	background-color: #ffaa6a;*/
  	background-color: black;
/*	color: #000;*/
	font-weight: bold;
  	cursor: default;	
	}

.yachtTable:hover div.colLOA, .yachtTable:hover div.colBerths { color: #F00;}


.colThumb, .colYacht, .colName, .colLOA, .colBerths, .colYear, .colData, .colSkip { 
	text-align: center;	
}

.colYacht, .colName, .colLOA, .colBerths, .colYear, .colData, .colSkip {
	height: 120px;
	padding-top: 10px;	
}

.yachtTable div.colYacht {	
	line-height: 1.4em;
	}

.yachtTable div.colLOA, .yachtTable div.colBerths  { 
	color:#0F0;
	font-weight: bold;
	}

div.colThumb {width: 110px;	}
div.colYacht {width: 90px;}
div.colName {width: 78px;}
div.colLOA {width: 60px;}
div.colBerths {width: 50px;}
div.colYear {width: 45px;}
div.colData {width: 50px}
div.colSkip {width: 86px}

/* =========================== Tabs Menu ============================= */

#loaderData{
	position:relative;
	top: 10px;
	clear: both;
	padding: 1em;
	
/*	background-color: darkgreen;
*/	
	}
	
#tabsMenu {
	width: 100%;
	border: 1px dotted white;
	background-color: black;
}

ul.tabs {
	top: 10px;
	width: 100%;
	text-align: center;	
}

ul.tabs li {
	display: inline;
	}

ul.tabs li a {
	padding: 0.5em;
}

/* ===========================Data Container ============================*/

/* =========================== Tabs Containers ============================= */

.tab_container a, .tab_container a:link {
	color: #7A0000;
	font-weight: bold;
	}

.tab_container a:hover { color: red;}

/* =========================== Specifications Table ============================= */

.tab_content {
	margin: 1em;
	border: 1px dotted #000;
	padding: 1em;
	}
	
.tab_content h3 { line-height: 2;	}	
	
table.specsDataTable {
	width: 99%;
	padding: 0.9em ;
	background-color:#333;
	color: #FFF;
	}
	
caption { 
	font: #FFF 1.5em bold italic;
	background-color:#333;
	padding-top: 1em;
	font-weight: bold;
	}

th, td {
	border: 1px dotted #FFF;
	text-align: center;
	padding: 0.5em;
	font-size: 0.75em;
	}
	
table.specsDataTable td { 
	font-weight: bold;

	}	
	
table.specsDataTable th {
	font-weight: normal;
	background-color: #ffdc9a;
	color: #000;
	}	

/* =========================  IMAGES ===========================*/

#images ul.carousel {
	position: relative;
	display: table-cell;
	width: 90% ;
	margin: 0 auto 0;
	padding: 10px;
	text-align: center;
	overflow: auto;
}

#images h3 {margin-bottom: 0;}
#images ul.carousel  li {
	display: inline-block;
	float: left;
	height: 100px;
	
	}

#images ul.carousel  li img{
	vertical-align:middle;
}

/* =========================  Add. Equipment ===========================*/

.addEquip ul {
	list-style: disc ;
	margin-left: 1em;
	font-weight: bold;
	}

/* ========================== Misc =================================*/

div.special div.colData, div.special div.colSkip{
	color: #F3F; 
/*	background-color: #9FF;
	font-weight: bold;*/
	}