/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						04/09/2009

						Version 1.0

						Project: Your City Base

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:101%;
    margin:0 0 1px 0;
}
body{

}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    width:950px;
    margin:0 auto 0 auto;
    padding:10px 0 10px 0;    
}
#header{
    width:950px;
    height:79px;
    background:url("../images/bg_header.gif");
}
#header .ycblogo{
    float:left;
    width:218px;
    height:20px;
    margin:25px 0 0 25px;
}
#header .contactinfo{
    float:right;
    margin:14px 25px 0 0;
    text-align:right;
    line-height:1.5;
}
#content{
    width:940px;
    padding:5px;
}
#indexflash{
    width:566px;
    height:394px;
    margin-bottom:10px;
}
.maincol, .sidecols{
    float:left;
}
.maincol p{
    padding:0 0 15px 0;
}
.maincol{
    width:566px;
    margin:0 12px 0 12px;
    line-height:1.8;
}
.maincol h2{
    padding:0 0 20px 0;
}
.sidecols{
    width:175px;
}
#mailing{
    width:155px;
    height:77px;
    margin-bottom:7px;
    padding:5px 10px 5px 10px;
    text-align:center;    
    background:url("../images/bg_mailing.gif");
}
#mailing h1{
    padding:3px 0 3px 0;
}
#mailing input{
    margin:3px 0 3px 0;
}
#mailingemail{
    text-align:center;
    width:150px;
}
.submit{
    float:right;
}
#availtable{
	width:165px;
	padding:7px 0 0 0;
}
#availtable td{
	padding:0 0 3px 0;
}
td.check_col1 ,td.check_col3{
	width:50px;
}
#roomtype{
	width:165px;
}
#roomnum{
	width:50px;
}
td.check_col2{
	width:41px
}
td.check_col4{
	text-align:right;
	width:24px;
}
.box_dgrey_top{
    width:175px;
    height:6px;
    background:url("../images/bg_box_dgrey_top.gif");
}
.box_dgrey_middle{
    width:175px;
    background:url("../images/bg_box_dgrey_middle.gif");
}
.box_dgrey_bottom{
    width:175px;
    height:6px;
    margin-bottom:7px;
    background:url("../images/bg_box_dgrey_bottom.gif");
}
#availability{
    width:166px;
    height:207px;
    padding:5px 5px 5px 4px;
    background:url("../images/bg_availability.gif");
}
#availability p{
	margin:4px 0 4px 0;
}
#flowerImg{
	position:absolute;
	float:left;
	margin:90px 0 0 0;
	Z-index:10;
}
#checkNow{
	margin:8px 0 0 0;
}
.dateCheck{
	float:left;
	padding:0;
	width:175px;
}
input.jsInputDate{
	width:140px;
}
.titlered, .titlegrey, .titleduckegg, .titlepaleblue, .titlelavender, .title_lblue, .title_blue{
    width:166px;
    height:22px;
    padding:9px 0 0 0;
    text-align:center;
}
.titlered{
    background:url("../images/bg_title_red.gif");
}
.titlegrey{
    background:url("../images/bg_title_red.gif");
}
.titleduckegg{
    background:url("../images/bg_title_duckegg.gif");
}
.titlepaleblue{
    background:url("../images/bg_title_paleblue.gif");
}
.titlelavender{
    background:url("../images/bg_title_lavender.gif");
}
.title_lblue{
	background:#A9C7E0;
}
.title_blue{
	background:#81B3C1;
}
.bodyimg, .bodytextnarrow, .detailitemtext{
    float:left;
}
.bodyimg{
    margin-right:10px;
}
.bodytextnarrow{
    width:430px;
}
.detailitemtext{
    width:445px;
}
.box_lgrey, .box_gold, .box_lavender{    
    width:166px;
    height:170px;
    padding:5px 5px 5px 4px;
    margin-bottom:13px;    
}
.box_lgrey{
    background:url("../images/bg_box_lgrey.gif");
}
.box_gold{
    background:url("../images/bg_box_gold.gif");

}
.box_lavender{
    background:url("../images/bg_box_lavender.gif");
}
.boximg{
    width:152px;
    height:81px;
    margin:7px 0 3px 9px;
}
.boxtext{
    width:150px;
    padding:0 0 0 12px;
    line-height:1.4;
}
.detailitem{
    padding:15px 0 0 0;
}
.detailitem img{
    margin:7px 10px 0 0;
}
.roomflash{
    clear:both;
    width:566px;
    height:265px;
}
.bodytext{
    padding:20px 0 0 0;
}
.col{
    float:left;
    width:273px;
    padding:0 10px 0 0;
}
.quotes{
    width:566px;
    background:url("../images/bg_quotes.gif") no-repeat;
}
#googlemap{
    clear:both;
    margin:20px;
    width:526px;
    height:300px;
}
table.whatson tr td.col1{
    width:100px;
}
table.whatson tr td.col2{
    width:120px;
}
table.whatson tr td.col3{
    width:180px;
}
table.whatson tr td.col4{
    width:100px;
}
#availability_booking{
    width:369px;
    height:413px;
    background:url("../images/bg_avail_book.gif");
    padding:8px;
    margin:0 0 20px 0;
}
#check_avail{
    width:353px;
    height:123px;
    background:url("../images/bg_check_avail.gif");
    line-height:1;
    padding:8px
}
.roomtypeoption{
    width:369px;
    padding:10px 0 10px 0;
}
.radio{
    float:left;
    margin:4px 0 0 0;
}
.roomtypetable{
    float:left;
    width:260px;
    padding:0 20px 0 5px;
    vertical-align:top;
}
.roomnumoption{
    float:left;
    width:85px;
    height:40px;
    background:#FFFFFF;
    text-align:center;
}
.price{
    text-align:right;
}
.contentbottom{
    clear:both;
    width:940px;
    height:1px;
}
.errorTitle{
	width:120px;
	height:28px;
	padding:4px 0 0 0;
	text-align:center;
	background:#81B3C1;
}
.errorText{
	width:536px;
	padding:15px;
	margin:10px 0 0 0;
	background:#E9EFF6;
}
.divfooter{
    clear:both;
    width:1px;
    height:1px;
}
#footer{
    width:950px;
    height:52px;
    background:url("../images/bg_footer.gif");
}
#footerright, #footerleft{    
    padding:9px 20px 0 20px;
    line-height:1.4;
}
#footerright{
    float:right;
    text-align:right;
    width:320px;
}
#footerright ul{
    list-style:none;
}
#footerright ul li, #footerright p{
    float:right;
    margin-left:1em;
}
#footerleft{
    float:left;
    width:520px;
}
.minStay{
	width:114px;
	height:48px;
	background:url("../images/bg_min_stay.png");
	padding:15px 0 0 0;
	text-align:center;
	line-height:1.3;
}
#abInfo{
	width:546px;
	padding:10px;
	background:#C8DAEA;
}
/*---------------------------
		Mainmenu
-----------------------------*/
#mainmenu{
    list-style:none;
    padding:8px 0 8px 20px;
}
#mainmenu li a{
    display:block;
    width:145px;
    padding:5px 0 5px 10px;
    text-decoration:none;
    color:#5C5C5C;
    background:url("../images/bg_mainmenu_li.gif") no-repeat;
}
#mainmenu li a:hover{
    color:#AAAAAA;
    background:url("../images/bg_mainmenu_li_hover.gif") no-repeat;
}
/*---------------------------
       Content Menu
-----------------------------*/
.contentmenuleft{
    float:left;
    width:300px;
}
.contentmenuright{
    float:right;
    width:195px;
}
.contentmenu{
    padding:5px 0 5px 0;
}
.contentmenu ul{
    list-style:none;
}
.contentmenuleft ul li{
    float:left;    
    margin:0 1.5em 0 0;    
}
.contentmenu ul li a{
    padding:0 0 0 0.4em;
    border-left:1px solid #D6C7A5;
}
/*---------------------------
       Contact Form
-----------------------------*/
#contact{
	width:251px;
	height:299px;
	margin:5px 0 0 143px;
	padding:14px;
	background:url("../images/bg_contact.gif");
}
#contact p{
	padding:0 0 2px 0;
}
#contact input.input, #contact textarea{
	width:248px;
	padding:2px 0 0 3px;
	border:none;
}
#contact input.input{
	height:19px;
	background:url("../images/bg_input.gif");
	margin:0 0 3px 0;
}
#contact textarea{
	height:107px;
	background:url("../images/bg_textarea.gif");
}
#contact input.btnsubmit{
	float:right;
	margin:8px 0 0 0;
}
/*---------------------------
       Rates Table
-----------------------------*/
#rateTbl{
	width:500px;
	margin:0 0 0 33px;
}
#rateTbl td{
	padding:8px 0 8px 0;
}
#rateTbl td.col1{
	width:210px;
	padding-left:10px;
}
#rateTbl td.col2, #rateTbl td.col3, #rateTbl td.col4, #rateTbl td.col5{
	width:70px;
	text-align:center;
}
#rateTbl tr.tblHead td{
	background:#CBC7CF;
}
#rateTbl tr.tblBlue td{
	background:#D4E1EF;
}
/*---------------------------
		Typography
-----------------------------*/
#header, .sidecols h1, .maincol h1{
    font-family:Helvetica,Arial,sans-serif;
}
#footer, #mailingemail, #mainmenu, .maincol p, .maincol ul, .boxtext, #availtable tr td.label, #availtablelong tr td.label, table.whatson, .roomtypetable, .roomnumoption label, #rateTbl, .maincol h2, #contact textarea, #availability p{
    font-family:Arial,Helvetica,sans-serif;
}
.errorText p .telno{
	font-size:1.3em;
}
#header .contactinfo p .telno{
    font-size:1.1em;
}
#contact textarea{
	font-size:0.85em;
}
.titlered h1, .titlegrey h1, .titleduckegg h1, .titlepaleblue h1, .titlelavender h1, .title_lblue h1, .title_blue h1{
    font-size:0.75em;
}
#mailing h1, .maincol h1, #contact input{
    font-size:0.85em;
}
#header .contactinfo p a, #mainmenu, .contentmenu ul li a, .maincol h2, #availability p{
    font-size:0.8em;
}
#mailingemail, #availtable tr td.label, #availtablelong tr td.label, .roomtypetable{
    font-size:0.75em;
}
.boxtext, .maincol p, .roomnumoption label, #rateTbl, table.whatson{
    font-size:0.7em;
}
#footer{
    font-size:0.6em;
}
#mailing h1, .titlered h1, .titlegrey h1, .maincol h2, .titleduckegg h1, .titlepaleblue h1, .titlelavenderh1, .title_lblue h1, .title_blue h1, .errorTitle h1{
    font-weight:100;
}
.purplelink, #availtable tr td.label, .optiontitle, .roomnumoption label, #availability p{
    font-weight:bold;
}
.maincol p, .boxtext, #availtable tr td.label, .maincol h2, table.whatson, .roomtypetable, .roomnumoption label, #rateTbl, #availability p, #abInfo a{
    color:#414141;
}
.contentmenu ul li a{
    color:#66677F;
}
.purplelink, .contentmenu ul li a:hover, .purple, h2.purple, .price, p.purple{
    color:#5F6E93;
}
#mailingemail{
    color:#515151;
}
.gold{
    color:#C8B78D;
}
.brown{
    color:#4B3B1D;
}
.grey{
    color:#66677F;
}
.lavender{
    color:#9999CC;
}
#header, .white, #footer, #availtablelong tr td.label, #contact p, #contact input, #contact textarea, .errorTitle h1{
    color:#FFFFFF;
}
a.white, .purplelink, .contentmenu ul li a{
    text-decoration:none;
}
a.white:hover, .purplelink:hover{
    text-decoration:underline;
}