/*----------
  * IE
  _ IE6
  . IE7
  Note: These IE hacks are only to be used as a last resort.
------------ */


/*
----------------------------------------------------------------
	T Y P O G R A P H Y
---------------------------------------------------------------- */

h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height: 120%;
	color:black;
	text-align:center;
	margin:0 auto;
	display:block;	
	padding:20px 0 10px;
}
	
p {
	
}


/*
----------------------------------------------------------------
	B A S E   S E T T I N G S
---------------------------------------------------------------- */

body {
	background:url(../images/bg.jpg) repeat top fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
}

body.contactpage {
	background: #FFFFFF;
	padding: 10px;
	font-size: 12px;
}

	
/* L I N K S */

a:link, a:visited {
		color:#684e7f;


}	

a:hover, a:active {
	
}

	
/* S T R U C T U R E */
	
#wrapper {
	margin: 0;
	padding: 0;
}
	
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header {
	background:url(../images/header.jpg) top center;
	margin: 0 auto;
	height: 127px;
}

#content {
	position: relative;
	background:#f4f5e7 repeat-y;
}

#content #main {
	float: left;
	width: 664px;
	background:url(../images/form_mid.jpg) repeat-y center;	
}

#formtop {
	background:url(../images/form_head.jpg);
	height:223px;
	}
#formtop_b {
	background:url(../images/form_head_b.jpg);
	height:223px;
	}
#formtop_c {
	background:url(../images/form_head_c.jpg);
	height:223px;
	}
#formtop_d {
	background:url(../images/form_head_d.jpg);
	height:223px;
	}

.btm {
	padding-bottom:20px;
	background:#f4f5e7;
	}
#content #sidebar {
	float: left;
	width: 296px;
	padding:80px 0;
}

#footer {
	padding:40px 0;
	text-align:center;
	background:#f4f5e7;
	display:block;
	margin:0 auto;
	color:#684e7f;
}


/* F O R M S */

input {
	width: 90%;
	height: 16px;
}

select {
	height: 22px;
	width: 93%;
	line-height: 18px; /* This is added for Safari */
}

fieldset {
	margin: 0 0 5px;
	padding: 0px 0px 10px 60px;
	width:560px;
	
}
.push {
	padding-left:5px;
	}
.dot {
	display:block;
	}

fieldset h3 {
	font-size: 1.2em;
	margin: 20px 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	font-weight:normal;
	top: 0px;
	text-align: justify;
	
}
form {
	margin-top:-90px;
	}
form ul {
	list-style: none;
}

form ul li {
	float: left;
	padding: 0 0 10px;
	width: 33%;
}

form ul li label {
display:block;
}

.fieldsm {

}

.fieldmed {

}

.selectdd {
	width: 30%;
	
}

.selectyyyy {
	width: 36%;
}

.checkbox {
	width: 97%;
	padding:30px 0 0;
	/*margin-bottom:-30px;*/
}

.checkbox input {
	float: left;
	width: 12px;
	margin: 0 12px 10px 0;
	
}
#btm {
	background:url(../images/form_btm.jpg);
	}


/* B U T T O N S */

.btnAddress {
	position: relative;
	width: 33%;
}

.btnAddress input {
	width: 93%;
	height: 26px;
	cursor: pointer;
	position: relative;
	top: 14px;
}

.btnSubmit {
	margin: 0 auto;
	float: none;
	background:url(../images/form_btm.jpg);
	width:664px;
	height:124px;
}

.btnSubmit input {
	height: 70px;
	width: 210px;
	cursor: pointer;
	position: relative;
	background:url(../images/submit.jpg);
	border:none;
	margin:0 auto;
	display:block;
}


/* A D D R E S S   F I E L D   R E L A T E D */

.selectAddress {
	width: 100%;
}

.selectAddress select {
	width: 97%;
}


/*
----------------------------------------------------------------
	C O N T E N T
---------------------------------------------------------------- */


/* Popup contact page */

.contactpage {

}


/*
----------------------------------------------------------------
	I E 6   H A C K S
---------------------------------------------------------------- */

select {
	.margin-bottom: 2px; /* IE6/7 does not recognize height on selects, adding margin to make up the difference */
}

#typeInAddressId {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 2;
}

#selectAddressId {
	width: auto;
	height: auto;
}

.addressLookupField {
	background-color: #CCCCCC;
}

/*
----------------------------------------------------------------
	Clear Fix Rules with Horizontal Form Fields
---------------------------------------------------------------- */

.clearfix:after, form ul:after {
     content: " "; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     font-size: 0;
}
.clearfix, form ul {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html form ul {height: 1%;}
.clearfix, form ul {display: block;}
/* End hide from IE-mac */


.mobile {
    display: none;
}

@media only screen and (max-device-width: 600px) {
    .mobile {
        display: block;
    }

    #sidebar {
        display: none;
    }

    #content {
        padding: .5em;
        width: auto;
    }

    #content #main {
        background: none;
        width: 100%;
        padding-top: 1em;
    }

    #formtop, #formtop_b, #formtop_c, #formtop_d{
        display: none;
    }

    form {
        margin: 0;
    }

    fieldset {
        padding: 0;
        width: 100%;
    }

    .btnSubmit {
        background: none ;
        width: 100%;
        height: auto;
    }

	.btnSubmit input {
        height: 70px;
        width: 210px;
        cursor: pointer;
        position: relative;
        background:url(../images/mobile-submit.jpg);
        border:none;
        margin:0 auto;
        display:block;
	}

    #container {
        width: 100%;
    }

    #footer {
        padding: 1.5em 0;
    }
    
    select, input {
        border: 1px solid #CCCCCC;
    }

    input {
        width: 96%;
    }

    select {
        width: 98%;
    }

    form ul li {
        width: 100%;
    }

    .dot {
        display: none;
    }

    #header {
        background: none;
    }

    #header div {
        width: 320px;
        height: 116px;
        margin: 0 auto;
        background: url("../images/mobile-logo.jpg") no-repeat scroll 0 0;
    }

    .btnAddress {
        display: none;
    }

    .addressLookupField {
        background: #FFFFFF;
    }

    #move_in_date_months,
    #move_in_date_years {
        width: 49%;
    }
	#pd1uk
	, #pd2uk {
		width: 75%;
		float: left;
		margin-right: 5%;
	}

	#cal-btn-next
	, #cal-btn-after {
		width: 30px;
		height: 30px;
		float: left;
		background: url('../images/calendar.png') no-repeat;
		border: none;

	}

	#cal-slider-next
	, #cal-slider-after {
		display: none;
		clear: both;
	}

    form .ui-datepicker {
        width: 98%;
        font-size: 1.5em;
    }

    body {
        background: #6E5688;
    }

    fieldset h3 {
        color: #635688;
        border-bottom: dotted #6E5688;
    }
}