body {
	margin: 0;
	padding: 0;
	background: #1f5172;
	color: #555;
	font: 11px Arial, Helvetica, sans-serif;
	behavior: url("csshover3.htc"); 
	}
.Wrapper {
	position: relative;
	background: #fff url(images/top-gr.jpg) top left no-repeat;
	width: 930px;
	margin: 0 auto;
	padding: 17px 20px 20px 20px;
	}
a 
{
    cursor: pointer;
}

p.EN 
{
    display: none;
}
/*=======================================================================================
===================================== TOP OF PAGE =======================================
=======================================================================================*/

/* ======================== First Top Menu ======*/
.TopMenu {
	width: 930px;
	height: 17px;
	}
.TopMenu ul {
	height: 17px;
	float: right;
	margin: 0;
	padding: 0;
	}
.TopMenu ul li{
	height: 17px;
	float: left;
	list-style-type: none;
	margin: 0 0 0 4px;
	padding: 0;
	}
.TopMenu ul li a {
	display: block;
	height: 17px;
	float: left;
	background: #e6f1f6;
	font: 10px Arial, Helvetica, sans-serif;
	color: #3483a9;
	text-decoration: none;
	margin: 0;
	line-height: 17px;
	padding: 0 5px;
	}
.TopMenu ul li a:hover {
	background: #3483a9;
	color: #c5dde8;
	}

.TopMenu ul li a.Lang:link,
.TopMenu ul li a.Lang:visited {
	width: 130px;
	background: #e6f1f6 url(images/arrow-down.gif) 125px -19px no-repeat;
	}
.TopMenu ul li a.Lang:hover {
	background: #3483a9 url(images/arrow-down.gif) 125px 6px no-repeat;
	}
.TopMenu ul li a.addthis_button:link,
.TopMenu ul li a.addthis_button:visited {
	width: 130px;
	background: #fff;
	padding: 0;
	}
.TopMenu ul li a.addthis_button:hover {
	background: #fff;
	}	
	
.TopMenu ul li a.addthis_button_google_plusone:link,
.TopMenu ul li a.addthis_button_google_plusone:visited {
	width: 60px;
	background: #fff;
	padding: 0;
	}
.TopMenu ul li a.addthis_button_google_plusone:hover {
	background: #fff;
	}
		
/* ======================== MAIN MENU ======*/
.MainMenu {
	width: 930px;
	height: 72px;
	}
.MainMenu img {
	float: left;
	}
.MainMenu ul {
	/*width: 530px;*/
	width: 600px;
	height: 58px;
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
	background: #3483a9;
	}
.MainMenu ul li{	
	float: left;
	height: 29px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.MainMenu ul li a {
	display: block;
	float: left;
	height: 28px;
	background: #3483a9;
	font: 10px Arial, Helvetica, sans-serif;
	color: #bee0f0;
	text-decoration: none;
	margin: 0;
	line-height: 28px;
	padding: 0 8px;
	border-top: 1px solid #5195b5;
	border-left: 1px solid #5195b5;
	white-space: pre;
	}
.MainMenu ul li a:hover {
	background: #1f5272;
	color: #fff;
	}
	
/* ======================== CONTACT LANGUAGES DROP DOWN BOXES ======*/	
#ContactBox, #LanguageBox {
	position: absolute;
	display: none;
	z-index: 1;
	top: 34px;
	left: 535px;
	/*left: 402px; - u sredinu*/
	width: 355px;
	height: auto;
	background: #fff;
	border: 10px solid #5195b5;
	padding: 10px 20px;
	}
#LanguageBox {
	top: 34px;
	left: 564px;
	/*left: 402px; - u sredinu*/
	width: 326px;
	height: auto;
	border: 10px solid #D31F08;
	}
#LanguageBox a:link,
#LanguageBox a:visited {
	color: #D31F08;
	}
	
#ContactBox address {
	margin: 6px 0;
	}
#ContactBox label {
	float: left;
	width: 90px;
	}	
#ContactBox input {
	width: 250px;
	height: 14px;
	font-size: 11px;
	border: 1px solid #ccc;
	margin-bottom: 6px;
	}
