﻿/* Main CSS Document */

body {margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#e4e4e4; color:#5d5d5f; font-size:12px;}

a {color:#5d5d5f; text-decoration:none;}
a:hover {color:#5d5d5f; text-decoration:underline;}

p { margin:10px 0px 10px 0px; font-size:14px; font-weight:normal; }

#container { background-color:#fff; width:740px; padding:0px 10px 10px 10px; margin:10px auto 0 auto;}
#container h1 { font-size:19px; color:#a40917; margin:0; padding:10px 0px 10px 0px; }
#container h2 { font-size:14px; font-weight:normal; margin:0; padding:0; }
#container h3 { font-size:17px; color:#df9817; margin:0; padding:10px 0px 20px 0px; }

#header { background-color:#0093E4; float: left; width:720px; height:60px; padding:10px; margin:10px 0px 10px 0px; text-align:center; }
#header h1 { font-size:28px; color:#fff; margin:0; padding:15px 0px 10px 0px; }
#banner { padding:10px 0px 0px 0px; margin:0 0 10px 0;}

.somerset-red { color:#a40917;}
.somerset-blue { color:#0093E4; font-weight:bold; }

#lower {clear:both; background-color:#fff; width:740px; height:140px; padding:0 10px 0 10px; margin:0px auto;}
#lower h1 { font-size:19px; color:#a40917; margin:0; padding:10px 0px 10px 0px; }
#lower a { color:#0093E4; }
#lower a:hover { color:#a40917; }

#contact { float: left; text-align:center; width:433px; }
#cyp-logo { float:left;  }
#somersetcouncil-logo { float:left; }

#image-left { float:left; margin:10px 0px 10px 0px;}

#image-right { float:right; margin:10px 0px 10px 0px;}

#box-right { float:right; width:345px; height:160px; padding:10px; background-color:#80B026; margin:0px 0px 10px 0px;}
#box-right h1 { font-size:28px; margin:0; padding:0; color:#fff;}

#box-left {float:left; width:345px; height:160px; padding:10px; background-color:#A32113; margin:0px 0px 10px 0px;}
#box-left h1 { font-size:28px; margin:0; padding:0; color:#fff;}

#box-left-small {float:left; width:345px; height:60px; padding:10px; margin:10px 0px 10px 0px;}
#box-left-small.consumers { background-color:#A92115; }
#box-left-small.survey { background-color:#0093E4; }
#box-left-small h1.consumers { font-size:26px; margin:0; padding:0; color:#fff; margin-top:12px; background-color:#A92115; }
#box-left-small h1.survey { font-size:26px; margin:0; padding:0; color:#fff; background-color:#0093E4; }

#box-right-small {float:right; width:345px; height:60px; padding:10px; margin:10px 0px 10px 0px;}
#box-right-small.consumers { background-color:#A92115; }
#box-right-small.travel-agents { background-color:#81B127; }

#box-wide-small {float:left; width:720px; height:30px; padding:10px; margin:10px 0px 10px 0px; background-color:#A92115; }
#box-wide-small h2 { font-size:18px; color:#fff; padding:4px 0; }

#box-left:hover, #box-right:hover, #box-wide-small:hover { background-color:#EDA328; text-decoration:none; }

#questions { border-bottom:1px solid #0093E4; font-size:16px; font-weight:bold; }
#questions h1 { font-size:22px; margin:0; padding:0; color:#a40917; font-weight:bold;}
#questions h2 { font-size:16px; margin:10px 0px 10px 0px; color:#0093E4; padding:0; font-weight:bold; width:560px; }
#questions ul.intro { font-size:14px; font-weight:normal }

.question-left { font-size:16px; margin:0; padding:0px 20px 0px 0px; font-weight:bold; width:400px; }
.question-right { font-size:16px; margin:0; padding:0; font-weight:bold; line-height:24px; }

.checkbox { margin:0px 10px;}

#footer {clear:both; background-color:#e4e4e4; width:740px; padding:10px; margin:0px auto;}

/******** Navigation Styles *********/
.navigation { clear:both; height:32px; background-image:url(images/navigation_bkg.jpg); background-repeat:repeat-x; padding:0px 0px 10px 0px; margin:10px 0px 0px 0px; }
.navigation input { height:20px; margin:5px 0px 0px 0px; padding:0px 0px 4px 0px; border:none; background-color:transparent; color:#4d4d4d; cursor:pointer; cursor:hand; text-align:left; }
.navigation input.prev_button { background:url(images/prev_button.png) no-repeat; padding-left: 20px; float:left; }
.navigation input.next_button { background:url(images/next_button.png) no-repeat right; padding-right:20px; float:right; }
.navigation input.submit_button { background:url(images/next_button.png) no-repeat right; padding-right:20px; float:right; }

.rating tr { height:30px; } 
tr.odd { background-color:#E5E5E5; }
.small { font-size:12px; font-weight:normal; }

#contactDetails { widows:100%; }
#contactDetails label {  }
#contactDetails input[type=text] { display:block; margin:0 0 10px 0; }
#contactDetails img { float:right; }

#findOutMore { widows:100%; }
#findOutMore p { margin: 10px 0 0 0; }
#findOutMore input[type=text] { display:block; margin:0 0 10px 0; }