/*[fmt]1000-110B-3*/
/*------------------------------------------------------------------
[ BASE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.    RESET

2.    MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.    FORMS
3.a  Form styles
3.b  Individual forms

4.    PLUGINS

5.    PRINT


------------------------------------------------------------------

1.    RESET
Global reset for all HTML elements

------------------------------------------------------------------*/
* {/*font-family: inherit;*/
font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; text-align: left; vertical-align: baseline; }

html {height: 100%; }

body {background: #FFF; color: #000; font-size: 100.01%; min-height: 101%; text-align: left; position: relative; }

body#iframe {background-color: transparent; }

img, fieldset, abbr, acronym {border: 0; }

ul, ol {list-style: none; }

table {border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; }

caption, th {text-align: left; }

q:before, q:after, blockquote:before, blockquote:after {content: ''; }

input, select, textarea, button {font-size: 1em; line-height: normal; width: auto; }

input, select {vertical-align: middle; }

textarea {height: auto; overflow: auto; }

option {padding-left: 0.6em; }

button {background: none; border: 0; cursor: pointer; text-align: center; }

label {float: left; padding: 2px; width: 120px; }

/*------------------------------------------------------------------

2.    MAIN STYLES
General definitions

--------------------------------------------------------------------
-------------------------------
2.a Tags defaults
---------------------------------
Tags only. No clases or ID's here.
*/
body {background: #EBF0F4; color: #607277; font: 87.5% Calibri, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, sans-serif; line-height: 1.3571em; }

p, ul, ol, table {margin: 0 0 1em; }

strong {font-weight: bold; }

em {font-style: italic; }

/*Headlines*/
h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: normal; }

h2 {color: #2D949D; font-size: 1.5714em; font-weight: bold; }

h3 {color: #2D949D; font-size: 1.2143em; font-weight: bold; }

h4 {font-size: 1em; }

/*Anchors*/
a, a:link, a:visited {color: #2D949D; text-decoration: none; }

a:hover, a:active {color: #57A9B0; text-decoration: underline; }

/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/
#wrap {background: url(../img/bg.gif) no-repeat; padding: 0 30px; width: 959px; position: relative; }

#header, #body, #footer {float: left; display: inline; clear: both; position: relative; }

#header {height: 95px; width: 100%; }

#logo, #tagline {margin: 0; }

#logo a {background: url(../img/logo.gif) no-repeat 11px 11px; height: 95px; width: 171px; position: absolute; top: 0; left: 0; }

#home #logo a {background: url(../img/logo-home.gif) no-repeat 6px 13px; height: 95px; width: 171px; }

#tagline {font-size: 0.9286em; text-align: center; width: 164px; position: absolute; top: 80px; left: 0; }

#home #tagline {top: 95px; }

#body {background: #F0F4F7 url(../img/bg_body.png) no-repeat right 0; margin: 0 0 0 171px; padding-bottom: 3em; width: 788px; }

#colL {background: #ECF1F5 url(../img/bg_colL.png) no-repeat; padding: 10px 11px 10px 10px; width: 150px; position: absolute; top: 50px; left: -171px; }

#colC {float: left; background: url(../img/bg_colC.gif) no-repeat 15px 373px; min-height: 580px; height: auto !important; /*[e]auto*/ height: 580px; padding: 20px 18px 0 20px; width: 511px; }

#colR {float: left; padding: 20px 20px 0 0; width: 219px; }

#home #colR {padding: 30px 9px 0; width: 770px; }

#home #body {margin-top: -12px; }

#footer {margin: 0 0 0 171px; width: 788px; }

/*-------------------------------
2.c Navigations
-------------------------------*/
ul.nav, ul.nav ul {margin: 0; }

/*Main navigation*/
#nav {float: right; background: url(../img/bg_nav.gif) no-repeat right bottom; height: 35px; padding: 60px 50px 0 0; }

#home #nav {padding-top: 50px; }

#nav li {float: left; padding: 0 0 0 1px; }

#nav li a {float: left; background: #8AC0C7 url(../img/bg_nav-bt.gif) repeat-x; color: #FFF; font-size: 1.2143em; font-weight: bold; display: block; height: 35px; line-height: 35px; padding: 0 10px; text-decoration: none; }

#nav li a:hover {color: #707070; }

#nav li a.active {background-position: 0 -35px; }

#nav li.nav05 {padding-left: 10px; }

#nav li.nav05 a {background-position: 0 -70px; padding: 0 15px; }

/*Secondary Navigation*/
ul#secNav {margin-bottom: 1em; }

ul#secNav li {text-align: right; }

ul#secNav li a {color: #607277; display: block; padding: 6px 5px 6px 0; text-align: right; text-decoration: none; }

ul#secNav li ul {background: url(../img/bg_secNav-l1.gif) no-repeat right top; padding-top: 5px; }

ul#secNav li ul li a {background: none; color: #607277; padding-bottom: 6px; }

ul#secNav li ul li a:hover {background: url(../img/bg_secNav-l2.gif) repeat-y right bottom; }

/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/
#colC h2 {background: url(../img/bg_h2.png) no-repeat; line-height: 35px; margin: 0 0 20px -11px; padding-left: 33px; }

#colR h3 {background: url(../img/bg_h3.png) no-repeat; line-height: 35px; margin: 0 0 10px; padding: 0 0 0 11px; }

#colR h3.hd0 {background: url(../img/bg_hd0.gif) repeat-y; color: #FFF; line-height: 35px; margin: 0; }

#colR h3.hd1 {background: url(../img/bg_hd1.png) no-repeat; color: #2D949D; line-height: 35px; margin: 0 0 10px; padding-left: 31px; }

#footer #copy {color: #8F9C9F; font-size: 0.7857em; padding: 1em 0 40px; text-align: center; }

#footer #copy a {color: #8F9C9F; text-decoration: underline; }

#bigPic {margin-right: -9px; }

#corpHead {background: url(../img/corpHead2.jpg) no-repeat; height: 271px; margin-bottom: 8px; width: 770px; margin-top: -20px; color: white; position: relative; }

#corpHead h2 {position: absolute; right: 15px; top: 45px; text-align: right; color: white; font-size: 40px; font-weight: normal; width: 245px; line-height: 40px; }

#corpHead h2 em {font-size: 60px; font-style: normal; }

#corpHead h3 {position: absolute; right: 15px; top: 185px; text-align: right; color: white; font-size: 24px; font-weight: normal; width: 245px; line-height: 26px; background-image: none; }

#home #colR .col-l {float: left; width: 231px; }

#home #colR .col-c {float: left; padding: 0 10px; width: 289px; }

#home #colR .col-r {float: left; width: 230px; }

a.button, input.button {background: #74B8BE url(../img/bg_button2.gif) repeat-x; border: 1px solid #6CB4BB; color: #FFF !important; /*[e]#FFF*/ line-height: 30px; padding: 5px 12px; text-decoration: none !important; /*[e]none*/ overflow: visible; text-align: center; }

input.button {line-height: 1; }

.breadcrums {font-size: 0.8571em; margin-bottom: 10px; }

.breadcrums a {color: #607277 !important; /*[e]#607277*/ }

.top-info {font-size: 0.8571em; margin-bottom: 10px; text-align: right; }

.prod-header {background: url(../img/bg_news.gif) no-repeat bottom; height: 30px; margin: 0 0 1.3571em; padding: 55px 0 21px; width: 100%; }

.prod-header p {margin: 0; }

.prod-header p.price {float: left; font-size: 1.2143em; font-weight: bold; line-height: 30px; }

.prod-header p.buy {float: right; }

.prod-desc {margin-bottom: 3em; }

.about {background: #E7ECEF url(../img/bg_about.gif) no-repeat; margin-bottom: 10px; min-height: 145px; height: auto !important; /*[e]auto*/ height: 145px; padding: 10px; }

p.mailing {background: url(../img/mailing.jpg) no-repeat; height: 70px; width: 231px; }

p.mailing a {display: block; color: white; font-weight: bold; font-size: 18px; padding: 15px 10px 15px 90px; }

.error {background-color: #FFEFEB; padding: 10px; }

.success {background-color: #CEE1E6; padding: 10px; }

#iframe .submit {padding-left: 125px; }

/*Lists*/
ul.news li {background: url(../img/bg_news.png) no-repeat bottom; padding: 6px 0 12px; }

ul.news li.first {padding-top: 0; }

ul.news li p {margin: 0; }

ul.news li p.more {margin: 0.5em 0 0; text-align: right; }

ul.featured li {float: left; font-size: 0.8571em; line-height: 1em; padding: 1em 0 0; text-align: center; width: 109px; }

ul.featured li img {margin-bottom: 0.5em; }

ul.featured li a {color: #607277 !important; /*[e]#607277*/ text-decoration: none !important; /*[e]none*/ }

ul.featured-alt li {background: url(../img/bg_feat.gif) repeat-x; clear: both; line-height: 1.1429em; min-height: 48px; height: auto !important; /*[e]auto*/ height: 48px; padding: 10px; }

ul.featured-alt li img {float: left; display: inline; margin-right: 10px; }

ul.featured li a {color: #607277 !important; /*[e]#607277*/ text-decoration: none !important; /*[e]none*/ }

ul#thumbs li {float: left; display: inline; margin: 0 14px 14px 0; }

ul#thumbs li img {float: left; }

/*------------------------------------------------------------------

3.    FORMS
Styles for forms only

--------------------------------------------------------------------
-------------------------------
3.a Form styles
-------------------------------*/
input.text, select.select, textarea.textarea {background: url(../img/bg_input.gif) no-repeat; border-color: #777777 #BEC1C3 #E3E3E3 #BBBBBB; border-width: 1px; border-style: solid; color: #000; font-size: 12px; padding: 3px; }

input.text {width: 195px; }

select.select {width: 200px; }

textarea.textarea {width: 195px; }

button.button {background: #A8B0B3 url(../img/bg_button.gif) repeat-x; border: 1px solid #A7AAAC; color: #FFF; padding: 3px 12px; }

/*General forms*/
form.form {/*nothing here*/
}

form.form ol {list-style: none; }

form.form ol li {margin: 1em 0; }

form.search {/*nothing here*/
}

form.search p.fields {margin: 0; }

/*-------------------------------
3.b Individual forms
-------------------------------*/
form#leftSearch input.text {width: 140px; }

form#leftSearch p {text-align: right; }

form#leftSearch p.submit {text-align: right; }

/*------------------------------------------------------------------

4.    PLUGINS
Predefined utilities

--------------------------------------------------------------------
-------------------------------
Utility classes
-------------------------------*/
.l {text-align: left; }

.c {text-align: center; }

.r {text-align: right; }

.wrap, .col {float: left; display: inline; position: relative; }

.wrap {clear: both; }

.clear {clear: both; }

.fl {float: left; }

.fr {float: right; }

.hide, .hidden, .anchor, .skip {display: none; }

.nomargin {margin-bottom: 0 !important; /*[e]0*/ }

.noborder {border: 0 !important; /*[e]0*/ }

.top {margin-top: 0 !important; /*[e]0*/ }

.replace {display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

/*-------------------------------
Clearfix
-------------------------------*/
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#mailframe {width: 505px; height: 400px; border: 0; }

.clearfix {display: block; }

/*------------------------------------------------------------------
End CSS
------------------------------------------------------------------
*/