﻿h1
{
   font-size: 35px;
   font-weight: bold;
   color: #EB3F11;
}

td {
   vertical-align: middle;
}

.pageDescriptionHeader
{
   width: 889px;
   margin: auto;
   vertical-align: top;
}

.pageDescriptionHeader td
{
   vertical-align: bottom;
}

.pageTitle {
   padding-bottom: 20px;
   white-space: nowrap;
}

.pageImage {
   padding: 0px 75px;
}

.pageDescription {
   padding-bottom: 20px;
}

.pageDescription .title {
   font-size: 18px;
   font-weight: bold;
   color: #9A2117;
}

.pageDescription .body {
   font-size: 13px;
   color: #666666;
   padding-top: 15px;
}

.detailContainer
{
   width: 839px;
   background-color: White;
   padding: 25px 50px;
   margin: auto;
   border-top: 1px solid #ecece4;
}

.leftColumn
{
   float: left;
   width: 419px;
}

.rightColumn
{
   float: left;
   width: 419px;
}

.itemTitle
{
   font-size: 25px;
   font-weight: bold;
   color: #eb3f11;
   padding-bottom: 15px;
}

.slsh1
{
   float: left;
   margin-top: 7px;
   margin-bottom: 15px;
   width: 111px;
   background: url( '../images/layout/slshTopBox.gif' ) no-repeat left top;
   padding: 5px 0px 0px 0px;
}

.slsh2
{
   width: 111px;
   background: url( '../images/layout/slshBottomBox.gif' ) no-repeat left bottom;
   padding: 0px 0px 4px 0px;
}

.slshInner
{
   background: url( '../images/layout/slshBulletArrow.gif' ) no-repeat 93px 3px;
   width: 105px;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   color: #D12C13;
   font-size: 9px;
   padding-left: 4px;
   cursor: pointer;
}

.galleryIcon
{
   background: url( '../images/layout/GalleryIcon.gif' ) no-repeat 0 0;
   font-size: 20px;
   font-weight: bold;
   color: #EC4211;
   padding: 5px 50px 5px 40px;
   float: left;
}

.roundBoxTop
{
   width: 390px;
   padding-top: 8px;
   background: url( '../images/layout/roundBox1Top.gif' ) no-repeat left top;
}

.roundBoxBottom
{
   width: 390px;
   padding-bottom: 8px;
   background: url( '../images/layout/roundBox1Bottom.gif' ) no-repeat left bottom;
}


.contentLabel {
   padding: 3px 0px;
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   margin: 10px 0px;
}

.roundBoxInner
{
   width: 388px;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
}

.lightBG
{
   padding: 5px 10px;
   background-color: White;
}

.darkBG
{
   padding: 5px 10px;
   background-color: #ECECE4;
}

.priceColumn
{
   float: left;
   width: 70px;
   text-align: center;
   font-size: 19px;
   font-weight: bold;
   color: #666666;
}

.descColumn
{
   float: left;
   padding: 0px 20px;
   width: 255px;
}

.descColumn .title
{
   font-size: 16px;
   font-weight: bold;
   color: #D12D14;
}

.descColumn .desc
{
   font-size: 11px;
   color: #333333;
   line-height: 1.4em;
}

.formLabel
{
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   width: 80px;
}

.verdana12BoldOrange
{
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #EB3F11;
}

.verdana12BoldGray
{
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #666666;
}

.formButton
{
   width: 278px;
   height: 30px;
   margin: 4px 0;
   font-family: Arial;
   color: White;
   font-size: 15px;
   font-weight: bold;
   cursor: pointer;
}

table.inputItemContainer {
   float: right;
   margin: 5px 0px;
}

td.tdInputTop {
   width: 293px;
   height: 7px;
   background: url('../images/layout/contactInputTop.gif') no-repeat left top;
}


td.tdInputCenter {
   width: 281px;
   padding: 0px 5px;
   height: 7px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
}

td.tdInputBottom {
   width: 293px;
   height: 7px;
   background: url('../images/layout/contactInputBottom.gif') no-repeat left top;
}

.contactInputText {
   border: 0;
   width: 280px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
}

/**/
table.inputItemContainer4Digits {
   float: left;
   margin: 5px 0px;
}

td.tdInputTop4Digits {
   width: 52px;
   height: 7px;
   background: url('../images/layout/contactInputTop4Digits.gif') no-repeat left top;
}


td.tdInputCenter4Digits {
   width: 41px;
   padding-left: 9px;
   height: 7px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
}

td.tdInputBottom4Digits {
   width: 52px;
   height: 7px;
   background: url('../images/layout/contactInputBottom4Digits.gif') no-repeat left top;
}

.contactInputText4Digits {
   border: 0;
   width: 37px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
}

table.inputItemContainer3Digits {
   float: left;
   margin: 5px 0px 5px 7px;
}

td.tdInputTop3Digits {
   width: 43px;
   height: 7px;
   background: url('../images/layout/contactInputTop3Digits.gif') no-repeat left top;
}


td.tdInputCenter3Digits {
   width: 33px;
   padding-left: 8px;
   height: 7px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
}

td.tdInputBottom3Digits {
   width: 43px;
   height: 7px;
   background: url('../images/layout/contactInputBottom3Digits.gif') no-repeat left top;
}

.contactInputText3Digits {
   border: 0;
   width: 28px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
}

table.inputItemContainerLocality {
   float: right;
   margin: 5px 0px;
}

td.tdInputTopLocality {
   width: 170px;
   height: 7px;
   background: url('../images/layout/contactInputTopLocality.gif') no-repeat left top;
}


td.tdInputCenterLocality {
   width: 159px;
   padding-left: 9px;
   height: 7px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
}

