/* Sort padding & margins out */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img {margin: 0; padding: 0; border: none;}

#wrapper {border-top:3px solid #009999;}

/* Remove list styles from lists */
ol, ul {list-style:none;}

body {font-size: 13px; color:#525252; font-family:Arial, Helvetica, sans-serif;}

.clearer {clear:both; line-height:1px; height:1px; font-size:1px;}

a{text-decoration:none; color:#01989F}
a:hover{text-decoration:underline; color:#01989F}

/* ---- Generic Heading Styles ---- */
h1 {font-size:28px; margin-bottom:13px; color:#01989f; font-weight:normal;}
h2 {font-size:20px; margin-bottom:13px; color:#01989f; font-weight:normal;}
h3 {font-size:17px; margin-bottom:13px; color:#01989f; font-weight:normal;}
h4 {font-size:15px; margin-bottom:13px; color:#01989f; font-weight:normal;}
h5 {font-size:13px; margin-bottom:13px; color:#01989f; font-weight:normal;}

/* ---- Paragraph Styles ---- */
p {margin-bottom:15px; line-height:22px; color:#525252;}

#frame {background-color:white; margin:auto; padding-top:28px; width:939px; }

#top-section { float:left; margin-bottom:20px; padding-bottom:0; width:100%; }

#logo { float:left; width:210px;}

#top-section-right { float:right; width:700px;}

#navigation {height:40px;}

#navigation {float:left; text-align:right; width:500px;}

#navigation li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:12px;}

#navigation li a {color:#666666; display:block; float:left; font-size:13px; font-weight:normal; padding-top:11px; text-align:center; text-decoration:none; border-bottom:2px solid #fff; }

#navigation li a:hover { border-bottom:2px solid #01989F; }

#phone-number {color:#01989F; float:right; font-size:17px; font-weight:bold; padding-top:4px; }
#phone-number img {vertical-align:middle;}

.logout {float:right; padding:5px 5px 0 0; margin-bottom:0; font-weight:bold; font-size:14px;}

#header {border:5px solid #009899; clear:both; height:292px; margin-bottom:20px; width:928px; }

#edit-header {clear:both; height:25px; margin-bottom:10px; width:928px; background-color:#E6E6E6; padding:5px;}

#content li { background-image:url(../images/tick-icon.jpg); background-position:left center; background-repeat:no-repeat; color:#525252; font-size:14px; nline-height:20px; margin-bottom:12px; padding-bottom:0; padding-left:25px;}

#content {background:transparent url(../images/content-bg.jpg) repeat scroll 0 0; clear:both; display:block; margin-bottom:15px; margin-top:0; padding-bottom:20px; width:100%;}

#left {float:left; padding-left:15px; padding-top:15px; width:505px;}

#right{float:right; padding-right:15px; padding-top:15px; width:340px; }

#fullWidth{float:left; padding-left:15px; padding-top:15px; width:910px; }

#quote-button{padding-bottom:15px;}

#footer {background-color:#009999; height:100%; width:100%;}

#footer-inner {margin:auto; padding-bottom:30px; padding-top:20px; width:939px;}

#footer{color:white;}

#footer-left{float:left; width:40%;}

#footer-right{float:right; width:59%; text-align:right;}

#footer-right li{display:inline; padding-left:15px;}

#footer a{color:white; text-decoration:underline;}

#footer a:hover{color:white; text-decoration:none;}

/* ---- Quote Form Styles ---- */
.quoteformholder {width:517px;}
.quoteformholder .success {padding:5px;}
.quoteformholder .error {padding:5px;}
.quoteformholder .loader {font-size:90%;}
.quoteformholder .tberror {border:1px #fbc2c4 solid; background-color:#fbe3e4;}
.quoteformholder .highlight {color:Red;}

.quoteformholder .formrow {padding:5px 0; clear:both; float:left; width:100%;}
.quoteformholder .formleft {float:left; width:35%; margin:0; line-height:20px;}
.quoteformholder .formright {float:right; width:62%;}

.quoteformholder .forminput {width:295px; padding:5px; font-size:1.4em;}
.quoteformholder .formtextarea {padding:5px; width:295px; font-size:1.4em;}
.quoteformholder .forminputpostcode {padding:5px; font-size:1.4em; width:120px; float:left; margin:0 14px 0 0;}
.quoteformholder .formselect {font-size:1.4em; width:200px;}
.quoteformholder .formlistbox {width:517px; margin:5px 0;}
.quoteformholder span.postcode {line-height:25px; vertical-align:middle;}
.quoteformholder .damage {padding:0 0 0 6px; font-size:90%;}
.quoteformholder .damage table {width:300px;}
.quoteformholder .damage table label {white-space:nowrap;}
.quoteformholder .damage td {padding:5px;}

.quoteformholder #submitbutton {text-align:right; clear:both; padding:8px 0;}

.home-news-article{border-bottom:1px solid #999999; padding-bottom:7px; margin-bottom:15px;}
.home-news-article p{margin-bottom:14px;}
.home-news-article .date{margin-bottom:0px; color:#01989F; font-weight:bold;}

label
		{
		width: 13em;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block
		}

		.submit input
		{
		margin-left: 11em;
		padding:3px 5px;
		font-size:1.2em;
		font-weight:bold;
		color:#009999;
		}
		.submitLeft input
		{
		margin-left: 0;
		padding:3px 5px;
		font-size:1.2em;
		font-weight:bold;
		color:#009999;
		}
		input
		{
		color: #7F9DB9;
		background: #ffffff;
		border: 1px solid #7F9DB9
		}


.panel .fullwidth{float:left; width:255px; padding:5px 50px 5px 30px; }

.panel h2 {font-size:14px; color:#01989F; margin: 2px 0 10px 0;}		
.panel p {font-size:12px; color:#525252; line-height:16px; }	
.panel img {float: left; margin-right:8px;}


/** 
 * Coda Slider Effect 
 */

#slider {
	float:left;
    width: 335px;
    margin: 10px auto;
    position: relative;
}

.scroll {
    width: 335px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	border:0;
    background: #E6E6E6;
}

.scrollContainer div.panel {
    padding: 0px 10px 0px 10px;
    width: 315px;
}

.scrollButtons {
    position: absolute;
    top: 5px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 0px;
	width:33px;
	height:117px;
	z-index:100;
}

.scrollButtons.right {
    right:0px;
	width:33px;
	height:117px;
}

#watch-our-tv-ad{margin-top:15px; border-top: 1px solid #999999; padding-top:15px; }
a.watch-our-tv-ad-button {height:0 !important; overflow:hidden; padding:70px 0 0;}
#watch-our-tv-ad a {background:transparent url(http://www.chipsaway.co.uk/img/watch-our-tv-ad-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;}
#watch-our-tv-ad a:hover {background:transparent url(http://www.chipsaway.co.uk/img/watch-our-tv-ad-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;}

#watch-a-repair{margin-top:15px; margin-bottom:15px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding-top:15px; padding-bottom:15px; }
a.watch-a-repair-button {height:0 !important; overflow:hidden; padding:70px 0 0;}
#watch-a-repair a {background:transparent url(../images/watch-a-repair-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;}
#watch-a-repair a:hover {background:transparent url(../images/watch-a-repair-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;}

#guarantee-your-repair{margin-bottom:15px; border-bottom: 1px solid #999999; padding-bottom:15px;}
a.guarantee-your-repair-button {height:0 !important; overflow:hidden; padding:70px 0 0;}
#guarantee-your-repair a {background:transparent url(http://www.chipsaway.co.uk/img/guarantee-your-repair-button.jpg) no-repeat scroll left top; display:block; height:70px; width:326px;}
#guarantee-your-repair a:hover {background:transparent url(http://www.chipsaway.co.uk/img/guarantee-your-repair-button.jpg) no-repeat scroll right top; display:block; height:70px; width:326px;}

table.team tr td { padding:20px 20px 10px 20px; background:#fff; border-bottom:20px solid #e6e6e6; }