/* Author : Patrick Sy */

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,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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#cc0000;}
a:hover, a:focus { text-decoration:none; color:#e68a00;}
:focus { outline:0;}

h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.orange { color:#ff9900;}
.blue  { color:#006699;}
.alignLeft { float:left;}
.alignRight { float:right;}
.center { text-align:center;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:url(../images/bg.jpg) 50% 100% no-repeat #fff; text-align:center; font-size:12px; font-family:Arial, Trebuchet MS; color:#666; position:relative;}
.wrapper { width:1051px; text-align:left; margin:0 auto; position:relative;}

#header { margin-top:9px; position:relative;}
	#header .abs { height:337px;}
	#logo { top:115px; left:64px; z-index:2;}
	#login { height:22px; padding:21px 25px 0 0; color:#ff9900; text-align:right; font-size:10px;}
		#login a { color:#ff9900;}
		#login a:hover, #login a:focus { text-decoration:underline;}
	#imgHeader { top:0; left:-20px; background:url(../images/imgHeaderSh.png) 50% 50% no-repeat; width:1051px; padding:0 20px}
	#nav { background:url(../images/nav.png) no-repeat; font-family:Arial; font-size:12px; height:39px; padding:2px 12px 1px 12px;}
		#nav li { display:block; float:left; list-style:none; position:relative; /** qm omits **/}
		#nav li a, .qmparent { display:block; float:left; height:10px; padding:15px 33px; color:#fff; border-left:1px solid #ffc87b; border-right:1px solid #ff6b12;}
		#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { background:url(../images/wt_opaq.png) repeat; color:#fff;}
		#nav li ul, .qmmc div { display:block; background:url(../images/blk_opaq.png) repeat; padding:0; border:1px solid #ff5e0d; margin-top:1px}
		#nav li li { margin:0; padding:0; /** qm omits **/}
		#nav li li a, .qmmc div a { background:url(../images/nvDv.png) 0 0 repeat-x; display:block; min-width:100px; padding:9px 25px 12px 12px; color:#ff4206; height:13px; font-size:12px;}
		#nav li li a:hover, #nav li li a:focus, .qmmc div a:hover, .qmmc div a:focus { background:url(../images/nvDv.png) 0 100% repeat-x; color:#0053a7;}

#mBody { min-height:575px; padding-top:15px; position:relative;}
	#sidebar { width:225px; float:left; padding:0 24px; color:#fff; line-height:20px;}
		#search { background:url(../images/search.png) no-repeat; padding:9px 0 0 12px; margin-bottom:13px; height:27px; position:relative;}
			#search input { background:none; border:0;}
			#search .txt { width:175px;}
			#search .btn { width:25px; position:absolute; cursor:pointer; right:8px; top:2px;}
		#sidebar .box { background:url(../images/sb_loop.png) repeat-y; margin-bottom:13px;}
			#sidebar .box .title { background:url(../images/sb_top.png) no-repeat; font-size:16px; height:30px; text-align:center; padding-top:15px}
			#sidebar .box .top { background:url(../images/sb_bg.png) no-repeat; min-height:149px; padding:10px 20px 0 20px;}
			#sidebar .box .bot { background:url(../images/sb_bot.png) no-repeat; height:33px;}

	#mContent { width:730px; float:left;}
		#mContent .title, #mContent h1, #mContent .subtitle, #mContent h2 { color:#333; font-size:22px; font-family:Arial; font-weight:normal; letter-spacing:1px;}
		#mContent .subtitle, #mContent h2 { color:#0053a7;}
		#mContent ul { padding-left:40px;}
		#mContent ul.alignLeft { margin-right:60px;}
		#mContent li { list-style:url(../images/ico_check.gif); padding:0 0 6px 0;}
		#mContent p { line-height:18px;}
		#mContent .checked li { color:#0099cc; font-weight:bold; list-style:url(../images/ico_check2.gif);}
		
		#mContent .boxHolder { margin-top:22px;}
			#mContent .box  { background:url(../images/mc_box_top.png) no-repeat; width:337px; float:left; padding-top:24px; margin-left:20px; font-size:11px;}
			#mContent .box .top { background:url(../images/mc_box_bg.png) repeat-y; min-height:139px; float:left;}
				#mContent .top .col { float:left;}
				#mContent .top .img { width:95px;}
				#mContent .top .text { width:207px; padding:0 26px 0 9px;}
			#mContent .box .bot { background:url(../images/mc_box_bot.png) no-repeat; height:24px; clear:both;}
		#mcFoot { padding:15px 0; text-align:center; clear:both;}
		
	.btn { background:url(../images/btn_order.png) no-repeat; width:83px; height:29px; display:block; text-indent:-1000px;}
	.btn:hover, .box .btn:focus { background-position:0 -60px;}

#footer { background:url(../images/footer.png) no-repeat; font-size:10px; color:#b2b2b2; height:43px; padding:17px 50px 0 50px;}
	#footer a { color:#b2b2b2;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}
