* {margin: 0; padding: 0;}
html {height: 100%;}
body {font: 12px Arial, sans-serif; color: #555; background: #fff url(../img/background.jpg) center 60px no-repeat;}
a {color: #555; text-decoration: none; outline: 0;}
a:hover {color: #c4101c;}
img {border: 0;}
table {width: 100%; border-collapse: collapse;}
button, label {cursor: pointer;}
button, input, select, textarea {margin: 0; font: 12px Arial, sans-serif; vertical-align: middle; outline: 0;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}

.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}

.clr {clear: both;}
.hide {display: none;}
.nolist {list-style: none;}
.relative {position: relative;}
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.float-left {float: left;}
.float-right {float: right;}
.lineheight {line-height: 150%;}

.radius5 {-webkit-border-radius: 5px; border-radius: 5px;}
.radius8 {-webkit-border-radius: 8px; border-radius: 8px;}
.radius8-top {-webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
.radius8-bot {-webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.radius10 {-webkit-border-radius: 10px; border-radius: 10px;}
.mb15 {margin-bottom: 15px;}
.mtop20 {margin-top: 20px;}
.container {margin: 0 auto; width: 990px;}

.main {}
.leftside {float: left;}
.rightside {float: right;}
.page-title {margin: 0 0 10px 0; padding: 10px; font-size: 16px; font-weight: bold; font-style: italic; background-color: #777; color: #fff;}
.page-subtitle {margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd;}
.main {margin-top: 30px;}

.goback {margin: 15px 0;}
.goback a {display: inline-block; padding: 5px 10px 4px 10px; font: bold 11px Arial; background-color: #f5f5f5; border: 1px solid #ddd; -webkit-border-radius: 5px; border-radius: 5px;}
.goback a span {font-size: 15px; display: block; margin: -2px 3px 0 0; float: left;}
.goback a:hover {border: 1px solid #ccc; background-color: #eee;}


.header {background: url(../img/menu-background.png) left 20px repeat-x; height: 110px; position: relative;}
.header .logo {width: 286px; height: 89px; background: url(../img/logo.jpg) no-repeat; position: absolute; margin-top: -1px;}
.header .logo a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
.header .menu {float: right; margin-top: 33px; font-size: 15px;}
.header .menu ul {list-style: none;}
.header .menu li {float: left;}
.header .menu li.separator {margin: -2px 10px 0 10px; width: 1px; background-color: #761216; border-right: 1px solid #c5454d; height: 22px;}
.header .menu li a {color: #fff; display: block; padding: 2px 0 15px 0; font-size: 12px; font-weight: bold;}
.header .menu li ul {visibility: hidden; padding: 5px 0; z-index: 10; margin-left: -12px; position: absolute; background-color: #96080d;}
.header .menu li ul li {float: none;}
.header .menu li ul li a {padding: 5px 11px; font-size: 12px;}
.header .menu li ul li a:hover {padding: 5px 11px;}
.header .menu li ul li:first-child a {border-top: 0;}
.header .menu li:hover ul {visibility: visible;}
.header .lang {float: right; margin-top: 20px; color: #888; font-weight: bold;}
.header .lang a {color: #888;}
.header .lang a:hover {color: #c4101c;}


.banner {height: 280px; position: relative; margin-bottom: 30px;}
.banner .bx-wrapper {position: relative; height: 100%;}
.banner .bx-wrapper .bx-controls {width: 990px; padding: 0 50px; position: relative; margin: -140px auto 0 auto;}
.banner .bx-wrapper .bx-controls .bx-prev {width: 44px; height: 44px; position: absolute; left: 0; top: 50%; margin-top: -22px; background: url(../img/banner-navs.png) 0 0 no-repeat; text-indent: -9999px;}
.banner .bx-wrapper .bx-controls .bx-next {width: 44px; height: 44px; position: absolute; right: 0; top: 50%; margin-top: -22px; background: url(../img/banner-navs.png) -44px 0 no-repeat; text-indent: -9999px;}
.banner .container {height: 280px; position: relative;}
.banner .detail {position: absolute; right: 30px; top: 50px; text-align: center;}
.banner .detail .title {font-size: 40px; font-weight: bold; color: #444;}
.banner .detail .price {font-size: 50px; font-weight: bold; color: #df111f;}
.banner .detail .price span {color: #444; font-size: 20px;}
.banner .detail .hire {text-align: center;}
.banner .detail .hire a {display: inline-block; font-size: 16px; padding: 10px; color: #fff; background-color: #df111f; -webkit-border-radius: 3px; border-radius: 3px;}

.pricecalc {width: 680px; margin: auto; padding: 40px 0 30px 0;}
.pricecalc .row {margin-bottom: 10px;}
.pricecalc .row-mini {width: 330px;}
.pricecalc .textbox {color: #888; border: 1px solid #ccc; width: 140px; background: #fff; padding: 0 10px; height: 35px; font: 14px Arial; letter-spacing: -1px; vertical-align: top; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; -webkit-box-shadow: inset 1px 1px 3px 0px #ccc; box-shadow: inset 1px 1px 3px 0px #ccc;}
.pricecalc .selectbox {display: inline-block; text-align: left; vertical-align: top;}
.pricecalc .selectbox-label {border: 1px solid #ccc; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 3px 0px #ccc; box-shadow: inset 1px 1px 3px 0px #ccc;}
.pricecalc .selectbox-label span {display: block; height: 35px; overflow: hidden; padding: 0 33px 0 9px; font: 16px/35px Arial; letter-spacing: -1px; color: #888; cursor: pointer; background: url(../img/styledform-selectdown.png) right center no-repeat;}
.pricecalc .selectbox-drop {font-size: 14px; list-style: none; overflow-y: auto; max-height: 300px; position: absolute; z-index: 50; background-color: #fff; padding: 2px; border: 1px solid #ddd; margin-top: 1px; -webkit-border-radius: 5px; border-radius: 5px;}
.pricecalc .selectbox-drop a {color: #888; display: block; padding: 7px; -webkit-border-radius: 3px; border-radius: 3px;}
.pricecalc .selectbox-drop a.selected {color: #333; background-color: #eee;}
.pricecalc .selectbox-drop a:hover {background-color: #f0f0f0;}
.pricecalc .calculate {display: inline-block; border: 0; font-weight: bold; background-color: #96b213; font-size: 13px; padding: 10px; color: #fff; -webkit-border-radius: 5px; border-radius: 5px;}

.spots {padding-bottom: 20px;}
.spots .item {float: left; width: 305px; margin-left: 37px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.spots .item:first-child {margin-left: 0;}
.spots .item .image {padding: 6px; border: 1px solid #ddd; margin-bottom: 5px;}
.spots .item span {display: block; color: #c4101c; font-size: 17px; font-weight: bold;}
.spots .item p {line-height: 150%; height: 54px; overflow: hidden;}


.campaign {margin-bottom: 20px;}
.campaign .cars {float: left; width: 770px;}
.campaign .cars li {padding: 4px; border: 1px solid #ddd; height: 210px; position: relative;}
.campaign .cars li img {width: 175px; height: 135px; margin-bottom: 5px;}
.campaign .cars li .icons i {width: 36px; height: 26px; display: block; background: url(../img/car-detail-icons.png) no-repeat;}
.campaign .cars li .icons .tooltip {float: left; width: 36px; height: 26px; margin-left: 10.33px;}
.campaign .cars li .icons .tooltip:first-child {margin-left: 0;}
.campaign .cars li .icons i.icon-1 {background-position: 0 0;}
.campaign .cars li .icons i.icon-2 {background-position: -36px 0;}
.campaign .cars li .icons i.icon-3 {background-position: -108px 0;}
.campaign .cars li .icons i.icon-4 {background-position: -72px 0;}

.campaign .cars li .link {font-size: 16px; position: absolute; width: 175px; bottom: 4px; left: 4px; text-align: center;}
.campaign .cars li .link a {color: #fff; display: block; padding: 8px 0; background-color: #df111f;}
.campaign .cars li .link a:hover {background-color: #96b213;}
.campaign .cars .bx-wrapper {position: relative;}
.campaign .cars .bx-controls {position: absolute; right: -30px; bottom: 5px;}
.campaign .cars .bx-controls a {display: block; width: 22px; height: 22px; margin-top: 5px; background: #b42228 url(../img/campaign-navs.png) no-repeat; text-indent: -9999px;}
.campaign .cars .bx-controls .bx-prev {background-position: 2px 2px;}
.campaign .cars .bx-controls .bx-next {background-position: -16px 2px;}
.campaign .cars .bx-controls .disabled {background-color: #d99093;}
.campaign .detail {float: right; width: 210px;}
.campaign .detail .title {color: #c4101c; font-size: 16px; font-weight: bold; padding-bottom: 3px;}


.news-about {margin-bottom: 20px;}
.news-about .news {float: left; width: 270px;}
.news-about .news .item {height: 90px;}
.news-about .news .item span {display: block;}
.news-about .news .item .image {float: left; width: 85px; height: 65px; border: 1px solid #ddd;}
.news-about .news .item .title {float: right; font-weight: bold; width: 175px; color: #c4101c; padding-bottom: 3px;}
.news-about .news .item .detail {float: right; width: 175px; height: 45px; overflow: hidden;}
.news-about .news .item a {color: #555;}
.news-about .about {float: right; width: 710px;}
.news-about .about .typography {font-size: 14px;}


.vehicle-list .item {float: left; background-color: #fff; width: 460px; margin: 0 26px 26px 0; border: 1px solid #ddd; padding: 10px;}
.vehicle-list .item .title {font-size: 22px; color: #369; padding-bottom: 5px;}
.vehicle-list .item .title a {color: #369;}
.vehicle-list .item .image {float: left; width: 175px; height: 135px; border: 1px solid #ddd; padding: 1px;}
.vehicle-list .item .image img {width: 100%; height: 100%;}
.vehicle-list .item .details {float: right; width: 270px;}
.vehicle-list .item .icons {padding-bottom: 10px;}
.vehicle-list .item .icons i {float: left; width: 36px; height: 26px; background: url(../img/car-detail-icons.png) no-repeat;}
.vehicle-list .item .icons i:first-child {margin-left: 0;}
.vehicle-list .item .icons i.icon-1 {background-position: 0 0;}
.vehicle-list .item .icons i.icon-2 {background-position: -36px 0;}
.vehicle-list .item .icons i.icon-3 {background-position: -72px 0;}
.vehicle-list .item .icons i.icon-4 {background-position: -108px 0;}
.vehicle-list .item .properties {margin-bottom: 5px; line-height: 150%; height: 36px; overflow: hidden;}
.vehicle-list .item .price {font-size: 11px; color: #999; margin-bottom: 6px;}
.vehicle-list .item .price span {font-size: 22px; color: #c4101c;}
.vehicle-list .item .hire a {display: inline-block; padding: 6px; background-color: #4099cc; color: #fff; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px;}


.vehicle-details {background-color: #fff; padding: 9px; border: 1px solid #eee;}
.vehicle-details .image {float: left; width: 200px; height: 135px; text-align: center;}
.vehicle-details .image img {width: 175px; height: 135px;}
.vehicle-details .details {float: right; width: 750px;}
.vehicle-details .title {font-size: 24px; color: #c4101c; padding-bottom: 10px;}
.vehicle-details .subtitle {font-size: 18px; color: #555; border-bottom: 1px dotted #ccc;}
.vehicle-details .subtitle i {width: 19px; height: 19px; display: inline-block; vertical-align: middle; padding: 6px; background-color: #eee; background-position: center center; background-repeat: no-repeat;}
.vehicle-details .subtitle i.icon-car {background-image: url(../img/icon-car.png);}
.vehicle-details .subtitle i.icon-price {background-image: url(../img/icon-price.png);}

.vehicle-details .cardetail {float: left; width: 375px; margin-bottom: 30px;}
.vehicle-details .cardetail ul {list-style: none;}
.vehicle-details .cardetail li {padding: 4px 0; border-bottom: 1px dotted #ddd;}
.vehicle-details .cardetail li strong {display: inline-block; width: 35%;}
.vehicle-details .cardetail li span {color: #ccc; padding-right: 5px;}

.vehicle-details .prices {float: right; width: 325px;}
.vehicle-details .prices .price {font-weight: bold; margin: 15px 0 20px 0;}
.vehicle-details .prices .price span {color: #c4101c; font-size: 19px;}
.vehicle-details .prices .info {font-size: 11px; background: #fefee5 url(../img/price-info.png) 8px 10px no-repeat; padding: 10px 10px 10px 30px; margin-bottom: 10px; border: 1px solid #eeeac1;}
.vehicle-details .prices .points {margin: 20px 0;}
.vehicle-details .prices .points .item {width: 45%;}
.vehicle-details .prices .points .subtitle {margin-bottom: 5px;}
.vehicle-details .prices .points span {display: block; font-weight: bold; color: #c4101c; margin-top: 5px;}
.vehicle-details .extras {margin-bottom: 50px;}
.vehicle-details .extras table {width: 100%; margin-top: 5px;}
.vehicle-details .extras table td {padding: 6px 0; border-bottom: 1px dotted #ddd;}
.vehicle-details .extras table td input {margin: 1px 5px 0 9px; float: left;}
.vehicle-details .totals {text-align: right;}
.vehicle-details .totals span {color: #c4101c; font-size: 25px; font-weight: bold; display: block; padding-bottom: 5px;}
.vehicle-details .totals input {background-color: #df111f; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; padding: 10px; border: 0; font-size: 16px; cursor: pointer;}
.vehicle-details .totals input:hover {background-color: #333;}


.reservation {background-color: #fff; padding: 9px; border: 1px solid #eee;}
.reservation .title {font-size: 24px; color: #c4101c; padding-bottom: 10px;}
.reservation .personal-information {float: left; width: 470px;}
.reservation .vehicle-information {float: right; width: 470px;}
.reservation .vehicle-information .image {float: left; width: 200px; height: 135px;}
.reservation .vehicle-information .details {float: right; width: 270px;}
.reservation .vehicle-information .details .price {font-weight: bold; margin-top: 10px;}
.reservation .vehicle-information .details .price span {color: #c4101c; font-size: 19px; display: block;}
.reservation .vehicle-information .info {font-size: 11px; background: #fefee5 url(../img/price-info.png) 8px 10px no-repeat; padding: 10px 10px 10px 30px; margin-bottom: 10px; border: 1px solid #eeeac1;}
.reservation .vehicle-information .subtitle {font-size: 18px; color: #555; border-bottom: 1px dotted #ccc;}
.reservation .vehicle-information .extras {margin-bottom: 30px;}
.reservation .vehicle-information .extras table {width: 100%; margin-top: 5px;}
.reservation .vehicle-information .extras table td {padding: 6px 0; border-bottom: 1px dotted #ddd;}
.reservation .vehicle-information .extras table td input {margin: 1px 5px 0 9px; float: left;}
.reservation .vehicle-information .points {margin: 20px 0;}
.reservation .vehicle-information .points .item {width: 45%;}
.reservation .vehicle-information .points .subtitle {margin-bottom: 5px;}
.reservation .vehicle-information .points span {display: block; font-weight: bold; color: #c4101c; margin-top: 5px;}


.branch-list .item {float: left; margin: 0 3% 3% 0; width: 48.5%;}
.branch-list .item .inner {padding: 10px; background-color: #fff;}
.branch-list .item .title {font-size: 18px; color: #c4101c; padding-bottom: 10px;}
.branch-list .item .address {line-height: 150%; margin-bottom: 10px; height: 54px; overflow: hidden;}
.branch-list .item .map {height: 150px; border-bottom: 3px solid #c4101c;}

.filter {padding: 10px; background-color: #fff; border-bottom: 2px solid #c4101c; margin-bottom: 10px;}
.filter ul {list-style: none;}
.filter ul li {float: left; width: 30%;}
.filter ul li span {display: inline-block; width: 40%;}
.filter ul select {vertical-align: middle;}

.footer {margin-top: 80px; background-color: #b42228; padding: 30px 0; color: #fff;}
.footer a {color: #f69393;}
.footer a:hover {color: #fff;;}
.footer ul {float: left; margin-right: 50px; list-style: none;}
.footer li {padding: 2px 0;}
.footer li {padding: 2px 0;}
.footer .alttitle {font-weight: bold; font-size: 13px; color: #fff;}
.footer .tursab {margin-top: -100px; color: #000; text-align: right; float:right; width:100%;}
.footer .social {margin-top: 10px; text-align: right;}
.footer .social a {display: inline-block; width: 22px; height: 22px; margin-left: 5px; background: url(../img/social.png) no-repeat;}
.footer .social a.s1 {background-position: 0 0;}
.footer .social a.s2 {background-position: -22px 0;}
.footer .social a.s3 {background-position: -44px 0;}




/** İçerik Module */
.content-list .item {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.content-list .item .item-image {width: 140px; float: left; border: 1px solid #ddd;}
.content-list .item .item-image img {width: 100%;}
.content-list .item .item-image a {border-bottom: 0;}
.content-list .item .item-detail {width: 820px; float: right;}
.content-list .item .item-title {color: #c8680e; font-size: 16px; padding-bottom: 5px; padding-top: 3px;}
.content-list .item .item-title a {color: #c8680e;}


/** SSS Module */
.faq-list .item {margin-bottom: 10px;}
.faq-list .question {background-color: #e5e5e5; padding: 10px; font: bold 12px Arial; cursor: pointer;}
.faq-list .question:hover {background-color: #ccc;}
.faq-list .answer {display: none; background: #f5f5f5; margin: 0 10px; border: 1px solid #e5e5e5; color: #333; border-top: 0;}
.faq-list .answer .typography {padding: 10px;}

/** Galeri Module */
.gallery-list ul {list-style: none; font-size: 0}
.gallery-list li {width: 22.75%; margin: 0 3% 3% 0; display: inline-block; vertical-align: top; font-size: 12px;}
.gallery-list li img {width: 100%; height: auto; display: block;}
.gallery-list li i {display: inline-block; background: url(../img/camera.png) left center no-repeat; font-size: 11px; font-weight: bold; color: #999; padding-left: 18px; font-style: normal; margin-top: 5px;}
.gallery-list li .title {font-size: 14px; padding-top: 5px;}
.gallery-list li .zoom {background-image: url(../img/zoom.png); background-position: center center; background-repeat: no-repeat;}

/** Video Module */
.video-list ul {list-style: none; font-size: 0}
.video-list li {width: 22.75%; margin: 0 3% 3% 0; display: inline-block; vertical-align: top; font-size: 12px;}
.video-list li img {width: 100%; height: auto; display: block;}
.video-list li .title {font-size: 14px; padding-top: 5px;}


/** İletişim Module */
.contact-detail {margin-bottom: 20px;}
.contact-map {margin-bottom: 20px;}
.contact-form {margin-bottom: 20px;}

/*
------------------------------
Genel eklenti ve yapı stilleri
------------------------------ 
*/

/** Mesajlar */
.alert {padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; cursor: pointer;}
.alert-error {background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48;}
.alert-success {background-color: #dff0d8; border: 1px solid #d6e9c6; color: #468847;}


/** Validate */
.arrow-up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ed1c24;}
.arrow-down {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ed1c24;}
.arrow-right {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ed1c24;}
.arrow-left {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ed1c24;}

.error-tooltip {position: absolute; display: none; color: #fff; left: 0; top: 0px; padding: 5px; background-color: #ed1c24; opacity: 0.9; filter: alpha(opacity=90); -webkit-border-radius: 3px; border-radius: 3px;}
.error-tooltip span {position: absolute; display: block;}
.error-tooltip.position-right {top: 3px; left: auto;}
.error-tooltip.position-right span {left: -5px; top: 50%; margin-top: -6px;}
.error-tooltip.position-top {}
.error-tooltip.position-top span {bottom: -5px;}


/** Tooltip */
.tooltip {position: relative; display: inline-block;}
.tooltip .tooltip-text {display: none; z-index: 100; line-height: 150%; position: absolute; left: 0; top: 0;background: #fff; border: 1px solid #ccc; padding: 10px; text-align: left; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 0px #d0d0d0; box-shadow: 0px 0px 3px 0px #d0d0d0;}
.tooltip .tooltip-text .tooltip-arrow {width: 0; height: 0; position: absolute; bottom: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ccc;}
.tooltip .tooltip-text .tooltip-arrow span {width: 0; height: 0; position: absolute; top: -8px; left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;}
.tooltip .tooltip-item {cursor: pointer;}

/** Yazı şablonu */
.typography {line-height: 150%;}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {padding: 0 0 10px 0; margin: 0; font-weight: bold;}
.typography h1 {font-size: 22px;}
.typography h2 {font-size: 20px;}
.typography h3 {font-size: 18px;}
.typography h4 {font-size: 16px;}
.typography h5 {font-size: 14px;}
.typography h6 {font-size: 12px;}
.typography p {padding-bottom: 10px;}
.typography blockquote {border-left: 5px solid #eee; padding-left: 10px;}
.typography blockquote p:last-child {padding-bottom: 0;}
.typography ul {margin: 0 0 10px 20px; padding: 0; list-style: disc;}
.typography ol {margin: 0 0 10px 23px; padding: 0; list-style: decimal;}
.typography ul ul {list-style: circle;}
.typography ul ul,
.typography ul ol,
.typography ol ol,
.typography ol ul {margin-bottom: 0;}

/** Form stilleri */
.form .input {margin-bottom: 10px; position: relative;}
.form .input label {font-weight: bold;}
.form .input-text input {background-color: #fff; padding: 8px; width: 250px; height: 15px; line-height: 15px; border: 1px solid #ddd; color: #555; -webkit-border-radius: 5px; border-radius: 5px;}
.form .input-select select {background-color: #fff; padding: 8px; width: 268px; height: 33px; line-height: 15px; border: 1px solid #ddd; color: #555; margin: 0; -webkit-border-radius: 5px; border-radius: 5px;}
.form .input-textarea textarea {background-color: #fff; padding: 8px; width: 250px; border: 1px solid #ddd; color: #555; -webkit-border-radius: 5px; border-radius: 5px; resize: none;}
.form .input-button button {padding: 8px 12px; border: 1px solid #b90f1a; background-color: #c4101c; color: #fff; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px;}
.form .input-button button:hover {background-color: #d2232e;}
.form .input-radio {display: block; cursor: pointer; margin-bottom: 3px;}
.form .input-radio input {float: left; margin: 1px 5px 0 0;}
.form .input-mini {width: 70px !important;}

.form-horizontal {display: inline-block;}
.form-horizontal label {display: inline-block; width: 180px; vertical-align: top; padding-top: 8px;}

.form-vertical {display: block;}
.form-vertical label {display: block;}

/** Sayfalama */
.pagination {margin: 20px 0;}
.pagination ul {list-style: none; display: table;}
.pagination ul li {float: left;}
.pagination ul li a {display: block; padding: 5px 10px; border: 1px solid #ccc; border-left: 0;}
.pagination ul li.active { background-color: #f0f0f0; font-weight: bold;}
.pagination ul li:first-child a {border-left: 1px solid #ccc; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.pagination ul li:last-child a {-webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.pagination ul li:first-child.active {-webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.pagination ul li:last-child.active {-webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}

#calculate-modal {width: 480px;}
#calculate-modal .input-text input {width: 208px;}
#calculate-modal .input-select select {width: 225px;}

/** Modal Box */
#simplemodal-overlay {background-color: #333;}
#simplemodal-container .simplemodal-close {position: absolute; width: 14px; height: 14px; cursor: pointer; right: 10px; top: 12px; background: url(../img/modal-close.png) no-repeat;}
#simplemodal-container .simplemodal-data {overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000;}

.modal {display: none;}
.modal .modal-title {padding: 10px; background-color: #96B213; font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #fff;}
.modal .modal-body {background-color: #fff; padding: 10px;}