﻿/* Default Settings */
body, p, a, img, h2, div, table, ol, ul, li, fieldset, form { margin: 0;padding: 0;}
body{font-family: Verdana;font-size: 10px;color: #333;background: url('images/bg-h.png' ) repeat-y top center;}
img{border-style: none;}
ul, ol, li{list-style-type: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
.kalin{font-weight: bold;font-size: 9px;}

/* Default Settings --*/

#wrapper{width: 960px;height: auto;margin: 0 auto;overflow: hidden;background-color: #fff;}
#header{height: 175px;overflow: hidden;position: relative;margin-bottom: 5px;padding-left: 5px;}
.header-logo{width: 129px;height: 136px;float: left;background-repeat: no-repeat;background-image: url('images/header_logo.png' );}
.header-banner{width: 826px;height: 145px;position: relative;float: left;background: transparent url('images/bg_banner.png' ) no-repeat;}
.header-tarih{position: absolute;width: auto;height: auto;right: 28px;top: 20px;text-align: right;color: #aa0000;font-family:Arial;}
#contentHolder{height: auto;overflow: hidden;padding-right: 5px;padding-left: 5px;}
#contentLeft{float: left;width: 200px;margin-right: 5px;overflow: hidden; /*	background-color: #fff9cd;*/}
#contentMiddle{float: left;width: 540px;height: auto;margin-right: 5px;padding-bottom: 30px;background: #FFF9CD url('images/module-footer.png' ) no-repeat bottom;}
#contentRight{float: left;width: 200px;overflow: hidden;}
#footer{width: 960px;height: 120px;position: relative;margin: 0 auto;margin-top: 5px;overflow: hidden;background: transparent url('images/bg-footer.png' ) repeat-x left;}

/* MAIN MENU ----------------------------------------------------------*/
.menu{width: 950px;overflow: hidden;font-size: 9px;font-weight: bold;border-bottom: solid 4px #ddd;background: transparent url('images/bg_menu_hover.png' ) repeat-x left;}
.menu li{float: left;}
.menu li a{display: block;padding: 6px 10px;text-decoration: none;color: #fff;border-right: solid 1px #fff;}
.menu li a:hover{text-decoration: none;color: #666;background: transparent url('images/bg_menu.png' ) repeat-x left;}
/* End of MAIN MENU ------------------------------------------------ */
.login{width: 195px;padding-top: 40px;padding-bottom: 5px;padding-left: 5px;height: auto;margin-bottom: 5px;border-bottom: solid 5px #e88d8b;background: #fff9cd url('images/login-header.png' ) no-repeat top;}
.search{width: 195px;padding-top: 50px;padding-bottom: 5px;padding-left: 5px;border-bottom: solid 5px #e88d8b;height: auto;background: #fff9cd url('images/search-header.png' ) no-repeat top;}
.contact{width: 530px;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;padding-top: 40px;height: auto;background: #fff9cd url(' images/contact-header.png' ) no-repeat top;}
/* SIGN UP -------------------------------------------------------------- */
.signUp-header{width: 530px;padding: 50px 5px 5px 5px;height: auto;background: #fff9cd url('images/signUp-header.png' ) no-repeat top;}
.signUp-table{width: 100%;}
.signUp-table input, select, textarea{font-size: 12px;}
fieldset{padding: 0;border: solid 1px #ccc;}
legend{margin-left: 1em;color: #000000;font-weight: bold;}
.signUp-Successful{text-align: center;padding: 5px 30px 20px 30px;font-size: 11px;line-height: 1.5em;}
/* END OF SIGN UP -----------------------------------------------------------*/
.confirmation-header{width: 530px;padding: 40px 5px 5px 5px;height: auto;background: #fff9cd url('images/confirmation-header.png' ) no-repeat top;}
.password-header{width: 530px;padding: 40px 5px 5px 5px;height: auto;background: #fff9cd url('images/password-header.png' ) no-repeat top;}
/* Tours --------------------------------------------------------- */
.tours{padding-top: 45px;width: 540px;background: #fff9cd url('images/tours-header.png' ) no-repeat left top;position: relative;overflow: hidden;}
.login-info{position: absolute;z-index: 100;top: 42px;height: 15px;left: 20px;color: #5c81bb;font-size: 10px;padding-left: 20px;background: transparent url('images/login-info.png' ) no-repeat 0px 0px;}
.login-info a{color: #5c81bb;text-decoration: underline;}
.just-tour{margin-bottom: 10px;padding: 10px;padding-bottom: 2px;font-size: 11px;color: #333;position: relative;}
.chartDiv{width: 150px;height: auto;float: left;margin-top: 10px;margin-bottom: 10px;padding-right: 5px;text-align: center;}
.just-tour-info{width: 465px;height: auto;background: #fffbe0 url('images/just-tour-info.png ' ) top left no-repeat;border: solid 1px #fff3a2;padding: 30px 10px 10px 40px;overflow: hidden;position: relative;}
.just-tour-info p{color: #6c6c6c;}
.just-tour-info strong{font-family: Tahoma;color: #5c81bb;width: 100px;font-size: 11px;}
.just-tour-pictures{width: 480px;height: auto;background: #fffbe0 url('images/just-tour-info-pictures.png') top left no-repeat;border: solid 1px #fff3a2;padding: 45px 10px 10px 25px;overflow: hidden;margin-top: 10px;}
.just-tour-question{width: 480px;height: auto;background: #fffbe0 url('images/just-tour-info-question.png') top left no-repeat;border: solid 1px #fff3a2;padding: 45px 10px 10px 25px;overflow: hidden;margin-top: 10px;}
.generalH2{width: 480px;height: 21px;background-image: url('images/just-tour-header.png' );padding-left: 60px;padding-top: 9px;font-family: verdana;color: #d05800;font-weight: bold;font-size: 11px;letter-spacing: -1px;}
.generalH2 a{color: #d05800;text-decoration: none;font-weight: bold;font-size: 11px;letter-spacing: -1px;font-family: verdana;}
.generalH2 a:hover{text-decoration: underline;}
.tours em{}
.pInformation{font-size: 11px;line-height: 1.5em;padding: 10px 10px 0 0;color: #544e1f;}
.tour-image{float: left;padding: 5px;background-color: #fff;border: solid 1px #fef090;width: 134px;height: 101px;margin: 5px 5px 5px 0px;}
.forMore{color: #544e1f;font-weight: bold;font-style: italic;}
.forMore a{color: #544e1f;font-weight: bold;}
.forMore a:hover{color: #111;}
/* End of Tours ------------------------------------------------------------- */

/* Hotels ------------------------------------------------------------------- */
.hotels
{
    padding-top: 45px;
    width: 540px;
    background: #fff9cd url(                                          'images/hotels-header.png' ) no-repeat left top;
    position: relative;
    overflow: hidden;
}

/* End of Hotels ------------------------------------------------------------ */

/* EDIT YOUR TRIP ----------------------------------------------------------- */

.edit-yourTrip-header
{
    width: 530px;
    padding: 40px 5px 5px 5px;
    height: auto;
    background: #fff9cd url(                                                          ' images/edit-yourTrip-header.png' ) no-repeat top;
}

.cartLink
{
    color: #d92424;
    text-decoration: none;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

/* End of Edit Your Trip ---------------------------------------------------- */

/* Tours.aspx de sayfalandırma ---------------------------------------------- */
.navigasyon
{
    text-align: center;
}
.navigasyonSayfa
{
    vertical-align: super;
}
/* -------------------------------------------------------------------------- */

.tableColor
{
    background-color: #feef92;
    color: #880000;
    font-weight: bold;
    font-size: 10px;
}
.tableColor-NoText
{
    background-color: #feef92;
}

/* Ana Sayfa ---------------------------------------------------------------- */
.mainDiv
{
    width: 540px;
    height: auto;
    background: url(                                        'images/mainDiv-bg.png' ) repeat-x top;
    overflow: hidden;
}
.mainP
{
    line-height: 1.5em;
    font-family: verdana;
    font-size: 11px;
    padding: 15px;
    padding-bottom: 20px;
    color: #333;
}
.mainH2
{
    width: 319px;
    height: 49px;
    background: url(                                        'images/mainH2.png' ) no-repeat left;
    text-indent: -99999999px;
}
.searchInfo
{
    float: right;
    padding-top: 5px;
    padding-right: 20px;
}
/* End of Ana Sayfa :) ------------------------------------------- */

/* Cart ---------------------------------------------------------- */
.proceed
{
    background-color: #ffea59;
    border-top: solid 1px #d4b900;
    width: 530px;
    position: relative;
    height: 25px;
    margin-bottom: 20px;
}

.btnUpdate
{
    position: absolute;
    top: 30px;
    left: 10px;
}

.btnProceed
{
    position: absolute;
    top: 30px;
    left: 440px;
}

.lblTotal
{
    position: absolute;
    top: 6px;
    left: 415px;
    font-weight: bold;
}
/* End of Cart ---------------------------------------------------------- */
/* Proceed Shopping ----------------------------------------------------- */
.textBoxWidth
{
    width: 170px;
}
/* End of Proceed Shopping ---------------------------------------------- */
/* Edit Tours ----------------------------------------------------- */
.admin-textBoxWidth
{
    width: 425px;
}
/* End of Edit Tours ---------------------------------------------- */

.adminText
{
    font-family: Tahoma;
    font-size: 11px;
    color: #333;
}

/* Admin --------------------------------------------------------- */

.adminView
{
    width: 530px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
    padding-top: 40px;
    height: auto;
    background: #fff9cd url(                                                          ' images/admin-header.png' ) no-repeat top;
}
.admin-image
{
    padding: 5px;
    background-color: #fff;
    border: solid 1px #fef090;
    width: 115px;
    height: 87px;
    margin: 5px 5px 5px 0px;
}
/* Admin Menu ------------------------------------------------ */
.adminMenu-holder
{
    background: url(                       'images/admin-menu-header.png' ) top no-repeat;
    padding-top: 45px;
    border-bottom: solid 5px #e88d8b;
}

.adminMenu
{
    background-color: #fff9cd;
}

.adminMenu li:hover
{
    background-color: #FDE548;
}

.adminMenu li a
{
    text-decoration: none;
    display: block;
    padding: 7px;
    color: #880000;
    font-size: 9px;
    font-weight: bold;
    padding-left: 35px;
    border-bottom: solid 1px #feea68;
}
.subMenu
{
    padding: 5px;
    display: block;
    background: #93c3d9 url(                          'images/admin-menu-submenu.png' ) 7px 4px no-repeat;
    font-variant: small-caps;
    font-weight: bold;
    padding-left: 35px;
    font-size: 9px;
}

.adminMenu .addPhoto
{
    background: url(                          'images/admin-menu-addPhoto.png' ) 7px 6px no-repeat;
}
.adminMenu .addTour
{
    background: url(                          'images/admin-menu-addTour.png' ) 7px 6px no-repeat;
}
.adminMenu .editTour
{
    background: url(                          'images/admin-menu-editTour.png' ) 7px 6px no-repeat;
}
.adminMenu .editUsers
{
    background: url(                          'images/admin-menu-users.png' ) 7px 6px no-repeat;
}
/* End of Admin Menu -----------------------------------------------------------  */

/* User Menu ------------------------------------------------------------------- */
.userMenu-holder
{
    background: url(                       'images/myAccount-menu-header.png' ) top no-repeat;
    padding-top: 45px;
    border-bottom: solid 5px #e88d8b;
    margin-bottom: 5px;
}

.userMenu
{
    background-color: #fff9cd;
}

.userMenu li
{
    background: url(                       'images/login-islem.png' ) 10px 8px no-repeat;
}

.userMenu li:hover
{
    background-color: #FDE548;
}

.userMenu li a
{
    text-decoration: none;
    display: block;
    padding: 7px;
    color: #880000;
    font-size: 9px;
    font-weight: bold;
    padding-left: 35px;
    border-bottom: solid 1px #feea68;
}
.subMenu
{
    padding: 5px;
    display: block;
    background: #93c3d9 url(                          'images/admin-menu-submenu.png' ) 7px 4px no-repeat;
    font-variant: small-caps;
    font-weight: bold;
    padding-left: 35px;
    font-size: 9px;
}
/* End of User Menu ----------------------------------------------------------- */

/* USER ACCOUNT --------------------------------------------------------------- */
.userAccount
{
    width: 530px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
    padding-top: 50px;
    height: auto;
    background: #fff9cd url(                                                          ' images/userAccount-header.png' ) no-repeat top;
}
/* END of USER ACCOUNT --------------------------------------------------------------- */

.tourIcons
{
    position: absolute;
    top: 17px;
    right: 25px;
}

.starIcons
{
    position: absolute;
    top: 40px;
    right: 20px;
}
/* Grid Hovers ---------------------------------------------------------------- */
.gridCSS:hover
{
    background-color: #d3e4ed;
}
.gridAlternateCSS
{
    background-color: #fff5b3;
}
.gridAlternateCSS:hover
{
    background-color: #d3e4ed;
}
/* End of Grid Hovers ---------------------------------------------------------- */
.calanderIN
{
    position: absolute;
    z-index: 100;
    top: 200px;
}
.calanderOUT
{
    position: absolute;
    z-index: 101;
    top: 235px;
}

/* Customer Screen ----------------------------------------------------------- */
.customerFieldSet
{
    width: 90%;
    text-align: left;
    padding: 10px;
    background-color: #fffbe0;
    position: relative;
}
.customerLegend
{
    position: absolute;
    top: -.5em;
    left: .2em;
    color: #d05800;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -1px;
}
.customerUL
{
    padding: 10px 0px 10px 50px;
}
.customerUL li
{
    padding: 3px 0px 3px 25px;
    background: url(          'images/login-islem.png' ) left no-repeat;
}
.header-MyAccount
{
    position: absolute;
    right: 10px;
    top: 0px;
    width: 100px;
    font-size: 11px;
    z-index: 100;
}
.header-MyAccount a
{
    padding: 3px 0;
    color: #ce926c;
    display: block;
    background-color: #f9f9f9;
}
.header-MyAccount a:hover
{
    color: #aa0000;
    text-decoration: none;
    background-color: #fff9cd;
}
/* End of Customer Screen ----------------------------------------------------------- */

/* Shopping Screen ------------------------------------------------------------------ */
.shoppingView
{
    width: 530px;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 1.5em;
    padding-top: 50px;
    height: auto;
    background: #fff9cd url(                                                          ' images/shopping-header.png' ) no-repeat top;
}

.shopping-Completed-Table
{
    width: 100%;
    font-size: 11px;
    background-color: #fff9cd;
}
.shopping-Completed-Table tr
{
    background-color: #feed7e;
}
.shopping-Completed-Table .bukalemun
{
    background-color: #fff9cd;
}
.shopping-Completed-Table .round-lt
{
    background: #feed7e url(       'images/table-Rounded-lt-lb.png' ) top left no-repeat;
}
.shopping-Completed-Table .round-lb
{
    background: #feed7e url(       'images/table-Rounded-lt-lb.png' ) bottom left no-repeat;
}
.shopping-Completed-Table .round-rt
{
    background: #feed7e url(       'images/table-Rounded-rt-rb.png' ) top right no-repeat;
}
.shopping-Completed-Table .round-rb
{
    background: #feed7e url(       'images/table-Rounded-rt-rb.png' ) bottom right no-repeat;
}

.shopping-Completed-Table .round-lt-acik
{
    background: #feed7e url(       'images/table-Rounded-acik-lt-lb.png' ) top left no-repeat;
}
.shopping-Completed-Table .round-lb-acik
{
    background: #feed7e url(       'images/table-Rounded-acik-lt-lb.png' ) bottom left no-repeat;
}
.shopping-Completed-Table .round-rt-acik
{
    background: #feed7e url(       'images/table-Rounded-acik-rt-rb.png' ) top right no-repeat;
}
.shopping-Completed-Table .round-rb-acik
{
    background: #feed7e url(       'images/table-Rounded-acik-rt-rb.png' ) bottom right no-repeat;
}
/* End of Shopping Screen ------------------------------------------------------------------ */

/* Footer Misc. ---------------------------------------------------------------------------- */

.footer-menu
{
    position: absolute;
    top: 98px;
    right: 5px;
    font-family: Tahoma;
    font-size: 9px;
    font-weight: bold;
}
.footer-menu li
{
    float: left;
    color: #cc0000;
}
.footer-menu li a
{
    text-decoration: none;
    color: #d05831;
    padding: 0 6px;
}
.footer-menu li a:hover
{
    text-decoration: none;
    color: #cc0000;
}

.footer-logo
{
    position: absolute;
    top: 15px;
    left: 10px;
    width: 90px;
    height: 95px;
    background: transparent url(    'images/footer-logo.png' ) no-repeat;
}

.footer-info
{
    position: absolute;
    top: 40px;
    text-align: right;
    right: 10px;
    color: #cc0000;
    font-size: 9px;
}
/* End of Footer Misc. ---------------------------------------------------------------------------- */

/* ASSOCIATERS ------------------------------------------------------------------------------------ */
.associate
{
    width: 195px;
    padding-top: 35px;
    padding-bottom: 5px; /*border-bottom: solid 5px #e88d8b;*/
    padding-left: 5px;
    height: auto;
    background: #fff9cd url(                                                             'images/associate-header.png' ) no-repeat top;
}

.yachtPricesBox
{
    width: 50px;
}
.creditCardFields
{
    background-color: #e8f1fe;
}
.creditCardFields2
{
    background-color: #fafcba;
}

.destinationPicker
{
    border: dashed 1px #d0582b;
    padding: 5px;
    margin: 5px 5px;
    background-color: #fde755;
    width: 515px;
    color: #ad4118;
}

.imgShowCase
{
    width: 200px;
    height: 150px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #FEF090;
    float: left;
    margin: 10px 10px 10px 10px;
}
.pShowCase
{
    padding: 5px 5px 0px 5px;
    font-size: 11px;
    font-family: verdana;
    line-height: 1.5em;
    color: #333;
}

.h2ShowCase
{
    padding-top: 10px;
    color: #972320;
    font-size: 12px;
}

.showCaseLink
{
    color: #333;
    text-decoration: none;
}
.showCaseLink:hover
{
    text-decoration: none;
}

.showCaseLink img
{
    border: none;
}

.block
{
    display: block;
}
.bold
{
    font-weight: bold;
}
.comment
{
    padding: 10px;
}
.comment-item
{
    background-color: #FFFBE0;
    border: solid 1px #FFF3A2;
    padding: 3px;
    margin: 3px 0;
}
.commentAuthor
{
    color: #972320;
    text-decoration: none;
    font-size: 12px;
    float: left;
}
.commentDate
{
    color: #ccc;
    font: italic 11px/15px Georgia;
    float: right;
    padding-right: 3px;
}
.commentBody
{
    font: normal 11px/15px Georgia;
    padding: 5px;
}


.tipContainer
{
    width: 200px;
    height: 200px;
    position: relative;
    background-color:#fff;
}
.tipInfo
{
    position: absolute;
    font-weight:bold;
    width: 190px;
    height: 36px;
    display: block;
    padding: 2px 5px;
    left:0px;
    bottom: 5px;
    color: #2c82e0;
    background:url('/images/tipBand.png') no-repeat;
}
.cycleTips
{
    width: 200px;
    height: 200px;
}

.form-base{padding:15px;}
.form-base h2 {background: url('../images/blackdot.gif') repeat-x center; margin-bottom:15px;}
.form-base h2 span {font: normal 20px/15px Times, serif; color:#333; background-color:#FFF; padding:0 5px 0 5px; margin-left:10px; }               
.form-base p {padding:4px;}
.form-base span {}

.table-base {/*border:solid 1px #ccc;*/ font-size:11px;}
.zebra-light {background-color:#f9f9f9;}
.zebra-dark {background-color:#eee;}
.tr-base td {border-bottom: solid 1px #ccc; /*border-right: solid 1px #ccc;*/ padding: 3px;}

/* Btn Admin*/
.btn-admin {text-align:center; background:#ccc; color:#333; padding:5px 15px; border:solid 1px #bbb; border-right:solid 2px #999; border-bottom:solid 2px #999;}
.btn-admin:hover {text-decoration:none; background-color:#aaa; color:#fff;}

.width100 {width:100%;} .width99 {width:99%;} .width98 {width:98%;} .width95 {width:95%;} .width90 {width:90%;} .width85 {width:85%;} .width80 {width:80%;}
.width75 {width:75%;} .width60 {width:60%;} .width55 {width:55%;} .width50 {width:50%;} .width49 {width:49%;} .width45 {width:45%;} .width40 {width:40%;}
.width35 {width:35%;} .width30 {width:30%;} .width25 {width:25%;} .width20 {width:20%;} .width18 {width:18%;} .width15 {width:15%;} .width12 {width:12%;}
.width10 {width:10%;} .width5 {width:5%;} .width2 {width:2%;}
.bold {font-weight:bold;}
.txt-base {border:solid 1px #ccc; padding:2px; background:#fff url('../images/txt-base.png') repeat-x top left; }

ul.question-holder li.question {margin-bottom:5px;}
ul.question-holder li.question span {display:block; background:#fff url('/images/arrow_13.gif') no-repeat 2% 50%;
                                 padding:4px 0 4px 30px; font:bold 12px/15px Arial; color:#70B1E8;
                                 border-top:dotted 1px #ddd; border-bottom:dotted 1px #ddd; 
                                 }
ul.question-holder ul.question-selection {padding-left:10px;}
ul.question-holder ul.question-selection li.selection {background:none; font:normal 12px/15px arial; color:#444;}

.info-yellow{display: block;padding: 5px 10px;border: solid 1px #FFD47F;padding-left: 30px;background: #FFFF7F url("../images/info-yellow.png") no-repeat 1% 50%;margin-bottom: 10px;}
.info-green {display: block;padding: 5px 10px;border: solid 1px #BBE62E;padding-left: 30px;background: #F1F593 url("../images/ok.png") no-repeat 1% 50%;margin-bottom: 10px;}
