/*forces a scrollbar to avoid page jump sideways*/
html { height: 100%; margin-bottom: 1px; } 

form { margin: 0; }

body {
	background-color: #FFFFFF;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0;
	margin: 0;
	text-align:center;  
}
div {
	padding: 0;
	margin: 0;	
	overflow: hidden;
}
img {
	padding: 0;
	margin: 0;
	border: 0;
}
ul {
	padding: 5px;
	margin: 0;	
}
ol {
	font-size: 0.9em;
}
li {
	padding: 5px;
	margin: 0;
}


p {
	margin: 10px;
}
a { color: #fff; text-decoration: none }

em { color: #FFFF66; font-style: normal }

/* ---------------- Class-specific styles ---------------- */


.clear {
	clear: both;
}
div.error {
	margin: 5px;
	padding: 10px;
	background-color: #FFDDDD;
	border: 1px solid #AA0000;	
	color: #AA0000;
}
div.error ul {
	list-style: none;	
	padding: 0;
	margin: 0;	
}
div.error li {
	padding: 3px;
	margin: 0;	
}
div.action {
	margin: 5px 5px 15px 5px;
	padding: 10px;
	background-color:#DDFFDD;
	border: 1px solid #007700;
	font-weight: bold;
	color: #007700;
}

a.logo { display: block; margin: 0; height: 100px; text-align: right; }

img.logo { margin: 18px 35px auto auto }

div.product h3 { margin: 0 }
div.product p { margin: 0 }
div.product p a { text-decoration: underline } 

.hide { position: absolute; left: -2000px; }

form.contact label {display: block; width: 100%}
/* form.contact em { color: #FFFF66 }*/
.msg-error { margin: 0; padding: 5px; background-color:#990000; color: #FFDDDD }
.msg-action { margin: 0; padding: 5px; background-color:#009900; color: #DDFFDD }

div.products {
	margin: 30px 0 0 25px;
}
div.sub-product {
	width: 155px;
	/*background-color: #CCFF33;*/
	margin: 0;
	float: left;
	text-align: center;
}
div.sub-product h3 { font-weight: bold; margin: 0; padding: 0  }
div.sub-product p { margin: 2px 0 !important; padding: 0 }
div.sub-product img { margin: 0 0 8px 0; }
/*div.sub-product em { color: #FFFF66; font-style: normal }*/

table.order-view th { width: 100px }

.notes_printable { display: none }



.admin-filter-1 { height: 40px; width: 200px; float: left }
.admin-filter-1, .admin-filter-1 label { font-size: 10pt;  }

.admin-filter-2 { height: 40px; width: 350px; float: left }
.admin-filter-2, .admin-filter-2 input { font-size: 12px;  }

div.admin-nav { margin: 0; font-size: 0.9em; text-align: right; padding: 20px 30px 0 0 }

/* ---------------- ID-specific styles ---------------- */
div#outer {
	margin: 0 auto;
	width: 1000px;
	background-image: url(/resources/img/background-shade.gif);
	background-repeat: repeat-y;
	
}
div#inner {
	margin: 0 auto;
	width: 100%;
	background-color: #03434C;
	color: #FFFFFF;
}
div#header {
	height: 355px;
	background-image: url(/resources/img/background-header.gif);
	background-repeat:no-repeat;
	background-position: center;
}
div#prod-1 {
	float: left;
	width: 190px;
	/*background-color: #00FF99;*/
	text-align: center;
}
div#prod-2 {
	float: left;
	width: 190px;
	/*background-color: #33FFFF;*/
	text-align: center;
}
div#prod-3 {
	float: left;
	width: 190px;
	/*background-color: #FFFF66;*/
	text-align: center;	
}
div#navigation {
	background-image: url(../img/nav-background.gif);
	background-repeat:no-repeat;
	background-position: top center;
	/*text-align: center;*/
	/*background-color: #99FF00;*/
	height: 45px;
	margin-bottom: 15px;
}
div#navigation ul { list-style: none; font-size: 0.8em; margin: 3px auto 0 auto; width: 615px;  }   
div#navigation li { padding: 2px 5px; margin: 0; float: left; font-size: 10pt; }  
div#navigation li a { text-decoration: underline }  

div#footer { height: 40px; margin-top: 30px }
div#footer ul { list-style: none; font-size: 0.7em; margin-left: 15px; margin-top: 7px  }
div#footer li { padding: 2px 6px; margin: 0; float: left; font-size: 9pt;  }  
div#footer li a { text-decoration: underline }  
div#footer img#rom-logo { float: right; margin-left: 10px;  }

