/* ********************************* LAYOUT ********************************* */
	*{padding:0; margin:0}
	body {
		margin-top:15px; padding:0;
		font-family: Verdana; 
                background:#D3E2E9;
		font-size:75%;
		color: #054A6D;
		}

	#header {
		margin:0; padding:0;
		background:white url("../Images/header-bg.jpg") no-repeat;
		border-bottom:1px solid #999;
		width: 1000px;
		height:100px;
		}
		.asd {background:pink; padding:15px}
	#main {
               width:1000px;
               margin:auto;
               }
	#main1 {
		margin:0; padding:0;
		background:#DFEAEF url("../Images/left-bg.jpg") top left repeat-y;
		}
	#main2 {
		margin:0; padding:0;
		background:url("../Images/right-bg.jpg") top right repeat-y;
		}
	.left {
		float:left;
		width:190px;
		margin:0; padding:0;
		background:url("../Images/left-top-bg.jpg") top right no-repeat;
		}
	.right {
		float:right;
		width:200px;
		margin:0; padding:0;
		background:url("../Images/right-top-bg.jpg") top left no-repeat;
		}
	.middle {
		margin:0 190px;
		background:#DFEAEF ;
		width: 574px;
		text-align:justify;
		padding:15px;
		font-size:0.95em;
		}

	.middle li {margin-left:20px; margin-top:5px}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.clean {clear:both;}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
	#footer {
                background:url("../Images/footer-bg.jpg") no-repeat;
		padding: 37px 1em;
		font-size:80%
                }
	
	p { margin: 0.5em 0 }
	a { color:black }
	a:hover { text-decoration:underline }
	
	.copy { text-align:center; font-size:80% }
	.back {text-align:right;}
	.back a {font-family: Verdana; font-size:11px; font-weight:normal;padding-left:12px;color:#006699; text-decoration:none; background: url("../Images/h3-bullet.gif") 6px 4px no-repeat}
	.back a:hover {text-decoration:underline;}


/* ********************************* MAIN MENU ********************************* */

	.mainmenu {padding:15px 0 0 1px}
	.mainmenu .level1 {padding:3px 0 0 30px; height: 18px; }
	.mainmenu .level1 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
	.mainmenu .level2 {margin: 4px 0 0 45px; background: url("../Images/h3-bullet.gif") left 3px no-repeat; padding-bottom:4px}
	.mainmenu .level2 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.mainmenu .level3 {margin: 4px 0 0 60px; background: url("../Images/h4-bullet.gif") left 3px no-repeat; padding-bottom:4px}
	.mainmenu .level3 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.mainmenu .level4 {margin: 4px 0 0 70px; background: url("../Images/h5-bullet.gif") left 3px no-repeat; padding-bottom:4px}
	.mainmenu .level4 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.mainmenu .active a {color:red;}


/* ********************************* SUBMENU ********************************* */

	.submenu {padding:15px 0 0 1px}
	.submenu .level2 {color:#054A6D; font-size: 0.9em; font-weight:bold; background:  url("../Images/h3right-bg.gif") left top no-repeat ; margin: 15px 0 0px 15px; padding: 6px 18px; color:#054A6D; font-size: 0.9em; }
	.submenu .level2 a { text-decoration:none;}

	.submenu .level3 {margin: 4px 0 0 20px; color: #666; font-weight:bold; background: url("../Images/h4-bullet.gif") left 3px no-repeat; padding-bottom:4px; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.submenu .level3 a { text-decoration: none; color: #666;}
	.submenu .level4 {margin: 4px 0 0 30px; background: url("../Images/h5-bullet.gif") left 3px no-repeat; padding-bottom:4px; color: #666; font-weight:bold;font-family:Verdana; font-size: 10px;padding-left:10px;}
	.submenu .level4 a { text-decoration: none; color: #666;}
	.submenu .active a {color:red;}

/* ********************************* SITEMAP ********************************* */

	.sitemap {margin:15px 0 0 15px}
	.sitemap .level1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
	.sitemap .level1 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
	.sitemap .level2 {margin: 0 0 0 15px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
	.sitemap .level2 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .level3 {margin: 0 0 0 16px; background: url("../Images/sitemap2.gif") repeat-y;  padding:6px 0 6px 35px}
	.sitemap .level3 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .level4 {margin: 0 0 0 16px; background: url("../Images/sitemap3.gif") repeat-y;  padding:6px 0 6px 60px}
	.sitemap .level4 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}

	.sitemap .end1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
	.sitemap .end1 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
	.sitemap .end2 {margin: 0 0 0 15px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
	.sitemap .end2 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .end3 {margin: 0 0 0 16px; background: url("../Images/sitemap2end.gif") repeat-y;  padding:4px 0 4px 35px}
	.sitemap .end3 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .end4 {margin: 0 0 0 16px; background: url("../Images/sitemap3end.gif") repeat-y;  padding:4px 0 4px 60px}
	.sitemap .end4 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}


/* ********************************* TITLES ********************************* */

	.left h3 {background: url("../Images/h3left-bg.gif") left top no-repeat ; margin: 15px 0 10px 1px; padding: 6px 18px; color:#054A6D; font-size: 0.9em; }
	.right h3 {background:  url("../Images/h3right-bg.gif") left top no-repeat ; margin: 15px 0 0px 15px; padding: 6px 18px; color:#054A6D; font-size: 0.9em; }
	.middle h4 {margin: 6px 0 4px 10px; padding: 2px 12px; color:#054A6D; font-size: 1.2em;}
	.middle h3 {background:  url("../Images/h3-bullet.gif") left 7px no-repeat ; margin: 6px 0 4px 10px; padding: 2px 12px; color:#054A6D; font-size: 1.2em; Text-transform:uppercase; }
	.middle h1 {background: url("../Images/h1-bg.jpg") no-repeat;  padding: 5px 0 6px 25px; color:#054A6D; font-size: 1.1em; Text-transform:uppercase;font-weight:bold; margin-bottom:10px}	

/* ********************************* LOGIN ********************************* */

        .loginForm  { margin-left: 15px}
        .loginForm  input { border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF;  width: 100px}
	.loginForm .loginbutton {Background: url("../Images/loginbutton-bg.gif")  no-repeat}
	.loginForm .loginbuttonover {Background: url("../Images/loginbutton-bg.gif") 1px 1px}
	.buttonLogin   { background-position:top left; background-image: url("../Images/edit/button_login.gif"); background-repeat: no-repeat; padding:3px 10px 0px 20px;}


/* ********************************* FLASH IMAGES ********************************* */

	div.flash {padding-left: 8px; margin-top:10px}

/* ********************************* CONTACT INFO ********************************* */
	.contact div {float: left; background: url("../Images/contact-grid-bg.jpg") no-repeat; margin: 6px 0px 10px 4px; padding: 10px 0 0 20px; height: 130px; width:260px}
	.contact h3 {margin-bottom:20px; background-position: 3px 9px;}
 
/* ********************************* PRODUCTS + NEWS ********************************* */

        .products {background: url("../Images/grid-bg.jpg") left top no-repeat; padding:0 15px;}
	.products img {margin-right:15px; margin-top:8px}
	.products h2, .products .more {padding-left:12px; font-family:Trebuchet MS; font-weight:bold; color: #054A6D;}
        .products h2 { font-size:1.2em;Text-transform:uppercase; margin:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat; }
	.products .more {text-decoration:none; background: url("../Images/h3-bullet.gif") left 4px no-repeat; }
	.products .more:hover {text-decoration:underline;}
	.products .description {margin-left: 12px; margin-top:7px}

/* ********************************* PRODUCTS ********************************* */

	.newsPreview {padding: 5px 15px 15px 22px}
	.newsPreview .image {text-align:center;}
	.newsPreview h4 {font-family: Verdana; font-size:13px; color:#006699; background: url("../Images/h3-bullet.gif") left 7px  no-repeat; padding-left:12px}
	.newsPreview h4 a {color:#006699; text-decoration:none;}
	.newsPreview h5 {font-family: Verdana; font-size:11px; font-weight:normal;padding-left:12px}

/* ********************************* CONTACT FORM ********************************* */

        .contactform  input { border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF; }
	.contactform .full {width:250px;}
	.contactform .half {width:124px; }
	.contactform .third {width:82px; }
	.contactform fieldset { border:1px solid #356476;padding: 0 10px 10px 10px; margin: 10px; }
	.contactform legend {  padding: 0.3em 2.1em; color:#000080; font-weight:bold;  font-size:1.1em;  text-align:right;  border-bottom:1px solid #356476;  border-right:1px solid #356476; border-top:1px solid #DBFFFF;  border-left:1px solid #DBFFFF; background:#BBD2DD;}
	.contactform .text {width:120px}
	.contactform table {margin:15px 10px; width: 450px}
	a.buttonSend                   { padding-left:25px; background-position:top left; background-image: url("../images/edit/button_send.gif"); background-repeat: no-repeat; font-family: Tahoma; font-weight: bold; font-size: 13px; color: #000000; text-decoration:none;}
	a.buttonCancel                 { padding-left:20px; background-position:top left; background-image: url("../images/edit/button_cancel.gif"); background-repeat: no-repeat; font-family: Tahoma; font-weight: bold; font-size: 13px; color: #000000; text-decoration:none;}
	.textarea {border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF; }
	.sendError                            { background: #FBF5F5 url("../images/sendError.gif") no-repeat 10px 5px ; border: 1px solid #A22B28; padding: 20px 0 20px 80px; margin-top: 10px; margin-bottom: 15px}
	.sendOK                               { background: #F5F9FB url("../images/sendOk.gif") no-repeat 20px 7px ; border: 1px solid #277CA3; padding: 20px 0 20px 80px; margin-top: 10px; margin-bottom: 15px}
	.contactform h2 {padding-left:12px; font-family:Trebuchet MS; font-weight:bold; color: #054A6D;font-size:1.2em;Text-transform:uppercase; margin:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat;}
	.textbox {margin-bottom:25px}


#listtitle {width:70%;}
#listicon {text-align:center; width:10%;}
#listsize {text-align:center; width:10%;}
.list {margin-top:10px;}
.list img {border:0px;}
.list table {width:100%; border-collapse:collapse; margin-bottom:15px;}
.list table tr td {height:24px; vertical-align:middle; border-bottom:solid 1px #356476;}
.list table tr td:first-child {width:70%;}
.list table tr td:first-child+td {text-align:center; width:10%;}
.list table tr td:first-child+td+td {text-align:center; width:10%;}