* { font-family:"Trebuchet MS", "Arial", "Times New Roman"; font-size: 12px; color: #031F3A; }

BODY { background-image: url(../images/body_bg.gif); background-repeat: repeat-x; margin: 0px; background-color: #CEECF4; }

img { border: none; }
a img {border:none;}

#aligener{ text-align:center; }

#borderer{
	margin:auto;
	width:1024px;
	text-align:left;
	background-color: #FFFFFF;
}

H4 { color: #83B4DC; }

hr.home {
	background: transparent;
	color: #fff;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px dashed #000;
	width: 422px;
}

hr.destinations {
	background: transparent;
	color: #fff;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px dashed #000;
	
	width:577;
}

#header{ background-color: #FFFFFF; height: 86px; width: 1024px; bbackground-image: url(../images/header_bg.gif);text-align: right;}

#logo {
	display:block;
	float:left;
	width:210px;
	height:86px;
	background-image: url(../images/header_bg.gif);
	text-decoration: none;
}

div.links{ float:left; width:804px;padding-right: 10px; padding-top: 60px; }
div.links a,#navbar  a{ text-decoration: none; color: #333333; }
div.links a { ttext-transform: uppercase; line-height: 20px; }

#flags{ 
	style="float:right; 
	padding-top: 5px; 
	padding-right: 5px;"
}

#main_menu{
	background-image: url(../images/main_menu_bg.gif);
	background-repeat: repeat-x;
	height:23px;
	
}

a.menu_active_false, a.menu_active_true{
	display:block;
	float:left;
	height:22px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 23px;
	text-transform: uppercase;
	padding:0px 5px 0px 5px;
	border-right: solid 1px #DB5700;
	border-left: solid 1px #EA823D;
	font-size: 10px;
}

a.menu_active_false:hover, a.menu_active_true{
	background-image: url(../images/main_menu_bg_active.gif);
	background-repeat: repeat-x;
	color: #333333;
	height:23px;
	border: none;
	border-right: solid 1px #CEECF4;
	border-left: solid 1px #CEECF4;
	font-size: 10px;
	line-height: 23px;
}

.menu_divider, .sub_menu_divider{
	line-height: 20px;
	float: left;
	color: #DB5700;
	width: 1px;
}

#sub_menu{
	background-image: url(../images/submenu_bg.gif);
	background-repeat: repeat-x;
	height:20px;
}

a.submenu_active_false, a.submenu_active_true{
	display:block;
	float:left;
	height:20px;
	color:#333333;
	font-weight: bold;
	text-decoration:underline;
	line-height: 20px;
	padding:0px 5px 0px 5px;
}

a.submenu_active_false:hover, a.submenu_active_true{
	background-image: url(../images/sub_menu_bg_hover.jpg);
	background-repeat: no-repeat;
}

.sub_menu_divider{ height: 16px; }

#flags { float: right; width: 75px; padding-top: 5px; padding-bottom: 5px}
#flags { line-height: 20px; }

#main { border-left: 1px solid #BDC9CC; border-right: 1px solid #BDC9CC; position: relative;}

#main_content { padding: 15px; }

#left_column { float: left; width: 220px; margin-right:15px; }
#left_column H3 { font-size: 12px;
				  color: #FFFFFF;
				  background-image: url(../images/left_column_h3_bg.gif);
				  background-repeat: no-repeat;
				  line-height: 24px;
				  margin: 0px 0px 1px 0px;
				  padding-left: 10px;
				  text-transform: uppercase;
				 }
#left_column DIV.box { border: solid 1px #BB4B00; background-color: #FF6600; color: #FFFFFF; padding: 10px; margin-bottom: 10px;}

#right_column { float: left; width: 185px;  margin-left:15px;}
h3.orange, h3.skyblue, h3.blue  { font-size: 12px;
				   color: #FFFFFF;
				   background-image: url(../images/right_column_h3_bg.gif);
				   background-repeat: no-repeat;
				   line-height: 24px;
				   margin: 0px 0px 1px 0px;
				   padding-left: 10px;
				   text-transform: uppercase;
				 }
				 