div#content { 
	text-align: left;
}

div#content .home-left-col { width: 750px; float: left;  }
div#content .home-left-col h2 { font-size: 10pt; margin: 10px 10px 10px 26px; padding: 0 }
div#content .home-left-col p { margin: 10px 15px 10px 26px; }
div#content .home-left-col small { display: block; margin-left: 26px; font-size: .8em }
div#content .home-left-col ul { margin: 10px 10px 10px 40px; padding: 0; list-style: outside }

div#content .home-right-col { width: 209px; float: left; border-left: 1px solid #FFFFFF;  }
div#content .home-right-col hr { 
	width: 85%; 
	text-align:center; 
	border: 0; 
	border-bottom: 1px solid #EEEEEE; 
	height: 1px; 
	margin: 0 auto;
	padding: 10px 0;
}
div#content .home-right-col h2 { font-size: 10pt; margin: 10px 10px 10px 20px; padding: 0 }
div#content .home-right-col p { margin: 10px 10px 10px 20px; }
div#content .home-right-col ul { margin: 10px 10px 10px 40px; padding: 0; list-style: outside }
div#content .home-right-col li { padding: 0 0 10px 0 } 

div#content a { text-decoration: underline;  }

div#content .admin-outer h2 { font-size: 10pt; margin: 10px 10px 10px 26px; padding: 0 }
div#content .admin-outer p { margin: 10px 15px 10px 26px; }
div#content .admin-outer table { margin: 10px auto auto 20px; width: 530px; font-size: 0.9em }
div#content select { font-size: 0.9em }

div#cart table {
	margin: 10px auto auto 20px;
	width: 95%;
	/*background-color: #CCCCCC;*/	
}
div#cart table th { font-weight: normal; padding: 5px 2px 10px 2px; }
div#cart table td { padding: 6px 5px; margin: 0; }
div#cart table input, textarea { font-size: 11px }
div#cart table input.quantity { text-align: right }
div#cart table th { font-weight: bold; padding: 6px 5px; margin: 0; }
div#cart table .alt-row-start { 
	background-image: url(/resources/img/cart-alt-row-start.gif); 
	background-repeat: no-repeat; 
	background-position: left top;  
}
div#cart table .alt-row-end { 
	background-image: url(/resources/img/cart-alt-row-end.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
}
div#cart table .alt-row { 
	background-image: url(/resources/img/cart-alt-row.gif); 
	background-repeat: repeat-x;
	background-position: top;
}
div#cart table .first_col { padding-left: 15px }
div#cart h2 { font-size: 10pt; margin: 10px 10px 10px 26px; padding: 0 }
div#cart p { margin: 10px 10px 10px 26px; padding: 0 }

div#cart-navigation { margin: 0 auto; width: 580px; /*background-color: #99CC00*/ }
div#cart-navigation ul { list-style: none; margin: 0 auto; width: auto; /*background-color: #993333*/  }
div#cart-navigation li { 
	padding: 0; 
	margin: 0; 
	float: left; 
	height: 60px; width: 140px;
	text-align: center;
}  
div#cart-navigation li.selected { background-image: url(/resources/img/cart-step-selected.gif); background-repeat:no-repeat; background-position:center }
div#cart-intro {
	font-style: italic; 
	margin: 0 0 0 0; 
	text-align:center
}
div#cart-documents, div#cart-documents a {
	font-size: 10px;
	color: #D8D8DA;
}
div#cart-documents {	
	margin: 5px 30px 15px 0; 
	text-align: center;
}
div.cart-instructions {
	font-style: italic; 
	margin: 15px 30px 15px 30px; 
	text-align:center;
	font-weight: bold;
	color: #FFFF66;
}
div#cart-continue { float: left; width: 270px; margin-top: 20px;  }
div#cart-continue img { margin-left: 32px }
div#cart-nav { float: left; width: 280px; text-align: right; margin-top: 20px;   }
div#cart-nav input { margin-left: 5px }

/* ------------ table-related styles ------------ */

table {
	border: 0;	
}
td {
	margin: 0px;
	padding: 2px 3px;
	vertical-align: top;
}
th {
	margin: 0px;
	padding: 2px 3px;
	vertical-align: top;
	text-align: left;
}