td.tdInputBottomLocality {
   width: 170px;
   height: 7px;
   background: url('../images/layout/contactInputBottomLocality.gif') no-repeat left top;
}

.contactInputTextLocality {
   border: 0;
   width: 154px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
}

.contactDiscalimer {
   width: 283px;
   font-size: 9px;
   color: #333333;
   padding: 5px;
}

.dateSeparator {
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   margin: 0px 7px;
}

/* DAY DD */

.inputDayDD {
}

.inputDayDDTop {
   width: 73px;
   height: 7px;
   background: url('../images/layout/diaDDTop.gif') no-repeat left top;
}

.inputDayDDBottom {
   width: 73px;
   height: 8px;
   background: url('../images/layout/diaDDBottom.gif') no-repeat left top;
}

.inputDayDDCenter {
   width: 62px;
   cursor: pointer;
   background: #ECECE4 url('../images/layout/diaDDBG.gif') no-repeat scroll right top;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   line-height: 1.5em;
   font-size: 12px;
   padding-left: 9px;
}

.InputDayDDText {
   border: 0;
   width: 50px;
   font-family: Verdana;
   font-size: 12px;
   line-height: 1.5em;
   font-weight: bold;
   color: #EC4C1F;
}

#dayDD {
   width: 73px;
   position: absolute;
   overflow: hidden;
}

.dayDD1 {
   width: 73px;
   padding-top: 7px;
   background: url('../images/layout/diaDDTop.gif') no-repeat left top;
}

.dayDD2 {
   width: 73px;
   padding-bottom: 7px;
   background: url('../images/layout/diaDDBottom.gif') no-repeat left bottom;
}

.dayDDInner {
   width: 71px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   background-color: #ECECE4;
}

#viewportday {
   width: 60px;
   float: left;
   padding-left: 10px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
   line-height: 1em;
}

#sliderday {
   width: 10px;
   float: right;
}

.dayDDItem {
   cursor: pointer;
}

.dayDDItem:hover {
   color: #9A2117;
}

/* MONTH */

.inputMonthDD {}

.inputMonthDDTop {
   width: 73px;
   height: 7px;
   background: url('../images/layout/diaDDTop.gif') no-repeat left top;
}

.inputMonthDDBottom {
   width: 73px;
   height: 8px;
   background: url('../images/layout/diaDDBottom.gif') no-repeat left top;
}

.inputMonthDDCenter {
   width: 62px;
   cursor: pointer;
   background: #ECECE4 url('../images/layout/diaDDBG.gif') no-repeat scroll right top;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   line-height: 1.5em;
   font-size: 12px;
   padding-left: 9px;
}

.InputMonthDDText {
   border: 0;
   width: 50px;
   font-family: Verdana;
   font-size: 12px;
   line-height: 1.5em;
   font-weight: bold;
   color: #EC4C1F;
}

#monthDD {
   width: 73px;
   position: absolute;
   overflow: hidden;
}

.monthDD1 {
   width: 73px;
   padding-top: 7px;
   background: url('../images/layout/diaDDTop.gif') no-repeat left top;
}

.monthDD2 {
   width: 73px;
   padding-bottom: 7px;
   background: url('../images/layout/diaDDBottom.gif') no-repeat left bottom;
}

.monthDDInner {
   width: 71px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   background-color: #ECECE4;
}

#viewportmonth {
   width: 60px;
   float: left;
   padding-left: 10px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
   line-height: 1em;
}

#slidermonth {
   width: 10px;
   float: right;
}

.monthDDItem {
   cursor: pointer;
}

.monthDDItem:hover {
   color: #9A2117;
}

/* YEAR */

.inputYearDD {}

.inputYearDDTop {
   width: 113px;
   height: 7px;
   background: url('../images/layout/yearDDTop.gif') no-repeat left top;
}

.inputYearDDBottom {
   width: 113px;
   height: 7px;
   background: url('../images/layout/yearDDBottom.gif') no-repeat left top;
}

.inputYearDDCenter {
   width: 102px;
   cursor: pointer;
   background: #ECECE4 url('../images/layout/yearDDBG.gif') no-repeat scroll right top;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   line-height: 1.5em;
   font-size: 12px;
   padding-left: 9px;
}

.InputYearDDText {
   border: 0;
   width: 50px;
   font-family: Verdana;
   font-size: 12px;
   line-height: 1.5em;
   font-weight: bold;
   color: #EC4C1F;
}

#yearDD {
   width: 113px;
   position: absolute;
   overflow: hidden;
}

.yearDD1 {
   width: 113px;
   padding-top: 6px;
   background: url('../images/layout/yearDDTop.gif') no-repeat left top;
}

.yearDD2 {
   width: 113px;
   padding-bottom: 6px;
   background: url('../images/layout/yearDDBottom.gif') no-repeat left bottom;
}

.yearDDInner {
   width: 111px;
   border-left: solid 1px #cccccc;
   border-right: solid 1px #cccccc;
   background-color: #ECECE4;
   height: 133px;
}

#viewportyear{
   width: 85px;
   float: left;
   padding-left: 10px;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #EC4C1F;
   line-height: 1em;
   height: 133px;
   overflow: hidden;
}

#slideryear {
   width: 8px;
   float: right;
   height: 115px;
   margin-right: 5px;
   margin-top: 10px;
}

#yearmonth {
   width: 10px;
   float: right;
}

.yearDDItem {
   cursor: pointer;
}

.yearDDItem:hover {
   color: #9A2117;
}

/* SCROLLER */

.ui-state-default, .ui-widget-content .ui-state-default {
   background-color: #EC4C1F;
}
