@charset "utf-8";
/* DataCableTech CSS 
Author: EW
Date created: 04.03.09
*/

* { margin: 0; padding: 0; }
body { background: url(/images/background.png) repeat-x; background-color: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.clear { clear: both; }
#wrapper { margin: 0 auto; width: 950px; }

/* Header */

#header { height: 94px; }
.logo { border: none; float: left; }
#customer-support { float: left; padding: 25px 90px 0 90px; }
#customer-support .phone { background: url(/images/phone-back.png) no-repeat; color: #f00; font-size: 23px; font-weight: bold; padding: 0 0 0 26px }
#header-menu { float: right; padding: 25px 0 0 0; text-align: right; }
#header-menu a { color: #06f; font-weight: normal; text-decoration: none; }
#header-menu a:hover { color: #f00; text-decoration: underline; }
#header-menu .shopping { background: url(/images/shopping-back.png) no-repeat; color: #f00; font-size: 12px; font-weight: bold; padding: 5px 0 5px 35px; }

/* Menu */

#menu { height: 37px; }
#menu ul { list-style: none; }
#menu li { display: block; float: left; }
#menu a { background: url(/images/menu-back.png) no-repeat top right; color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 9px 20px; text-decoration: none; }
#menu a:hover { background: url(/images/menu-ovr-back.png) no-repeat top right; padding: 9px 20px; }
#menu a.active { background: url(/images/menu-ovr-back.png) no-repeat top right; padding: 9px 20px; }
#menu .searchform { border: solid #ccc 1px; float: left; font-size: 11px; height: 11px; margin: 9px 0 0 20px; padding: 3px 0 3px 5px; width: 210px; }
#menu .searchbutton { float: left; }

/* Main */

#main { background-color: #fff; border-bottom: solid #ccc 1px; border-left: solid #ccc 1px; border-right: solid #ccc 1px; margin: 0 0 10px 0; width: 948px; }
#crumbs-chat { border-bottom: solid #ccc 1px; margin: 0 15px 15px 15px; }
p.crumbs { float: left; font-weight: bold; padding: 10px 0; }
p.crumbs a { color: #f00; font-weight: normal; text-decoration: underline; }
p.livechat { background: url(/images/livechat-back.png) no-repeat left center; float: right; padding: 10px 0 10px 33px; font-size:1.3em;}
p.hours {float:right; padding: 10px 10px 10px 0px; font-weight:bold;}


/* Left */

html>body #left { float: left; margin: 0 0 0 15px; width: 200px; }
#left { float: left; margin: 0 0 0 7px; width: 200px; }
#sidebar { border: solid #ccc 1px; margin: 0 0 20px 0; }
p.sidebar-header { background: url(/images/sidebar-header-back.png) repeat-x; color: #fff; font-size: 12px; font-weight: bold; padding: 3px 10px; }
#sidebar ul { list-style: none; }
#sidebar li { background: url(/images/li-background.gif) no-repeat left center; border-top: solid #ccc 1px; color: #f00; padding: 5px 10px 5px 20px; }
#sidebar li:hover { background-color: #eee; }
#sidebar a { color: #000; font-weight: bold; text-decoration: none; }
#sidebar a:hover { color: #f00; text-decoration: underline; }
#sidebar p.lower { padding: 10px; }
#sidebar p.lower a { color: #f00; text-decoration: underline; }
#sidebar .stayform { border: solid #ccc 1px; font-size: 11px; height: 13px; margin: 0 10px 10px 10px; padding: 3px 0 3px 5px; width: 172px; }
#sidebar .staybutton { float: right; margin: 0 10px 10px 0; }
#sidebar .quotebutton { padding: 0 10px 10px 10px; }

/* Right */

html>body #right { float: right; margin: 0 15px 0 0; width: 690px; }
#right { float: right; margin: 0 7px 0 0; width: 690px; }
table.product-table { border-bottom: solid #ab0000 2px; border-left: solid #ab0000 2px; border-right: solid #ab0000 2px; margin: 0 0 20px 0; width: 100%; }
table.product-table th { background: url(/images/product-table-header-back.png) repeat-x; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; text-align: left; }
table.product-table td { padding: 10px; }
table.product-table a { font-size: 12px; }
table.product-table p { color: #666; line-height: 140%; padding: 10px 0; }
#right ul.check { display: block; float: left; list-style: none; margin: 0 0 20px 0; }
#right ul.check li { background: url(/images/checklist.png) no-repeat left center; padding: 3px 20px; }
table.contact { background-color: #eee; border: solid #ccc 1px; margin: 0 0 10px 0; width: 100%; }
table.contact th { background: url(/images/product-table-header-back.png) repeat-x; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; text-align: left; }
table.contact td { padding: 10px; }
table.contact label { font-weight: bold; }
table.contact .contactform { border: solid #ccc 1px; font-size: 11px; height: 13px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 200px; }
table.contact .contactform2 { border: solid #ccc 1px; font-size: 11px; height: 70px; margin: 3px 0 0 0; padding: 3px 0 3px 5px; width: 660px; }
.dropDown { border: solid #ccc 1px; height: 21px; margin: 3px 0 0 0; padding: 0 0 0 5px; width: 207px; }
#right ul.checking { display: block; float: left; list-style: none; margin: 0 70px 20px 0; }
#right ul.checking li { background: url(/images/checklist.png) no-repeat left center; padding: 3px 20px; }
table.product-cart { border-top: solid #ccc 1px; border-left: solid #ccc 1px; margin: 0 0 20px 0; width: 100%; }
table.product-cart th { background: url(/images/product-table-header-back.png) repeat-x; color: #fff; font-weight: bold; padding: 5px 0 5px 10px; text-align: left; }
table.product-cart tr.gray { background-color: #eee; }
table.product-cart td { border-bottom: solid #ccc 1px; border-right: solid #ccc 1px; padding: 10px; }
table.product-cart a { font-size: 12px; }
table.product-cart p { color: #666; line-height: 140%; padding: 10px 0; }
table.product-cart .qty { border: solid #ccc 1px; font-size: 11px; height: 13px; margin: 0 10px 0 0; padding: 3px; width: 20px; }
#right ul.sitemap { color: #06f; padding: 5px 0 5px 20px; }
#right ul.sitemap li { padding: 3px 0; }

/* Footer */

#footer { color: #666; margin: 0 20px 10px 20px; }
p.left-footer { float: left; }
p.right-footer { float: right; text-align: right; }
#footer p.left-footer a { color: #06f; font-weight: normal; }
#footer p.right-footer a { color: #666; font-weight: normal; text-decoration: none; }
#footer p.left-footer a:hover, #footer p.right-footer a:hover { color: #000; }


/* Text Styles */

h1 { color: #000; font-size: 22px; padding: 0 0 10px 0; }
h2 { color: #000; font-size: 18px; padding: 0 0 10px 0; }
h3 { color: #000; font-size: 14px; padding: 0 0 10px 0; }
p { line-height: 160%; padding: 0 0 15px 0; }
a { color: #f00; font-weight: bold; }
a:hover { color: #06f; }
strong { color: #000; }

/* Image Styles */

.right { float: right; padding: 0 0 0 15px; }
.page { border: solid #ccc 1px; float: left; margin: 0 15px 10px 0; padding: 2px; }
.tn { border: solid #ccc 1px; padding: 2px; }
.tn:hover { border: solid #06f 1px; padding: 2px; }

.err {
	font-weight: bold;
	color: #FF0000;
}

/*#qty {
	width:25px;
	border:#ccc 1px solid;
	height:16px;
	float:left;
	clear:both;
	margin-right:5px;
	}*/