body{margin:0; font-family:arial}
a{text-decoration:none; color:inherit}
a img{border:0px none transparent; outline:none; text-decoration:none}
a:link{border:0px; text-decoration:none}

@font-face {font-family: avignonreg;src: url(texgyreadventor-regular-webfont.woff)}
@font-face {font-family: avignonbold;src: url(texgyreadventor-bold-webfont.woff)}


/*HEADER*/
#mobileheader{width:100%; height:65px; background:#982584; text-align:center; margin-bottom:0; border-bottom:3px solid #000000}
.headerlogo{width:270px; margin-top:2px}


/*HOME PAGE*/
#mobilefeature{width:100%; position:relative; overflow:hidden; background-image:url(http://www.oakleelettings.co.uk/images/mobile-fade.png); background-repeat:repeat-x; margin-bottom:20px}
#mobilefeaturenext{position:absolute; right:2%; top:35%; width:12%; z-index:9999; opacity:0.6}
#mobilefeatureprev{position:absolute; left:2%; top:35%; width:12%; z-index:9999; opacity:0.6}
.mobilefeaturebox{width:100%; height:250px; background:#982584; overflow:hidden; position:relative}
.mobilefeaturetext{width:100%; height:50px; background:rgba(152,37,132,0.6); text-align:center; position:absolute; bottom:0%; padding-top:5px; z-index:9999}
.mobilefeaturetext h4{font-size:14px; color:#fff; margin:0; font-family:avignonreg}
.mobilefeaturetext h3{font-size:16px; color:#fff; margin:0; font-family:avignonreg}
.mobilefeatureflash{position:absolute; left:0%; width:20%; height:30%}
.featureshadow{width:80%; margin-left:10%; display:inline; margin-top:10px}
.menubutton{width:78%; height:35px; padding:3%; background:#982584; margin:20px 7% 20px 7%; box-shadow:2px 2px 10px #3d3d3d}
.menubutton h1{font-family:avignonreg; font-size:20px; color:#fff; text-align:center; margin:0; letter-spacing:-1px}
.menubutton img{vertical-align:middle; opacity:0.8}


/*SEARCH PAGE*/
#searchbox{width:100%; text-align:center}
#searchbox h1{font-family:avignonreg; font-size:28px; color:#982584; margin:5px; text-align:center; letter-spacing:-1px; font-weight:normal}
#searchbox label{font-weight:bold; font-family:avignonbold; color:#982584; letter-spacing:-1px; text-align:center; display:block; margin-bottom:5px; font-size:16px}
#searchbox input[type=text]{width:75%; height:25px; padding:2px; box-shadow:2px 2px 6px #636466; margin-bottom:10px; font-size:14px; text-align:center}
#searchbox select{width:65%; height:30px; padding:2px; box-shadow:2px 2px 6px #636466; margin-bottom:10px; font-size:16px; text-align:center; background:#fff}
#searchbox input[type=submit]{width:50%; margin:10px; background:#982584; font-family:avignonreg; color:#fff; text-align:center; padding:2%; box-shadow:2px 2px 10px #3d3d3d; border:none; margin:8px; -moz-appearance:none; -webkit-appearance: none; border-radius:0; font-size:20px}
#searchbox hr{width:80%; margin-left:10%; color:#982584}


/*RESULTS PAGE*/
#mobilesalesresults{width:100%; text-align:center}
#mobilesalesresults h1{font-family:avignonreg; font-size:28px; color:#982584; margin:5px; text-align:center; letter-spacing:-1px; font-weight:normal}
#mobilesalesresults h4{font-size:18px; margin:0}
#downarrow{display:inline; margin-top:5px}
#uparrow{display:none; margin-top:5px}
#filterbox{width:86%; height:24px; background:#4d205d; padding:2%; margin-left:5%; margin-top:5px}
#filterbox h5{font-size:16px; color:#fff; margin:0; font-weight:normal; font-family:avignonreg}
#filteroptions{width:86%; background:rgba(77,32,93,0.9); display:none; padding:2%; margin-left:5%; margin-top:0}
#filteroptions h6{font-size:16px; width:94%; font-weight:normal; color:#fff; margin:10px 0 12px 3%; border-bottom:1px solid #b2b2b2; padding-bottom:12px; font-family:avignonreg}
#filteroptions h5{font-size:16px; font-weight:normal; color:#fff; margin:10px 0 5px 0; font-family:avignonreg}
#filteroptions select{width:auto; height:25px; background:#000000; color:#fff; text-align:center; margin:0; font-family:avignonreg; font-size:14px}
.mobilepropertybox{width:89%; margin:10px 0px 20px 5%; border:2px solid #982584; box-shadow:2px 2px 5px #636466; padding-bottom:5px; background:#982584}
.mobilepropertyboximage{width:100%; height:220px; overflow:hidden; position:relative; text-align:center; background:#4d205d}
.mobilepropertyboxtext{width:100%; height:76px; text-align:center}
.mobilepropertyboxtext img{margin:0 5px 0 5px}
.mobilepropertyboxtext h5{font-size:14px; color:#fff; margin:2px; font-weight:normal; opacity:0.9; font-family:avignonreg}
.mobilepropertyboxtext h4{font-size:16px; color:#fff; margin:2px; font-family:avignonbold; font-weight:normal}
.mobilepropertyboxtext h3{font-size:18px; color:#000000; border-bottom:1px solid rgba(255,255,255,0.5); width:80%; margin:2px 10% 5px 10%; padding-bottom:4px}
.mobilepropertyboxflash{position:absolute; left:0%; width:25%}
#nextprev{width:90%; margin-left:5%; height:25px; font-weight:bold; color:#982584; font-size:16px; text-align:center}
.next{width:32%; margin-top:-4px; float:right}
.nextdisabled{width:32%; margin-top:-4px; float:right; opacity:0.4}
.prev{width:32%; margin-top:-4px; float:left}
.prevdisabled{width:32%; margin-top:-4px; float:left; opacity:0.4}


/*DETAILS PAGE*/
#mobilepropertydetails{width:100%}
#mobilepropertydetails h4{font-size:18px; font-family:avignonreg;  color:#393536; text-align:center; margin:2px; font-weight:bold; letter-spacing:-1px; opacity:0.8}
#mobilepropertydetails h3{font-size:22px; font-family:avignonbold; color:#982584; text-align:center; margin:0; letter-spacing:-1px; font-weight:normal}
#mobilepropertydetails h2{font-size:22px; font-family:avignonbold; color:#000000; text-align:center; margin:5px; font-weight:normal}
#mobilepropertydetails h1{font-size:20px; font-family:avignonreg;color:#982584; letter-spacing:-1px; margin:10px 0 10px 0; border-bottom:1px solid #982584; padding-bottom:5px}
#mobilepropertydetailsimage{width:100%; height:275px; margin-top:10px; position:relative; text-align:center}
#mobilepropertydetailsimage .cycle-slideshow{width:100%; height:100%; overflow:hidden}
.mobilepropertydetailsflash{position:absolute; left:0%; width:25%; z-index:999}
#mobilenext{position:absolute; right:1%; top:38%; width:15%; z-index:9999; opacity:0.6}
#mobileprev{position:absolute; left:1%; top:38%; width:15%; z-index:9999; opacity:0.6}
.detailsheader{width:100%; border-bottom:1px solid #982584; height:30px; position:relative; margin:15px 0 10px 0}
.menudown{position:absolute; right:0%; top:5px}
#mobilepropertydetails ul{margin:0; padding-left:5%; font-size:12px}
#mobilepropertydetailstext{width:90%; margin-left:5%; font-size:12px}
#downarrow{padding-top:4px; margin-left:5px; float:right}
#uparrow{padding-top:4px; margin-left:5px; float:right}
#detailsdiv{display:none}
#epcdiv{display:none}
#floorplandiv{display:none}
#googleMap{width:100%; height:250px}
.detailsbutton{width:82%; margin:15px 5% 10px 5%; padding:4%; text-align:center; box-shadow:2px 2px 10px #3d3d3d; font-family:avignonreg; color:#fff; font-size:18px; background:#982584; font-weight:bold; letter-spacing:-1px}
.disclaimer{font-size:10px; margin:5px 0 5px 0; opacity:0.8}

/*REQUEST VIEWING*/
#maincontent{width:96%; padding:2%; text-align:center}
#maincontent h2{font-size:24px; color:#000649; margin:2px; letter-spacing:-1px; font-family:avignonbold; font-weight:normal}
#maincontent h3{font-size:24px; color:#982584; margin:2px; letter-spacing:-1px; font-family:avignonreg; font-weight:normal}
#maincontent h4{font-size:20px; color:#982584; margin:2px; letter-spacing:-1px; font-family:avignonreg; font-weight:normal}
#requestviewing label{color:#982584; letter-spacing:-1px; text-align:center; display:block; margin:10px 0 5px 0; font-size:18px; font-family:avignonbold}
#requestviewing input[type=text]{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; -webkit-appearance: none}
#requestviewing textarea{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; height:60px; -webkit-appearance: none}
#requestviewingsubmit{width:60%; font-size:24px; color:#fff; text-align:center; padding:6px; margin:15px; background:#982584; border:none; -webkit-appearance: none; font-family:avignonreg}
.checkbox{display:none}

/*REQUEST VALUTION*/
#requestbox{width:90%; padding:5%; text-align:center}
#requestbox h1{font-family:avignonbold; font-weight:normal; font-size:22px; color:#000649; margin:0; letter-spacing:-1px}
#requestbox label{color:#982584; letter-spacing:-1px; text-align:center; display:block; margin:10px 0 5px 0; font-size:18px; font-family:avignonbold}
#requestbox input[type=text]{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; -webkit-appearance: none}
#requestbox input[type=email]{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; -webkit-appearance: none}
#requestbox input[type=tel]{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; -webkit-appearance: none}
#requestbox textarea{width:80%; padding:5px; font-size:18px; text-align:center; background:rgba(236,0,140,0.1); box-shadow:2px 2px 10px #636466; color:#636466; border:none; height:100px; -webkit-appearance: none}
#requestboxsubmit{width:60%; font-size:24px; color:#fff; text-align:center; padding:6px; margin:20px; background:#982584; border:none; -webkit-appearance: none; font-family:avignonreg; border-radius:0}
#requestboxsubmit:hover{width:40%; font-size:24px; color:#fff; text-align:center; padding:6px; margin:20px; background:#000649; border:none; -webkit-appearance: none; font-family:avignonreg; border-radius:0}
.checkbox{display:none}

/*ABOUT US*/
.aboutuskeys{float:right; width:150px; margin:-2% -2% 0 0}
#maincontent p{text-align:left}


/*FOOTER*/
#mobilefooter{width:100%; height:auto; background:#000000; opacity:0.8; text-align:center; padding:6px 0 6px 0; margin-top:15px; clear:both}
#mobilefooter h4{font-size:14px; color:#fff; margin:0; opacity:0.9}
#mobilefooter p{font-size:12px; color:#fff; margin:0}
.footerlogo{margin:5px; opacity:0.7; display:inline; vertical-align:middle}

/*MISC*/
.fitwidth{width:100%}
.fitheight{height:100%}
.fit{width:100%; height:100%}
.center{margin-left:auto; margin-right:auto}
.floatleft{float:left}
.floatright{float:right}
.fontsize17{font-size:17px}
.fontsize25{font-size:25px}
span{font-family:avignonreg}