/**
 * CSS Reset, normalizes default browser styles
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/**
 * General CSS
 */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {display:inline-block;}
.clearfix {display:block;}	

.left  { float: left; }
.right { float: right; }

body {
	background-color: #60616a;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #445;
}

#centerlayout {
	width: 960px;
	margin: auto;
	padding: 20px 0 30px;
}

em { font-family: Helvetica, Arial, sans-serif; }

.hr {
	height: 1px;
	background: url(../images/OP-Line.png) no-repeat center center;
	margin: 10px 0 20px;
}
.hr-wide-2 {
	margin: 25px -30px -18px;
	height: 48px;
	background: url(../images/OP-FeaturesTile.png) repeat-x;
	clear: both;
}
.hr-wide {
	margin: 15px -9px -28px;
	height: 48px;
	background: url(../images/OP-LineWide.png) repeat-x;
}
.hr hr, .hr-wide hr, .hr-wide-2 hr { display: none; }




/**
 * Outside Navigation Elements
 */

.outside-nav { 
	text-align: right;
	list-style-type: none;
	margin-right: 10px;
}
.outside-nav li {
	display: inline-block; 
	color: #EEE; 
	font-family: Helvetica, Arial, sans-serif; 
	font-style: italic;
	overflow: hidden;
}
.outside-nav a, .no-link .rside, .no-link .lside {
	background: url(../images/OP-OutsideNav.png) no-repeat center top;
	color: #eee;
	display: inline-block;
	height: 30px;
	line-height: 29px;
	border-right: 1px solid #494a54;
	padding: 0 15px;
	text-decoration: none;
	white-space: nowrap;
	text-shadow: 0px 1px 1px #32333b;
}
.outside-nav a:hover { background-position: center -30px; color: #fff; }

.outside-nav .lside { background: url(../images/OP-OutsideNav.png) no-repeat left top; }
.outside-nav a.lside:hover { background-position: left -30px; }

.outside-nav .rside { background: url(../images/OP-OutsideNav.png) no-repeat right top; border: none; }
.outside-nav a.rside:hover { background-position: right -30px; }

.outside-nav .no-link .rside { padding-left: 0; border-right: none; }
.outside-nav .no-link .lside { padding-left: 15px; display: inline-block; }




/**
 * Wrapper and Header
 */

#wrapper { 
	background: url(../images/OP-BodyTile.png) repeat-y; 
	clear: both; 
}

#header {
	height: 130px;
	padding: 0 10px;
}
#header h1 { padding: 20px 10px 0; }
#header a {
	display: block;
	font-size: 1px;
	height: 100px;
	outline: none;
	text-indent: -3000px;
	width: 260px;
}




/**
 * Main Navigation
 */

#nav {
	height: 35px;
	margin: 0 10px;
}

#nav ul {
	display: block;
	height: 35px;
}

#nav li {
	float: left;
	line-height: 34px;
	position: relative;
	z-index: 1;
}

#nav a {
	display: block;
	height: 35px;
	overflow: hidden;
	background: none;
	padding: 0 0 0 14px;
	font-size: 13px;
	text-decoration: none;
}

#nav .disabled a:hover { background: none; cursor: default; }
#nav a span {
	display: block;
	padding-right: 16px;
}




/**
 * Body Content (column dimensions, containers)
 */

#body { 
	padding: 10px 40px 40px;
	background: url(../images/OP-BodyTop.png) no-repeat;
}

.col-2, .col-3 { float: right; width: 220px; }
.col-1 { margin: 10px 450px 0px 10px; }

.cols2-right .col-1 { float: left; width: 220px; margin: auto; }
.cols2-right .col-2 { float: none; width: auto; margin: 10px 10px 0px 230px; }

.cols2-left .col-2 { float: right; width: 220px; margin: auto; }
.cols2-left .col-1 { float: none; width: auto; margin: 10px 0px 0px 0px; }
.cols2-left .pushed-over { margin-right: 230px; margin-left: 10px; }

