/* 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;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:url(../images/bg.jpg) #000; text-align:center; font-size:12px; font-family:Arial, Trebuchet MS; color:#666; position:relative;}
.wrapper { background:url(../images/mContent.png) repeat-y; width:1033px; text-align:left; margin:0 auto; position:relative;}

#wrap { background:url(../images/bgTop.jpg) repeat-x; margin:0; z-index:1; position:relative; padding-bottom:231px;}
#header { height:218px; border-bottom:1px solid #ff9900; width:1000px; margin-left:17px; position:relative;}
	#logo { top:0; left:0; z-index:2;}
	#login { background:url(../images/header.jpg) no-repeat; 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;}
		#login input { background:none; border:0; padding:0 3px; height:14px;}
		#login .txt { background:url(../images/txt.gif) no-repeat; width:114px; color:#ccc; font-size:10px;}
		#login .btn { background:url(../images/btn_go.gif) 0 3px no-repeat; cursor:pointer; width:21px; height:17px; text-indent:-1000px;}
#mBody { min-height:535px; padding:14px 0 14px 17px;}
#sidebar { width:218px; float:left; padding:0; font-size:11px;}
	#sidebar .title { display:block; padding:10px 7px;}
	#checkDomain { background:url(../images/sbar_end2.gif) 0 100% no-repeat; padding:0 8px 22px 8px;}
		#checkDomain .title { color:#fff;}
		#checkDomain .leftCol { width:134px; float:left; margin-right:3px;}
		#checkDomain .rightCol { width:64px; float:left;}
		#checkDomain .txt { width:129px; margin-bottom:2px;}
		#checkDomain select { width:64px; height:22px; margin-bottom:2px;}
		@media screen and (-webkit-min-device-pixel-ratio:0) { #checkDomain select { margin-top:2px;}}
		#checkDomain .btn { background:url(../images/btn.gif) repeat-x; border:0; display:block; width:133px; height:21px; cursor:pointer; color:#fff; font-size:10px;}
		#checkDomain .reset { background-position:0 -50px; width:64px;}
		#checkDomain .btn:hover, #checkDomain .btn:focus { background-position:0 -50px;}
		#checkDomain .reset:hover, #checkDomain .reset:focus { background-position:0 0;}
	#priceRange { background:url(../images/sbar_end3.gif) 0 100% no-repeat; padding:0 8px 22px 8px; color:#fff;}
		#priceRange .title { color:#ff9900;}
		#priceRange table { width:100%; border:1px solid #ff9900; border-width:1px 0 0 1px;}
		#priceRange td { border:1px solid #ff9900; border-width:0 1px 1px 0; padding:5px 4px; font-size:10px;}

#mContent { width:730px; float:left; padding:10px 25px 0 24px;}
.box { background:url(../images/box.jpg) 0 0 no-repeat #fff; width:207px; height:185px; padding:18px 7px 0 17px; margin-right:18px; float:left; position:relative;}
.box.last { margin:0;}
	#mContent .box .title { font-size:32px; font-family:Trebuchet MS; letter-spacing:-2px; font-weight:normal;}
	#mContent .box ul { padding:8px 0 0 6px; margin:0;}
	#mContent .box li { list-style:none; padding:0 0 6px 0; margin:0;}
		.box .label { background:url(../images/tag.jpg) no-repeat; position:absolute; width:105px; height:105px; right:0; top:-7px; z-index:0;}
		.box .btn { background:url(../images/btn_order.png) no-repeat; position:absolute; width:83px; height:29px; display:block; text-indent:-1000px; bottom:7px; right:14px;}
		.box .btn:hover, .box .btn:focus { background-position:0 -60px;}
	
#mContent #promos { padding:24px 0 18px 0; clear:both;}
#mContent .title, #mContent h1 { color:#ff9900; font-size:16px; font-weight:bold;}
#mContent .subtitle, #mContent h2 { color:#666; font-size:16px; font-weight:bold;}
#mContent ul { padding-left:40px;}
#mContent ul.alignLeft { margin-right:60px;}
#mContent li { list-style:url(../images/arrowTab.gif); padding:0 0 14px 6px;}
#mContent p { line-height:18px;}

#footer { background:url(../images/bgBot.jpg) repeat-x; font-size:11px; color:#fff; /*z-index:0; position:absolute; left:0; bottom:0; */width:100%; margin-top:-535px;}
#footer .wrapper { background:none; margin:0 auto;}
#footer #wrapper { background:url(../images/footer.jpg) 0 304px no-repeat; height:135px; padding-top:400px; position:relative;}
#footer a { color:#fff;}
#footer a:hover, #footer a:focus { text-decoration:underline;}
	#footer #contents { position:absolute; width:953px; height:200px; bottom:10px; left:0; z-index:5; padding:0 40px;}
		#footer .links { float:left; width:140px; margin:0 20px;}
		#footer .links.first { margin-left:50px;}
			#footer .title { font-family:Trebuchet MS; font-size:14px; color:#331f00; display:block; border-bottom:1px solid #ff6b00; padding:6px;}
			#footer ul { padding:10px 0 0 20px; border-top:1px solid #ffbb00; font-size:10px;}
			#footer li { list-style:url(../images/arrow.gif); margin-bottom:8px;}
			#footer li a { display:block;}
	#footer #copyright { color:#9c9c9c; padding-top:25px; clear:both; font-size:10px;}
	#footer #copyright a { color:#9c9c9c;}

#dhtmltooltip { font-family: Verdana; font-size: 9pt; position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
#hostpackage td, .paddedTd td { text-align:center; vertical-align:middle; padding:6px 12px; color:#000;}