/* Main Sections 
------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

body { font-family: Verdana, Helvetica, sans-serif; font-size: small; text-align: center; color: #333; }

div, p, img, a, td, ul, ol { font-size: 12px; }

ol { margin-left: 1em; padding-left: 10px; }
ol li { margin-left: 1em; padding: 0 0 .5em .3em; list-style: decimal; }

ul { list-style: none; margin: 0 0 20px 2.5em; }
li { list-style: none; padding-left: 1em; margin-bottom: 3px; }

p { padding: 0 0 1em; font-family: "Century Gothic"; color: #808080; }

a, a:link { text-decoration: none; color: #69c; border-bottom: 1px dotted #69c; }
a:visited { color: #669; border-color: #669; }
a:hover { color: #693; border-color: #693; text-decoration: none; }
a:active { color: #c33; border-color: #c33 }
a img, img { border: none; text-decoration: none; }

.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }

#page { width: 770px; margin: 1px auto; text-align: left; }

#float-wrap { float: left; width: 710px; height: 100%; margin: 0 30px; }

* html .float-wrap { /*** No need for hacking IE on this layout ***/ }


/* Title headings formatting 
------------------------------------------------------------------------------- */
h1, h2, h3, h4 { font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif; font-weight: bold; margin: .5em 0; letter-spacing: .07em; }
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 164%; }
h4 { font-size: 118%; letter-spacing: .15em; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite { text-decoration: none; }
h2 a:hover, h3 a:hover { color: #06c; border-bottom: 1px dotted #06c; }
h2.pagetitle { margin: 20px; color: #669; font-variant: small-caps; font-weight: bold; }
h2.menutitle { margin-left: 15px; }
h4.date-header { margin-top: 0; padding-left: 14px; font-size: 90%; color: #f93; background: url(/assets/templates/default/images/date_icon.gif) no-repeat 0 50%; }


/* Header 
------------------------------------------------------------------------- */
#header { clear: both; padding: 0 0 9px 0; color: #666; }
#header #leftside { float: left; padding: 20px 0 10px; width: 400px; }
#header #leftside .logo { text-align: left; }
#header #leftside .slogon { padding-left: 100px; text-align: left; font-size: 90%; font-style:italic; }
#header #rightside { float: right; padding: 20px 50px 10px; }
#header #rightside .loginline { text-align: right; font-size: 80%; padding-bottom: 20px; }
#header #rightside .banner { text-align: right; color: #ff6262; font-size: 24px; }

/* Footer 
------------------------------------------------------------------------- */
#footer { clear: both; padding: 0 0 9px 0; font-size: 85%; }
#footer .divider { background: url(/assets/templates/default/images/bottom_sill.gif) no-repeat bottom left; }
#footer p { margin: 10px; text-align: center; }
#footer a { border-bottom: none; }

/* Sidebar 
------------------------------------------------------------------------- */
#sidebar { float: left; padding-left: 15px; width: 150px; font-size: 85%; line-height: 1.5em; color: #999; }
#sidebar h3 { padding: 25px 0 0 35px; color: #666; background: url(/assets/templates/default/images/sidebar_icon.gif) no-repeat 5px 15px; height: 32px !important; }


/* Content body
------------------------------------------------------------------------- */
#content { float: left; margin-top: 20px; width: 534px; border-left: solid 1px #ccc; color: #666; }
#content-top { clear: both; }
#content-mid { clear: both; padding: 0 15px 20px; }
#content-btm { clear: both; height: 10px; }


/* Paragraph formatting
------------------------------------------------------------------------- */
blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; background: url(/assets/templates/default/images/quotes.gif) no-repeat top left; }
blockquote p { margin-top: 0; }

.center { text-align: center;}
.alignleft { float: left; }
.alignright { float: right; }
.error, .message { padding: 12px; background-color: red; color: #fff; }

.message { background-color: green; }


/* Search Form 
------------------------------------------------------------------------- */
#search { position: absolute; right: 60px; top: 40px; padding: 15px 15px 0; }

form.FSF_form { margin: 0; padding: 0; width: auto; text-align: right !important; }

input.FSF_input { display: inline; height: 17px; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background: #fff url(/assets/templates/default/images/input-bg.gif) repeat-x top left; margin: -1px 3px 0; padding: 3px 0 0; }

input.FSF_submit { display: inline; margin: -1px 0 0; padding: 0; height: 22px; line-height: 22px; }


/* Special handling for images & alignment 
--------------------------------------------------------------------------*/
p img {	padding: 0; max-width: 100%; }
img.centered { display: block; margin: 0 auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

#pageImage img { margin: 5px; border: 1px solid #ddd; border-left-color: #c3c3c3; }
#pageChunk .leftside { float: left; background-color: #ccc; width: 150px; margin-top: 50px; }
#pageChunk .rightside { float: left; }
#pageChunk img { padding: 3px; border: 0px solid #ccc; }



/* Table formatting
--------------------------------------------------------------------------*/
#table1 table { font-size: 1em; border: 0; }
#table1 th { padding: 2px 3px 2px; background-color: #ccc; color: 333; font-size: 110%; font-variant: small-caps; font-weight: bold; }
#table1 th.name { width: 150px; }
#table1 th.dept { width: 50px; }
#table1 th.ext { width: 50px; }
#table1 th.email { }
#table1 td { padding: 2px; border: 1px solid #fff; font-family: "Century Gothic"; color: #666; }

#product-list table { font-size: 1em; border: 0; }
#product-list th { padding: 2px;  background-color: #cc9999; color: #333; font-size: 110%; font-variant: small-caps; font-weight: bold; }
#product-list th.product { width: 50%; }
#product-list th.supplier { width: 50%; }
#product-list tr:hover, tr.highlight { background-color: #d2d3ab; }
#product-list td { width: 225px; padding: 3px; font-family: "Century Gothic"; color: #666; }

#language-table table { margin: auto; width: 75%; text-align: center; }
#language-table td { background-color: #eee; color: #666; font-weight: bold; }
#language-table tr { line-height: 30px; }
#language-table a, #language-table a:link, #language-table a:visited { text-decoration: none; color: #666; border-bottom: 1px dotted #fff; }
#language-table a:hover, #language-table a:active { color: #000; border-color: #ccc; text-decoration: none; }


/* Fixes for RichText widgets
--------------------------------------------------------------------------*/
.MODX_RichTextWidget { float: left; }
.MODX_RichTextWidget a { border: 0px; }