.cols3-mid .col-1 { float: left; width: 220px; margin: auto; }
.cols3-mid .col-3 { float: right; width: 220px; margin: auto; }
.cols3-mid .col-2 { float: none; width: auto; margin: 10px 230px 0px 230px; }

.cols2-halves .col { float: left; margin: 10px 10px 0 10px; width: 415px; }

.fullsize-col { margin: 10px 10px 0; }

.titlebar { padding-left: 20px; }
.titlebar h3 {
	font-weight: normal;
	padding: 10px 20px 6px 0px;
	line-height: 30px;
}
.content { padding-left: 20px; }
.content-2 { padding: 0px 20px 20px 0px; }

.tl {
	background: url(../images/OP-GenericContainerLeft.png) no-repeat left top;
	padding-left: 20px;
	display: block;
}
.tr {
	background: url(../images/OP-GenericContainerRight.png) no-repeat right top;
	padding: 0px 20px 0px 0px;
	display: block;
	height: 11px;
	font-size: 1px;
	line-height: 1px;
}
.generic-container .content {
	background: url(../images/OP-GenericContainerLeft.png) no-repeat left bottom;
	padding-left: 20px;
}
.generic-container .content-2 {
	background: url(../images/OP-GenericContainerRight.png) no-repeat right bottom;
	padding: 9px 20px 20px 0px;
}

.to-top { margin-top: -10px !important; }
.to-sides { margin-left: -10px !important; margin-right: -10px !important; }
.to-bottom { margin-bottom: -9px !important; }
.to-top-with-record-count-space { margin-top: 0px !important; }

h2 {
	padding: 5px 0;
	font-size: 18px;
	font-weight: normal;
}

#body p { padding: 0 0 10px; }
#body ul { padding: 0 0 10px 20px; }

#body ul.rtsUL { padding: 0; }

.content h3 {
	height: 30px;
	line-height: 29px;
	background: url(../images/OP-ApprovalHeader.png) repeat-x;
	margin-bottom: 10px;
	margin-left: -9px;
	margin-right: -9px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #60616a;
	text-align: center;
}




/**
 * Form Elements
 */

body #body .stacked-input {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom: 1;
	margin: 0 10px 10px 0;
	padding: 0;
	line-height: 26px;
	vertical-align: top;
}

.stacked-input label {
	font-weight: bold;
}

.stacked-input input {
	margin-left: -10px !ie;
	margin-right: -10px !ie;
}

.stacked-input .RadInput input,
.stacked-input .RadComboBox input {
	margin-left: 0;
	margin-right: 0;
}

.wide-input {
	width: 193px;
}

.input-cell {
	display: inline-block;
	display: inline !ie;
	width: 180px;
	vertical-align: top;
}

/*replace button images*/
body a.RadForm_Default, body a.RadForm_Default span, body a.RadForm_Default.rfdClicked,  body a.RadForm_Default.rfdClicked span {
	background-image: url(../images/formButton.png);
	color: #445;
}

body a.rfdSkinnedButton span.rfdInner {
	font-family: Tahoma, Helvetica, Arial, sans-serif !important;
	line-height: 20px !important;
	height: 21px;
}

.above-table {
	height: 21px;
	line-height: 21px;
	background: url(../images/aboveTableTile.png) repeat-x 0 bottom;
	padding: 9px 0px 10px 0px;
	border-left: 1px solid #a5a6ac;
	border-right: 1px solid #a5a6ac;
	text-align: center;
}

.form-container {
	padding: 15px 0;
}

.form-col {
	float: left;
	margin-right: 10px;
	width: 385px;
}

#body .form-container p {
	padding: 0;
	margin-bottom: 5px;
	line-height: 22px;
}

.form-container p label {
	width: 150px;
	height: 22px;
	line-height: 20px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}

.form-container p span label {
	width: auto;
}

body div.RadAjax_Default {
	margin-left: -10px;
	padding-right: 20px;
}

.date-picker { clear: left; }
.date-picker label { float: left; }
body div.RadPicker { 
	float: left; 
	margin-left: 4px; 
	margin-bottom: 5px; 
	*margin-bottom: 0px; 
}

