html {margin:0; padding:0; background:#DCF1FC url(../images/clouds-top.png) no-repeat 50% top; height:100%; min-width:980px; }
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#003e7e; line-height:1.4; margin:0; padding:0; height:100%;}
p{font-size:1.0em; margin:0 0 10px 0; }
p.highlight {font-size:1.1em; }

	a, a:visited {color:#1B75BB; text-decoration:underline;}
	a:focus, a:active, a:hover {text-decoration:none; color:#f78f1e; }
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {color:#1B75BB; line-height:1.4em; font-size:1.5em; padding:0; margin:0 0 10px 0; font-weight:normal; }
h2 {color:#1B75BB; line-height:1.4em; font-size:1.3em; padding:0; margin:15px 0 10px 0; font-weight:normal;}
h3 {color:#1B75BB; line-height: 1.15em; font-size: 1.15em; font-weight: bold; padding:0; margin:0 0 5px 0; }
h4 {color:#1B75BB; line-height: 1.1em; font-size: .95em; font-weight: normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; width:10px; text-indent:-999em; top:-999em; }  /* Hides the element from view */
.small {font-size:0.85em; font-weight:normal;}

.clear {clear:both;}

div {position:relative;}

input:focus, textarea:focus {background:#fefef4; }

/************************
STRUCTURAL
************************/
#container{}
#container{}

#header{height:200px; margin-top:35px;}

.wrapper {margin:0 auto;width:980px; height:100%; z-index:3;}
.structureleft {margin:0 290px 0 20px; padding-top:70px; width:670px; height:100%; min-height:90px; z-index:3;}
.structureright {position:absolute; top:240px; left:690px; width:290px; height:100%;z-index:3}

#branding {position:absolute; top:40px; right:40px; width:223px; height:141px; z-index:20}

/************************
HEADER
************************/
#header {background:#fff url(../images/back.png) repeat 0 0; overflow:hidden; }
#rounded-top {position:absolute; height:50px; width:980px; left:0; top:0; z-index:5; background:url(../images/main-cnr.png) no-repeat 0 -50px;}

#logo {position:absolute; display:block; width:320px; height:171px; top:25px; right:50px; z-index:11; overflow:hidden; }
#logo a {width:100%; height:100%; display:block;background:url(../images/cathaven-logo.png) no-repeat;}
#header strong {position:absolute; display:block; top:45px; left:290px; width:490px; height:80px; z-index:10; font-weight:normal; font-size:2.5em; letter-spacing:1px; line-height:1.2em; color:#fd8e43;}



#header-image {position:absolute; height:133px; width:300px; left:17px; top:17px; background:url(../images/header-default.jpg) no-repeat; z-index:9;}

#header-image-bottom {position:absolute; height:50px; width:980px; left:0; top:150px; background:url(../images/back.png) repeat -2940px 0;z-index:10;}


/************************
 * CONTENT
 ************************/
.structureleft #bill-main {min-height:400px; border:3px solid #517D96; background:#fff; padding:19px 28px;}
.home .structureleft #bill-main {padding:0;}
.structureleft #pole-top {position:absolute; width:16px; height:3px; background:url(../images/home-panels.png) no-repeat -466px -180px; overflow:hidden; bottom:0; right:-153px;}


/************************
 * MAIN NAVIGATION
 ************************/
/*Menu positioning*/
#navigation {position:absolute; top:16px; left:-88px; padding-left:107px; height:40px; width:950px; color:#FFFFFF; z-index:10; } 

/* lists */
#mainnav { padding:0 50px 0 0; margin:4px 0 0; list-style: none; line-height: 1; display:block; position:relative; float:left; background:url(../images/nav-top.png) no-repeat right -60px;}

#mainnav li {height:30px; line-height:30px; overflow:hidden; background:#0e91d4 url(../images/nav-top.png) repeat-x;  float: left; }
#mainnav li a {display: block; text-decoration:none; color:#FFFFFF; padding:0 10px; text-transform:uppercase; background:url(../images/nav-top.png) repeat-x; cursor:pointer; }

#mainnav li.section a, 
#mainnav li.current a, 
#mainnav li a:hover,
#mainnav li a:active, 
#mainnav li a:focus 
{background-position:50% -30px; background-repeat:no-repeat;} /* KEYBOARD NAVIGATION HOVER */

#mainnav li.first {padding-left:50px;}

/* paper aeroplane */
#nav-vis {position:absolute; left:0; top:0; width:138px; height:40px; background:url(../images/elem-vis.png) no-repeat; z-index:30; overflow:hidden;}

/************************
 * SIDE NAVIGATION
 ************************/

.structureright {background:url(../images/pole.png) repeat-y 137px 0;}

#sidenav {margin:0 15px; padding:0 10px; border:3px solid #fff; background:#0e91d4 url(../images/nav-side-back.png) repeat-y; width:234px; }
#sidenav ul {padding:0; margin:0; list-style: none; line-height: 1; display:block; position:relative;}
#sidenav ul li a {display:block; height:45px; line-height:45px; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase;}
#sidenav ul li a:hover, #sidenav ul li.current a, #sidenav ul li.section a, #sidenav ul li a:focus, #sidenav ul li a:active {background:url(../images/nav-hover.png) no-repeat left 50%; }

#sidenav ul li {background:url(../images/dot-horiz.png) repeat-x bottom left;padding-bottom:3px; }
#sidenav ul li.last {background:none; padding:0;}


.home .structureright {top:310px;}
#sidenav-home {margin:0; padding:0; border:0; background:none;}
#sidenav-home ul {padding:0; margin:0; list-style: none; line-height: 1; display:block; position:relative;}

#sidenav-home #signpost-find {position:relative; height:89px; width:261px; margin:0 0 0 15px;}
#sidenav-home #signpost-find a {display:block; height:100%; text-indent:-999em; background:url(../images/home-panels.png) no-repeat 0 0;}
#sidenav-home #signpost-find a:hover {background-position:-261px 0;}

#sidenav-home #signpost-good {position:relative; height:91px; width:261px; margin:0 0 0 15px;}
#sidenav-home #signpost-good a {display:block; height:100%; text-indent:-999em; background:url(../images/home-panels.png) no-repeat 0 -89px;}
#sidenav-home #signpost-good a:hover {background-position:-261px -89px;}

/************************
 * FOOTER
 ************************/
#footer {height:380px; background:url(../images/clouds-bottom.png) no-repeat 50% bottom; z-index:5;}

#footer-song {position:absolute; left:432px; top:0; width:252px; height:99px; overflow:hidden;}
#footer-song a {display:block; position:relative; height:100%; width:100%; text-indent:-999em; background:url(../images/elem-vis.png) no-repeat 0 -40px; }
#footer-song a:hover, #footer-song a:focus {background-position:0 -139px; }
#footer-song a:active {background-position:0 -40px; }
#footer-song.playing #pcent {position:absolute; display:block; width:110px; height:30px; left:107px; top:43px; background:#8bd2f4 url(../images/elem-vis.png) no-repeat -187px -238px; overflow:hidden; text-align:right; color:#fff; font-size:16px; line-height:30px; cursor:pointer; text-decoration:none;}
#footer-song #pcent {display:none;}

.footer-bill {position:absolute; width:205px; height:175px; background:#fff; border:2px solid #517D96; overflow:hidden; }
.footer-bill h2 {height:32px; background:#74B64A; overflow:hidden; margin:0;}
.footer-bill h2 a {display:block; height:100%; background:url(../images/home-panels.png) no-repeat -261px -180px; text-indent:-999em; }

#footer-bill-left {left:20px; top:75px;}
#footer-bill-left h2 {position:absolute; left:0; bottom:0; width:205px;}

#footer-bill-right {left:263px; top:155px;}
#footer-bill-right h2 a {background-position:-261px -212px; background-color:#f78f1e;}

#footer-bill-top {width:155px; height:56px; left:238px; top:78px; border:none; background:none;}
#footer-bill-top h2 {height:56px; background:none; }
#footer-bill-top h2 a {background-position:-261px -244px; background-color:#eaf7fe}
#footer-bill-top h2 a:hover, #footer-bill-top h2 a:focus {background-position:-261px -300px;}

#flickr-grid {padding:7px 0 0 7px;}
#flickr-grid a {display:block; float:left; width:59px; height:59px; overflow:hidden; margin:0 7px 7px 0;}
#flickr-grid img {width:59px; height:59px; }

#footer-vanity {position:absolute; right:0; bottom:25px; width:442px; height:62px; background:url(../images/elem-vis.png) no-repeat right 11px;}
#footer-vanity-i {position:absolute; left:0; bottom:0; border:1px solid #517D96; background:#C5E8F9; width:316px; min-height:44px; padding:6px 10px; color:#1B75BB; font-size:0.9em; line-height:1.4; letter-spacing:-0.3px; }

#footer-vanity ul {margin:0; padding:0;list-style-position:inside; float:left;}
#footer-vanity li {float:left; padding-left:10px;}
#footer-vanity li.first {list-style:none;padding-left:0;}
#footer-vanity li a {text-transform:uppercase;}

#footer-vanity p {margin:0;}
#footer-vanity a {text-decoration:none;}

#footer-vanity p .nourl, #footer-vanity p a, #footer-vanity p span {color:#8BD2F4; font-size:0.95em;}

#footer-social {position:absolute; right:14px; top:12px; width:261px; height:117px; background:url(../images/home-panels.png) no-repeat 0 -190px; }
#footer-social ul{margin:0; padding:0;list-style:none; float:left;}
#footer-social li {float:left; overflow:hidden; height:60px;}
#footer-social li a {display:block; height:100%; text-indent:-999em; background:url(../images/social.png) no-repeat; }

#footer-social #facebook {margin:8px 1px 0 10px; width:52px;}
#footer-social #twitter {margin:32px 1px 0 0; width:48px;}
#footer-social #myspace {margin:12px 0 0; width:45px;}
#footer-social #youtube {margin:32px 3px 0 0; width:47px;}
#footer-social #flickr {margin:18px 0 0; width:44px;}

#footer-social #facebook a {background-position:0 0;}
#footer-social #twitter a {background-position:-52px 0;}
#footer-social #myspace a {background-position:-100px 0;}
#footer-social #youtube a {background-position:-146px 0;}
#footer-social #flickr a {background-position:-193px 0;}

#footer-social #facebook a:hover, #footer-social #facebook a:focus, #footer-social #facebook a:active {background-position:0 -60px;}
#footer-social #twitter a:hover, #footer-social #twitter a:focus, #footer-social #twitter a:active {background-position:-52px -60px;}
#footer-social #myspace a:hover, #footer-social #myspace a:focus, #footer-social #myspace a:active {background-position:-100px -60px;}
#footer-social #youtube a:hover, #footer-social #youtube a:focus, #footer-social #youtube a:active {background-position:-146px -60px;}
#footer-social #flickr a:hover, #footer-social #flickr a:focus, #footer-social #flickr a:active {background-position:-193px -60px;}

/************************
 * Vanity
 ************************/
#vanity {margin-bottom:30px; background:#7f7f7f; font-size:0.9em;}
#vanity a {color:#fff; text-decoration:none;}
#vanity p {color:#fff; text-align:right; margin-right:40px;}

/************************
SEARCH FORM AND PAGE
************************/

#search-box {position:absolute; height:30px; width:180px; top:-25px; right:40px; z-index:9}
#SearchForm_SearchForm {} /* form element */
#SearchForm_SearchForm fieldset {border:none; padding:0; margin:0;}
#Search {width:145px; float:left;} /* div containing box */
#SearchForm_SearchForm_Search {padding:5px 0 0 5px; margin:0; width:140px; height:20px; border:#fff none; font-size:0.9em; line-height:20px; } /* input box */
#SearchForm_SearchForm_action_results {float:left; font-size:0.90em; border:none; height:25px; width:25px; overflow:hidden; cursor:pointer; margin:0; background:url(../images/nav-stitch.png) no-repeat -420px top; color:#fff;} /* go button */
#SearchForm_SearchForm_Search:focus {background:#fefef4; }

#search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;}
#search_results li p {color:#8b8b8a; margin-left:20px;}
#search_results a {font-weight:bold;}
#search_results .search_parent {font-weight:normal;}

#report-nav dd, #report-nav dt  {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }

#report-nav dt  {margin-right:5px;padding:0 0 0 10px; }
#report-nav {border:1px solid #D9D9D9; margin:20px 0; overflow:hidden;}
#report-nav a:hover {}
#report-nav a, #report-nav .disabled, #report-nav .selected {display:block;line-height:2.5em;padding:0 5px;}
#report-nav .selected {background:#ddf2fc;}
#report-nav .disabled {color:#8B8B8A;}

#PageNumbers {margin:20px 0; padding:10px; background:#E8E8E8; }
.search-current {background:#D9D9D9; padding:3px 3px 0 3px; }
#search-caption {color:#464646; font-weight:normal;}

/************************
 * FLAVOURS/TOPPINGS
 ***********************/

.grid3 {position:relative; margin:0 -20px 10px 0; clear:both;}
.grid3 .topping {width:190px; height:175px; position:relative; float:left; margin:0 19px 0 0;}
.grid3 .topping h3 {color:#1B75BB; font-size:1em; width:180px; min-height:20px; margin:0; background:#C5E8F9 url(../images/swirl-grid.png) no-repeat -200px 50%; padding:10px 5px 5px 5px; text-align:center;}

.grid3 .flavour {width:190px; height:235px; position:relative; float:left; margin:0 19px 0 0;}
.grid3 .flavour h3 {color:#fff; font-size:1em; width:180px; min-height:20px; margin:0; background:#1b75bb url(../images/swirl-grid.png) no-repeat 0 50%; padding:10px 5px 5px 5px; text-align:center;}
.grid3 .flavour p {min-height:50px; background-color:#C5E8F9; margin:0; padding:8px 5px 5px 5px; color:#1B75BB; font-weight:700; font-size:0.9em; line-height:1.3;}

/************************
 * MOTM
 ***********************/

#motm .picture {text-align:center; margin:10px 0 20px;}
#motm .caption {width:560px; margin:0 auto; background:#74B64A url(../images/motm-caption.png) no-repeat; height:40px; color:#fff; font-weight:700; line-height:40px; font-size:1.3em;}

#motom-back {display:block; position:relative; height:84px; width:187px; background:url(../images/elem-vis.png) no-repeat 0 -238px; text-indent:-999em; margin:0 0 -19px -15px;}

.grid3 .motm-grid {width:190px; height:190px; position:relative; float:left; margin:0 19px 0 0;}
.grid3 .motm-grid h3 {color:#fff; font-size:1em; width:180px; min-height:20px; margin:0; background:#74b64a url(../images/swirl-grid.png) no-repeat -400px 50%; padding:10px 5px 5px 5px; text-align:center;}
.grid3 .motm-grid a {position:absolute; display:block; top:0; left:0; text-indent:-999em; width:100%; height:100%; background:url(../images/spacer.gif);} /* background required for IE 5-8 and Opera. Don't get me started. */

/************************
 * PRESS
 ***********************/

#press a, #press p {display:block; margin:0 0 10px; position:relative; text-decoration:none; color:#003e7e; line-height:1.3; min-height:90px;}
#press a span, #press p span {display:block; padding:10px 10px 10px 270px;}
#press a img, #press p img {position:relative; float:left;}
#press a .linkURL {display:inline; padding-left:10px; text-decoration:underline; color:#f78f1e;}
#press a:hover {background:#DCF1FC;}

/************************
 * Location
 ***********************/

#container #content #location-form label {width:200px; padding-left:50px;}
#container #content #location-form input.text {width:300px; }
#container #content #location-form .Actions {margin-right: 40px;}

#container #content #location-form #EditableTextField12 {}
#container #content #location-form #EditableTextField12 label {height:3em; color:#f78f1e; font-size:1.2em; line-height:1.2em;}
#container #content #location-form #EditableTextField12 input {height:20px; font-size:1.3em; padding:7px;color:#f78f1e; margin-top:0;width:292px; border-color:#f78f1e;}

/* Required */
#location-form span.required, #location-form span.message {margin-left:260px; width:288px;}

/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.large {margin-top:-40px;margin-right:-10px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}

/************************
ALL FORMS
************************/
form {display:block; position:relative; clear:both;}
form input.checkbox {border:none;}

form div.field {position:relative;}

form #Remember {margin-left:160px;color:#1B75BB; overflow:hidden;}
form #Remember input {margin:0 10px 0 0; float:left; width:auto; border:none;}
form #Remember label {width:auto; margin-top:2px; float:left; }

form #ForgotPassword {position:absolute; line-height:30px; height:30px; top:0; right:130px; padding:0 10px; background:#c5e8f9; text-decoration:none; font-weight:normal;}
form #ForgotPassword a {text-decoration:none;}

form #honeypot {display:none;} /* hides spam protection field */

form fieldset {border:none; margin:0; padding:0}
form input, form textarea, form select {border:#1B75BB 1px solid; margin:-3px 0 3px;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#1B75BB; padding:3px; width:430px;}
form div.field {clear:left; margin:0 0 10px;}
#container #content form label {float:left; display:block; width:150px; text-align:right; padding:0 10px 0 0; line-height:1.2;} /* IDs added for specificity */

form div.optionset {float:left; width:100%;}
form ul.optionset {list-style:none; float:left; padding:0; margin:0;}
form ul.optionset li{clear:both;}
#container #content form ul.optionset label {padding:0; margin:0 10px 0 0; float:none; text-align:left;} /* IDs added for specificity */
form ul.optionset input {margin:2px 10px 0; width:auto; float:left; border:0;}

/* Required */
form span.required, form span.message {background:#fde8e9;color:#ec1c24;display:block;line-height:1.1em;padding:3px 10px; margin:-3px 0 0 160px; width:418px}

/* Action */
form .Actions {margin:10px; padding:0; border:0; text-align:right}
form .Actions input {color:#fff; background:#0E91D4 url(../images/nav-top.png) repeat-x; border:0;padding:0 10px; font-size:0.95em; height:30px; text-align:center; font-weight:bold; cursor:pointer; width:auto; min-width:100px; line-height:30px; overflow:hidden; }

.readonly:focus {background:#fff; }


/************************
 * FLOATING
 ***********************/
#content .floating {margin:0 -10px 10px 20px; padding:0; float:right; width:190px; overflow:hidden; list-style:none;}
#content .floating li {height:117px; overflow:hidden; padding:14px 20px 19px 15px; margin:0 0 10px 0;width:155px; background:url(../images/elem-vis.png) no-repeat 0 -322px;}
#content .floating dt {padding:0 0 0 25px; font-weight:bold; background:url(../images/icons.png) 0 -106px no-repeat; min-height:18px; line-height:1.2; font-size:0.9em;}
#content .floating dd {margin:5px 0 20px;}
#content .floating a {display:block; position:relative; text-align:center;}


/************************
 * NUTRITIONAL
 ***********************/
#nutrition-panel {color:#1B75BB; margin:0 0 30px -10px; line-height:1.3; font-size:0.95em; letter-spacing:-0.3px; clear:both;}
#nutrition-panel h3 {padding:0 0 0 30px; margin:0 0 0 -33px; background:url(../images/swirl-grid.png) no-repeat -600px 50%; line-height:25px; letter-spacing:-0.3px;}
#nutrition-panel table {margin-left:30px; width:590px}

#nutrition-panel table caption {display:none;}
#nutrition-panel table thead td, #nutrition-panel table thead th {font-weight:bold; text-align:center; padding:6px 3px 3px; text-align:left; }
#nutrition-panel table td {font-size:1.3em; color:#74B64A; letter-spacing:-0.7px;}
#nutrition-panel table td.first, #nutrition-panel table td.second {width:120px; }

#nutrition-panel .ingredients td {margin-left:150px; line-height:1.1; margin-top:10px; font-size:0.95em; color:#1B75BB; border:2px solid #1B75BB; border-width:2px 0 0 0; padding-top:6px; letter-spacing:-0.3px;}


/************************
 * Location
 ***********************/
#location-map {margin-top:-15px;}