#ContactBox input.SendM {
	width: 60px;
	height: 19px;
	color: #fff;
	background: url(images/FilterSearch.gif) top left no-repeat;
	border: none;
	float: right;
	margin-right: 13px;
	}
	
#ContactBox textarea {
	width: 250px;
	height: 100px;
	font-size: 11px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	}
/*=======================================================================================
===================================== CENTRAL CONTENT ===================================
=======================================================================================*/

/* ======================== Left + Main Content wrapper ======*/
.Central {
	margin-top: 288px;
	}
.Central h2,
.Central h2 a:link,
.Central h2 a:visited {
	text-decoration: none;
	color: #1B6D94;
	font-size: 13px;
	}
	
/* ======================== Main Content wrapper ======*/
.Content {
	width: 680px;
	background: #fff;
	float: right;
	padding-left: 10px;
	}
.PicRight {
	float:right; 
	margin-left: 10px;
	}
.PicLeft {
	float:left; 
	margin-right: 10px;
	}
/* ============================= BOAT CATAGORY BOXES =================================*/

/* ======================== Category Boxes wrapper ======*/
.IBoxes {
	width: 682px;
	height: 305px;
	background: #fff url(images/cat-contback.jpg) bottom left no-repeat;
	}
.IBox {
	width: 169px;
	height: 290px;
	float: left;
	margin-left: 1px;
	}

.IBox h2 {
	height: 24px;
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 24px;
	}
.IBox h2 a:link,
.IBox h2 a:visited {
	display: block;
	font-size: 12px;
	width: 159px;
	height: 24px;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #fff;
	}
.BoxMotor h2 a:link,
.BoxMotor h2 a:visited {
	background: url(images/cat-backs.jpg) 0 0 no-repeat;
	}
.BoxMotor h2 a:hover {
	background: url(images/cat-backs.jpg) 0 -24px no-repeat;
	}
	
.BoxSail h2 a:link,
.BoxSail h2 a:visited {
	background: url(images/cat-backs.jpg) -170px 0 no-repeat;
	}
.BoxSail h2 a:hover {
	background: url(images/cat-backs.jpg) -170px -24px no-repeat;
	}
	
.BoxCatamaran h2 a:link,
.BoxCatamaran h2 a:visited {
	background: url(images/cat-backs.jpg) -340px 0 no-repeat;
	}
.BoxCatamaran h2 a:hover {
	background: url(images/cat-backs.jpg) -340px -24px no-repeat;
	}
.BoxGulet h2 a:link,
.BoxGulet h2 a:visited {
	background: url(images/cat-backs.jpg) -510px 0 no-repeat;
	}	
.BoxGulet h2 a:hover {
	background: url(images/cat-backs.jpg) -510px -24px no-repeat;
	}
	
.IBox p {
	margin: 18px 8px 0 10px;
	}
.IBox p img {
	display: block;
	float: left;
	margin: 21px 0 0 0;
	}
.IBox p a:link,
.IBox p a:visited {
	display: block;
	float: left;
	color: #3483a9;
	font-size: 10px;
	margin: 20px 4px 0 0;
	}
.IBox p a:hover {
	text-decoration: none;
	}
	
/* ============================= CENTRAL OFFER TABS =================================*/
.SpecialTabMenu {
	background: transparent;
	height: 29px;
	width: auto;
	}
.SpecialTabMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	}
.SpecialTabMenu li {
	display: inline;
	line-height: 29px;
	}
.SpecialTabMenu li a {
	display: block;
	width: 98px;
	height: 29px;
	float: left;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 29px;
	background: url(images/spec-tabs-back.jpg) bottom left no-repeat;
	margin-right: 1px;
	
	}
.SpecialTabMenu li a.tabactive {
	height: 29px;
	color: #eeeed4;
	background: url(images/spec-tabs-back.jpg) top left no-repeat;
	font-weight: bold;
	position: relative;
	line-height: 29px;
	}

#anothercontent1,#anothercontent2, #anothercontent3 {
	width: 660px;
	height: 155px;
	text-align: left;
	margin: 0;
	padding: 10px 10px;
	}
