/* Imports
----------------------------------------*/
@import url("reset.css");
/* Basic Elements
----------------------------------------*/
html, body 				{width:100%; height:100%}
body, p, td, th, input	{font:12px Tahoma, Helvetica, sans-serif; color:#333}
body 						{background:#bebebe url('../images/bg_body.gif') repeat}
body img 					{border:none; vertical-align:middle}
h1, h2, h3, h4, h5, h6	{margin:0; line-height:1.5em; font-weight:700}
h1 	{font-size:16px}
h2 	{font-size:14px}
h3 	{font-size:13px}
h4 	{font-size:12px}
h5 	{font-size:11px}
h6 	{font-size:10px}
p, td, th	{margin:0 0 1em; padding:0; line-height:1.5em}
td				{margin-left:1em}
ul, ol 		{margin:0 0 1em 1em; list-style-type:none}
li				{margin:0 0 0.5em; line-height:1.5em}
blockquote	{margin:0 0 18px 18px; color:#666; font-style: italic}
strong		{font-weight:bold}
em			{font-style:italic}
/*-- Hyperlink Styles ------*/
a:link, a:visited		{color:#333; text-decoration:none}
a:hover, a:active	{color:#0096ff; text-decoration:underline}
/*-- Standard Definitions --*/
.fl 			{float:left}
.fr 			{float:right}
.clearThis 	{clear:both}
.small			{font-size:.625em}
.large		{font-size:1em}
.soft			{color:#d3d3d3}
.hide			{display:none}
p.last			{margin-bottom:0px}
.justify,
.justify p	{text-align:justify}
.description{font-size:11px; overflow:visible}
/* OBJECTS COMMON STYLE ------------------
----------------------------------------*/
#nav_top, #search, #search .input, #search .button, #logo, #nav_main li, .contbox, .product-item, .location-item, .product-image, .product-content
{display:inline; float:left}
input:focus	{outline:none}
/* MAIN STRUCTURE ELEMENTS & HOMEPAGE ----
----------------------------------------*/
#page			{position:absolute; width:960px; left:50%; top:0; margin:0 auto 0 -480px; padding:0}
/*--- Header Section -------------------*/
#header		{position:relative; background:#fff url('../images/bg_header.gif') repeat-x; height:115px; border-bottom:1px solid #fff; border-top:8px solid #0096ff;}
/*------ Main Navigation ---------------*/
#nav_main		{position:absolute; background:url('../images/bg_mainnav.gif') no-repeat; width:640px; height:50px;  top:30px; right:0; margin:0; padding:0 20px; overflow:hidden}
#nav_main li		{padding:0; margin:14px 0; height:22px; border-right:1px dotted #eee}
#nav_main li.last{border:none; color:#fff; line-height:22px; padding-left:20px}	
#nav_main li.last span	{position:absolute; margin-top:-12px; font-size:12px; font-weight:700; color:#ff0; line-height:1.25em}
#nav_main li a:link,
#nav_main li a:visited		{display:block; color:#fff; line-height:22px; padding:0 10px}
#nav_main li a.current,
#nav_main li a:hover,
#nav_main li a:active		{background:#333; text-decoration:none}
/*------ Logo --------------------------*/
#logo		{margin:25px 20px}
/* -- Main Content ---------------------*/
#content		{clear:both; background:#fff; margin:0; float:left}
/*------ Banner ------------------------*/
#banner			{position:relative; background:#8bcfff; height:250px; margin-bottom:5px}
#banner img	{position:absolute; left:0; top:0}
/*------ Content Box -------------------*/
#main-content	{float:left; width:960px}
.contbox		{margin:0; padding:0}
h2.left-title		{clear:both; position:relative; background:#0096ff url(../images/ico_title.gif) no-repeat 5px 50%; color:#fff; padding:0 0 0 25px; margin:0; height:25px; line-height:25px}
h2.left-title span		{position:absolute; right:10px; color:#ff0}
h2.left-title span a:link,
h2.left-title span a:visited	{color:#ff0; font-size:11px; font-weight:400}
h2.left-title span a:hover		{color:#dd0}
.content-info	{margin-top:10px}
.content-info p	{text-align:justify}
/*------ Side Navigation ---------------*/
#nav_side		{margin:0}
#nav_side li		{height:25px; line-height:25px; margin:0; padding:0; border-bottom:1px solid #fff}
#nav_side li a:link,
#nav_side li a:visited	{display:block; background:#e5f4ff; font-size:12px; font-weight:700; color:#333; padding-left:25px}
#nav_side li a:hover	{background:#c7e7fe url(../images/ico_leftmenu.gif) no-repeat 10px 50%; text-decoration:none; color:#00a8ff}
/*------ Widgets -------------------------*/
.side-block	{padding:5px 0 5px 10px}	
.widget 		{padding:0 10px}
.widget a		{display:block; margin:10px 0}
/*------ Search Box --------------------*/
#search				{display:block; margin:10px 0; padding:0 0 0 10px}
#search .input		{background:#ccc url(../images/bg_search.gif) no-repeat top left; width:175px; border:none; padding:5px 0 5px 10px; font-size:11px; font-style:italic}
#search .button	{background:url(../images/bg_search_button.gif) no-repeat; width:25px; height:24px; border:none; padding:0; cursor:pointer; text-indent:-999em}
/* -- Product List / Items -----------*/
.product-list		{position:relative}
.product-list a.more:link,
.product-list a.more:visited	{position:absolute; top:-20px; right:10px; color:#fff; font-weight:700; font-size:11px}
.product-item		{width:122px; height:142px; margin:5px 3px; padding:5px; border:1px solid #ddd; text-align:center}
.product-item p	{margin:5px 0; font-size:11px; text-align:center}
.product-item:hover	{background:#e8e8e8}
.product-item img		{min-width:100px; min-height:100px}
.product-image			{margin:10px 10px 10px 0}
.product-content		{width:600px; margin:10px 0 0}
.product-content, .product-content p		{text-align:justify}
.product-content ul		{list-style-type:disc}
.lightbox				{display:block; position:relative; text-align:center}
.img-enlarge		{position:absolute; bottom:0; right:11px; display:block; background:#ccc url(../images/ico_enlarge.gif) no-repeat; width:69px; height:15px}
/*------ Dimension / Space Styles ------*/
.w230	{background:#f0f0f0 ;width:230px; padding:0}
.w730	{width:710px; padding:10px}
.w440	{width:440px}
.w710	{width:710px}
.p10	{padding:10px}
.intext	{margin:3px 8px 3px 0}
.hr		{border-bottom:2px solid #c9e2db; margin:0 10px}
.bgleft	{background:#f4f6ef}
/* -- Footer ---------------------------*/
#footer			{clear:both; position:relative; background:#eff6f4; border-bottom:8px solid #0096ff; padding:5px 10px; font-size:11px; color:#fff}
.footer-copyright	{position:relative; width:620px; color:#555}
.footer-copyright h3	{color:#0096ff}
.footer-links		{position:relative; float:right; bottom:13px; right:10px; color:#666}
.footer-links a:link,
.footer-links a:visited		{color:#666}
.location-item	{margin:0 20px 10px 0}
/* SUBPAGE STYLES
----------------------------------------*/
/* -- Breadcrumb -----------------------*/
#breadcrumb	a:link,		
#breadcrumb	a:visited	{color:#1B501B}
/* -- Main Title -----------------------*/
.main-title	{background:#00b37d; font-size:14px; color:#fff; height:25px; line-height:25px; margin:12px 0; padding:0 10px}
/* Sitemap */
.csc-sitemap							{padding:10px 0; border:2px dashed #f4f6ef}
.csc-sitemap ul							{list-style:none; margin-bottom:0}
.csc-sitemap ul	li						{margin:0}
.csc-sitemap ul li a:link,
.csc-sitemap ul li a:visited				{background:url(../images/ico_sitemap.gif) no-repeat left 2px; color:#00b37d; font-weight:700; padding:0 0 0 15px; text-transform:uppercase}
.csc-sitemap ul ul li						{line-height:1.3em}
.csc-sitemap ul ul li a:link,
.csc-sitemap ul ul li a:visited				{background:none; color:#555; font-size:11px; text-transform:none}
.csc-sitemap ul ul ul li a:link,
.csc-sitemap ul ul ul li a:visited			{font-weight:normal}
.csc-sitemap ul li a:hover					{background:url(../images/ico_listnew.gif) no-repeat left 2px; color:#ff9833}
.csc-sitemap ul ul li a:hover,	
.csc-sitemap ul ul ul li a:hover				{background:none; color:#ff9833}