body,div,span,img,table,tr,th,td,ol,ul,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6,xmp,blockquote,cite { margin:0; padding: 0; border: 0; }

body { color: black; background: #E7E7E7 url(/images/interface/bg.jpg) repeat-x fixed; font: normal 77% arial,sans-serif; text-align: center; }

@media print {
	body { font: normal 10pt arial,sans-serif; background: #FFF; background-image: none; }
}	

a { color: silver; font-weight: bold; text-decoration: none; }
a:link { color: #538EAC; }
a:visited { color: #538EAC; }
a:hover { color: #427892; }
xmp,pre { margin: 0.25em 0.5em; padding: 0.25em 0.5em; font: normal 11px sans-serif; background: #FAFAFA; border: 1px solid silver; text-align: left; }
table { border-collapse: collapse; }
input, select, textarea { padding: 0 0 0 0.25em; margin-right: 0.5em; } 
sup { padding-left: 1px; font-size: 0.7em; line-height :0em; }
p,td,dl,li { margin: 0 0; line-height: 1.4em; font-size: 1.2em; }
address { margin: 0.5em 2em; }

.noscript { clear: both; margin: 0 0 0.5em; padding: 0.5em 1em; background: #F0F0F0; text-align: center; border: 1px solid #C0C0C0; }
.clearAll {	margin: 0; height: 1px; clear: both; overflow: hidden; }
.clearLeft {	margin: 0; height: 1px; clear: left; overflow: hidden; }
.clearRight {	margin: 0; height: 1px; clear: right; overflow: hidden; }
.silverBtn { margin: 0.5em 0; padding: 3px 6px; border: 1px solid silver; border-right-color: gray; border-bottom-color: gray; background: #DEDEDE url(/images/interface/silverBtn.gif); text-align: center; }
.silverFixedBtn { width: 165px; display: block; margin: 0.25em 0; padding: 3px 2px; border: 1px solid silver; border-right-color: gray; border-bottom-color: gray; background: #DEDEDE url(/images/interface/silverBtn.gif); text-align: center; }
.center { text-align: center; }
.centermargin { margin: 0 auto; text-align: center; }
.missingData { color: silver; }
.left { float: left; }
.right { float: right; }
.rightmargin { margin: 1em 0 1em 1em; }
.buttons { margin: 3em 0 1em; padding-top: 0.75em; background: url(/images/interface/line.gif) repeat-x top right; text-align: right; }
.finePrint { font-size: 85%; }
.error { color: #A70027; font-weight: bold; }
.important { color: #606060; }
.salePrice { color: #A70027; font-weight: bold; }
.regPrice { color: #303030; font-weight: bold; }

a.button, input.button { margin: auto 1px; padding: 3px 12px; border: 2px solid #b2182a; border-bottom-color: #69000d; border-right-color: #69000d; color: #F2F2F2; background: #990012 url('/images/interface/buttonred.gif') repeat-x center left; font: bold 15px sans-serif; xtext-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; /* ie6/7 fix */ width:auto; overflow:visible; }
a.button:visited, input.button:visited { color: white; }
a.button:hover, input.button:hover { color: white; background: #a90014 url('/images/interface/buttonred-h.gif') repeat-x center left; outline: none; text-decoration: none; }
a.button:active, input.button:active { color: white; border: 2px solid #8c000f; }
a.button:focus, input.button:focus { outline: 1px dotted gray; text-decoration: none; }		
a.s, input.s { display: block; width: 100px; }
a.m, input.m { display: block; width: 165px; }
a.l, input.l { display: block; width: 200px; }
a.f, input.f { float: left; }


#pageContainer { width: 750px; margin: 0 auto; padding: 0; background: #FFF; border: 1px solid #e0e0e0; border-top: 0; text-align: left; }
#header { margin: 0; padding: 0; }
#footer { padding: 2em; clear: both; font-size: 0.80em; text-align: center; }


#navBar { margin: 0; padding: 0.15em 0em; }
	#navBar a { padding: 0 12px 0 0; list-style: none; display: inline; background: transparent url(/images/interface/navBarSeperator.gif) no-repeat right top; }
	#navBar span { color: #A0A0A0; border: 0; }
	#navBar strong { color: #808080; font-weight: bold; }

#content { margin: 3em 3em; padding: 0; }	
		#content .margin { padding: 0; }

		#content h1 { font-size: 175%; margin: 0.25em 0 0.75em; text-align: center; }
		#content h2 { font-size: 160%; margin: 0.25em 0 1.5em; font-weight: normal; text-align: center; }
		#content h2 span { font-size: 110%; color: #A70027; font-weight: bold; }
		#content h3 { font-size: 140%; margin: 1em 0 0; padding-top: 0.5em; }
		#content h4 { font-size: 140%; margin: 2em 0 1em; padding: 2em 0 0.5em; font-weight: normal; font-style: italic; text-align: center; margin: 0 auto; }
		#content h5 { font-size: 120%; margin: 1.75em 0 1em; }
		#content h6 { font-size: 115%; margin: 1.25em 0 0.5em; color: #404040; }
		
		#content ol { margin: 1em 3.5em; padding: 0; }
		#content ol li { margin: 0.5em 0; padding: 0; }
		#content ol.alpha { list-style-type: lower-alpha; }
		#content ol.roman { list-style-type: lower-roman; }
		#content ul { margin: 1em 1.5em; padding: 0; }
		#content ul li { margin: 0.3em 0; padding: 0 0.6em 0 1.60em; list-style: none; text-align:left; background: transparent url(/images/interface/bulletRed.gif) no-repeat left top; }
		#content ul.none { margin: 0; padding: 0; }
		#content ul.none li { margin: 0.25em 0; padding: 0 0em; list-style: none; text-align:left; background: 0; }
		#content ul li a { padding-right: 0.5em; }
		#content ul li div { color: black; }
		#content ul.compact { margin: 0 0.5em; }
		#content ul.compact li { margin: 1em 0; padding: 0 1em; }
		#content ul.collapse { margin: 0 0 1em; padding: 0; }
		#content ul.collapse li { display: inline; margin: 0 1em; }
		
		#content ol.progress { margin: 0; padding: 0; list-style-type: none; }
		#content ol.progress li { width: 118px; height: 50px; margin: 0; padding: 0.5em; float: left; font-weight: bold; color: black; background: url(/images/interface/progress.gif) no-repeat; vertical-align: middle; }
		#content ol.progress li.active { color: white; background: url(/images/interface/progress-Active.gif) no-repeat; }
		#content ol.progress li.step1 { xbackground-position: 0 -0px; }
		#content ol.progress li.step2 { xbackground-position: 0 -20px; }
		#content ol.progress li.step3 { xbackground-position: 0 -40px; }
		#content ol.progress li.step4 { xbackground-position: 0 -60px; }
		#content ol.progress li.step5 { xbackground-position: 0 -80px; }
		#content ol.progress li.step6 { xbackground-position: 0 -100px; }
		#content ol.progress li.step7 { xbackground-position: 0 -1200px; }
		
		#content .sideBar { width: 180px; padding: 1em 1.5em; float: right; border: 1px solid #F4F4F4; background: #FAFBFC; margin-left: 1em; }
		#content .messageBox { margin-top: 2em; padding: 0.5em 1em; background: #F8F8F8; border: 1px solid #E0E0E0; text-align: center; }
		#content .errorBox { margin: 0.75em 0 1.5em; padding: 1em 1.5em; background: #FEFF72; border: 1px solid #ECED6A; }
		#content .errorBox h5 { margin: 0 0 0.5em; }
		#content .errorBox label { color: #A70027; font-weight: bold; }
		#content .notice { margin: 1em 0 1em; padding: 0 1.5em 1em; background: #F6F6F6; border: 1px solid #E0E0E0; }
		#content .adminMsg { margin: 0.5em 1em 0.5em; padding: 0.5em 1em; background: #FEFF72; border: 1px solid #ECED6A;  }
		
		
		#content .form { margin: 1em 1em; background: #FAFBFC; border: 6px solid #538EAC; }
		#content .form h2 { margin: 0; padding: 0.75em 0.9em 0.5em; font-size: 160%; font-weight: normal; color: white; background: #538EAC; }
		#content .form h3 { margin: 1.25em 0 0.5em; padding: 0 0 0.25em; color: black; background: url(/images/interface/line.gif) repeat-x bottom right; font-size: 155%; font-weight: normal; }
		#content .form h5 { margin: 1.25em 0 0.5em; font-size: 140%; }
		
		#content .form table.order { width: 96%; margin: 1em; background: #F6F6F6; border: 2px solid #E0E0E0; }
		#content .form table.order th { padding: 0.5em 1em; background: #EAEAEA; border: 2px solid #E0E0E0; font-style: italic; vertical-align: top; }
		#content .form table.order td { padding: 0.5em 1em; border: 2px solid #E0E0E0; vertical-align: top; }
		#content .form table.order .amount { width: 10%; text-align: right; }
		#content .form table.order .remove,#content .form table.order .quantity { width: 1%; text-align: center; }
		#content .form table.order .instruction { padding: 0.5em 1em; background: #EAEAEA; border: 2px solid #E0E0E0; font-style: italic; font-weight: bold; }
		#content .form table.order tr.details td { text-align: right; }
		#content .form table.order tr.total td { font-weight: bold; text-align: right; }
		
		#content .form table.receipt th,#content .form table.receipt td { padding: 0.4em 1em; border: 1px solid white; }
		
		#content .form table { padding: 0; }
		#content .form table.margin { margin: 1em 1.5em; }
		#content .form table td { margin: 0; padding: 0; }
		#content .form table td p { margin: 1em 0; }
		
		#content .form table tr.field td { padding: 0.25em 1em; vertical-align: top; }
		#content .form table tr.field td td { padding: 0.25em 0.5em 0.25em 0; vertical-align: top; }
		#content .form table tr.error td { background: #FEFF72; }
		#content .form table tr.error td label { color: #A70027; font-weight: bold; }
		
		#content .form table div.error { background: #FEFF72; }
		#content .form table div.error label { color: black;  font-weight: normal; }
		#content .form table div.error label.error { color: #A70027; background: #FEFF72; font-weight: bold; }
		
		#content .form table input,#content .form table select,#content .form table textarea { padding: 0 0 0 0.25em; margin-right: 0.5em; } 
		#content .form table input.currency { text-align: right; padding-right: 0.05em }
		#content .form table input.readonly { background: #F0F0F0; border: 1px solid gray; }
		#content .form table label { margin: 0 0.25em; }
	
#offer { margin: 1em auto 0; text-align: center; }	
#offer p { margin: 1em 0; }

#offer h1 { font-size: 160%; margin: 0; padding: 0; font-weight: normal; text-align: center; }
#offer h2 { font-size: 135%; margin: 1.25em 0 0.75em; padding: 0.5em 0.75em; color: #9B0A19; text-align: center; }
#offer h3 { font-size: 130%; margin: 0.25em 0 0.75em; padding-top: 0.5em; }
#offer h4 { font-size: 110%; margin: 1.5em 0 1em; padding: 0 0 0.10em; border: 0; }
#offer .text { height: 200px; }
#offer .choiceA { width: 46%; margin: 0; padding: 12px 24px 12px 0px; float: left; xbackground: pink; border-right: 1px solid silver; }
#offer .choiceB { width: 46%; margin: 0; padding: 12px 0px 12px 24px; float: left; xbackground: yellow; }



@media print {
	@page { margin: 0; }
	#pageContainer { border: 0; }
	#header { display: none; }
	#footer { display: none; }
	#content { width: 710px; float: none; }
	xmp,pre { display: none; }
}