#anothercontent1 {
	background: url(images/spec-01-back.jpg) top left no-repeat;
	}
#anothercontent2 {
	background: url(images/spec-02-back.jpg) top left no-repeat;
	}
#anothercontent3 {
	background: url(images/spec-03-back.jpg) top left no-repeat;
	}
	
.SpecOfferContainer {
	float: left;
	width: 328px;
	height: 65px;
	margin: 5px 0;
	}
.SpecOfferContainer img {
	float: left;
	border: 1px solid #fff;
	}
.SpecOfferContainer p {
	float: left;
	width: 215px;
	height: 67px;
	margin: 0;
	padding: 0 5px;
	line-height: 16px;
	}
.SpecOfferContainer a:link,
.SpecOfferContainer a:visited {
	color: #3483a9;
	font-weight: bold;
	text-decoration: none;
	}
.SpecOfferContainer a:hover {
	text-decoration: underline;
	}
.BlueFont {
	color: #3483a9;
	}
.StrongOrange {
	font-weight: bold;
	color: #da712e;
	font-size: 11px;
	}
.LineThrough {
	text-decoration: line-through;
	}
	
/* ============================= DOWN BOXES - MARINAS ROUTES BASES =====================================*/	

/* ======================== Boxes down wrapper ======*/
.BoxesDown { 
	width: 680px;
	height: 311px;
	background: url(images/DownBoxesBack.jpg) top left no-repeat;
	margin-top: 10px;
	}
/* ======================== Shared styles ======*/	
.IDownBox {
	float: left;
	width: 320px;
	height: 280px;
	padding: 10px;
	}

.IDownBox h3 {
	color: #da712e;
	font: normal 13px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	}	
.IDownBox strong {
	color: #da712e;
	}
	
.IDownBox p {
	margin: 8px 0;
	padding: 0;
	}
	
.IDownBox p a:link,
.IDownBox p a:visited {
	color: #3483a9;
	text-decoration: none;
	}
.IDownBox h2 {
	margin: 0;
	padding: 0;
	float: left;
	}
.IDownBox h2 a:link,
.IDownBox h2 a:visited {
	display: block;
	float: left;
	width: 145px;
	height: 19px;
	margin-right: 1px;
	background: url(images/BlueTab.jpg) top left no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 18px;
	}
#mrcontent1, #mrcontent2 {
	width: 310px;
	height: 280px;
	clear: both;
	}
	
/* ============================= MARINAS ROUTES TABS =================================*/

.IMarinas h2 a:link,
.IMarinas h2 a:visited {
	width: 110px;
	background: url(images/OrangeTab-Small.jpg) top left no-repeat;
	}
.IMarinas h2 a.tabactive:link,
.IMarinas h2 a.tabactive:visited {
	height: 19px;
	color: #fff;
	background: url(images/BlueTab-Small.jpg) top left no-repeat;
	font-weight: bold;
	position: relative;
	line-height: 18px;
	}
.IMarinas p a:link,
.IMarinas p a:visited {
	color: #da712e;
	text-decoration: underline;
	}
.IMarinas p a:hover {
	text-decoration: none;
	}

/* =================================== NEWS BOX =======================================*/
.INewsBox {
	float: left;
	background: url(images/NewsBack.jpg) top left no-repeat;
	width: 311px;
	height: 187px;
	margin-right: 8px;
	padding: 0 10px 10px 10px;
	
	}	
.INewsBox h2 {
	font-size: 18px;
	height: 34px;
	font: 18px Arial, Helvetica, sans-serif;
	color: #3483a9;
	margin: 0;
	padding-left: 2px;
	line-height: 34px;
	}
.INewsBox h2 a:link,
.INewsBox h2 a:visited {
	color: #3483a9;
	text-decoration: none;
	font-size: 18px;
	}
.INewsBox p {
	width: 290px;
	padding-left: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/moreinfo-arrow.jpg) 0 2px no-repeat;
	}
.INewsBox p a:link,
.INewsBox p a:visited {
	color: #3483a9;
	}
.INewsBox p a:hover,
.INewsBox h2 a:hover {
	color: #e87e00;
	}

