html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: separate; border-spacing: 0; }*/
table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body {  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif; background: #014333 url(../images/body.gif) repeat-x; }
h1 { font-weight:lighter; color: #014333; font-size: 1.4em; margin: 10px 0; }
h2 { font-weight:lighter; color: #cc3333; font-size: 1.15em; line-height: 1.15em; margin-top: 10px; margin-bottom: 10px; }
p { color: #333; font-size: 0.8em; line-height: 1.4em; }
ul { font-size: 0.8em; }
a { outline: none; }
a span { display: none; }
iframe {  }

#header { width: 980px; margin: 0 auto; height: 138px; position: relative; }
#header ul { position: absolute; bottom: 0; text-transform: uppercase;  }
#header li { float: left; height: 43px; font-size: 1em; }
#header li a { color: #fff; display: block; float: left; height: 43px; line-height: 43px; padding: 0 10px; text-decoration: none; }
#header li a:hover, #header li.active a { padding: 0 9px; border-left: 1px solid #3e7769; border-right: 1px solid #3e7769; background: url(../images/bkgr-mainmenu-arrow.gif) no-repeat center bottom; }
#header li:hover, #header li.active, #header li.sfhover { background: url(../images/bkgr-mainmenu-over.gif) repeat-x; }
#header p { top: 43px; right: 0; color: #fff; position: absolute; text-align: right; font-size: 1.25em; line-height: normal; }
#header p span { margin-top: 3px; display: block; font-size: 0.7em; }
#logo { width: 281px; height: 85px; display: block; background: url(../images/logo.gif) no-repeat; }

#wrapper { width: 100%; background: #fff; }

#content-holder { width: 980px; margin: 0 auto; padding: 10px 0; overflow: hidden; }
#content-holder p { padding-bottom: 10px; }

#content { float: left; width: 655px; min-height: 100px; }
#content a { color: #cc3333; }
#content a.promotions { font-weight:lighter; color: #cc3333; font-size: 1.15em; line-height: 1.15em; margin-top: 10px; margin-bottom: 10px; }

#right-column { float: right; width: 325px; }
#right-column #accordion, #right-column .address { background: #014333; height: 358px; }
#right-column .address { margin-bottom: 10px; margin-top: 41px; }
#right-column #accordion div { height: 225px; padding: 5px 13px 0; }
#right-column img { display: block; margin-top: 10px; margin-bottom: 10px; }
#right-column h2 { font-weight:lighter; width: 312px; padding-left: 13px; margin-top: 0; margin-bottom: 0; color: #fff; height: 42px; line-height: 42px; background: url(../images/right-column-h2.gif) repeat-x bottom; }
#right-column h3 { font-size: 1em; font-weight:lighter; width: 312px; padding-left: 13px; color: #fff; padding-top: 10px; }
#right-column #accordion h2 { cursor: pointer;  }
#right-column p { color: #fff; }
#right-column ul { padding-left: 30px; padding-top: 5px; }
#right-column li { color: #fff; list-style: disc; padding: 3px 0 }
#right-column a { color: #fff; }
#right-column .address p { padding: 5px 13px 0; }


#footer { width: 980px; margin: 0 auto; height: 74px; }
#footer ul { padding: 15px 0; }
#footer ul li { display: inline; border-left: 1px solid #fff; padding-right: 8px; padding-left: 8px; }
#footer ul li.first { border-left: none; padding-left: 0; }
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer p { width: 40%; float: left; color: #b3c7c2; }
#footer p.evolution { float: right; text-align: right; }
#footer p a { color: #b3c7c2; }

.offer { height: 131px; width: 210px; position: relative; margin-right: 5px; float: left; margin-bottom: 10px; }
.offer h3 { position: absolute; z-index: 1; color: #333; font-size: 0.75em; line-height: 1.15em; }
.offer img { position: absolute; right: 0; bottom: 0; z-index: 0; }
.price { position: absolute; bottom: 0; }