@import "reset.css";
@import "basic.css";
/*********************/
#footer {padding: 15px;text-align: center;font-size: 11px;color: #000000;}
#footer a:link, #footer a:active, #footer a:visited {text-decoration: none;color: #000000;}
#footer a:hover {text-decoration: none;color: #000000;}
/*********************/
#wrapper {width:1015px;border:5px solid #314a98;margin:0 auto;background:#f0f0f0;}
#page {width:1015px;background:#fefefe;}

#nav {width:1015px;height:45px;padding-left:0px;padding-top:16px;margin:5px auto 0 auto;position:relative;}
#nav ul {margin: 0px;padding: 0px;list-style-type: none;text-align: center;line-height: 18px;}
#nav li {display: inline;margin: 0px;padding: 0px 12px;border-right: 2px solid #585144;}
#nav li.last {border-right: none;}
#nav ul a, #nav ul a:active, #nav ul a:visited {text-decoration: none;color: #fefefe;font-size: 13px;font-weight: bold;line-height:30px;}
#nav ul a:hover {text-decoration: none;color: #0542a9;}

#header {height: 42px;}


#pcml {width:210px;height:80px;margin:10px auto 30px 18px;}
#left {width: 250px;height:500px;background:#314a98;}
#logo {margin-top:20px;width:227px;height:188px;}
#right {width: 762px;background:#ecd9b6;}
/*#player {width:115px;height:161px;background: url("../ui/player.jpg") no-repeat 12px 0px;padding-top: 90px;padding-left: 115px;}*/
#join {display: block;margin:0 auto 20px auto;}
.graphic-video {width: 218px;padding: 12px 6px;margin: 0px auto;color: #ffffff;}
.graphic {width:163px;background: #000;margin:10px auto;color:#fff;padding:12px 6px;}
#wrapper_logos {width: 124px;height: 64px;padding: 15px;margin: 15px auto 10px auto;background: #ffffff;}
#bottom-gr {display:block;margin: 50px auto 20px auto;}
#headline {padding: 0px 30px;margin: 0px;background:#000;color: #ffffff;font-size: 17px;font-weight: bold;line-height: 42px;}
#link {position: absolute;top: 15px;left: 720px;font-weight: bold;color: #ffffff;}
#featured {background: #041736;margin: 11px auto;width: 650px;}
#featured td {padding: 20px 10px;}
#panel {padding: 0px 10px;}
#panel img {display: block;margin: 0 auto 10px auto;border: 3px solid #b99147;}
#panel p {text-align: center;color: #ffffff;font-size: 13px;font-weight: bold;display: none;}
#panel span {display: none;}
.menu {margin: 0px;padding: 0px;list-style-type: none;text-align: center;}
.menu li {display: inline;margin: 0px 20px;padding: 0px;}
.menu li.prev {background: url("../ui/home/prev.gif") no-repeat center left;padding-left: 11px;}
.menu li.next {background: url("../ui/home/next.gif") no-repeat center right;padding-right: 11px;}
.menu a, .menu a:active, .menu a:visited {text-decoration: none;color: #ffffff;font-weight: bold;}
.menu a:hover {text-decoration: underline;color: #b0a288;}
.gallery {width: 360px;margin: 0px auto 15px auto;}
.picGallery {width: 170px;float: left;}
.picGallery img {padding: 3px;background: #b99147;display: block;margin: 0px auto;}
.nameGallery {border: 2px solid #b99147;background: #f1ce8e url("../ui/flowers.png") no-repeat top center;padding: 7px 0px;text-align:center;font-weight: bold;margin-bottom: 3px;margin-left: 185px;}
.cntGallery {width:150px;padding:0px;margin-left: 195px;text-align:center;}
.slide {margin: 10px auto;}
.slide td {padding: 10px 5px;}
.slide img {margin: 0px auto;display: block;padding: 3px;background: #b99147;}
.content {padding: 15px 25px;}
.question {border: 2px solid #b99147;background: #d6d6d5;padding: 5px 10px;font-weight: bold;margin-top: 10px;}
.answer {border: 2px solid #b99147;border-top: none;background: #b4b4ad;padding: 7px 25px;}
.question a, .question a:active, .question a:visited {text-decoration: none;color: #000000;}
.question a:hover {text-decoration: none;color: #ffffff;}
.month {border-collapse: separate;border-spacing: 1px;border: 1px solid #cfc8bd;margin: 0 auto 15px auto;width:90%;}
.month th {width: 100px;background: #f1ce8e;border: 2px solid #b99147;padding: 3px;color: #000;}
.month td {background: #8f836e;border: 1px solid #b99147;padding: 3px;height: 75px;}
.month td.empty {background: #ffffff url("../ui/bg.gif") repeat top left;}
.month td span {font-weight: bold;display: block;float: left;}
.month td div {margin-left: 20px;padding: 15px 3px 0px 0px;}
.month td a, .month td a:link, .month td a:active, .month td a:visited {color: #ed0000;text-decoration:none;display:block;text-align:right;margin-top:5px;font-size:12px;font-weight:bold;}
.month td a:hover {color: #ed0000;text-decoration:underline;}
.pricing {width: 600px;margin: 0 auto;text-align: center;}
.month_name {clear: both;font-size: 15px;text-align: center;margin: 20px 0 5px 0;}

.form th {padding: 3px;text-align: center;font-size: 14px;font-weight: bold;}
.form td {padding: 2px;vertical-align: middle;}
.form td.label {text-align: right;font-weight: bold;}

.sitemap {margin: 30px;padding: 0px;list-style-type: none;line-height: 20px;}
#map_canvas {width: 600px;height:300px;margin: 10px auto;}

ul.tabs { margin: 1em auto; list-style: none; }
ul.tabs li { float: left; margin: 0 2px; display: inline; font-weight: bold; font-size: 13px; }
ul.tabs a, ul.tabs a:active, ul.tabs a:visited, ul.tabs a:hover { text-decoration: none;color: #000;line-height: 25px;padding: 0px 10px;background: #f1ce8e;border: 2px solid #b99147;float: left; }
ul.tabs a:hover, ul.tabs a.current { background: #cead71; border: 2px solid #b99147;color:#0542a9; }
.backward, .forward { width: 32px; height: 32px; float: left; position: relative; }
.backward { float: left; left: 25px; background: url('../ui/prev-horizontal.gif') no-repeat 0 0; }
.forward { float: right; right: 25px; background: url('../ui/next-horizontal.gif') no-repeat 0 0; }
.backward:hover, .forward:hover {background-position: -32px 0;}

.prev, .next { width: 15px; height: 40px; position: absolute; top: 200px; }
.prev { left:-15px; background: url('../ui/prev.png') no-repeat 0 0; }
.next { right:-15px; background: url('../ui/next.png') no-repeat 0 0; }
.prev:hover { background: url('../ui/prev-on.png') no-repeat 0 0; }
.next:hover { background: url('../ui/next-on.png') no-repeat 0 0; }

.overlay {width:750px; padding:15px; display: none; background:#ecd9b6; border:5px solid #051D43; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.close {width:36px; height:36px; background:url('../ui/close.png') no-repeat 0 0; position:absolute; right:-27px; top:-27px; cursor:pointer;}

.scrollable {height:450px;position:relative; overflow:hidden;}
.scrollable .items {width:20000em; position:absolute; clear:both;}
.scrollable .items .item {width:750px;height:450px;float:left;}

.loader { width:750px;height:450px;background: url('../ui/loader.gif') no-repeat center center; }

.ticket-header { background: #051D43 url('../ui/grad_panel_head.png') repeat-x 0 0; color: #fff; margin: 0; padding: 7px; font-size: 16px; }
.ticket { padding: 5px; }
.ticket a { color: #051D43; font-weight: bold; }
.ticket-title { margin: 0 0 5px 0; font-weight: bold; }
.ticket-list, .ticket-info { width:100%; border-collapse: collapse; border-spacing: 0; margin-bottom:10px; }
.ticket-list th, .ticket-info th { background: #051D43 url('../ui/grad_panel_head.png') repeat-x 0 0; color: #fff; padding: 3px 5px; font-size: 12px; font-weight: normal; text-align: left; }
.ticket-th-2, .ticket-th-4, .ticket-th-5 { width:75px; }
.ticket-th-3 { width:250px; }
.ticket-list td { padding: 5px; font-size: 14px; font-weight: normal; vertical-align: middle; border-bottom: 1px solid #444; }
.ticket-info td { padding: 5px; font-size: 14px; font-weight: normal; vertical-align: middle; }
.ticket-info-label { text-align: right; width: 200px; }

.orderbutton {width:116px;height:26px;background: url('../ui/ordernow.png') no-repeat 0 0;float:right;}
.orderbutton:hover {background-position:0 -26px;}
.reviewbutton {width:180px;height:26px;background: url('../ui/revieworder.png') no-repeat 0 0;display:block;margin: 0 auto;}
.reviewbutton:hover {background-position:0 -26px;}
.paybutton {width:101px;height:26px;background: url('../ui/paynow.png') no-repeat 0 0;display:block;margin: 0 auto;}
.paybutton:hover {background-position:0 -26px;}

input.text, textarea, select { padding: 3px; background-color: #ffffff; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
textarea { width: 98%; }
input.text:hover, textarea:hover, select:hover { background-color: #fdf5cf; }
input.text:focus, textarea:focus, select:focus { background-color: #fdf9e1; border: 1px solid #444; }


.ticket-print {border:3px dashed #ccc;margin: 5px auto;width:600px;}
.ticket-print-header img {display:block;margin:0 auto;}