/* CSS for OL pages on Superior */

/*----------- ALL PAGES -------------------------*/
#OLContent {position: relative;	width: 620px; margin-top: 75px;}
#OLFooter {margin: 35px 0 35px 0; border-top: 1px solid #b82e2e; width: 582px; text-align:right; clear:both;}

/*------------- BROWSE LABELS PAGE -------------*/

h1#browsePage {text-align: center; color:#2e73b8; font-size: 16pt;}

table#browseBox {position:relative; width: 585px; }
#browseBoxTop {background:url(/images/olbrowse/browseBoxTop.gif) no-repeat; height: 16px;}
#browseBoxBottom {background:url(/images/olbrowse/browseBoxBottom.gif) no-repeat; height: 16px;}
#browseBoxMiddle {
	position:relative;
	padding: 10px;
	border-left: 1px solid #c2e8ff;
	border-right: 1px solid #c2e8ff;	
	background-color:#f9fdff;
}

#browseSelection {
	position: relative;
	width:auto;
	float:left;
}

#browseSelection #question {font-size: 120%; font-weight: bold;}

#helpfulLinks {
	position: absolute;
	z-index: 10;
	top: 200px;
	left: 235px;
	width: 432px;

}

#helpfulLinks h3 {
	position: relative;
	text-align:center;
	color: #b82e2e;
	font-size: 1em;
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 /*overides SL rules */
	background-color: FFFFFF;
	border:none;
}

#helpfulLinks p {
	height: 34px;
	background: url(/images/olbrowse/hr_browsebg.gif) no-repeat;
	margin:0;
	text-align:center;
	line-height:32px;
}

#helpfulLinks a:link, #helpfulLinks a:visited {
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	margin: 0 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#helpfulLinks a:hover {text-decoration: underline;}



/*-------------- OL PRODUCT PAGES -----------------*/
img#productImage {	position: relative;	float: left;}
#specBox {	position:relative;	float: left;	margin-left: 10px;	font: Arial, Helvetica, sans-serif 1.3em;}
h1#olProductName {	border-top: 5px solid #2e73b8;	margin: 0;	padding-top: 3px;	color: #000;}

#specs {	position: relative;	margin: 10px 0;	padding: 5px 0;	border-top: 1px dashed #b82e2e;	border-bottom: 1px dashed #b82e2e;}
#specs p {	margin: 5px 0; width:375px;}

#links a:link, #links a:visited {	margin: 5px 0;	text-decoration: none; font-size: 120%}
#links a:hover {	text-decoration: underline;}

#orderBox {	position: relative;	clear: both;	width: 582px;	margin: 20px 0;}
#orderBoxMiddle {	position:relative;	padding: 0 5px 5px 5px;	background-color: f0f7ff;	border-left: 1px solid #2e73b8;	border-right: 1px solid #2e73b8;}
#orderBoxMiddle div {	position: relative; margin: 15px 0 15px 30px;}
#orderBoxMiddle select {position:absolute; left: 170px; top: -3px;}
#orderBoxTop, #priceTableTop {	height: 7px;	background: url(/images/olproduct/orderBoxTop.gif) no-repeat;}
#orderBoxBottom, #priceTableBottom {	height: 7px;	background: url(/images/olproduct/orderBoxBottom.gif) no-repeat;}

#addCartBox img {margin-bottom: 8px;}

#priceTable {width: 582px;}
#priceTable th {font-size: .75em; font-weight:bold; 	background-color:#f0f7ff;}
#priceTable td {text-align:center;}
#priceTable .LRborders {	border-right: 1px solid #2e73b8;	border-left: 1px solid #2e73b8;}
#priceTableContent .materialpic {border: 1px solid #000; margin-top: 2px;}
#priceTableContent .row1 {background-color: #fff; height: 30px}
#priceTableContent .row2 {background-color: #f0f7ff; height: 30px}


/* ------- TEMPLATE PAGE ----------- */
table#template {margin: 10px 0 25px 25px;	text-align:left;}
table#template td {height:30px;}
table#template a:link, table#template a:visited {	text-decoration: none;}