/* ############# CONTAINERS ############ */
div#outsidecontainer {  float: left; margin: 0; padding: 0; width: 998px; color: inherit; background:#e8eff0;} /* This sets the site position and width on the page  */
div#maincontainer, div.maincontainer { float: left; margin: 0; padding: 0; width: 998px; color: inherit; background-color:#e8eff0; background: #e8eff0 url(../images/backgrounds/junk-food.jpg) bottom right no-repeat; } /* This is for all content except the footer */

/* ############# TOPBAR ############ */
*
.topbar { float: left; width: 100%; height:110px; color: inherit; background: #ffffff url(../images/backgrounds/father-and-son.jpg) bottom right no-repeat;  margin: 0 0 10px 0; padding: 0; }
.topbar_about { float: left; width: 245px; padding: 20px 0 0 31px; }
.topbar_logo { float: left; width: 462px; text-align:center; padding: 10px 0 0 0; }

/* ############# CONTENT ############ */
div#content_outer { float:left; width: 998px; margin: 0 0 10px 0; vertical-align: top;}
div#content_left { float:left; width: 253px; padding: 0 0 320px 15px; margin: 0; overflow:hidden; }
div#content_center { float:left; width: 462px; padding: 0; margin: 0; background:#ffffff; }
div#content_right { float:left; width: 250px; padding: 0 0 0 15px; margin: 0; overflow:hidden;}

div#imgHeader {background:#ffffff;}
div.bodyHeight {float:left;height:663px;width:1px;overflow:hidden;display:block;}
div.bodyHeightShort {float:left;height:463px;width:1px;overflow:hidden;display:block;}
div.indexHeight {float:left;height:513px;width:1px;overflow:hidden;display:block;}
html[xmlns*=""] body:last-child div.indexHeight { height:0px; width:1px; overflow:hidden; display:block; }
div.textContent {float: left;background:#ffffff; padding: 20px 18px 20px 18px; float:left; width:425px; line-height: 15px;overflow:hidden;}
div.takeActionFormFrameTextContent {float: left;background:#ffffff; padding: 20px 0 0 0; float:left; width:440px; line-height: 15px;overflow:hidden;}
div.formContent {float:left;display:inline;background:#f7f7f7; margin:0 0 0 2px; padding:15px 0; width:456px;}
div.takeActionFormFrameFormContent {float:left;display:inline;background:#f7f7f7; margin:0 0 0 2px; padding:15px 0; width:480px;}
div.blogContent {float:left;display:inline;background:#f7f7f7; margin:0 0 0 2px; padding:10px 15px; width:427px;}
textarea.blogComment {width: 422px;height:80px;}
div.sendtoafriend {float:left;text-align:center;padding: 5px 0 10px 10px;}
div.sendtoafriend img{cursor:pointer;}

/* ############# BLOG LIST FRAME ##############*/
div.blogListFrameTextContent { float: left;background:#ffffff; padding: 0px 18px 20px 18px; float:left; width:540px; line-height: 15px;overflow:hidden; }

/* ############# FOOTER ############ */
div#footer { float: left; width: 438px; padding: 10px 25px 10px 0px; margin: 0; background: none; color: #a9a9a9; background-color: #e8eff0; line-height:16px;}
div#footer a {color:#000000;}



/* ############# COMPONENTS ############ */
div.cp { float:left;color:inherit; background: transparent url(/images/backgrounds/cp_bg.gif) bottom left no-repeat; padding: 0 0 21px 0 !important; margin:0 0 5px 0; }
div.cp .inner {float:left;color:inherit; background: transparent url(/images/backgrounds/cp_bg.gif) top left no-repeat; padding: 10px 25px 0 17px; margin:0; width: 208px; }
div.cp h2 {color:#000000;font-weight:bold;font-size:150%;}
div.cp p {margin:0 0 5px 0;}

div.cp_fr {float:left; background: transparent url(/images/backgrounds/cp_fr_bg.gif) top left no-repeat; color:inherit; margin:0 0 5px 0;}
div.cp_fr .inner {float:left; padding: 10px 26px 26px 3px; width:221px;background: transparent url(/images/backgrounds/cp_fr_bg.gif) bottom left no-repeat;}
.cp_fr ul { list-style: none; margin: 0; padding:0 0 0 0; }
.cp_fr ul li { float:left; display:table; font-weight:bold;width:235px;}
.cp_fr ul li span.img {float:left; font-weight:bold; width:66px;}
.cp_fr ul li span.txt  {float:left; padding: 10px 0 10px 0; border-bottom: 1px dashed #999999;display:table; font-weight:bold; width:169px;}
.cp_fr ul li div {vertical-align:middle;display:table-cell;}
.cp_fr ul li.last {border:none;}


.cp_poll table {padding:0;border:none; border-collapse:collapse;margin:0 0 5px 0;}
.cp_poll .poll_p {display:inline;float:right;padding:0 0 5px 0;margin:0;}

/*margin fix for opera*/
html[xmlns] a[id$="poll_p"]:not([class="xxx"]) {margin:-18px 0 0 0;}
*html* .cp_poll .poll_p {margin:-18px 0 0 0 !important;}
*+html .cp_poll .poll_p {margin:-18px 0 0 0 !important;}


.cp_fr .greenTitle {width: 211px;}

.dyk h2 img {float:left;}
.dyk h2 span {padding: 14px 0 0 0;display:block;}


table.form {margin:0 auto;}
table.form .label {padding:0 10px 0 0;font-weight:bold; text-align:right !important; vertical-align: middle; width:150px; }
table.form .input {padding: 5px 0;}
table.form .input input {width:200px;border:1px solid #cccccc;padding: 3px 2px;}
table.form .input textarea {width:200px;border:1px solid #cccccc;padding: 3px 2px;}
table.form .tfoot {text-align:right;}

table.formFrame {margin:0 25px;}
table.formFrame .label {padding:3px 10px 0 0;font-weight:bold; text-align:right !important; vertical-align: top; }
table.formFrame .input {padding: 5px 0;}
table.formFrame .input input {width:200px;border:1px solid #cccccc;padding: 3px 2px;}
table.formFrame .input textarea {width:200px;border:1px solid #cccccc;padding: 3px 2px;}
table.formFrame .tfoot {text-align:right;}
table.formFrame .takeActionFormFrameInput { padding:2px 0 0 0 !important; vertical-align:top; }
table.formFrame .takeActionFormFrameSubmit { vertical-align:top; }
table.formFrame .takeActionFormFrameCheckBox { padding:10px 0 18px 10px; }
table.formFrame .takeActionFormFrameCheckBox { *padding:10px 0 0 10px; }
*html* table.formFrame .takeActionFormFrameCheckBox { padding:0 0 3px 10px; }
table.formFrame .takeActionFormFrameSubmitBtn { padding:5px 0 0 12px; text-align:left; }

.action {margin:-66px 0 0 0; display:inline; height:56px; float:right; font-size: 50px; background:transparent; font-weight:bold; color:#cc6600; text-align:center;position:relative;}
*html* .action {margin:-76px 0 0 0;}
*+html .action {margin:-76px 0 0 0;}

div.takeActionFormCounterPosition { padding: 2px 17px 0 0; width: 112px; }
div.takeActionFormFrameCounter { padding: 5px 205px 0 0; width: 120px; color:#003399; font-size:48px; }
div.takeActionFormFrameCounter { *padding: 10px 205px 0 0; }
*html* div.takeActionFormFrameCounter { padding: 10px 190px 0 0; }


.choiceAction { float:left !important; width:80px; padding:5px 0 0 345px; }
*html* .choiceAction { padding:10px 0 0 345px !important; }
*+html .choiceAction { padding:10px 0 0 345px !important; }

div.blogContent p {border-bottom: 1px dashed #999999; padding: 0 0 10px 0;margin:0 0 4px 0;}
div.blogContent p.jump {border:0;font-weight:bold;margin:0;padding:0;font-size:10px;}

.blog { }
.blog .date {margin:0;padding:0;font-size:10px;}
.blog h1.swappedPage {margin:0;padding:5px 0 0 0;border-top:1px dashed #999999; color:#299b07;}
.blog h2 {margin:0;padding:5px 0 0 0;border-top:1px dashed #000000;}
.blog h3 {margin:0;padding:0;}

/* BlogFromFrame */
.blogFormFrameDate { padding:0 0 12px 0 !important; }
div.blogFormFrameContent {float:left; display:inline; margin:0 0 0 2px; padding:10px 15px; width:427px;}
p.blogFormFrameP { margin-left:-10px; padding:0 0 10px 10px; border-bottom:1px dashed #999999; }

/* Take Action List Frame */
div.takeActionListTextContent { float: left; background:#ffffff; padding: 20px 18px 5px 5px; float:left; width:425px; overflow:hidden;}
/* Homepage slider */
.hpSliderOuter {float:left;height:150px;text-align:center;display:table;margin:5px auto;padding:0;}
.hpSlider {list-style:none;margin:0 auto;padding:0;text-align:center;font-size:medium;}
.hpSlider td {}
.hpSlider td a {float:left;padding:10px 4px 0 4px;text-decoration:none;}
.hpSlider a .preview{display: none;height:125px;width:175px;padding: 3px 0 0 0;background:transparent url(/images/generic/bg_slider.gif) top left no-repeat;}
.hpSlider .thumb {height:70px;margin:28px 0;}
.hpSlider .preview img {width:100px;height:119px;}
.hpSlider a:hover, .hpSlider a:focus {text-decoration:none;}
.hpSlider a.on .thumb { display: none;}
.hpSlider a.on .preview { display: block;}
/*
.hpSlider a:hover .thumb, .hpSlider a:hover .thumb { display: none;}
.hpSlider a:hover .preview, .hpSlider a:hover .focus { display: block;}
*/

* html .hpSlider a{position: relative;}
* html .hpSlider a:hover {font-size: 100%;}/*
* html .hpSlider a:hover .thumb{display:none;}
* html .hpSlider a:hover .preview{display:block;} */
* html .hpSlider a.on .thumb{display:none;}
* html .hpSlider a.on .preview{display:block;}
* html .hpSlider td{position: static;}

.nutrition {}
.nutrition th {padding: 5px 5px 5px 0;text-align:left;}
.nutrition td {padding: 5px 5px 5px 0;border-top:1px dashed #999999;}
.nutrition td.package {width:112px;border:none;}
.nutrition td.text {width:50px !important;}

.categories {width:100%;}
.categories td {vertical-align:bottom;padding:0 12px 20px 0;text-align:center;}
.categories td span {display:block;clear:both;}
/* .categories td {vertical-align:top;} */
.categories .img {padding:0 5px 20px 0;}
.categories .text {padding:0 12px 20px 0;}

.reviews {width:100%;margin:10px 0;}
.reviews td {padding: 3px 0; line-height:15px;}
.reviews td input {vertical-align:middle;}

.takeaction {width:425px; text-align: left; padding: 5px; margin-bottom:20px;}
.takeactionlistframetable {width:580px; text-align: left; padding: 0 5px 0 5px;}

/* Confirmation Text */
.confirmtext {color:Red;font-size:12px;font-weight: bold;}
.confirmtext td {width:300px;}

/* enquiry popup - don't forget the ie6 fixes - REMOVE IF NOT USING */
.jqmWindow {display: none;position: absolute;top: 20%;left: 35px;width:924px;background-color: #ffffff;color: #333333;border:1px solid #66cc00;}
.jqmWindow .enqform {clear:both;background:#fff;}
.jqmWindow .enqform h2, .jqmWindow .enqform h3 {padding: 15px 0 5px 15px;margin:0;}
/*.jqmWindow table th,.jqmWindow table td {padding: 3px 25px;}
.jqmWindow table {width:100%;}
.jqmWindow table th {background-color:#fafafa;}
.jqmWindow table td {background-color:#f6f6f6;}*/

.jqmOverlay {margin:0 auto; background-color: #000000; }