/* PAGE STRUCTURE */
html, body { margin: 0px auto; height: 100%; background: #b0d5e1 url('http://images.freeola.co.uk/error/body-bg.png') top repeat-x; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 13px; line-height: 20px; color: #FFF; }
#wrap { width: 100%; position: absolute; z-index: 999; }
#content { width: 650px; margin: 80px auto; }
.clear { clear: both; height: 30px; }

/* GENERAL STYLING */
a, a:link, a:visited { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
a:hover { border-bottom: 1px solid #FFF; }
h1 { font-family: "Impact", Arial; font-weight: normal; font-size: 35px;  margin: 8px 0px 15px 0px; text-shadow: 0px 1px 1px #5e909f; }
h2 { font-family: Georgia, Arial; font-size: 18px; font-weight: normal;	margin: 0px; text-shadow: 0px 1px 1px #5e909f; }
hr { border: 0px; height: 2px; background: #abceda; margin: 20px 0px 20px 0px; padding: 0px; }

/* BACKGROUNDS */
#field-left { position: absolute; z-index: 10; width: 839px; height: 206px; background: url('http://images.freeola.co.uk/error/background-02.png') bottom left no-repeat; bottom: 0px; left: 0px; }
#field-right { position: absolute; z-index: 20; width: 786px; height: 227px; background: url('http://images.freeola.co.uk/error/background-01.png') bottom right no-repeat; bottom: 0px; right: 0px; }
#stripes { clear: both; height: 100%; width: 100%; z-index: 40; background: url('http://images.freeola.co.uk/error/stripes-bg.png') repeat; }
#cloud-01 { position: absolute; width: 84px; height: 41px; z-index: 30; margin-left: -150px; margin-top: -20px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -192px -425px; }
#cloud-02 { position: absolute; width: 125px; height: 62px; z-index: 30; margin-left: -240px; margin-top: 150px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -335px; }
#cloud-03 { position: absolute; width: 182px; height: 90px; z-index: 30; margin-left: 280px; margin-top: 120px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -410px; }
.speech-01 { width: 128px; height: 139px; position: absolute; margin-left: -170px; margin-top: -60px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -164px; }
.speech-02 { width: 150px; height: 138px; position: absolute; margin-left: 690px; margin-top: -100px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -138px -159px; }
.promoted { width: 112px; height: 112px; position: absolute; margin-left: 542px; margin-top: -4px; z-index: 100; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -164px 0px; }
.bird { width: 84px; height: 42px; position: absolute; margin-top: -68px; margin-left: 255px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -41px; }
.star { width: 96px; height: 96px; position: absolute; margin-top: -45px; margin-left: 160px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -180px -295px; }

/* ERROR MESSAGE */
.error-message { display: inline-block; float: left; width: 335px; min-height: 140px; border: 2px dashed #FFF; padding: 25px; -moz-border-radius: 8px; border-radius: 8px; }
.error-message-title { position: absolute; width: 154px; height: 28px; margin-top: -43px; margin-left: -9px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0 -551px; }
.error-message-404 { position: absolute; width: 154px; height: 28px; margin-top: -43px; margin-left: -9px; background: url('http://images.freeola.co.uk/error/sprite.png'); }

/* GETDOTTED SEARCH */
.getdotted-search { display: block; float: right; float: right; width: 199px; height: 154px; padding: 20px; font-size: 12px; background: #99d2e5; -moz-border-radius: 8px; border-radius: 8px; }
.getdotted-search p { margin: 8px 0px 8px 0px; }
.getdotted-search-input { float: left; width: 146px; height: 33px; background: #d4edf4; border: 1px solid #83b5c4; border-right: 0px; padding-left: 8px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 12px; line-height: 33px; color: #4e7b89; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
.getdotted-search-submit { float: left; width: 42px; height: 37px; border: none; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -500px; }
.getdotted-search-submit:hover { cursor: pointer; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -42px -500px; }

/* CAROUSEL */
.carousel ul { height: 360px; visibility: visible; overflow: hidden; position: relative; padding: 0; margin: 0; }
.carousel li { overflow: hidden; display: inline; float: left; width: 650px; height: 360px; list-style: none; }
.carouselprev { position: absolute; width: 25px; height: 50px; margin-left: -25px; margin-top: 140px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -84px -500px; border-bottom: none !important; outline: none; }
.carouselnext { position: absolute; width: 25px; height: 50px; margin-left: 650px; margin-top: 140px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: -119px -500px; border-bottom: none !important; outline: none; }

/* featured */
.featured { display: block; width: 650px; height: 360px; background: #7db2c2; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; }
.featured-content { height: 300px; padding: 30px; font-size: 12px; }
.featured-content p { width: 430px; margin: 0px 0px 10px 0px; }

.featured01 { background: url('http://images.freeola.co.uk/error/01-bg.png') bottom right no-repeat; }
.featured02 {	background: url('http://images.freeola.co.uk/error/02-bg.png') bottom right no-repeat; }
.featured03 { background: url('http://images.freeola.co.uk/error/03-bg.png') bottom right no-repeat; }
.featured04 { background: url('http://images.freeola.co.uk/error/04-bg.png') bottom right no-repeat; }
.featured05 { background: url('http://images.freeola.co.uk/error/05-bg.png') bottom right no-repeat; }

a.action-button, a.action-button:link, a.action-button:visited { display: inline-block; padding: 8px 12px 8px 12px; font: bold 10px arial; color: #444; text-shadow: 0px 1px 1px #FFF; text-transform: uppercase; border-bottom: 0px; margin-top: 8px; -moz-border-radius: 20px; border-radius: 20px; background: #e5e5e5 url('http://images.freeola.co.uk/error/action-button-bg.png') top repeat-x; background-position: 0px 0px;	}
a.action-button:hover { background: #d7d7d7 url('http://images.freeola.co.uk/error/action-button-bg.png') top repeat-x; background-position: 0px -52px; }
.arrow { width: 8px; height: 8px; margin-left: 4px; }

/* FOOTER LINKS & LOGO */
.footer-links { font-size: 12px; height: 40px; background: #517f8d; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; text-align: center; }
.footer-links ul { display: block; margin: 0 auto; padding: 9px 0px 0px 14px; }
.footer-links li { float: left; list-style-type: none; padding: 0px 11px 0px 11px; border-right: 1px solid #7facba; }
.footer-links li a, .footer-links li a:link, .footer-links li a:visited { border-bottom: none; }
.footer-links li a:hover { border-bottom:1px solid #fff; }
.freeola-logo { width: 274px; height: 37px; margin: 30px 0px 30px 0px; background: url('http://images.freeola.co.uk/error/sprite.png'); background-position: 0px -117px; margin: 30px auto; }
.freeola-logo a { display: block; width: 274px; height: 37px; }
.freeola-logo a { border-bottom: 0px; }

/* PROMO ALERT */
#alert { height: 20px; padding: 18px 0px 22px 0px; border-bottom: 1px solid #a3e7ff; background: #444 url('//images.freeola.co.uk/alerts/bg.jpg'); text-shadow: #333 1px 1px 0px; text-align: center; }
#alert .wrap { width: 680px; margin: auto; }
#alert div.message { display: block; float: left; height: 18px; font: bold 13px/24px arial; background: url('//images.freeola.co.uk/alerts/orange-icon.jpg') left no-repeat; padding-left: 25px; }
#alert a.button { display: inline-block; font: bold 10px arial; text-transform: uppercase; line-height: 24px; margin-left: 6px; height: 24px; padding: 0px 20px 0px 10px; border-bottom: 0px; background: #ff7301 url('//images.freeola.co.uk/alerts/orange-button.jpg') right no-repeat; text-shadow: #bc5400 1px 1px 0px; -moz-border-radius: 4px; border-radius: 4px;}
#alert a.button:hover { background: #fe6800 url('//images.freeola.co.uk/alerts/orange-button-on.jpg') right no-repeat; text-align: center; text-shadow: #bc5400 1px 1px 0px; text-shadow: #bc5400 1px 1px 0px; }