.form-block {
	margin-bottom: 20px;
	width: 430px;
}

.form-block label {
	display: block;
	margin-bottom: 5px;
	line-height: 20px;
	height: 22px;
}

.form-block label span {
	display: inline-block;
	width: 120px;
	text-align: right;
	margin-right: 3px;
	font-weight: bold;
}

.form-block label span.reddot {
	display: inline-block;
	color: red;
	width: 10px;
}

.form-block .text-input { width: 180px; }

.form-block .submit-input {
	display: block;
	padding-left: 126px;
}

.form-header { margin-bottom: 10px; }

.breadcrumb {
	margin: 0 -30px 20px;
	height: 35px;
	line-height: 33px;
	text-align: center;
}

.breadcrumb .arrow {
	font-family: Arial;
	font-size: 18px;
	margin: 0 10px;
}

.breadcrumb a.current {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

.breadcrumb a.disabled {
	text-decoration: none;
	cursor: default;
}

.form-nav { margin: 0 10px; }

.confirm-block strong, .wide-confirm-block strong {
	display: inline-block;
	width: 110px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
}

.confirm-block span.address, .wide-confirm-block span.address {
	display: inline-block;
	vertical-align: top;
	width: 170px;
}

.wide-confirm-block {
	width: 420px;
}

.wide-confirm-block strong {
	width: 150px;
}

.wide-confirm-block strong.wide-confirm-heading {
	width: 310px;
	text-align: center;
}




/**
 * Shopping Cart Pages
 */

.order-col {
	float: right;
	width: 220px;
	margin: auto;
}
.order-col-wider { width: 360px; }

.product-col {
	margin: 10px 230px 0px 10px;
}
.product-col-shorter { margin-right: 370px; }

.related-products h2 { padding-left: 10px; }

.related-container .tl { background-image: url(../images/OP-RelatedContainer.png); }
.related-container .tr {
	background-image: url(../images/OP-RelatedContainer.png);
	height: 30px;
	padding-right: 30px;
}
.related-container .content {
	background-image: url(../images/OP-RelatedContainer.png);
	padding-left: 30px;
}
.related-container .content-2 {
	background-image: url(../images/OP-RelatedContainer.png);
	padding: 0px 30px 30px 0px;
}

.related-container .logoimg {
	float: left;
}
.related-container .description, .related-container .order {
	margin-left: 180px;
}

.mandatory .tl, .mandatory .tr, .mandatory .content, .mandatory .content-2 {
	background-image: url(../images/OP-MandatoryContainer.png);
}

.update-cart {
	margin: 10px 0 0 10px;
}

.product-col .update-cart {
	margin-left: 0;
}

.order .order-label {
	display: inline-block;
	padding: 1px 10px 2px 5px;
	border: 1px solid #a5a7b6;
	background: #FFF;
	margin-top: 5px;
	font-weight: bold;
}

.wizard {
	/*margin-left: 20px;*/
}

.cart-table { 
	width: 100%;
	margin-top: 6px;
}
.cart-table th {
	text-align: left;
	font-size: 9px;
	text-transform: uppercase;
	padding: 3px 5px 1px;
	line-height: 18px;
	border-bottom: 1px solid #60616a;
}
.cart-table td {
	padding: 5px;
	border-bottom: 1px solid #a5a7b6;
	background: #f5f9fc;
}
.cart-table .alt td {
	background-color: #e2e5e9;
}
.cart-table .product-col {
	font-weight: bold;
	border-left: 1px solid #a5a7b6;
}
.cart-table th.product-col {
	border-left: 1px solid #60616a;
}
.sub-item .product-col {
	padding-left: 30px;
	font-weight: normal;
	font-style: italic;
}
.cart-table .delete-col {
	width: 16px;
	vertical-align: middle;
	border-right: 1px solid #a5a7b6;
}
.cart-table .delete-col img {cursor: pointer;}
.cart-table th.delete-col {
	border-right: 1px solid #60616a;
}

.cart-table .standard-col, .cart-table .price-col { 
	text-align: right;
	font-weight: bold;
}
.cart-table .standard-p-col, .cart-table .price-p-col {
	font-style: italic;
}

.cart-table .total td  {
	border-bottom: none;
	border-left: none;
	background: none;
	text-align: right;
}

.cart-table .total td.price-col  {
	border-bottom: 1px dotted #a5a7b6;
}

.cart-table .total td.price-col2  {
	border-bottom: 1px dotted;
}
.cart-table .hidden { display: none;}




/**
 * Modal Window Content
 */

.modal {
	background-color: #eaecef;
	margin: 0;
	padding: 0;
	height: 100%;
}

.modal .modal-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px;
	overflow: auto;
}