/* =================================== YCC BOX =======================================*/
.YCCBox {
	float: left;
	width: 321px;
	height: 187px;
	padding: 0 10px 10px 10px;
	background: url(images/YCC-Back.jpg) top left no-repeat;
	}	
.YCCBox h2 {
	width: 309px;
	height: 34px;
	font: 18px Arial, Helvetica, sans-serif;
	color: #3483a9;
	margin: 0;
	padding-left: 2px;
	line-height: 34px;
	}
.YCCBox h2 a:link,
.YCCBox h2 a:visited {
	color: #3483a9;
	text-decoration: none;
	font-size: 18px;
	}
.YCCBox h2 a:hover {
	color: #e87e00;
	}
.YCCBox img {
	float: left;
	margin: 13px 13px 0 0;
	padding: 4px;
	border: 1px solid #e2eef8;
	
	}
.YCCBox p {
	float: left;
	width: 178px;
	margin-top: 12px;
	}
.YCCBox p img {
	display: block;
	float: left;
	margin: 21px 0 0 0;
	}
.YCCBox p a:link,
.YCCBox p a:visited {
	display: block;
	float: left;
	color: #e87e00;
	font-size: 10px;
	margin: 20px 4px 0 0;
	}
.YCCBox p a:hover {
	text-decoration: none;
	}


/* =================================== POPULAR BOATS =======================================*/

H3.PB {
	clear: both;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 910px;
	height: 27px;
	margin: 0 0 0 0;
	padding-left: 20px;
	background:url(images/BlueTab-Big.jpg);
	line-height: 24px;
	}
H3.PB a:link,
H3.PB a:visited {
	color: #fff;
	text-decoration: none;
	}
	
.PopBoats {
	display: none;
	width: 928px;
	height: auto;
	clear: both;
	background: #f4f9fc;
	border: 1px solid #e0edf7;
	border-top: none;
	border-top: none;
	}
	
.PopBoats table {
	width: 892px;
	margin: 10px 0 10px 15px;
	}
.PopBoats table td {
	vertical-align: top;
	padding-right: 6px;
	}
.PopBoats table td a:link,
.PopBoats table td a:visited {
	color: #3483a9;
	text-decoration: none;
	}
.PopBoats table td a:hover {
	color: #da712e;
	text-decoration: underline;
	}	
	
.CYNetwork {
	background: #2f607e;
	padding: 10px 20px 35px 20px;
	color: #fff;
	}
.CYNetwork a:link,
.CYNetwork a:visited {
	color: #da712e;
	}


/*=======================================================================================
===================================== LEFT COLUMN =======================================
=======================================================================================*/			

.Left {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0;
	background: #fff;
	}
.BoxContact {
	height: 105px;
	background: #f00 url(images/contact-left.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	}
.BoxContact p {
	color: #bee0f0;
	padding: 10px 0 0 18px;
	margin: 0;
	}
.BoxContact p strong {
	color: #fff;
	font-weight: bold;
	}	

.BoxGuest {
	height: 90px;
	background: url(images/guestc-left.jpg) top left no-repeat;
	margin: 5px 0;
	}
.BoxGuest h3,
.BoxNewsletter h3 {
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 7px 0 1px 18px;
	font-weight: bold;
	}	
	
.BoxGuest a:link,
.BoxGuest a:visited {
	color: #bee0f0;
	line-height: 17px;
	margin-left: 27px;
	}
.BoxGuest a:hover {
	color: #fff;
	}	
.BoxNewsletter {
	height: 105px;
	background: url(images/newsletter-left.jpg) top left no-repeat;
	}	
.BoxNewsletter p {
	padding: 10px 0 0 18px;
	margin: 0;
	color: #bee0f0;
	}
.BoxNewsletter input {
	float: left;
	height: 17px;
	border: 1px solid #bfd4de;
	margin: 5px 0 0 17px;
	color: #3483a9;
	font-size: 11px;
	vertical-align: middle;
	}
.BoxNewsletter img {
	float: left;
	margin: 5px 0 0 0;
	border: none;
	}
.BoxCompare {
	height: 121px;
	background: url(images/Compare-back.jpg) top left no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
	}
.BoxCompare p {
	color: #3483a9;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 15px;
	}
.BoxCompare a:link,
.BoxCompare a:visited {
	display: block;
	background: url(images/moreinfo-arrow.jpg) center left no-repeat;
	color: #f07100;
	padding-left: 15px;
	margin: 5px 0 0 15px;
	}
.BoxCompare p a:link,
.BoxCompare p a:visited {
	display: block;
	background: url(images/Compare-icon.gif) center left no-repeat;
	color: #3483a9;
	padding-left: 15px;
	margin: 0;
	}
.BoxCompare a:hover,
.BoxCompare p a:hover {
	text-decoration: none;
	}
h3.CompareHeader {
	width: 225px;
	height: 23px;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	background: url(images/CompareBox-head.gif) top left no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 23px;
	}

.Left .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: #3483a9;
background: #F4F9FC url(images/titlebar.png) repeat-x center left;
margin: 3px 0;
text-transform: uppercase;
padding: 4px 0 4px 25px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.Left .menuheader a:link,
.Left .menuheader a:visited {
	color: #3483a9;
	text-decoration: none;
	}
	
.Left .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
color: #fff;
}
.Left .openheader a:link,
.Left .openheader a:visited {
	color: #fff;
	}
