/**************************************************************
 * SITE-WIDE STYLES
 *
 */

h1,h2,h3,h4 {
	xcolor: #232176;
	color: #00589d;
}
h5 {
	margin-bottom: 5px;
}
a:link, a:visited, a:hover, a:active {
	xcolor: #232176;
	color: #00589d;
	xcolor: #00f;
	
	text-decoration: underline;
}
.err {
	color: #D71920; /* dos red */
}



/**************************************************************
 * SITE wide page-layouts
 *
 */
.wrapper-site {
	width: 970px;
	padding: 0px 10px;
	margin: 0 auto;
	xbackground: #ddd;	
}

.branding-site {
	text-align: center;
	margin: 5px;
}

.nav-site {
	border-top: 2px solid #aaa;
	background: #aaa;
	xtext-align: center;
	margin: 5px;
}

.content-site {
	margin: 5px;
}

.footer-site {
	text-align: center;
	margin: 15px 5px;
	border-top: 2px solid #aaa;
}

/**************************************************************
 * content things
 *
 */

.content-site h1 {
	margin: 15px 5px;
}
.content-site p {
	margin: 6px 8px;
}
.content-site h4 {
	margin: 12px 8px;
}


/**************************************************************
 * misc content components
 *
 */
.content-site .fastandeasy {
	margin: 15px 0px;
	border: 1px solid #aaa;
	padding: 5px;
}
.content-site .instr {
	margin: 10px 5px;
	border: 1px solid #aaa;
	padding: 5px;
}
.content-site .dossample {
	xmargin: 15px 0px;
	xborder: 1px solid #aaa;
	xpadding: 5px;
}

/**************************************************************
 * form styles component
 *
 */
form .fmfield {
	clear: left;
	display: block;
	width: 920px;
	margin: 1px 0px 0px 0px;
	padding: 1px 3px;
}
form .fmfield label {
	font-size: 100%;
	font-weight: bold;
	display: block;
	float: left;
	width: 170px;
	padding: 1px 5px;
	margin: 0px 0px 1px 0px;
	text-align: right;
}
div.lbl {
	clear: both;
	font-size: 100%;
	font-weight: bold;
	display: block;
	float: left;
	width: 170px;
	padding: 1px 5px;
	margin: 0px 0px 1px 0px;
	text-align: right;
}
div.spn {
	
	width: 560px;
	padding: 1px 3px;
	margin: 0;	
}
form .fmfield input {
	width: 260px;
	padding: 1px 3px;
	margin: 0;	
}
form .notwide .fmfield input {
	width: 60px;
	padding: 1px 3px;
	margin: 0;	
}
form .fmfield textarea {
	width: 400px;
	height: 85px;
	padding: 1px 3px;
	margin: 0;	
}
form .fmfield select {
	width: 270px;
	margin: 0;	
}
form .fmfield input.cb {
	width: auto;
	margin: 0;	
}

form table .fmfield {
	width: 300px;
}
form table .fmfield label {
	width: 170px;
}
form table .fmfield input {
	width: 130px;
}
form table .fmfield select {
	width: 140px;
}

form .fmfield .fmleft {
	float: left;
	width: 170px;
	padding: 1px 5px;
	margin: 0px 0px 1px 0px;
	text-align: right;
}
form .fmfield .fmleft label {
	float: none;
	padding: 0;
	display: inline;
	xpadding-right: 25px;
}
form .fmfield .fmright {
	float: left;
	width: 730px;	
}


form .fmsection50 .fmfield {
	width: 440px;
}
form .fmsection50 .fmfield label {
	width: 150px;
}
form .fmsection50 .fmfield input {
	width: 240px;
}
form .fmsection50 .fmfield select {
	width: 250px;
}
form .fmsection50 .fmfield input.cb {
	width: auto;
	margin: 0;	
}

form .fmsection25 .fmfield {
	width: 220px;
}
form .fmsection25 .fmfield label {
	width: 140px;
}
form .fmsection25 .fmfield input {
	width: 70px;
}
form .fmsection25 .fmfield select {
	width: 75px;
}
form .fmsection25 .fmfield input.cb {
	width: auto;
	margin: 0;	
}


 

/**************************************************************
 * largeform styles component
 *
 */
.content-site .largeform {
	margin: 10px 5px;
}
.content-site .largeform .fmsection {
	border: 1px solid #232176; /* DOS blue */
	margin: 15px 0;
	padding-bottom: 5px;
}
.content-site .largeform .fmsection .sectionhead {
	xbackground: #232176; /* DOS blue */
	background: #00589d;
	color: #fff;
	padding: 2px 4px;
	margin: 0px 0px 8px 0px;
}
.content-site .largeform .fmsection .sectiondesc {
	margin-bottom: 10px;
}
.content-site .largeform .fmsubmission {
	margin: 6px 0px 8px 0px;
	text-align: center;
}
.content-site .largeform .s-rederror {
	background: #D71920;
}
.content-site .largeform .s-rederror h4 {
	color: #fff;
	padding: 3px;
}