.modal .modal-submit {
	position: absolute;
	bottom: 0;
	right: 20px;
	height: 40px;
	line-height: 40px;
	text-align: right;
}

.modal p, .modal h3, .modal ul, .modal ol {
	padding: 0 15px 10px;
}

.modal ul { list-style: disc; margin-left: 20px; }
.modal ol { list-style: decimal; margin-left: 20px; }

.modal h2 {
	text-align: center;
}

.modal label {
	margin-right: 10px;
}

* html .modal .modal-content {
	top: 0;
	height: 90%;
	width: 100%;
}

* html .modal .modal-submit {
	height: 10%;
	line-height: 24px;
}




/**
 * Footer
 */

#footer {
	height: 80px;
	background: url(../images/OP-Footer.png) no-repeat;
	padding: 0px 30px;
	font-size: 11px;
	color: #72737e;
	line-height: 16px;
	margin-bottom: 5px;
}

#footer p { padding-top: 9px; }

#footer a {
	color: #3a3b45;
	text-decoration: none;
}
#footer a:hover { color: #72737e; }




/**
 * IE7 & IE6 Hacks
 */

.outside-nav { *margin-right: 5px; }
.outside-nav li, .outside-nav a { *display: inline; }
.drop ul { *zoom: 1; }
.content-2 { *zoom: 1; }
#nav .drop li { *border: 1px solid transparent; }
.col-1 { *padding-top: 10px; }




/**
 * IE6 Only Hacks
 */

.outside-nav a:link, .outside-nav a:visited { _color: #fff; }
#nav a { _display: inline-block; }

.container { _position: relative; }
.generic-container .content-2 { _padding-top: 7px; }

/*.to-sides { 
	_margin-left: 0px;
	_margin-right: -20px;
	_position: relative;
	_left: -10px;
}*/

.explanation 
{
	width: 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #252525;
}
.helpwindow
{
	z-index: 999;
	position: absolute;
	top: -999px;
	left: -999px;
	display: none;
	visibility: hidden;
	background-color: lightyellow;
	border: dashed 1px black;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.close {	
    DISPLAY: block;	
    BACKGROUND: url(../images/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}   

#Overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1000;
	opacity: .4;
	filter: alpha(opacity=40);
}

* html #Overlay { /* ie6 hack   */
     position: absolute; 
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight   +'px'); 
}

#Exclude {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-top: -150px;
	margin-left: -250px;
	background: #fff899;
	border: 3px solid #fdfad2;
	z-index: 1001;
}

* html #Exclude { /* ie6 hack */
	position: absolute; 
	margin-top: expression(0 - (150)  + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)   +'px'); 
} 

#Exclude h3 {
	margin: 18px 18px 9px;
	color: #9f9738;
	font-size: 18px;
}

#Exclude h3 strong {
	text-transform: uppercase;
	font-style: italic;
}

#Exclude p {
	margin: 0px 18px 9px;
	line-height: 20px;
}

#Exclude label {
	width: 130px;
	font-weight: bold;
	color: #5c5822;
}

#Exclude .text-input, #Exclude textarea {
	border: 2px solid #ebe26d;
}

#Exclude textarea {
	width: 340px;
}
.reddot
{
	color:Red;
	display: inline-block;
	width: 8px;
	}