.Left ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.Left ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-left: 10px;
}

.Left ul li a {
color: #3483a9;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 11px;
}

.Left ul li a:visited{
color: #3483a9;
}

.Left ul li a:hover{ /*hover state CSS*/
color: #e98410;
}


/* =================================== SPECIAL OFFER LEFT =============================*/

.Left .SoLeftTabMenu {
	background: transparent;
	height: 22px;
	width: 240px;
	margin: 5px 0 0 0;
	padding: 0;
	}
.Left .SoLeftTabMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	}
.Left .SoLeftTabMenu li {
	display: inline;
	line-height: 22px;
	margin: 0;
	padding: 0;
	}
.Left .SoLeftTabMenu li a:link,
.Left .SoLeftTabMenu li a:visited {
	display: block;
	width: 78px;
	height: 22px;
	float: left;
	font: 9px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(images/soLeftTabs.gif) bottom left no-repeat;
	margin-right: 1px;
	padding: 0;
	line-height: 22px;
	}
.Left .SoLeftTabMenu li a.tabactive:link,
.Left .SoLeftTabMenu li a.tabactive:visited,
.Left .SoLeftTabMenu li a.tabactive:hover {
	display: block;
	width: 78px;
	height: 22px;
	float: left;
	font: 9px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(images/soLeftTabs.gif) top left no-repeat;
	margin-right: 1px;
	padding: 0;
	position: relative;
	border-bottom: none;
	line-height: 22px;
	}
#soleftcontent1,
#soleftcontent2,
#soleftcontent3 {
	width: 233px;
	height: 180px;
	text-align: left;
	margin: 0;
	padding: 10px 2px 10px 5px;
	}
	
#soleftcontent1 {
	background: url(images/soLeft-01-back.gif) top left no-repeat;
	}
#soleftcontent2 {
	background: url(images/soLeft-02-back.gif) top left no-repeat;
	}
#soleftcontent3 {
	background: url(images/soLeft-03-back.gif) top left no-repeat;
	}
.SoLeftOffer {
	clear: both;
	height: 90px;
	}
.SoLeft strong {
	color: #3483a9;
	}
.SoLeft img {
	display: block;
	float: left;
	margin: 0px 5px 0 0;
	border: none;
	}
.SoLeft p {
	float: left;
	margin: 0px 0 0 0;
	padding: 0;
	width: 128px;
	height: 70px;
    font-size: 10px;
    overflow: hidden;
	}
.SoLeft a:link,
.SoLeft a:visited {
	color: #3483a9;
	}

/*=======================================================================================
========================================= BOOKING ========================================
=======================================================================================*/
.BookingWrap h1,
.BookingWrap h2 {
	color: #e98410;
	font-size: 14px;
	width: 459px;
	height: 35px;
	margin: 0;
	padding-left: 16px;
	background: url(images/BookingHead.jpg) top left no-repeat;
	line-height: 30px;
	}
	