.content-site .faq {
	margin: 5px;
}
.content-site .faq h5 {

}
.content-site .faq p {
	font-style: italic;
}

/**************************************************************
 * sub-login-ident component
 *
 */
.sub-login {
	float: right;
	margin: 5px 0px;
	padding: 5px;
	margin-left: 15px;
	width: 240px;
	border: 1px solid #aaa;
}
.sub-login p {
	margin: 4px;
}
.sub-login h4 {
	margin: 0px 4px;
}

/**************************************************************
 * account at a glance component
 *
 */

.section-dglance {
	width: 100%;
	border-collapse: collapse;
	xborder: 1px solid #aaa;
	xmargin: 2px auto;
}
.section-dglance td {
	width: 33%;
	vertical-align: top;
	border-left: 1px solid #333;
}
.section-dglance .dblock  {
	
}
.section-dglance .dblock .alert  {
	color: #f33;
	font-weight: bold;
}
.section-dglance .dblock .inside {
	margin: 5px;
}
.section-dglance .dblock h5 {
	padding-top: 2px;
	text-align: center;
	background: #ddd;

}

/**************************************************************
 * subtabs component
 *
 */
.section-subtabs {
	margin: 5px;
	background: #f2b848;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
}

/**************************************************************
 * hotel preview component
 *
 */
.s-hotelinfo {
	border: 1px solid #aaa;
	padding: 10px;
	margin: 0 auto;
}
.s-hotelinfo .hotelcols {
	width: 99%;
	border-collapse: collapse;
}
.s-hotelinfo .hotelcols td {
	vertical-align: top;
}
.s-hotelinfo .hotelcols .lt {
	width: 67%;
	padding: 5px 10px 5px 5px;
}
.s-hotelinfo .hotelcols .rt {
	width: auto;
	padding: 5px 5px 5px 10px;
}
.s-hotelinfo .haddress p {
	margin: 1px;
}
.s-hotelinfo .hotelcols .lt p {
	text-align: justify;
}

/**************************************************************
 * offer list component
 *
 */

.offerlist {
	margin: 5px;
	
}
.offerlist table {
	width: 100%;
	border-collapse: collapse;
}
.offerlist table td {
	padding: 1px 3px;
	border: 1px solid #aaa;
}
.offerlist table thead tr {
	background: #eee;
}
.offerlist table thead td {
	font-weight: bold;
}

/**************************************************************
 * package list component
 *
 */
.packagelist {
	margin: 5px;
	
}
.packagelist table {
	width: 100%;
	border-collapse: collapse;
}
.packagelist table td {
	padding: 1px 3px;
	border: 1px solid #aaa;
}
.packagelist table thead tr {
	background: #eee;
}
.packagelist table thead td {
	font-weight: bold;
}
.packagelist table .usd {
	background: #FDF2BD;
}
.packagelist table .eur {
	background: #D7ECFD;
}

/**************************************************************
 * offer listing detail
 *
 */
.s-admin-offer-container {
	margin: 0 auto;
	width: 930px;
}
.s-listingdetail {
	background: #faf;
	border: 1px solid #aaa;
	width: auto; /* approx 925 */
}
.s-listingdetail .split {
	width: 100%;
	border-collapse: collapse;
}
.s-listingdetail .split-left {
	vertical-align: top;
	background-color: #fff;
	width: 336px;
	padding: 0px 5px;
}
.s-listingdetail .split-right {
	vertical-align: top;
	background-color: #fff;
	width: auto;
	padding: 0px 5px;
	padding-left: 25px;
	padding-right: 15px;
}	

.s-listingdetail .hotel {

}
.s-listingdetail .hotel p {
	margin: 0;
}
.s-listingdetail .hotel .hname {
	margin: 5px 0px 4px 0px;
	padding: 0;
}
.s-listingdetail .hotel .address {
	padding: 0;
}
.s-listingdetail .photo .img-shadow {
	xwidth: 210px;
	margin: 10px 5px 0px 5px !important;
}

.s-listingdetail .split-right p {
	margin: 0;
}
.s-listingdetail .rooms {
	margin: 5px 10px;
}
.s-listingdetail .rooms p {
	text-align: center;
}

/**************************************************************
 * guest rooms
 *
 */
