/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Reset * @module reset * @namespace * @requires */ html { color: #000; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Fonts * @module fonts * @namespace yui- * @requires */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.231 arial,helvetica,clean,sans-serif; /* for IE6/7 */ *font-size:small; /* for IE Quirks Mode */ *font:x-small; } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea, button { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ /** * YUI Base * @module base * @namespace yui- * @requires reset, fonts */ body { /* For breathing room between content and viewport. */ margin:10px; } h1 { /* 18px via YUI Fonts CSS foundation. */ font-size: 138.5%; } h2 { /* 16px via YUI Fonts CSS foundation. */ font-size: 123.1%; } h3 { /* 14px via YUI Fonts CSS foundation. */ font-size: 108%; } h1,h2,h3 { /* Top & bottom margin based on font size. */ margin: 1em 0; } h1,h2,h3,h4,h5,h6,strong,dt { /* Bringing boldness back to headers and the strong element. */ font-weight: bold; } optgroup { font-weight:normal; } abbr,acronym { /* Indicating to users that more info is available. */ border-bottom: 1px dotted #000; cursor: help; } em { /* Bringing italics back to the em element. */ font-style: italic; } del { /* Striking deleted phrases. */ text-decoration: line-through; } blockquote,ul,ol,dl { /* Giving blockquotes and lists room to breath. */ margin: 1em; } ol,ul,dl { /* Bringing lists on to the page with breathing room. */ margin-left: 2em; } ol li { /* Giving OL's LIs generated numbers. */ list-style: decimal outside; } ul li { /* Giving UL's LIs generated disc markers. */ list-style: disc outside; } dl dd { /* Giving UL's LIs generated numbers. */ margin-left: 1em; } th,td { /* Borders and padding to make the table readable. */ border: 1px solid #000; padding: .5em; } th { /* Distinguishing table headers from data cells. */ font-weight: bold; text-align: center; } caption { /* Coordinated margin to match cell's padding. */ margin-bottom: .5em; /* Centered so it doesn't blend in to other content. */ text-align: center; } sup { /* to preserve line-height and selector appearance */ vertical-align: super; } sub { /* to preserve line-height and selector appearance */ vertical-align: sub; } p, fieldset, table, pre { /* So things don't run into each other. */ margin-bottom: 1em; } /* Opera requires 1px of passing to render with contemporary native chrome */ button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:1px; } html, body {height: 100%; background: #a6dbcb url(/img/candies/background.png) repeat-x;} body {margin: 0; font: 12px Helvetica, sans-serif;} h1, h2, h3, h4 {margin: 0 0 10px 0;} h1 {font-size: 20px;} h2 {font-size: 16px;} h3 {font-size: 14px;} .grid {overflow: hidden; width: 100%;} #container {background: url(/img/candies/container.png) bottom repeat-x;} #doc {margin: 0 auto; padding: 48px 38px; width: 801px/*877px*/;} #hd {position: relative; width: 100%; height: 85px; background: url(/img/candies/header.png) no-repeat;} #slogan {position: absolute; top: 15px; left: 20px;} #coming-soon {position: absolute; top: 8px; left: 306px; width: 289px; height: 42px; background: url(/img/candies/coming-soon.png) no-repeat;} #logo {position: absolute; width: 105px; height: 40px; top: 46px; right: 35px; text-indent: -10000px;} ul#menu {position: absolute; bottom: 0; margin:0; padding:0;} ul#menu li {display:block; float:left; margin:0; padding:0;} ul#menu li a {display:block; height:30px; text-indent: -10000px;} #bd {position: relative; background: #B5DBCD url(/img/candies/bd-background.png) no-repeat;} #content {position: relative; left: 185px; width: 616px/*801px*/; min-height: 395px; height: auto !important; height: 395px; background: #B5DBCD url(/img/candies/content-background.png) no-repeat;} #submenu {position: absolute; top: 17px; left: -38px; width: 212px; margin: 0; padding: 0;} #submenu li {display: inline; list-style: none; margin: 0; padding: 0;} #submenu a {display: block; text-decoration: none; width: 212px; height: 53px; margin: 8px 0 0px 6px; text-indent: -10000px;} #submenu a:hover {color: #fff;} #content {color: #464648; font-size: 11px;} /* Layouts */ #content .article, #content .aside {float: left;} #content .layout1 .article {width: 322px/*352px*/; padding: 15px; margin: 0;} #content .layout1 .aside {} #ft {position: relative; height: 89px; background: #B5DBCD url(/img/candies/footer.png) -636px 75px no-repeat; color: #464648; font-size: 8px; text-align: center; text-transform: uppercase;} #ft a {color: #464648; text-decoration: none;} #ft a:hover {text-decoration: underline;} #promotional {margin-bottom: 8px;} #locale {position: absolute; right: 23px; bottom: 10px;} #locale a {margin-right: 5px;} /* Menu */ #menu .about-us {background: url(/img/candies/locale/spa/menu.png) 0 0; width: 72px;} #menu .products {background: url(/img/candies/locale/spa/menu.png) -72px 0; width: 108px;} #menu .location {background: url(/img/candies/locale/spa/menu.png) -180px 0; width: 109px;} #menu .history {background: url(/img/candies/locale/spa/menu.png) -289px 0; width: 106px;} #menu .contact {background: url(/img/candies/locale/spa/menu.png) -395px 0; width: 108px;} /* Hover */ #menu .about-us:hover {background: url(/img/candies/locale/spa/menu.png) 0 30px; width: 72px;} #menu .products:hover {background: url(/img/candies/locale/spa/menu.png) -72px 30px; width: 108px;} #menu .location:hover {background: url(/img/candies/locale/spa/menu.png) -180px 30px; width: 109px;} #menu .history:hover {background: url(/img/candies/locale/spa/menu.png) -289px 30px; width: 106px;} #menu .contact:hover {background: url(/img/candies/locale/spa/menu.png) -395px 30px; width: 108px;} /* Submenu*/ #submenu .candies {background: url(/img/candies/locale/spa/submenu.png) 0 0; margin-top: 0px;} #submenu .history {background: url(/img/candies/locale/spa/submenu.png) 0 -53px;} #submenu .wedding {background: url(/img/candies/locale/spa/submenu.png) 0 -106px;} #submenu .contact {background: url(/img/candies/locale/spa/submenu.png) 0 -159px;} /* Hover */ /*Font #898A8C*/ #submenu .candies:hover {background: url(/img/candies/locale/spa/submenu.png) 212px 0;} #submenu .history:hover {background: url(/img/candies/locale/spa/submenu.png) 212px -53px;} #submenu .wedding:hover {background: url(/img/candies/locale/spa/submenu.png) 212px -106px;} #submenu .contact:hover {background: url(/img/candies/locale/spa/submenu.png) 212px -159px;}