.Booking {
	float: left;
	width: 459px;
	height: auto;
	background: url(images/BookingBack.gif) bottom left no-repeat;
	margin-right: 12px;
	padding-bottom: 20px;
	}
.Booking img {
	float: left;
	margin: 5px 5px 5px 10px;
	}
.Booking p {
	float: left;
	margin: 3px 0;
	}
.Booking strong {
	color: #e98410;
	}
.Booking h3 {
	clear: both;
	width: 418px;
	height:21px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #fff;
	font-size: 11px;
	background: #1f5272;
	line-height: 21px;
	}
.Booking table {
	width: 432px;
	margin-left: 8px;
	}
.Booking table td {
	background: #f1f6f9;
	padding: 5px 10px;
	}
.Booking table td label {
	width: 100px;
	display: block;
	float: left;
	}
.Booking table td select,
.Booking table td input.LoNg {
	width: 200px;
	height: 21px;
	border: 1px solid #9db3be;
	}
.Booking table td input.LoNg {
	height: 19px;
	}
.Booking table td textarea {
	width: 200px;
	height: 80px;
	}
.BookingContact,
.BookingHelp {
	float: left;
	width: 459px;
	height: 162px;
	margin-top: -35px;
	background: url(images/BookingContact.jpg) top left no-repeat;
	}
.BookingHelp {
	width: 459px;
	height: 162px;
	margin-top: 0px;
	padding: 0;
	background: url(images/BookingHelp.jpg) top left no-repeat;
	}
.BookingContact p,
.BookingHelp p {
	margin: 15px;
	width: 300px;
	}
.BookingContact p strong,
.BookingHelp p strong {
	color: #3483a9;
	}
	
.Orange {
	color: #e98410;
	}
	
.Booking .mandatory {
	color: #f07100;
	}
.Booking a.SendInq:link,
.Booking a.SendInq:visited {
	color: #fff;
	display: block;
	float: left;
	width: 88px;
	height: 29px;
	margin-top: 10px;
	margin-left: 120px;
	background: url(images/icon-send.gif) top left no-repeat;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 22px;
	}
.Booking a.SendInq:hover {
	background: url(images/icon-send.gif) bottom left no-repeat;
	}
/*=======================================================================================
===================================== SEARCH AND HEADER =================================
=======================================================================================*/	

.Header {
	position: absolute;
	top: 107px;
	height: 200px;
	width: 930px;
	height: 280px;
	}
.HeaderBanner {
	float: right;
	width: 690px;
	height: 280px;
	}
	
.MainSrc {
	float: left;
	width: 210px;
	height: 210px;
	background: url(images/src-back.jpg) top left no-repeat;
	padding: 50px 15px 20px 15px;
	}

/* ==================================== SEARCH TABS ===================================*/
.SrcTabMenu {
	background: transparent;
	height: 25px;
	width: auto;
	}
.SrcTabMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	}
.SrcTabMenu li {
	display: inline;
	line-height: 25px;
	}
.SrcTabMenu li a {
	display: block;
	width: 105px;
	height: 25px;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	border-bottom: 1px solid #e26152;
	
	}
.SrcTabMenu li a.tabactive {
	height: 25px;
	color: #eeeed4;
	background: url(images/src-activ.gif) top left repeat-x;
	font-weight: bold;
	position: relative;
	border-bottom: none;
	line-height: 25px;
	}
#tabcontent1,#tabcontent2 {
	width: 210px;
	height: 120px;
	text-align: left;
	padding: 6px 0px;
	}
	
/* ==================================== SEARCH OBJECTS ===================================*/	
.MainSrc {
	color: #fff;
	}
.SrcBlock-1 {
	float: left;
	margin: 0px 5px 0 5px;
	width: 110px;
	padding-top: 10px;
	}
.SrcBlock-2 {
	float: left;
	margin: 0px 0 0 5px;
	width: 73px;
	padding-top: 10px;
	}
.SrcBlock-3 {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0;
	width: 128px;
	height: 35px;

	}
.SrcBlock-4 {
	float: left;
	margin: 0px 0 0 5px;

	width: 37px;
	}
