/* CSS Document */


/*################# General styles ####################### */
html {
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
}

body {
	margin:0em;
	padding:0em;
	font-size: 62.5%;
	background-color:#dadada;
}

h1 {font-size:2.4em; margin:0em;}
h2 {font-size:120%;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}

p {font-size:1.2em; line-height:1.6em; margin-bottom:0.6em;}

a img { border:none;}
a {text-decoration:underline; color:#850052;}

img {}

.clear {clear: both; line-height: 0; height: 0; font-size: 0;}

.hidden {display: none;}

input, textarea, select {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#505050;}


/*######################### Layout styles ##########################*/

/* Global */
.container {width:960px;  margin:0em auto; background-color:#ffffff; border-right:#b4b4b4 1px solid; border-bottom:#b4b4b4 1px solid; border-left:#b4b4b4 1px solid; margin-bottom:2em;}

.header {}
.header .logo {float:left; padding:14px 0px 10px 24px;}
.top-nav {float:right; width:648px; background-color:#850052; margin-top:60px; margin-right:-17px;}
.top-nav ul {float:left; padding:0px 0px 0px 20px;margin-top:10px;margin-bottom:10px;}
.top-nav ul li.menu-home {display:inline; display:block; width:120px; float:left; margin:2px 0px 2px 0px;}
.top-nav ul li.menu-say {display:inline; display:block; width:200px; float:left; margin:2px 0px 2px 0px;}
.top-nav ul li.menu-debate {display:inline; display:block; width:200px; float:left; margin:2px 0px 2px 0px;}
.top-nav ul li a {color:#FFFFFF; text-decoration:none; font-size:2em;}

.top-nav ul li a .sub {font-size:0.6em;}

.top-nav .fold {float:right; margin-bottom:-30px;}

.content {padding-left:10px;}

.footer {border-top:#b4b4b4 1px solid;text-align:right;}
.footer img {margin:0px 10px 10px 10px;}
.footer p {font-size:1.2em; margin:10px 10px 4px 0px; text-align:right; color:#b4b4b4;}

p.facebook img {float:left;margin-right:1em;}

/* Homepage */
#home-video {width:512px;margin:0 auto;}
.home-ring {background-image:url(../i/home_ring.gif); background-repeat:no-repeat; background-position:left bottom;}

.home-video {width:780px;background-image:url(../i/video_bg.gif); background-position:top; background-repeat:repeat-x; background-color:#f5f4f4;padding-top:18px; padding-bottom:18px;}
.home-video img {margin:10px auto;}

.left-panel {width:360px; float:left; padding:1em 20px 1em 10px; margin:1em 0em 1em 0em;}
.right-panel {width:359px; float:left; padding:1em 10px 1em 20px; margin:1em 0em 1em 0em; border-left:#000000 dotted 1px;}
.left-panel h1, .right-panel h1 {font-size:2.2em;}

.home-bottle {float:right; width:152px; margin:0em; padding-bottom:1em; padding-top:2em;}

/* Register your details panel on holding page */
.register {width:760px; background-color:#FFFFFF; border:1px #850052 solid; margin-bottom:10px; padding:10px;}
.register h1 {margin:0px; font-size:2em;}
.register p {margin:5px 0px 2px 0px; font-weight:bold; font-size:1.35em;}
.register-left {width:375px; float:left;}
.register-right {width:375px; float:right;}
.register-row {margin-top:1em;}
.register-label {width:100px; float:left; margin-right:4px; font-size:1.2em; padding-top:3px; text-align:right;}
.textbox {float:left;width:240px;}
.button {float:right; font-size:1.2em;}

.register .nag {color:#850052; font-size:1.4em;}
.register .alert {width:6px; float:left; font-size:1.4em; padding-left:4px;}
.register .alert .star {color:#850052;}
  
 
/* Have your say - Questionnaire */
.questionnaire-ring {background-image:url(../i/ring-right.gif); background-repeat:no-repeat; background-position:top right;min-height:450px;}

.content .questionnaire {margin:20px 80px 0px 80px;}
.content .questionnaire .error {font-size:1.2em;}
 
.content .questionnaire h2 {font-size:2em; margin-top:6px;}
.content .questionnaire h3 {font-size:1.4em; line-height:1.8em; margin-top:2em; margin-bottom:0em;}
.content .questionnaire h3 label {font-size:1em;}
.content .questionnaire .q-highlight {color:#850052; font-size:1.2em;}
.content .questionnaire .tip {font-style:italic; margin-top:0px;}
.content .questionnaire ul {list-style:none;}
.content .questionnaire ul li {margin-bottom:1em;}

.content .questionnaire label {font-size:1.2em;}
.content .questionnaire input {margin-right:5px;}

/* remove this */
.content .questionnaire .scale_row {width:780px; float:left; border-bottom:#000000 dotted 1px; padding:4px 0px 4px 0px;}
.content .questionnaire .statement {width:220px; float:left; margin-right:20px;}
.content .questionnaire .option {width:88px; float:left; text-align:center; padding:0px 10px 0px 10px; font-size:1em;}
.content .questionnaire .option-3 {width:160px; float:left; text-align:center; padding:0px 10px 0px 10px; font-size:1em;}
/* end of remove */

.content .questionnaire .comp_box {width:760px; background-color:#FFFFFF; border:1px #850052 solid; padding:10px; margin:20px 0px 10px 0px;}
.content .questionnaire .smallprint {margin-top:20px;}
.content .questionnaire .comp_box h3 {margin:0px;}
.content .questionnaire .comp_box p {font-weight:normal; margin:0px; font-size:1em; line-height:1.2em;}
.content .questionnaire .terms p {margin:20px 0px 20px 0px;} 

.content .questionnaire .answerGrid {width:780px;}
.content .questionnaire .answerGrid th {font-weight:normal;border-bottom:1px dotted #000;padding:6px 10px;vertical-align:top;}
.content .questionnaire .answerGrid td {text-align:center;border-bottom:1px dotted #000;padding:6px 10px;vertical-align:top;}
.content .questionnaire .answerGrid td.toRate {text-align:left;font-size:1.2em;width:220px;}
.content .questionnaire .answerGrid td.choice {width:88px;}
.content .questionnaire .answerGrid label {visibility:hidden;display:block;width:0;height:1px;position:absolute;}

.content .questionnaire .answerGrid3Col td.choice {width:160px;}

.icon-container {} 
.icon {float:left;}
.icon-text {float:left; margin-left:10px;}

.answer-radio, .answer-check {margin:1em 0 0 4em;display:block;line-height:3em;}
.answer-text {margin:1em 0 0 4em;}


/*Units table for Questionnaire */
.unit-table {border:#000000 2px solid; padding:0px; width:620px; margin-bottom:20px; margin-top:20px; background-color:#FFFFFF;}
.content .questionnaire .unit-table h3 {background-color:#000000; color:#FFFFFF; text-align:center; margin:0px; padding:0px;}

.unit-table .units-top ul {margin:0px; padding:0px;}
.unit-table .units-top ul li {display:inline; width:66px; margin-left:10px; margin-top:10px; float:left;}

.unit-table .units-top ul li.half-pint {background-image:url(../i/unit-halfpint.gif); background-position:middle left; background-repeat:no-repeat; padding-left:55px; height:52px; padding-top:10px;}
.unit-table .units-top ul li.small-wine {background-image:url(../i/unit-smallwine.gif); background-position:middle left; background-repeat:no-repeat; padding-left:49px; height:46px; padding-top:16px;}
.unit-table .units-top ul li.single-spririt {background-image:url(../i/unit-singlespirit.gif); background-position:middle left; background-repeat:no-repeat; padding-left:46px; height:52px; padding-top:10px;}
.unit-table .units-top ul li.small-sherry {background-image:url(../i/unit-smallsherry.gif); background-position:middle left; background-repeat:no-repeat; padding-left:32px; height:46px; padding-top:16px;}
.unit-table .units-top ul li.single-aperitif {background-image:url(../i/unit-singleaperitif.gif); background-position:middle left; background-repeat:no-repeat; padding-left:56px; height:52px; padding-top:10px;}

.unit-table .units-bottom ul {margin:0px; padding:0px;}
.unit-table .units-bottom ul li {display:inline; float:left; width:78px; text-align:center; margin-left:10px; margin-top:10px;}
.unit-table .units-bottom ul li img {margin:0px auto 10px auto;}

#rollover-instruction-q4a, #rollover-instruction-q4b, #rollover-instruction-q5 {display:none;}


/* Terms & Conditions page - using .questionnaire div */

.content .questionnaire ol {margin-bottom:0px;}
.content .questionnaire ol li {font-size:1.2em; line-height:1.6em; margin-bottom:10px;}

.content .questionnaire .back_link {background-image:url(../i/back.gif); background-position:center left; background-repeat:no-repeat; padding-left:10px; font-size:1.1em; margin:20px 0px 20px 0px;}



/* Have your debate - Downloads */
.debate {width:620px; float:left; margin:20px 0px 0px 80px; padding-bottom:20px;}
.debate .intro {font-size:1.4em; line-height:1.6em; margin-bottom:10px;} 

.debate .categoryTitle {padding:5px 0px 5px 0px;}
.debate .categoryTitle .showHide {width:24px; float:left;}
.debate .categoryTitle .title {float:left; padding-left:10px;}
.debate .categoryTitle .title h2 {font-size:1.8em; margin:0px;} 
.debate .categoryTitle .title h2 a {text-decoration:inherit;color:inherit;}

.downloads.odd {border-top:#000000 dotted 1px;border-bottom:#000000 dotted 1px;}
.downloads.even.last {border-bottom:#000000 dotted 1px;}

.downloadsPanel {padding:0px 0px 10px 0px;border-top:#000000 dotted 1px;width:620px;}

.downloadsPanel .download-left {width:288px; float:left;}
.downloadsPanel .download-right {width:288px; float:right;}

.downloadsPanel .download-left, .downloadsPanel .download-right {background-color:#f7f7f7; border:#ececec 1px solid; padding:5px; height:64px; margin-top:10px;}

.debate .download-image {width:60px; float:left;}
.debate .download-text {width:220px; float:left;}
.debate .download-text p {margin:4px 0px 0px 0px; font-size:1.1em;}
.debate .download-text h3 {margin:2px 0px 0px 0px; font-size:1.4em;}
.debate .download-text h3 a {color:#000000; text-decoration:none;}  
.debate .download-text h3 a:hover {border-bottom:#000000 solid 1px;}