.guestrooms {
	border-collapse: collapse;
	xborder: 1px solid #aaa;
	width: 240px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.guestrooms td {
	padding: 0px;
	vertical-align: top;
}
.guestrooms th {
	background: #00589d;
	color: #fff;
}
.guestrooms th.rt {
	text-align: left;
	padding-left: 10px;
}	
.guestrooms td.lt {
	width: 120px;
	text-align: left;
	xborder-right: 1px solid #aaa;
}
.guestrooms td.rt {
	text-align: center;
	xpadding-left: 10px;
}
.guestrooms td.extratop {
	padding-top: 3px;
}


.gbtable {
	border-collapse: collapse;
	width: 880px;
	xbackground: #eee;
	margin: 5px auto;
	margin-bottom: 15px;
}
.gbleft {
	width: 440px;
}
.gbright {
	width: 440px;
}

.gravail input {
	width: 80px;
	text-align: center;
}

.grwrap {
	text-align: left;
	margin-top: 5px;
}
.grwrap .guestrooms {
	margin: 0;;
	margin-top: 0px;
	margin-bottom: 15px;
}

.rmtable {
	width: 380px;
	xbackground: #ffa;
	margin: 0 auto;
}
.rmtable td {
	vertical-align: top;
	padding: 2px;
}
.rmtable td input {
	width: 80px;
	text-align: center;
}
.rmtable .rmhead {
	width: 100px;
	text-align: right;
	font-weight: bold;
}
.rmtable .rmleft {
	width: 160px;
	text-align: center;
}
.rmtable .rmright {
	width: auto;
	text-align: center;
}
.rmtable .intable td {
	padding: 2px 5px;
}


/**************************************************************
 * offer listing detail
 *
 */
.section-search-numbered {
	margin: 15px 0;
}
.section-search-numbered .tdates .ls {
	width: 80px;
}
.section-search-numbered .tamen {
	width: 90%;
	margin: 0px 10px;
	
}
.section-search-numbered .tamen td {
	vertical-align: top;
}
.section-search-numbered .tamen p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.section-search-numbered .troom {
	width: 70%;
	margin: 10px;
}
.section-search-numbered .troom input {
	width: 50px;
}
.section-search-numbered .troom {
	margin: 5px 10px;
}
.section-search-numbered .troom p {
	text-align: center;
	margin: 0;
	padding: 0;
}
.countrycity select.dd {
	width: 130px;
}



/**************************************************************
 * drop shadows component
 * a list apart.com 
 * http://www.alistapart.com/articles/cssdropshadows/
 */

#shadow-container {
    position: relative;
    left: 9px;
    top: 9px;
    margin-right: 9px;
    margin-bottom: 9px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -3px;
    top: -3px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
		padding: 1px;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 5px;
    }


.img-shadow {
  float:left;
  background: url(/commonmedia/images/cssdropshadow/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/commonmedia/images/cssdropshadow/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.p-shadow {
  width: 90%;
  float:left;
  background: url(/commonmedia/images/cssdropshadow/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/commonmedia/images/cssdropshadow/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(/commonmedia/images/cssdropshadow/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  

/**************************************************************
 * tabs component
 * http://unraveled.com/archives/2007/02/css_tabs_20
 *
 */

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #231f20; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
margin-left: 0; /* rd: important from basehtml overridden */
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, #tabnav li.sel { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */

}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, #tabnav li.sel a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #231f20; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #231f20; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f2b848; /* set unselected tab background color as desired */
color: #231f20; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #00589d; /* set desired hover color */
color: #fff;
}

/* end css tabs */


/**************************************************************
 * tabs component
 * http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml
 *
 */

.navbar {
	border-bottom: 1px solid #f2b848;
}

#navigation a
{
color: #000;
background: #f2b848 url(/datesonsale/media/images/navl.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#navigation a span
{
background: url(/datesonsale/media/images/navr.gif) right top no-repeat;
padding-right: 10px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: #00589d url(/datesonsale/media/images/navlh.gif) left top no-repeat;
padding-left: 10px
}

#navigation a:hover span
{
background: url(/datesonsale/media/images/navrh.gif) right top no-repeat;
padding-right: 10px
}

ul#navigation
{
list-style: none;
padding: 0;
margin: 0
}

#navigation li
{
float: left;
margin: 0;
margin-right: 2px;
font-weight: bold;
}

#navigation li.sel a
{
color: #fff;
font-weight: bold;
background: #00589d url(/datesonsale/media/images/navlh.gif) left top no-repeat;
padding-left: 10px
}

#navigation li.sel a span
{
background: url(/datesonsale/media/images/navrh.gif) right top no-repeat;
padding-right: 10px;
font-weight: bold;
}


/**************************************************************
 * fancy buttons
 *
 */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/datesonsale/media/images/button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    font-weight: bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/datesonsale/media/images/button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    color: #00589d;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}



/**************************************************************
 * dos blue
 *
 */

.doscolor {
	xcolor: #00589d !important;
	color: #050B7D !important;
	font-weight: bold !important;
}