/* @override http://cvalet.aslaninteractive.com/ordering/public/css/styles.css */

/* CSS Document */

body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/bg.jpg) repeat-x #FFFFCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: url(../img/orderFormHeader.jpg); 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 93px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
	color: #000;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#E1DED5;
	margin: 20px 0 0 0;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 20px 10px 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColFixCtrHdr #retailerNavigation {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 20px 10px 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:13px;
	background:#C3C0B5;
}
.oneColFixCtrHdr #retailerNavigation a, .cssButton { 
	padding: 2px 5px 2px 5px;
	margin: 10px 3px 5px 0;
	background-color: #FFF;
	border: 1px solid #314278;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.oneColFixCtrHdr #retailerNavigation a:hover, .cssButton:hover { 
	background-color: #fbee77;
	color: #000;
}

.oneColFixCtrHdr #retailerNavigation p { 
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
}

table.tabularData {
	font-size:13px;
	border-collapse:collapse;
	margin: 15px 0 15px 0;
}

table.tabularData td, table.tabularData th {
	padding:5px 5px 5px 5px;
	font-size:13px;
	text-align:left;
}

table.tabularData tr {
	border-collapse:collapse;
	border-bottom: #CCCCCC 1px solid;
}

table.tabularData th {
	background-color:#666666;
	color:#FFFFFF;
}

table.tabularData .even {
	background-color:#FFFFCC;
}

table.tabularData td .alignRight {
	text-align:right;
}

.total {
	font-weight: bold;
	border-top: #FFFFFF 1px solid;
	border-bottom: #CCCCCC 1px solid;
}

.clear {
	clear:both;
}

#marginForm {
	width:500px;
}

table {
	margin: 10px 0 10px 0;
}

table .altRow {
	background-color: #EEEEEE;
}

table td {
	padding:3px;
	font-size:12px;
	border: 1px solid #DDDDDD;
	border-collapse:collapse;
}

table th {
	padding:3px;
	font-size:12px;
	border: 1px solid #DDDDDD;
	border-collapse:collapse;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	background-color:#666666;
}

#cartButtons {
	margin:10px 0 10px 0;
	padding:10px;
	background-color:#CCCCCC;
	text-align:right;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:550px;
width:700px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
width:150px;
}
.sort{
padding: 0 0 0 10px;
}
	
#messages {
	margin-top: 10px;
}

#messages .msg {
	background-color: #c8ffbf;
	border: 1px solid #a2ef95;
	padding: 0 10px 0 10px;
}

#copyrights {
	width: 50%;
	float: left;
}

#logout-link {
	width: 50%;
	float: right;
	text-align: right;
}

.loading {
	width: 16px;
	height: 16px;
	background: url(../img/loader.gif);
	float: right;
	margin-top: 2px;
}

img {
	border: 0;
}

.quantity {
    float: left;
}

.ajax {
    text-decoration: none;
    border-bottom: 1px dotted #666;
}
#rep_search div {
	float: left;
	margin-right: 20px;
}

.ui-datepicker {
	z-index: 100;
}

#fieldset-order_payment_dates .ctrlHolder {
	width: 265px;
	float: left;
	clear: none;
}

#retail-product-form fieldset, 
#dealer-product-form fieldset,
#form fieldset {
	border: 0;
}