/*** Global Settings ****/
body {font : normal 12px/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#FFFFFF;}
p { margin : 0;padding : 0;}
a:visited, a:link {color : #3b6ee7;text-decoration : underline;background:none;}
a:hover {color : #3b6ee7;text-decoration : none;background:none;}
h1 { color : #18284E;margin: 0px 0px 10px 0px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #e7ecef;}
h2 {color : #18284E;margin : 20px 0 10px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #e7ecef;}
h3 {color : #18284E;margin : 10px 0;padding-bottom : 10px;font : bold 14px Arial, Helvetica, sans-serif;border-bottom : 1px solid #e7ecef;}
ul {padding:0;margin:0 0 0 17px;list-style: square url(images/bullet.gif);}
.box {background : #f7f7f7;border : 1px solid #ebe9f0;padding : 15px;}

/*** Layout ****/
#wrapper {margin : 0 auto;width : 1000px;border-left : 1px solid #ebe9f0;border-right : 1px solid #ebe9f0;}
#header {margin : 0 1px;}
#bg {height : 36px;background : url(images/bg.gif) repeat-x;}
#nav {background : #26314B;padding : 10px 20px;text-align : right;color : #dddddd;}
#nav a:visited, #nav a:link {text-decoration : none;color : #eeeeee;}
#nav a:hover {text-decoration : underline;color : #ffffff;}
#main-content {margin : 0 auto;}
#logo {margin-bottom : 30px;}
.logotxt1 {font : normal 18px Georgia, serif;color : #3B6EE7;margin : 10px 0 0 15px;}
.logotxt2 {font : normal 18px Georgia, serif;color : #18284E; }
#left-column {width : 670px;padding : 0 30px 30px;float : left;}
#right-column {width : 270px;float : right;}
.crd a:visited, .crd a:link, .crd a:hover{text-decoration : none;color : #2a3845;cursor: text;}
#footer {background : #f7f7f7;border-top : 1px solid #ebe9f0;padding : 10px 15px;clear : both;}
.right_align {text-align: right;}
.left_align {text-align: left;}
.center_align {text-align: center;}

/*** SideBAR ***/
#main-image {text-align : center;}
.sidebar {width : 218px;margin : 0 auto;padding : 10px 25px;background : url(images/shadow.jpg) no-repeat top;}

/*** Table Data Lines ***/
#tableout { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; clear: both;}
#tableout table {margin-top: 10px; border: 0; width: inherit; padding: 0; width: 670px;}
#tableout table th {margin-bottom: 5px; font-size: 12px; font-weight: bold; width: auto; padding-right: 10px; padding-left: 10px;}
#tableout table td {width: auto; padding-right: 5px; padding-left: 10px;}
#tableout table tr td {height: 40px;}
.spacer {clear: both; padding-top: 10px;}

.quantity {width: auto; padding-right: 10px; padding-left: 5px;}
.quantity-input {font: normal 12px Arial, Helvetica, sans-serif; text-align: right; width: 30px;}
.partno {text-align: left; width: auto; padding-right: 10px; padding-left: 10px;}
.desc {text-align: left; width: auto; padding-right: 10px; padding-left: 10px;}
.price {text-align: right; width: auto; padding-right: 5px; padding-left: 10px;}
.deal_price {text-align: right; width: auto; padding-right: 10px; padding-left: 10px;}
.total-line {background-color: $eeeeee;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: right;
}

#orderheader {clear: both; border : 1px solid #ebe9f0; padding : 15px;}
#left-head {float: left; width: 315px;}
#right-head {float: right; width: 315px;}