/* CSS for Page Layout */
body, h4, h5, h6, form {margin: 0; padding: 0; color: #5C5C5C; font: 11px Tahoma, Arial, Sans-serif;}
.Site #pageContainer {margin: 0 auto; text-align: left; background: #FFFFFF;}
.Site #pageHeader {height: 100px; text-align: center; background: #FFFFFF;}
.Site #pageHeader .siteBanner {width: 780px; height: 100px;}
.Site #greenline {color: #FFFFFF; text-align: right; font: bold 9px Tahoma; line-height: 66px; background: transparent url('images/greenline_top.jpg') repeat-x;}
.Site #pageFooter {color: #FFFFFF; font-weight: bold; padding: 24px 18px 36px 18px; background: #42453D url('images/footer_bg.gif') repeat-x;}
.Site #pageFooter p {margin: 0; padding: 0;}
.Site #container {width: 780px; margin: 10px auto; text-align: left; background: #FFFFFF; border: none; border-top: none;}
.Site #mainContent {padding: 0; margin: 0 150px 0 170px;}
.Site #sidebar1 {float: left; width: 160px; background: #FFFFFF;}
.Site #sidebar2 {float: right; width: 140px; background: #FFFFFF;}

/* CSS for Login Panel */
.Site table.login {width: 100%; margin: 8px 0;}
.Site table.login table td {padding: 2px 0;}
.Site table.login table td.username input {width: 113px;}
.Site table.login table td.password input {width: 113px;}
.Site table.login table td.remember {text-align: right;}
.Site table.login table td ul#loginMenu {margin: 0 8px; font-size: 9px; list-style-type: none;}

/* CSS for User Menu */
.Site #profile {padding: 8px 0;}
.Site #welcome {text-align: center;}
.Site #profile ul#userMenu li#viewCartItem {list-style-image: url('images/cart.png');}
.Site #profile ul#userMenu li#editProfileItem {list-style-image: url('images/user_edit.png');}
.Site #profile ul#userMenu li#changePassItem {list-style-image: url('images/key.png');}
.Site #profile ul#userMenu li#logoutItem {list-style-image: url('images/out.png');}

/* CSS for Search boxes */
.Site #advSearch {padding: 8px 0;}
.Site #advSearch label {width: 40px;}
.Site #advSearch select {width: 112px;}
.Site #advSearch input {width: 110px;}
.Site #advSearch #advSearchBtnCase {padding: 0 1px; text-align: right;}

/* CSS for Categories */
.Site #categories {margin: 0 0 18px 0;}
.Site ul#categories-list,
.Site ul#categories-list li,
.Site ul#categories-list ul {margin: 0; border: 0 none; padding: 0; width: 140px; list-style: none;}
.Site ul#categories-list:after{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
.Site ul#categories-list li { float: left; display: block !important; display: inline; position: relative;}
.Site ul#categories-list a {padding: 0 6px; display: block; color: #666; border-bottom: 1px solid #CCC; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}
.Site ul#categories-list a:hover,
.Site ul#categories-list li:hover a,
.Site ul#categories-list li.iehover a {background: #B7CBCF; color: #000000;}

/* CSS for Calendar and Currencies */
.Site div.calendar {margin: 0 0 12px 0; border-top: 1px solid #CFD0D0;}
.Site table#currencies {width: 100%; margin: 0; border-style: none;}
.Site table#currencies th {font-weight: bold;   text-align: left; color: #000000; padding: 3px 6px; border-style: none;}
.Site table#currencies td {font-weight: normal; text-align: left; color: #000000; padding: 3px 6px; border-style: none;}

/* CSS for News-box */
.Site #news-box {margin: 18px 0;}
.Site #news-box p {padding-left: 15px; padding-right: 2px; margin: 0.1em 0;}
.Site #news-box h4 {background: url('images/bullet_letter.gif') no-repeat; padding-left: 15px; font-weight: bold; margin: 1em 0 0.4em 0;}
.Site #news-box .more {text-align: right; font-size: 9px;}

/* CSS for Page Contents */
.Site #default {padding: 8px 0; height: 600px;}
.Site #about {padding: 18px 0; height: 600px;}
.Site #news {padding: 8px 0; height: 600px;}
.Site #products {padding: 8px 0; height: 600px;}
.Site #show {padding: 0; height: 600px;}
.Site #documents {padding: 0; height: 600px;}
.Site #salesNetwork {padding: 0; height: 600px;}
.Site #humanResources {padding: 0;}
.Site #contact {padding: 8px 0; height: 600px;}
.Site #viewCart {padding: 0; height: 600px;}
.Site #createUser {height: 600px;}
.Site #editProfile {height: 600px;}
.Site #changePass {height: 600px;}
.Site #passwordRecovery {height: 600px;}
.Site #unauthenticated {margin: 28px auto; height: 600px; width: 400px;}
.Site #passwordRecovery table {margin: 20px auto;}
.Site #changePass table {margin: 20px auto;}
.Site #createUser table {margin: 2px auto;}

/* CSS for Product Results */
.Site table.product {width: 220px; cursor: pointer; border-style: none;}
.Site table.product td.productName {width: 100%; height: 26px; font-weight: bold; vertical-align: middle;}
.Site table.product td.productImage {width: 80px; margin: 0; padding: 0;}
.Site table.product td.productImage img {width: 80px; height: 60px; border: 1px solid #9c9c9c;}
.Site table.product td.productDetails {width: 140px;}
.Site table.product td.productDetails table {width: 100%; height: 64px;}
.Site table.product td.productDetails table th {width: 34px; padding-left: 2px; color: #000000; text-align: left; font-weight: normal; background-color: #B7CBCF;}
.Site table.product td.productDetails table td {width: 106px; color: #000000; padding-left: 2px; text-align: left; font-weight: normal; background-color: #EEEEEE;}

/* CSS classes for the categories navigation menu at right of the page */
.Site #categories .catPageNav {width: 100%;}
.Site #categories #firstcatpage {float: left; text-align: left;}
.Site #categories #lastcatpage {float: right; text-align: right;}
.Site #categories #leftcatnav {float: left; width: 40px; text-align: center;}
.Site #categories #rightcatnav {float: right; width: 40px; text-align: center;}
.Site #categories #numcatnav {float: inherit; text-align: center;}
.Site #categories #firstcatpage a {cursor: pointer;}
.Site #categories #lastcatpage a {cursor: pointer;}
.Site #categories #leftcatnav a {cursor: pointer;}
.Site #categories #rightcatnav a {cursor: pointer;}

/* CSS classes for the navigation menu at bottom of the page */
.Site #products .navigation {width: 100%; margin-top: 30px;}
.Site #products #firstpage {float: left; text-align: left;}
.Site #products #lastpage {float: right; text-align: right;}
.Site #products #leftnav {float: left; width: 100px; text-align: center;}
.Site #products #rightnav {float: right; width: 100px; text-align: center;}
.Site #products #numnav {float: inherit; text-align: center;}
.Site #products #firstpage a {cursor: pointer;}
.Site #products #lastpage a {cursor: pointer;}
.Site #products #leftnav a {cursor: pointer;}
.Site #products #rightnav a {cursor: pointer;}

/* CSS for Show Product Details */
.Site .showProduct { }
.Site div#product {padding: 6px 0;}
.Site div#product #productImage {}
.Site div#product #productImage img {width: 200px; height: 150px; border: 1px solid #CFD0D0;}
.Site div#product table th {text-align: left; color: #000000; font-weight:normal; background-color: #B7CBCF;}
.Site div#product table td {text-align: left; color: #000000; font-weight:normal; background-color: #EEEEEE;}
.Site div#product table#productDetails-1 {width: 230px; height: 152px; border: 1px solid #CFD0D0;}
.Site div#product table#productDetails-2 {width: 100%; margin: 16px 0; border: 1px solid #CFD0D0;}
.Site div#product table#productDetails-1 th {width: 36px;}
.Site div#product table#productDetails-2 th {width: 80px;}

/* CSS for AddToCart Item */
.Site .quantity {height: 12px; width: 30px; font-size: 11px; background: #FFFFE0; border: 1px solid #CCCCCC;}
.Site .addToCart {margin: 0; padding: 0;}

/* CSS for ViewCart */
.Site ul#cartMenu { }
.Site ul#cartMenu li#updateCart {list-style-image: url('images/cart.png');}
.Site ul#cartMenu li#sendOrder {list-style-image: url('images/cart_go.png');}
.Site ul#cartMenu li#deleteSelectedOrders {list-style-image: url('images/cart_delete.png');}
.Site table#grandTotal {width: 180px; float: right;}
.Site table#grandTotal th {width: 80px; text-align: left; font-weight: normal;}
.Site table#grandTotal td {width: 100px; text-align: right; font-weight: bold;}

/* CSS for Create User Wizard Form */
.Site #createUser table#companyInfo {float: left;}
.Site #createUser table#addressInfo {float: left;}
.Site #createUser table#accountInfo {float: right;}
.Site #createUser table#companyInfo th {width: 54px; font-weight: normal; text-align: left;}
.Site #createUser table#addressInfo th {width: 54px; font-weight: normal; text-align: left;}
.Site #createUser table#accountInfo th {width: 72px; font-weight: normal; text-align: left;}
.Site #createUser table#companyInfo td {font-weight: normal; text-align: left;}
.Site #createUser table#accountInfo td {font-weight: normal; text-align: left;}
.Site #createUser table#addressInfo td {font-weight: normal; text-align: left; width: 396px;}
.Site #createUser table#companyInfo td input {width: 150px;}
.Site #createUser table#accountInfo td input {width: 150px;}
.Site #createUser table#companyInfo td select {width: 152px;}
.Site #createUser table#accountInfo td select {width: 152px;}
.Site #createUser table#addressInfo td textarea {width: 396px;}

/* CSS for Edit Profile Form */
.Site #editProfile table {margin: 18px auto;}
.Site #editProfile table th {font-weight: normal; text-align: left;}
.Site #editProfile table td {font-weight: normal; text-align: left;}
.Site #editProfile table td input {width: 180px;}
.Site #editProfile table td select {width: 182px;}
.Site #editProfile table td textarea {width: 180px; height: 60px;}

/* CSS for Human Resources */
.Site #humanResources input,
.Site #humanResources select,
.Site #humanResources textarea {font-size: 11px;}
.Site #humanResources #personal table {border-collapse: collapse;}
.Site #humanResources #personal label {width: 80px;}
.Site #humanResources #personal .left {float: left;}
.Site #humanResources #personal .right {float: right;}
.Site #humanResources #personal .right label {width: 48px;}
.Site #humanResources #education table {width: 100%; border-collapse: collapse;}
.Site #humanResources #education label {width: 76px;}
.Site #humanResources #humanResourcesBtnCase {text-align: right;}

/* CSS for Contact */
.Site #contact table#contactInfo {width: 100%; margin-bottom: 8px; border: 1px solid #CFD0D0;}
.Site #contact table#contactInfo th {width: 15%; padding-left: 4px; text-align: left; color: #000000; font-weight: normal; background-color: #B7CBCF;}
.Site #contact table#contactInfo td {width: 85%; padding-left: 4px; text-align: left; color: #000000; font-weight: normal; background-color: #EEEEEE;}
.Site #contact #contactForm {margin: 8px auto; width: 420px; font-weight: normal; }
.Site #contact #contactForm th {width: 120px; font-weight: normal; text-align: left;}
.Site #contact #contactForm td {width: 300px; font-weight: normal; text-align: left;}

/* CSS for Forms */
.Site .form {margin: 0;}
.Site .form label {text-align: left; display: inline-block; line-height: 1.8; vertical-align: top; margin-right: 6px;}
.Site .form ul {margin: 0; padding: 0;}
.Site .form li {margin: 0; padding: 1px; list-style: none;}
.Site .form em {font-weight: bold; font-style: normal; color: #f00;}

/* CSS for Tabs */
.Site #menuCase{height: 39px; border-top: 4px solid #859D31; background: transparent url('images/bgOFF.gif') repeat-x top left;}
.Site #stylefour {position: relative; display: block; width: 780px; margin: 0 auto; font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Helvitica, sans-serif;}
.Site #stylefour ul {margin: 0; padding: 0; list-style-type: none; width: auto;}
.Site #stylefour ul li {display: block; float: left; margin: 0;}
.Site #stylefour ul li a {display: block; float: left; color: #666; text-decoration: none; padding: 11px 20px 0 20px; height: 23px; background: transparent url('images/bgDIVIDER.gif') no-repeat top right;}
.Site #stylefour ul li a:hover,
.Site #stylefour ul li a.current {color: #859D31; background: #FFFFFF url('images/bgON.gif') no-repeat top right;}

/* CSS for Themes */
.Site .info {padding: 6px; text-align: center; border: 1px solid #eeeeee; background-color: #FFFFE0;}
.Site .input {font-size: 12px; border: 1px solid #5C5C5C;}
.Site .button {padding: 1px 2px; font-size: 9px; font-weight: bold; color: #FFFFFF; background-color: #0066A7; border: 1px solid #5C5C5C;}
.Site .header {color: #0066A7; font-size: 10px; font-weight: bold; padding: 3px 4px 4px 4px; background: #E6E7E7; border-top: 1px solid #CFD0D0;}
.Site .header th {border-top: 1px solid #CFD0D0;}
.Site .subheader {color: #5C5C5C; font-size: 10px; font-weight: bold; padding: 0 0 4px 0;}
.Site .fltrt {float: right; margin-left: 8px;} /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.Site .fltlft {float: left; margin-right: 8px;} /* this class can be used to float an element left in your page */
.Site .centered {margin: 0 auto;}
.Site .clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.Site table tr.emptyDataRow td {margin: 0; padding: 0;}
.Site a {color: #5C5C5C; font-weight: bold; text-decoration: none;}
.Site a:hover {text-decoration: underline;}
.Site img {border: 0;}