/* ====================================================
   COMMON STYLES 
======================================================= */

html,body{height:100%;padding:0;margin:0}
div, p{margin:0;padding:0}
input,select,textarea{}
html,body,a,span,div,form,td,th,tr,*{font-family:Arial;font-size:12px}
ul,li{list-style:none;margin:0;padding:0}
img{border:0}
form{padding:0;margin:0}
acronym{border-bottom:1px dotted;cursor:help}
label{cursor:pointer}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;margin:0;padding:0;width:auto;position:relative}
td,th{text-align:left;padding:0;margin:0;vertical-align:top;}
a{color:#204CCA;}
a:hover{color:#FF6300}
a:visited{color:#204CCA}
.bold{font-weight: bold;}

/* clear block element */
.clear:after{content:".";display: block;height:0px;font-size:1px;line-height:0px;padding:0;clear:both;visibility:hidden}
/* IE-mac \*/
* html .clear {height: 1%;}
/* IE-mac */

/* table with checkboxes */
table.checkboxes td{padding:0 10px 0 0;}
.checked{color: blue;} /* checked checkbox / radio */

/*sumbols left*/
.symbolsleft{font-weight: normal;font-size:11px;font-family:Tahoma;color:#008000;padding-top:5px;}
.symbolsleft span{font-weight: normal;font-size:11px;font-family:Tahoma;color:#00F}


/* ====================================================
   LAYOUT
======================================================= */

/* wrappers */
body{text-align: center;background:#fff}
#layoutWrap{position:relative;width:100%;margin-left:auto;margin-right:auto;text-align:left;}
html, body, #layoutWrap{height:100%}
#layoutOuter{height:100%;min-height:100%;margin-left:230px;margin-right:0;margin-bottom:-52px;}
html>body #layoutOuter{height:auto}
#layoutOuterWrap{float:left;width:99%;}

/* clear divs */
#layoutClearHeader{height:170px} /* header */
#layoutClearFooter{clear:both;height:50px} /*footer*/

/* main column */
* html #columnMain{height:1%}
#columnMain{float:right;width:100%;position:relative;margin:0 -0.5%;}
#columnMainC1{padding:5px 20px 20px 15px;padding-bottom:20px;margin-bottom:10px;}
#columnMainC2{}
#columnMainC3{}

/* left column */
#columnLeft{position:relative;float:left;width:230px;margin-left:-229px;margin-top:0px;z-index:10;border-right:1px solid #ccc}
#columnLeftC1{margin:0px 10px 20px 10px;}
#columnLeftC2{}
#columnLeftC3{}

/* right column */
#columnRight{position:relative;width:180px;float:right;margin-right:-179px;}
#columnRightC1{padding:5px 0 10px 10px;background-color: #fff}
#columnRightC2{}
#columnRightC3{}

/* ====================================================
   FOOTER
======================================================= */
#footer{width:100%;clear:both;height:50px;position:relative;background-color:#476B91}
* html #footer{\height:52px;he\ight:50px}
#footerC1{padding-top:15px;color:#FFF7CD;text-align:center}
#footerC2{}
#footerC3{}
#footer .links li{display:inline;padding:0 10px;}
#footer .links li.sep{display: none}
#footer .links a{color:#fff;}


/* ====================================================
   HEADER
======================================================= */

#header{position:absolute;top:0;left:0;height:20px;width:100%;z-index:15;padding:0;background-color:#fff;}
#headerC1{}
#headerC2{}
#headerC3{}

#logo{position:absolute;top:40px;left:10px;z-index:16}

/* main menu */
.menu{position:absolute;top:69px;left:280px;z-index:100;}
.menu td{background: url(i/menu-left.gif) left top no-repeat;vertical-align:middle;text-align:center;white-space: nowrap;height:31px;padding-left:15px;}
.menu td div{background: url(i/menu-right.gif) right top no-repeat;text-align:center;height:31px;padding-top:10px;padding-right:15px;}
.menu a, .menu a:visited{font-weight: bold;color:#fff;font-size:12px;text-decoration:none;font-family:Verdana}
.menu a:hover{color:#F09D00}


/* trail navigation */
#trail{position:absolute;top:140px;left:0;width:100%;z-index:1;background-color: #EEEEEE;border-bottom:1px solid #D9D9D9}
#trail .c1{padding:1px 3px 5px 3px;}
#trail .c2{}
#trail .c3{}
#trail *{font-family:Tahoma;font-size:11px}
#trail li{display:inline;margin-right:2px}
#trail li.first{padding-left:16px;}
#trail a, #trail a *{font-size:11px;background:url(i/trail.gif) right 5px no-repeat;padding-right:10px;}
#trail a:hover{text-decoration:none}
#trail li.sep{}

/* header search */
.headerSearch{position:absolute;top:100px;left:0;z-index:10;width:100%;height:38px;background:#476B91 url(i/header-search-bg.gif) repeat-x;}
.headerSearch .c1{padding-top:8px;padding-left:210px;}
.headerSearch .c2{}
.headerSearch .c3{}
.headerSearch table{}
.headerSearch td{padding-left: 5px;padding-right:5px;vertical-align:middle;}
.headerSearch .fld{width: 200px;}
.headerSearch .text{font-weight: bold;color:#fff;font-size:14px;}

/* ====================================================
   TITLES & TEXTS
======================================================= */

h1{padding:0;margin:0 0 15px 0;color:#333333;}
h1 div{position:relative;padding-left:20px;font-size:18px;border-bottom:1px solid #DBDBDB;padding-bottom:5px;color:#333333;background: url(i/h1.gif) left 3px no-repeat} /*container*/
h1 span{} /*text with different color*/

.subtitle{height:44px;width:100%;background:url(i/subtitle-right.gif) right center no-repeat;margin-top:20px;margin-bottom:5px;}
.subtitle td{vertical-align: middle;height:44px;}
.subtitle .icon{width:58px;background: url(i/subtitle-left.gif) left center no-repeat;}
.subtitle .iconList{background: url(i/subtitle-icon-list.gif) left center no-repeat;}
.subtitle .iconSearch{background: url(i/subtitle-icon-search.gif) left center no-repeat;}
.subtitle .iconInfo{background: url(i/subtitle-icon-info.gif) left center no-repeat;}
.subtitle .title{font-size:14px;font-weight:bold;color:#fff;padding-left:2px;}

.subtitle .links{text-align: right;}
.subtitle .links table{width:auto;height:44px;float:right;}
.subtitle .links th{background: url(i/subtitle-links-l.gif) left center no-repeat;width:10px;}
.subtitle .links td{background: url(i/subtitle-links-r.gif) right center no-repeat;padding-right:15px;padding-left:5px;}
.subtitle .links a{font-weight: bold;}

p.text{padding-bottom: 15px;line-height:17px;}

/* ====================================================
   RIGHT / LEFT COLUMN BOXES
======================================================= */

.box{position:relative;margin-top:8px;border-top:1px solid #979797;}
.box .c1{padding-top:8px;}
.box .c2{}
.box .c3{}
.box .title{padding:4px 4px;font-weight:bold;font-size:14px;background-color: #C6D6E7;}
.box .content{padding: 5px 0;}

/* login box */
.boxLogin .key{color: #000;padding-top:5px;}
.boxLogin .btn{background-color:#E75710;color:#fff;font-weight:bold;width:50px;border:1px solid #F09D00;border-bottom:2px solid #F09D00}
.boxLogin .reg{font-weight: bold}
.boxLogin form{padding-bottom: 5px;}

/* ====================================================
  LISTS & DATA TABLES
======================================================= */

/* column list */
ul.list{}
ul.list li{background: url(i/list.gif) 0px 5px no-repeat;padding: 0 0 3px 12px;}
ul.listSmall a{font-size: 11px;} /* small letters list */
ul.list font{font-size: 10px;font-family:Tahoma;color:#979797}

/* categories / places table */
table.categories{}
table.categories td{background: url(i/list.gif) 0px 5px no-repeat;padding: 0 30px 3px 12px;}
table.categories td.e{background: none;} /*empty cell*/
table.categories span.disabled{color: #979797} /* empty category - without link */
table.categories a.disabled{color: #979797} /* empty category - with link */

table.categoriesBold td{padding-bottom:8px;}
table.categoriesBold a{font-weight: bold;}
table.categoriesBold span.disabled{color: #979797;font-weight: bold;} /* empty category - without link */
table.categoriesBold a.disabled{color: #979797;font-weight: bold;} /* empty category - with link */



/* tabs */
.tabs {position:relative;height: 3em;border-bottom:1px solid #C1C1C1;padding-left:20px;margin-bottom:1px;margin-bottom:10px;}
.tabs ul{margin:0;padding:0;position:absolute;bottom: -1px;width:100%; }
.tabs li{display: inline;list-style: none;}
.tabs ul a, .tabs ul a:visited,.tabs ul span,.tabs ul a.current {width: auto;display: block;float: left;padding: 4px 10px;margin: 1px 4px 0 0;
	text-align: center;font-family: tahoma, verdana, sans-serif;font-size: 12px;font-weight:bold;text-decoration: none;color:#767676;}
.tabs ul span,.tabs ul a.current,.tabs ul a.current:hover {
	border: 1px solid #C1C1C1;border-bottom: none;background: #fff;padding-bottom: 6px;margin-top: 0;color:#000;}
.tabs ul a {background: #D8E3EF;color:#979797;border: 1px solid #CECECE;border-bottom: none;}
.tabs ul a:hover {margin-top: 0;border-color: #666;background: #DCDCCD;padding-bottom: 5px;}


/* short listing */
table.itemsShort{width:100%;}
table.itemsShort th{padding: 4px 8px}
table.itemsShort td{padding: 4px 8px}
table.itemsShort tr.odd td{background-color: #D8D8D8;}
table.itemsShort td.title a{font-weight:bold;}
table.itemsShort td.title a.disabled{color: #D00000}

/* extended listing */
div.items{}
div.items .itemsC1{}
div.items .itemsC2{}
div.items .itemsC3{}

div.items .itemSeparator{position:relative;border-top:1px solid #979797;margin-top:15px;padding-bottom:15px;}
div.items .itemSeparatorFirst{position:relative;border-bottom:1px solid #979797;margin-top:15px;margin-bottom:15px;}
div.items .itemSeparatorLast{position:relative;border-top:1px solid #979797;margin-top:15px;padding-bottom:15px;}

div.item{}
div.item .c1{}
div.item .c2{}
div.item .c3{}

table.item{width: 100%;}
table.item td.image{width: 150px;padding:0 15px 5px 0;}
table.item td.image img{width: 150px;}

.item td.content{padding: 0 0 0 0;text-align:left}

.item .title{font-weight: bold;font-size:14px;padding-bottom:5px;}
.item .title a{font-weight: bold;font-size:14px;}
.item .title a:hover{color: #E75710}

.item .itemSubtitle{padding-bottom:5px;}
.item .itemSubtitle, .item .itemSubtitle *{font-weight: bold;}



.item p{} /* description */

.item table.params{margin-top:5px;}
.item table.params td.k{padding:1px 10px 1px 0;color:#009900} /* #979797 */
.item table.params td.v{padding:1px 30px 1px 0}
.item table.params td.bold{font-weight:bold;} /*bold values - like phone */

.item .buttons{position:relative;margin-top:5px;}
.item .buttons li{display: inline;position:relative;}
.item .buttons li a{color:#fff;text-decoration: none;font-weight:bold;}
.item .buttons li a:hover{color: Yellow;}
.item .buttons li div{background: url(i/item-button-left.gif) left center no-repeat;float:left;margin-right:10px;}
.item .buttons li div div{background: url(i/item-button-right.gif) right center no-repeat;padding:4px 10px 5px 10px;margin-right:0px;}


/* item page */
table.itemView{width:100%;margin-top:15px;}
table.itemView td.image{padding-right:20px;}
table.itemView td.image img{border: 1px solid #ccc;}

table.itemView td.description{padding:0 0 15px 0};
table.itemView td.description p{line-height: 17px;text-align: justify;}

table.itemView table.params{margin-top: 5px;}
table.itemView table.params td.k{padding:2px 5px 2px 0;color:#979797}
table.itemView table.params td.v{padding:1px 25px 1px 0}
table.itemView table.params a{font-weight: bold;}

table.itemParams{}
table.itemParams td.k{padding:1px 10px 1px 0;color:#009900} /* #979797 */
table.itemParams td.v{padding:1px 35px 1px 0}
table.itemParams td.bold{font-weight:bold;} /*bold values - like phone */



/* gallery */
.gallery{position:relative;margin-top:15px;}
.gallery .c1{position:relative;}
.gallery .c2{position:relative;}
.gallery .c3{position:relative;}

.gallery .galleryBox{position:relative;float:left;display:block;margin-right:10px;margin-bottom:10px;background-color:#D8D8D8;border:1px solid #ccc ;}
.gallery .galleryImage{position:relative;margin:10px;background-color: #D8D8D8;text-align:center;}
.gallery .galleryDescription{position:relative;margin:10px;line-height:20px;height:40px;overflow:hidden;font-family:Tahoma;font-size:11px;} /* 1 row desc*/


/* ====================================================
  PAGER
======================================================= */

div.pagerTop{background-color: #C6D6E7;position:relative;}
div.pagerTop .c{}
div.pagerTop table{width:100%;}
div.pagerTop td{padding:4px 5px;width:33%}
div.pagerTop td.left{text-align:left;padding-left:15px;}
div.pagerTop td.left .num{font-weight: bold;}
div.pagerTop td.right{text-align:right;padding-right:15px;}

div.pager{background-color: #C6D6E7;position:relative;}
div.pager .c{}
div.pager table{width:100%;}
div.pager td{padding:8px 5px;width:33%}
div.pager td a{font-weight: bold;font-size:14px;}
div.pager td.next{text-align:right;padding-right:15px;}
div.pager td.prev{text-align:left;padding-left:15px;}
div.pager td.top{text-align:center;}
div.pager td.top a{color:#009900}


/* ====================================================
  FORMS
======================================================= */

form{}
.form .c1{}
.form .c2{}
.form .c3{}

.form p.formText{padding-bottom: 10px;}

.form .section{padding:15px 5px 5px 5px;font-weight:bold;font-size:14px;}
.form .line{border-bottom:1px solid #ccc}

.form .formData{margin-top:3px;margin-bottom:3px;border:1px solid #B4C9DF;border-top:1px solid #B4C9DF; border-left: 1px solid #B4C9DF;width:100%;}
.form .formData td.k, .form .formData td.v{vertical-align: middle;padding:7px;}
.form .formData td.top{vertical-align: top;padding-top:5px}
.form .formData td.v{padding-left:10px;}
.form .formData td.k{text-align:left;padding-right:5px;padding-left:10px;width:150px;background-color: #D8E3EF;color:#000;font-size:13px;}
.form span.required{background: url(i/form-required.gif) left center no-repeat;padding-left:15px;font-size:13px;}

.form .error{color: #D00000;font-weight:bold;}
.form .desc{color:#4B4B4B}
.form span.desc{padding-left:10px;}
.form p.desc{padding:0 0 0 0;margin:0}
.form input, .form select, form textarea{font-size:14px;}

.form .formButtons{width:100%;}
.form .formButtons td{padding:5px 0 5px 180px;}
.form .btn{font-weight:bold;cursor:pointer;padding:3px 10px;border:1px solid #F09D00;background:#E75710 url(i/form-btn-bg.gif) repeat-x;color:#fff}

.noteRequired{padding: 10px 0;font-style: italic;}
.noteRequired span.required{background: url(i/form-required.gif) 3px center no-repeat;padding-left:15px;font-weight:bold}


/* ====================================================
  ERRORS & MESSAGES
======================================================= */

.sysError{position:relative;border: 1px solid #DE2600;color:#D00000;background: #FFDBDB url(i/sys-error.gif) 4px 6px no-repeat;padding:5px 5px 5px 24px;font-weight:bold;margin-bottom:10px;margin-top:10px}
.sysError .c1{}
.sysError .c2{}
.sysError .c3{}

.sysMessage{position:relative;border: 1px solid #ccc;background:#F0E68C url(i/sys-message.gif) 4px 6px no-repeat;padding:5px 5px 5px 24px;font-weight:bold;margin-bottom:10px;margin-bottom:10px;margin-top:10px}
.sysMessage .c1{}
.sysMessage .c2{}
.sysMessage .c3{}

.sysWarning{position:relative;border: 1px solid #F09D00;background: #FAD9BE url(i/sys-warning.gif) 4px 6px no-repeat;padding:5px 5px 5px 24px;font-weight:bold;margin-bottom:10px;margin-bottom:10px;margin-top:10px}
.sysWarning .c1{}
.sysWarning .c2{}
.sysWarning .c3{}

/* ====================================================
  RATINGS
======================================================= */
table.ratingOptions{}
table.ratingOptions td{text-align:center;padding:4px;vertical-align:top;border:1px solid #fff}
table.ratingOptions td.code{text-align:right;padding-right:10px;}
table.ratingOptions td.desc{color: #4B4B4B;font-family:Tahoma;font-size:11px;}
table.ratingOptions div{font-family: Tahoma;font-size:10px;font-weight:bold;color:#657482}
table.ratingOptions td.s{background-color: #F0E68C;}
.rating00, .rating05, .rating10, .rating15, .rating20, .rating25, .rating30, .rating35, .rating40, .rating45, .rating50
{width:55px;height:12px;background-repeat:no-repeat}
.rating00{background-image:url(i/rating/00.gif)}
.rating05{background-image:url(i/rating/05.gif)}
.rating10{background-image:url(i/rating/10.gif)}
.rating15{background-image:url(i/rating/15.gif)}
.rating20{background-image:url(i/rating/20.gif)}
.rating25{background-image:url(i/rating/25.gif)}
.rating30{background-image:url(i/rating/30.gif)}
.rating35{background-image:url(i/rating/35.gif)}
.rating40{background-image:url(i/rating/40.gif)}
.rating45{background-image:url(i/rating/45.gif)}
.rating50{background-image:url(i/rating/50.gif)}

table.ratingInfo{border: 3px solid #DBDBDB;background:#DBDBDB;}
table.ratingInfo td{padding:2px 5px;font-family:Tahoma;color:#4B4B4B;font-size:11px;font-weight:bold;white-space: nowrap;text-align:left}
table.ratingInfo tr.overall td{border-top:1px solid #BFBFBF}


/* ====================================================
 CUSTOM
======================================================= */

/*item review*/
.item .itemReview{width: 100%;background-color: #DBDBDB;margin-top:5px;margin-bottom:5px;}
.item .itemReview .rating{text-align:right;padding:5px;}
.item .itemReview .review{padding:5px;}

table.quotesColumnLeft{width:100%;}
.quotesColumnLeft th{font-weight: normal;padding-right:10px;}
.quotesColumnLeft td{text-align: right;color:#FF6300;font-weight:bold;}