.box { border: solid 1px #74BACB; background-color: #CEECF4; color: #949949; padding: 10px; margin-bottom:10px; font-size:10px;}
.box a, .box b{font-size:10px;}
#right_column INPUT.search { width: 131px; height: 15px; border: none; border-style: solid none solid solid; border-width: 1px; border-color: #7F9DB9; }
#right_column INPUT.button { color: #333333; width: 26px; height: 20px; line-height: 15px; border-style: solid solid solid none; border-width: 1px; border-color: #7F9DB9; background-image: url(../images/button_go.gif); text-align: center; background-repeat: no-repeat;}


/*box colors*/
h3.orange {color: #FFFFFF; background-image: url(../images/left_column_h3_bg.gif);}
div.orange{background-color: #FF6600; border-color:#BB4B00;}

h3.skyblue {color: #FFFFFF;background-image: url(../images/right_column_h3_bg.gif);}
h3.skyblue_long {
	color: #FFFFFF; 
	font-size: 12px; 
	background-image: url(../images/main_column_h3_bg.gif);
	repeat-x; 
	padding-top:3px;
	padding-bottom:3px;
	width:auto;
	height:auto;
}
                                                                                   
div.skyblue{background-color: #CEECF4 color: #FFFFFF;border-color:#74BACB;}

h3.blue {color: #FFFFFF; background-image: url(../images/center_column_h3_bg.gif);}
div.blue{background-color: #4AA5BB; color: #FFFFFF;border-color:#0E87A4;}

.box ul{margin:0px;padding:0px;}
.box ul li{list-style-position: inside;list-style-image: url(../images/li.gif);}

DIV.search { font-size: 12px;
			 color: #FFFFFF;
			 background-image: url(../images/center_column_h3_bg.gif);
			 background-repeat: no-repeat;
			 line-height: 24px;
			 margin: 0px 0px 1px 0px;
			 padding-left: 10px;
			 text-transform: uppercase;
			 font-weight: bold;
			 margin-bottom:10px;
}

#center_column { float:left; width:556px;}
#center_column H3.title { font-size: 12px;
				   		  color: #FFFFFF;
						  background-image: url(../images/center_column_h3_bg.gif);
						  background-repeat: no-repeat;
						  line-height: 24px;
						  margin: 0px 0px 1px 0px;
						  padding-left: 10px;
						  text-transform: uppercase;
						 }

DIV.home_box {width: 356px; float:left;}
DIV.home_box DIV { padding: 0px 10px 10px 10px; background-image: url(../images/box_bg_long.gif); background-repeat: no-repeat;}
DIV.home_box H1 { margin: 0px; }
DIV.home_box H2 { margin: 0px; }
DIV.home_box H3 { font-size: 12px;
				  color: #16243C;
				  line-height: 20px;
				  height: 27px;
				  text-transform: uppercase;
				  background-image: url(../images/yellow_tab_long.gif);
				  margin: 0px;
				  padding-left: 8px;
				  list-style-type:square;
				  list-style-position: inside;
				  display: list-item;
			   }
DIV.home_box A { background-color: #132B45; line-height: 19px; text-align: center; padding: 1px 3px 1px 3px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; }

DIV.home_big_box { width: 480px; height: 275px; float:right; background-image: url(../images/homepage_pic.gif); background-repeat: no-repeat; border: 1px solid #16243C; }
DIV.home_big_box_inner { color: #FFFFFF;
						 font-size: 18px;
						 font-weight: bold;
						 padding: 120px 0px 0px 180px;
						 text-shadow: #000000 2px 2px;
						}
DIV.home_big_box_inner H1 { font-size: 34px; color: #FFFFFF; text-shadow: #000000 2px 2px; }

DIV.home_search_box {width: 230px; float:left;}
DIV.home_search_box DIV { padding: 0px 10px 10px 10px;
						  background-image: url(../images/box_bg_short.gif);
						  background-repeat: no-repeat;
						}
DIV.home_search_box H3 { font-size: 12px;
						 color: #16243C;
						 line-height: 20px;
						 height: 27px;
						 text-transform: uppercase;
						 background-image: url(../images/yellow_tab_short.gif);
						 margin: 0px;
						 padding-left: 8px;
						 list-style-type:square;
						 list-style-position: inside;
						 display: list-item;
						}

IMG.box_pic { border: 1px solid #8A919D; margin-right: 10px; }
IMG.content_box_image { position: relative;}

#boat { padding: 10px; border: 1px solid #F8DF81; text-align:center; }
#boat_pic { padding: 6px 0px 3px 0px; border: 1px solid #F8DF81; text-align:center; }
#boat_pic IMG { border: 1px solid #8A919D; margin: 5px; }
#boat H1 { margin-top: 0px; margin-bottom: 5px; text-align: left; }
TABLE.search_result { width: 579px; border-left: solid 1px #88929F; border-top: solid 1px #88929F; }
TABLE.search_result TH { width: 25%; padding-left: 5px; background-color: #DDE3EB; border-right: solid 1px #88929F; border-bottom: solid 1px #88929F; text-align: left; }
TABLE.search_result TD { width: 25%; padding-left: 5px; border-right: solid 1px #88929F; border-bottom: solid 1px #88929F; text-align: left; }

TABLE.boat_detail { width: 712px; border-left: solid 1px #88929F; border-top: solid 1px #88929F; }
TABLE.boat_detail TH { width: 25%; padding-left: 5px; background-color: #DDE3EB; border-right: solid 1px #88929F; border-bottom: solid 1px #88929F; text-align: left; }
TABLE.boat_detail TD { width: 25%; padding-left: 5px; border-right: solid 1px #88929F; border-bottom: solid 1px #88929F; text-align: left; }
A.button { background-color: #132B45; line-height: 19px; text-align: center; padding: 1px 3px 1px 3px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; }{ background-color: #132B45; line-height: 19px; text-align: center; padding: 1px 3px 1px 3px; font-size: 11px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; }

#footer { background-color: #DDDDDD;
		 color:#333333;
		 padding:10px;
		 font-size: 10px;
		 border-bottom: 1px solid #BDC9CC;
		 text-align: center;
		}

#footer a { color:#333333; font-size: 10px; text-decoration: none;}

#quick_search div{
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}


/* acc seqarch result */
div.acc_content {
	color: #4C4A4A;
}

div.acc_content h1, h1 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12pt;
	color: #FF5405;
}

div.acc_content h2, h2 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 11pt;
	color: #FF5405;
}

div.acc_content h3, h3 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 11pt;
}

div.acc_content div.acc_box1{
	width: 175px;
	font-size: 12px;
}

div.acc_content div.acc_box2{
	width: 455px;
	font-size: 12px;
}

div.acc_content div.acc_box3{
	width: 150px;
	font-size: 12px;
}

div.acc_content div.main_info {
	background-color:#CEECF4;
	margin-bottom:5px;
	padding: 5px;
	border-bottom: 2px solid #0E87A4;
}

div.main_info div.white{
	background-color: #FFFFFF;
}

div.acc_content div.main_image, div.acc_content div.result_image, div.selection_image{
	text-align: center;
	margin: 5px;
	width: 230px;
	height: 173px;
	//background-color: #0E87A4;
	background-color: #FFFFFF;
	
}

div.acc_content div.result_image {
	width: 162px;
	height: 122px;
}

div.selection_image{
	margin: 0px;
	margin-right: 5px;
	width: 82px;
	height: 62px;
}

div.main_image div, div.result_image div, div.selection_image div{
	padding: 1px;
	overflow: hidden;
}

div.result_image div a, div.selection_image div a{
	display: block;
	text-decoration: none;
}

div.main_image img, div.result_image img, div.selection_image img{
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}

div.acc_content div.main_image_gallery  {
	margin-left: 5px;
	width: 235px;
}

div.main_image_gallery  div.gallery_title{
	margin-left: 5px;
	margin-bottom: 5px;
	width: 230px;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
}

div.acc_content div.distances{
	height: 25px;
}

div.acc_content div.distances img{
	vertical-align: text-bottom;
}

div.acc_content ul, div.selection_info ul {
	display: block;
	margin: 5px;
	padding: 0px;
}

div.acc_box3 ul {
	margin:3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.selection_info ul {
	margin: 0px;
}

div.acc_content ul li, div.selection_info ul li{
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background-image: url(../images/backgrounds/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 12px;
	line-height: 14px;
}

div.big_bullet {
	background-image: url(../images/backgrounds/big_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

div.acc_content span.red, div.error{
	color: red;	
}

div.error{
	margin-top: 5px;
	padding: 3px;
	border: 2px solid red;
}

div.code_error{
	color: red;
	}

div.acc_content span.price {
	font-weight: bold;
	color: #FF5405;	
}

div.acc_content a.gallery {
	display: block;
	text-decoration: none;
}

div.acc_content a.gallery img{
	border: none;
	border: 1px solid #FEDCB8;
}

div.acc_content select.sort{
	font-size: 12px;	
}

div.acc_content h2{
	margin:0px;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/center_column_h3_bg.gif);
	background-repeat: no-repeat;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
}

select.sort option{
	font-size: 12px;	
}

table.price_list{
	border-collapse: collapse;
}

table.price_list td{
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	border: solid 1px #E4E4E4;
	line-height: 13px;
}

table.price_list td.header{
	font-size: 11px;
	font-weight: bold;
}

table.price_list td.price{
	color: green;
	white-space: nowrap;
}

table.price_list td.date{
	font-weight: bold;
}


div.booking_form div.remark{
	padding-top: 3px;padding-bottom: 5px;
	font-size: 12px;
}

div.booking_form div.left_floater {
	width: 150px;
	padding-top: 2px;
}

div.booking_form input, div.booking_form select{
	width: 250px;
	margin-bottom: 2px;
}

div.calculation {
	margin: 5px;	
}

div.calculation div.info{
	width: 160px;
}

div.calculation div.info_big{
	width: 280px;
	margin-left: 10px;
}

div.calculation div.price_left{
	width: 85px;
	text-align: right;
}

div.calculation div.price_equals{
	width: 25px;
	text-align: center;
	margin-left: 5px;
}

div.calculation div.price_right{
	width: 72px;
	text-align: right;
}

div.confirm_form {
	color: #000000;
}

div.confirm_form div.left_floater {
	width: 150px;
	font-style: italic;
	color: #4C4A4A;
}

.search_button_left, .search_button_right, .search_button_middle{
	float:left;
	height:27px;
	font-size: 12px;
	background-repeat:no-repeat;
}
.search_button_left{
	width: 6px;
	background-image: url(../images/buttons/button_01.jpg);
}

.search_button_middle{
	background-image: url(../images/buttons/button_02.jpg);
	background-repeat: repeat-x;
}

.search_button_middle a{
	display: block;
	float:left;
	height:27px;
	padding: 5px 5px 0px 5px ;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.search_button_right{
	width: 8px;
	background-image: url(../images/buttons/button_04.jpg);
	background-position: top right;
}

.left_floater{
	float: left;	
}

.right_floater{
	float: right;	
}

.content_main_box { 
	padding: 0px 0px 0px 0px ;
	overflow:hidden;
	position:static;
	width:auto;
	height:auto;
}

.dummy, .clearLeft, .clearRight, .clearAll{
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

.clearLeft{
	clear:left;
}

.clearRight{
	clear:right;
}

.clearAll{
	clear:both;
}

a.more{
	display:block;
	float:right;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left:15px;
	text-decoration: none;
}

div.stripe{
	padding: 3px 5px 3px 5px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
}

.oker{
	background-color: #FF8F1F;
	color: #FFFFFF;
}

.gray1{
	background-color: #E4E4E4;
	color: #000000;
}

a.banner, a.banner_width_border{
	display:block;
	margin-bottom:5px;
	text-align: center;
	text-decoration: none;
}

a.banner_width_border{
	border:1px solid #8E8E8E;
}

a.banner img, a.banner_width_border img{
	border:none;
}

div.thumbslist{
	float:right;
	padding-left:10px;
}

div.thumbslist a{
	display:block;
	margin-bottom:10px;
}

div.thumbslist a img, img.thumb{
	
}

#left_column H3 {
				 }

DIV.tabs {
	font-size: 10px;
	/*color: #FFFFFF;*/
	color:#802B0C;
	/*background-image: url(../images/left_column_h3_bg.gif);*/
	/*background-repeat: no-repeat;*/
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
DIV.tabs  A {display:block;float:left;background-color:#CEECF4;border:#CCCCCC 1px solid;padding:2px 5px 1px 5px; text-decoration:none;}
DIV.tabs  A:hover {text-decoration:none;}
DIV.tabs A.tab_selected {color:#000000; cursor:text;} /* boja selektiranog taba */
DIV.tabs A.tab {color:#B3B4B4; cursor:pointer;} /* boja teksta u tabu */