.SrcLocation 
{
    padding-top: 10px;
}
.MainSrc select  {
	font-size: 11px;
	border: 1px solid #ccc;
	}
.SrcStart { /* ---- botun ----- */
	width: 197px;
	height: 23px;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: url(images/src-start.jpg) top left no-repeat;
	color: #d21700;
	border: none;
	clear: both;
	margin: 20px 0 0 5px;
	}
	
.SrcLocation select option,
select.SrcArea option
{

padding-left: 10px;

}
select.SrcArea option[value^=R],
.SrcLocation select option[value^=R]
{

font-weight: bold;
background: #E7EFF7;
color: #BD1000;
padding-left: 3px;
}
/* ==================================== SEARCH FILTER ===============================*/	
.FilterSrc {
	width: 671px;
	height: 48px;
	background: url('images/Filter-back.jpg') no-repeat left top;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	padding-top: 7px;
	padding-left: 10px;
	text-transform: uppercase;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.FilterSrc div.ddBox 
{
    width: 106px;
    height: 30px;
    margin-right: 10px;
    float: left;
}
.FilterSrc img {
	margin-right: 5px;
	margin-bottom: -3px;
	margin-left: -5px;
	}
.FilterSrc select,
.FilterSrc input  {
	font-size: 11px;
	border: 1px solid #ccc;
	margin-right: 10px;
	text-transform: none;
	height: 19px;
}
.FilterSrc input.FilterSrcBtn {
	width: 78px;
	height: 19px;
	margin: 0;
	padding: 0;
	background: url(images/FilterSearch.gif) bottom left repeat-x;
	color: #fff;
	font: bold 11px Arial, Helvetica, sans-serif;
	border: none;
	}
    
/*=======================================================================================
========================================= COMPARE ========================================
=======================================================================================*/	
.CompareCentral h1 {
	width: 681px;
	height: 45px;
	color: #fff;
	font: normal 21px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	margin: 0;
	line-height: 40px;
	background: url(images/Filter-back.jpg) top left no-repeat;
	
	}
.CompareT {
	background: #fff;
	float: left;
	width: 173px;
	margin-right: 3px;
	margin-top: 10px;
	}
.CompareTLabels {
	width: 137px;
	}
.CompareT td {
	vertical-align: center;
	border-bottom: 4px solid #fff;
	}
.CompareT td p {
	margin: 5px;
	}
.CompareT td a:link,
.CompareT td a:visited {
	color: #fff;
	text-decoration: none;
	}
.CompareT td a:hover {
	text-decoration: underline;
	}
.CompareT td.CLabels {
	width: 133px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-left: 4px;
	height: 25px;
	}

.COrange {
	background: #ffa814;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.COrangeY {
	background: #f07100;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CBlueY {
	background: #3483a9;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CBlueB {
	background: #549dc0;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CRedY {
	background: #cd200b;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CRedB {
	background: #dd4331;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CGray {
	background: #a5a5a5;
	font-weight: bold;
	color: #fff;
	text-align: center;
	height: 25px;
	}
.CompareT td.CLight {
	background: #f4f6f7;
	color: #777;
	text-align: right;
	height: 25px;
	padding-right: 4px;
	}
.CompareT td.CTechLabels {
	width: 133px;
	font-weight: bold;
	color: #777;
	text-align: left;
	vertical-align: middle;
	padding-left: 4px;
	height: 25px;
	}
.CompareT td.CLinks {
	vertical-align: middle;
	height: 25px;
	}
.CompareT td.CLinks img {
	border: none;
	}	
.CompareT td.CLinks a:link,
.CompareT td.CLinks a:visited {
	color: #FF6600;
	text-decoration: none;
	}
	
/*=======================================================================================
========================================= FOOTER ========================================
=======================================================================================*/	
.Footer	{
	width: 930px;
	margin: 20px auto 40px auto;
	color: #da712e;
	text-align: center;
	}
.Footer	a:link, 
.Footer	a:visited {
	color: #da712e;
	text-decoration: none;
	}
.Footer a:hover {
	color: #da712e;
	text-decoration: underline;
	}
.Footer	strong a:link, 
.Footer	strong a:visited {
	color: #da712e;
	}