@charset "UTF-8";
@import url("navigation.css");
/* CSS Document */

/* -- MAIN DIVS -- */

body 									{ margin: 0px; padding: 0px; background: url(../images/cymalon-background.jpg) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
body#faq								{ margin: 0px; padding: 0px; background: url(../images/background-faq.jpg) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
#container 								{ width: 1097px; margin: 0 auto; padding: 0; }
#header									{ overflow: hidden; }
#homelink 								{ display: block; height: 160px; width: 300px; text-indent: -9000px; float: left; }
#main-nav 								{ width: 1097px; height: 72px; background: url(../images/content-background.png) }
#main-content 							{ width: 1047px; padding-right: 50px; clear: both; background: url(../images/content-background.png) repeat-y; z-index: 1; }


/* -- FEEDS -- */

#feeds 									{ width: 265px; background: no-repeat bottom left #49d2f9 url(../images/feed-background.jpg); padding-bottom: 25px; float: left; margin: 0 15px 0 10px; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 15px; behavior: url(/css/border-radius.htc); -moz-box-shadow: 3px 3px 3px #185e71; -webkit-box-shadow: 3px 3px 3px #185e71; z-index: 3; }
#feed-spacer 							{ height: 10px; width: 100px; }
#divider 								{ margin: 0 35px 0 27px; clear: both; border-bottom: 1px solid #81cade; height: 7px; padding: 0; }
.feed 									{ margin: 0 22px 0 22px; background: #fbfbfb; border-radius: 15px; behavior: url(/css/border-radius.htc); zoom: 1; padding: 15px 0 15px 0; overflow: hidden; -moz-box-shadow: 3px 3px 3px #185e71; -webkit-box-shadow: 3px 3px 3px #185e71; }
.feed-title 							{ font-family: 'Neuton', arial, serif; font-size: 20px; color: #FFF; text-align: center; line-height: 45px; height: 45px; margin: 0 15px 0 13px; }
.twtr-ft								{ display: none; }

/* -- TWITTER -- */

#twitter-spacer 						{ width: 100px; height: 15px; }
#join 									{ margin: 5px 40px 0 33px; overflow: hidden; }
#join a 								{ line-height: 30px; color: #FFF; font-family: "Courier New", Courier, monospace; font-size: 11px; }
#twitter-icon 							{ float: left; margin-right: 10px; }

/* -- NEWSFEED -- */

#news-spacer 							{ width: 100px; height: 15px; }
.feed ul 								{ margin: 0 10px 0 10px; }
.feed ul li 							{ font-size: 11px; padding: 5px 0; border-bottom: dotted 1px #666; }
.feed ul li:last-child 					{ border-bottom: none; }
.feed ul li a 							{ color: #c5005a; }

/* -- MAIN CONTENT --  */

#content 								{ width: 720px; float: left; }
.clear 									{ clear: both; }
	
#text-content 							{ width: 740px; top: 0px; overflow: hidden; padding-bottom: 300px; min-height: 250px; }
#content ul 							{ list-style: disc outside; color: #238FAD; margin-bottom: 10px; margin-left: 20px; }
#voucher 								{ float: right; height: 154px; width: 183px; background: url(../images/header-voucher2.jpg); }
#voucher a 								{ display: block; height: 154px; width: 183px; }

#page-navigation						{ width: 100%; height: 29px; line-height: 29px; overflow: hidden; margin-top: 20px; }
#page-navigation a						{ margin-right: 10px; }
a.page-left								{ height: 29px; width: 29px; display: block; float: left; background: url(../images/page-left.jpg) no-repeat center top; text-indent: -9000px; }
a.page-right							{ height: 29px; width: 29px; display: block; float: left; background: url(../images/page-right.jpg) no-repeat center top; text-indent: -9000px; }

/* -- PAGE IMAGES -- */

body#home #image						{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/home-image.jpg); background-position: top; }
body#error #image						{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/home-image.jpg); background-position: top; }
body#saving #image						{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/home-image.jpg); background-position: top; }
body#faq #image							{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/faqs-image.jpg); background-position: top; }
body#buy #image							{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/buy-image.jpg); background-position: top; }
body#hints #image						{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/hints-image.jpg); background-position: top; }
body#what #image  						{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/what-image.jpg); background-position: top; }
body#how #image							{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/how-image.jpg); background-position: top; }
body#contact #image 					{ height: 336px; width: 1097px; z-index: 2; margin-top: -300px; background-image: url(../images/backgrounds/contact-image.jpg); background-position: top; }

/* -- TEXT -- */

a:hover 								{ text-decoration: underline; }
h1 										{ font-size: 27px; color: #c5005a; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
h2										{ font-size: 22px; color: #c5005a; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
h3 										{ font-size: 12px; color: #00b6e8; margin: 0px; padding: 0px; }
h4										{ font-size: 16px; color: #228fac; margin: 0px; padding: 0px; }
#text-content a 						{ text-decoration: none; color: #C5005A; }
#text-content a:hover 					{ text-decoration: underline; }
#text-content p 						{ font-size: 13px; margin: 0px 10px 10px 0px; padding: 0px; color: #238fad; }

/* -- FOOTER -- */

#footercontainer						{ width: 1096px; margin: 0 auto; }
#footer 								{ clear: both; font-family: "Courier New", Courier, monospace; overflow: hidden; padding: 10px 0 40px 0; }
#footnotes 								{ float: left; width: 400px; margin-left: 10px; }
#footnotes a 							{ font-size: 11px; margin: 0px; padding: 0px; color: #426588; }
#footer-links a 						{ margin: 0px; padding: 0px; color: #426588; }
#footer-links 							{ float: right; padding-right: 35px; }
#footer-links p							{ color: #426588; font-size: 11px; margin: 0px; padding: 0px; }

/* -- DISCLAIMER -- */

#disclaimer 							{ background: #FFF; padding: 20px; text-align: center; height: 180px; width: 400px; }
#disclaimer p 							{ font-family: 'Neuton', arial, serif; font-size: 12px; color: #238fad; }

/* -- DROP DOWN QUESTIONS -- */

#question-1 							{ width: 680px; margin-right: auto; margin-left: auto; border: 1px solid #228CAA; padding: 5px; background: #FFF; margin-bottom: 10px; }
#question-2 							{ width: 680px; margin-right: auto; margin-left: auto; border: 1px solid #228CAA; padding: 5px; background: #FFF; margin-bottom: 10px; }
#question-3 							{ width: 680px; margin-right: auto; margin-left: auto; border: 1px solid #228CAA; padding: 5px; background: #FFF; margin-bottom: 10px; }
#question-4 							{ width: 680px; margin-right: auto; margin-left: auto; border: 1px solid #228CAA; padding: 5px; background: #FFF; margin-bottom: 10px; }

/* -- FAQ SECTION -- */

#faq1 									{ width: 680px; border: 1px solid #7d0e2a; padding: 5px; background: #FFF; margin-bottom: 10px; color: #7d0e2a; margin-top: 10px; display: none; zoom: 1; }
#faq2 									{ width: 680px; border: 1px solid #7d0e2a; padding: 5px; background: #FFF; margin-bottom: 10px; color: #7d0e2a; margin-top: 10px; display: none; zoom: 1; }
#faq3 									{ width: 680px; border: 1px solid #7d0e2a; padding: 5px; background: #FFF; margin-bottom: 10px; color: #7d0e2a; margin-top: 10px; display: none; zoom: 1; }
#faq4 									{ width: 680px; border: 1px solid #7d0e2a; padding: 5px; background: #FFF; margin-bottom: 10px; color: #7d0e2a; margin-top: 10px; display: none; zoom: 1; }
#faq5 									{ width: 680px; border: 1px solid #7d0e2a; padding: 5px; background: #FFF; margin-bottom: 10px; color: #7d0e2a; margin-top: 10px; display: none; zoom: 1; }
#faq1 p 								{ color: #7d0e2a; } 
#faq2 p 								{ color: #7d0e2a; }
#faq3 p 								{ color: #7d0e2a; }
#faq4 p 								{ color: #7d0e2a; }
#faq5 p 								{ color: #7d0e2a; }
#content .question 						{ color: #238FAD; font-size: 16px; margin-bottom: 10px; margin-top: 5px; }
#content .hood 							{ font-size: 18px; }
#content .q 							{ font-size: 24px; color: #C5045C; }
.bold-pink 								{ color: #C6085F; font-size: 16px; }

/* -- BUY NOW PAGE -- */
#buynow a 								{ display: block; text-indent: -9000px; height: 75px; width: 350px; background-image: url(../images/buy-now.jpg); background-position: top; }
#buynow a:hover 						{ background-position: bottom; }

/* -- SITEMAP -- */
#content .sitemap li ul li a 			{ color: #238FAD; }
#content .sitemap li ul li ul li a 		{ color: #999; }

/* -- OFFERS PAGE -- */

#offers									{ overflow: hidden; }
.offer									{ width: 100%; height: 50px; width: 150px; overflow: hidden; margin-bottom: 15px; float: left; }
#tesco									{ width: 100%; height: 50px; width: 150px; overflow: hidden; margin-bottom: 15px; float: left; }
#boots									{ width: 100%; height: 50px; width: 150px; overflow: hidden; margin-bottom: 15px; float: left; }
#asda									{ width: 100%; height: 50px; width: 150px; overflow: hidden; margin-bottom: 15px; float: left; }
#sainsburys								{ width: 100%; height: 50px; width: 150px; overflow: hidden; margin-bottom: 15px; float: left; }
.store									{ float: left; margin-right: 10px; border-right: solid 1px #09f; }
#offers .dates p						{ line-height: 50px; font-size: 22px; }
.highlight								{ font-size: 1.2em; color: #2197b5; }

/* hide voucher link on offers page */

body#saving #voucher,
body#faq #header						{ display: none; }
body#faq #main-nav						{ margin-top: 20px; }

/* Faq Test */

h4.trigger 								{ padding: 0; margin: 0; height: 40px; line-height: 18px; width: 720px; font-size: 16px; font-weight: normal; float: left; }
h4.trigger a 							{ color: #228fac; text-decoration: none; display: block; }
.toggle-container 						{ margin: 0 0 5px 0; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0; overflow: hidden; width: 720px; clear: both; }
.toggle-container .block 				{ padding: 10px; }