@charset "utf-8";
/* CKS Design Stylesheet */
/* Written By: Emerson R. Lackey & Dennis Fagan */
/* elementfortytwo.com - simple and stylish design */

/* Main Structure */
body {background-color: #327ea6; background-image: url(../images/background.png); background-repeat: no-repeat; background-position: top center;}
#wrapper {width: 940px; position: relative; margin: 0 auto 0 auto;}
#header {position: relative; width: 940px; height: 130px; background-image: url(../images/header.jpg); background-position: center; background-repeat: no-repeat;}
#cyclebox {width: 940px; height: 320px; margin: 0 auto 0 auto; position: relative; z-index: -3; background-image: url(../images/cyclebox.jpg); background-repeat: no-repeat;}
#content {position: relative; width: 940px; background-image: url(../images/bg-repeat.jpg); background-repeat: repeat-y; padding: 0 0 60px 0;}
#left_col {width: 590px; float: left; padding-top: 30px;}
#right_col {width: 310px; float: left;}
#sidebar-top {width: 310px; height: 25px; background-image: url(../images/sidebar-top.jpg); background-repeat: no-repeat;}
#sidebar-content {width: 310px; background-image: url(../images/sidebar-repeat.jpg); background-repeat: repeat-y; padding-bottom: 60px;}
#sidebar-bottom {width: 310px; height: 20px; background-image: url(../images/sidebar-bottom.jpg); background-repeat: no-repeat;}
#footer {width: 940px; height: 100px; clear: both; background-image: url(../images/footer.jpg);}

/* Cycle Settings */
#banner {width: 850px; height: 240px; margin: 0 auto 0 auto; position: relative; top: 34px;}

/* Massive Supplier Link Box */
#linkbox {width: 900px; margin-left: 20px; margin-right: 20px; clear: both;}
#linkbox a img {border: 2px solid #cccccc;}
#linkbox a:hover img {border: 2px solid #00CC33;}

/* General Classes */
.clear {clear: both;}
.image-cen {display: block; margin: 0 auto 0 auto;}
.left-img {display: block; padding: 0 30px 5px 30px;}
.small-image {float: right; display: inline; padding: 3px 0px 3px 10px;}

/* Standard Images */
#cks-logo {position: absolute; top: 70px; left: 30px;}
a.supply {position: absolute; display: block; right: 350px; width: 264px; height: 96px; background-image: url(../images/list.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
a.supply:hover {background-position: 0px -96px;}

/* Suckerfish Dropdown - Level One */
#navcontainer {position: absolute; top: 83px; right: 30px;}
#navcontainer ul {list-style: none;}
#navcontainer a {display: block; width: 110px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-align: center; color: white; text-decoration: none; padding: 6px 0 6px 0;}
#navcontainer a:hover {color: #333333;}
#navcontainer li {float: left; width: 110px; background-image: url(../images/menu-bg.jpg); background-repeat: repeat-x; background-position: 0px 0px;}

/* Suckerfish Dropdown - Level Two */
#navcontainer li ul {position: absolute; width: 120px; top: 30px; left: -999em;}
#navcontainer li:hover ul, #navcontainer li.over ul {left: auto;}
#navcontainer li:hover, #navcontainer li.over {background-position: 0px -30px;}
#navcontainer li ul li {width: 180px; background-image: none; background-color: #b6d6f8; text-align: center;}
#navcontainer li ul li a {width: 180px; padding: 6px 0 6px 0; background-color: #b6d6f8; color: white;}
#navcontainer li ul li a:hover {background-color: #55a3f5; color: #333333;}

/* Text and Content Settings */
p.sty {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; line-height: 130%; width: 500px; padding: 5px 0 5px 30px;}
h3.sty {font-family: Georgia, "Times New Roman", Times, serif; color: #19597a; font-size: 18px; padding: 15px 10px 5px 30px;}

#left_col a {text-decoration: none; color: #336699;}
#left_col a:hover {color: #00CCCC;}
#left_col h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #19597a; font-size: 24px; padding: 5px 10px 0px 30px;}
#left_col h2 {font-family: "Trebuchet MS"; color: #999999; font-size: 13px; font-style: italic; padding: 0px 10px 0px 0px; 
margin: 0 40px 10px 30px; border-bottom: 1px solid #cccccc; }
#left_col h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #19597a; font-size: 18px; padding: 15px 10px 5px 30px;}
#left_col h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #444444;}
#left_col p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; line-height: 130%; width: 500px; padding: 5px 0 5px 30px;}

#right_col a {}
#right_col a:hover {}
#right_col h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; font-size: 16px; margin: 0px 23px 10px 23px; border-bottom: 1px solid white; padding: 15px 0 0 0px;}
#right_col p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding: 5px 23px 5px 23px;}

#footer h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-align: center; color: #999999; padding-top: 20px;}
#footer p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 30px; text-align: center; color: #0b425f;}
#footer a {text-decoration: none; color: #0b425f;}

/* Contact Page Settings */
#address {list-style: none; margin: 20px 60px 10px 60px; padding: 30px 0 30px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#address li {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #555555;}

/* Contact Form Settings */
#contact-form {width: 410px; position: relative; left: 40px; padding-left: 40px;}
#contact-top {width: 410px; height: 248px; background-image: url(../images/contact-top.jpg); background-repeat: no-repeat;}
#contact-body {width: 410px; height: 420px; background-image: url(../images/contact-background.jpg); background-repeat: no-repeat; background-position: top center;}
#contact-bottom {width: 410px; height: 30px; background-image: url(../images/contact-bottom.jpg); background-repeat: no-repeat;}

#contact-us {margin-left: 30px;}
#contact-us label {color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
#contact-us .textbox { width: 220px; border: 1px solid #235b9f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; padding: 3px; color: #666666;}
#contact-us textarea { width: 330px; height: 100px; border: 1px solid #235b9f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; padding: 3px; color: #666666;}
#contact-us .sbt_button {border: 1px solid #235b9f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; padding: 3px; color: #235b9f; cursor: pointer;}
#in_filter {display: none;}
#sending {position: absolute; right:170px; bottom: 84px;}
#status {position: absolute; bottom: 25px; left: 80px;}
#status p.sent {display: block; width: 300px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; background-color: #ffffff; color: #235b9f; }
#status p.alert {display: block; width: 300px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; background-color: #f9e291; color: #235b9f; }