/* CSS document */

* {margin:0;padding:0;}
html { overflow-y:scroll;}
body { background:#fff; color: #333; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px;  position: relative; }

.clear { display:block;height:1px; margin-top:-1px;clear:both; visibility:hidden;}
.loading { width:16px; height:16px; background:url(/images/loading.gif); visibility:hidden;}
img { border:0 none; }
button, a, a:link, a:visited { cursor:pointer; outline:none; text-decoration:none;}
button::-moz-focus-inner { border: 0; }
input[type="text"], input[type="password"],textarea,select { font-family: Arial, sans-serif; font-size: 14px;  transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; }

.page { width:100%; box-shadow:inset 0px 170px 100px #f7f7f7; }
.wrap { width:600px; margin:0px auto; overflow:hidden;}
.content { position:relative; margin-top:1px; padding:48px 0 60px; }

.top-line { position:relative;background: #333; color:#fff; display: block; overflow: hidden; zoom: 1; width:100%; line-height:29px;}
.top-line a { color:inherit;}
.top-line ul { margin:0 0 0 20px; padding:0; }
.top-line li { float: left; padding: 0 20px 0 0; list-style:none; }
.top-line label { float:right;  background: #999; color: #fff; font-size: 11px; font-weight: bold; padding: 0px 8px; text-decoration: none;}
.top-line a:hover { text-decoration:underline; }
	
h1{text-indent:30px;font-size:34px;color:#4f4f4f;line-height:34px;font-weight:normal;position:relative; width:600px; height:70px; }
h1 .saleTag { color: #fff; display: block; background: url(/images/forsaletag-bg.png) no-repeat; font-size: 18px; height: 50px; text-indent:0; letter-spacing: 0px; padding: 6px 0 0 44px; position: absolute; right: 50px; top: 2px; width: 101px; }
h2 { font-size:22px; color:#4f4f4f; text-indent:80px; width:600px; font-weight:normal; margin:0px 0 40px 0px;}
h3 { font-size: 19px; color:#fff; font-weight:normal; }
h5 { font-size:20px; color:#000; margin:0 0 0 20px; height:40px; }

.ctl-contact .alt-box .pad { padding:30px 0px 30px 60px; }
.ctl-contact input, 
.ctl-contact textarea { width:415px; margin-bottom:6px; }
.ctl-contact button { margin-top:10px; float:left; opacity:1;}
.ctl-contact .loading { float:left; margin:17px 0 0 7px; }
.ctl-contact .left { margin:0 auto;}

.alt-color { color:#fff; text-shadow: 0px 1px 2px #393939; background: #787878 url(/images/highlight.png) center repeat-y; border-bottom: 1px solid #545454; font-size: 16px; font-style: normal; font-weight: bold; padding: 17px 0 18px 40px; text-align: left; line-height:25px; border-radius:3px 3px 0 0 ; box-shadow:-3px -3px 7px #ddd;}
.end-alt { border-bottom: none;border-top:1px solid #545454; font-size: 14px; font-weight: normal; border-radius:0 0 3px 3px; box-shadow:3px 3px 7px #ddd; }
.alt-color ul { margin-top:10px;}
.alt-color li { list-style:none; font-size:17px; margin: 0 0 0 20px; }
.alt-color a { color:inherit;}
.alt-color a:hover { text-decoration:underline; }

.alt-box { border:1px solid #dfdfdf; background:#f8f8f8; box-shadow:inset 0 40px 40px #fcfcfc, 3px 3px 7px #ddd;}
.alt-box .pad { padding:30px; }
.alt-box strong { font-size: 24px; margin:0 0 20px 0; display:block; color:#4f4f4f; font-weight:normal; line-height:24px; }

.alt-box label { display:block; padding:0px 0 3px 1px;color:#000; }
.alt-box input[type="text"], 
.alt-box input[type="password"], 
.alt-box select, .alt-box textarea { border:1px solid #ccc; padding:7px; margin-bottom:12px; border-radius:3px; box-shadow:inset 0 0 10px #eee; }
.alt-box input[type="text"]:focus, 
.alt-box input[type="password"]:focus, 
.alt-box select:focus, .alt-box textarea:focus { box-shadow:inset 0 0 10px #fff; }
.alt-box select { padding:4px 5px !important; }
.alt-box textarea { padding:7px; height:109px; }
.alt-box button { display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9; }
.alt-box button:active{background-color:#cccccc \9;}
.alt-box button:hover,.alt-box button:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}


/* field prompts */
.field_prompt, .static_prompt { position:absolute; margin:0; background:#363636;background:rgba(54,54,54,.9);color:#fff; font-size:13px; font-weight:normal; padding:5px 10px; float:left; display:block; z-index:9000; min-width:160px;cursor:default;border-radius:3px;box-shadow: 0 0 3px #727272;}
.static_prompt { background:#f7f7f7; color:#333; }
.field_prompt.error { }
.field_prompt.note { background:#f7f7f7; background:rgba(255,255,255,.9); color:#333; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); }
.field_prompt em, .static_prompt em { display:block;position:absolute;width:0 !important;height:0 !important;left:30px;z-index:9601;border-style:solid;}
.field_prompt em.top, .static_prompt em.top { top:-6px;border-width:0 6px 6px;border-color:#363636 transparent; border-color:rgba(54,54,54,.9) transparent;}
.field_prompt em.end, .static_prompt em.end { bottom:-7px;border-width:7px 8px 0;border-color:#363636 transparent;}
.field_prompt em.left, .static_prompt em.left { top:10px;left:-6px;border-width:6px 6px 6px 0;border-color:transparent #363636; border-color:transparent rgba(54,54,54,.9);}
.field_prompt em.top-right, .static_prompt em.top-right { right:30px !important; left:auto !important; }
.static_prompt em.top, .static_prompt em.end  { border-color:#fff transparent; }
.static_prompt em.left { border:0px none !important; width:9px !important; height:14px !important; background:url(/images/larrow.png); display:block; left:-8px !important; top:6px !important;}

.field_prompt.note em.top, 
.field_prompt.note em.end { border-color:#f7f7f7 transparent; border-color:rgba(255,255,255,.9) transparent; }


/* messages / errors */
#msg { color:#4f4f4f; font:bold 13px/17px arial, helvetica, sans-serif; border:1px solid #999; padding:15px 30px 20px 30px; width:auto; min-width:250px; margin:-100px 0 0 0; border-radius: 2px; box-shadow:#ccc 0 0 10px;
	background:#f7f7f7;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image:-webkit-linear-gradient(top, #fff, #ddd);
	background-image:-moz-linear-gradient(top, #fff, #ddd);
	background-image:-ms-linear-gradient(top, #fff, #ddd);
	background-image:-o-linear-gradient(top, #fff, #ddd);
	background-image:linear-gradient(top, #fff, #ddd);
}
#msg h5 { font-weight:bold; display:block; font-size:15px;padding:0 0 20px 0; margin:0; }
#msg p { margin:0; padding:0;  }
#msg.error { color:#f33; border:1px solid #f66; }
#msg.error h5 { color:#f33; }

#msg-popup { font-size:13px; position:absolute; width:600px; background:#f7f7f7; background:rgba(255,255,255,.8); color:#333; text-shadow:#fff; border-top:1px solid #ddd; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); margin-top:-50px; border-radius:3px; }
#msg-popup .pad  { padding:25px; }
#msg-popup a.close { position:absolute; display:block; width: 16px; height:16px; top:7px; right:7px; background:url(/images/close-777.png) 50% 50% no-repeat; cursor:pointer; opacity:.8;}
#msg-popup a.close:hover { opacity:.9; }


/* confirm box */
.psconfirm { min-width:400px; position:absolute; z-index:9700; top:100px;left:100px; margin:-50px 0 0 0; display:none; border:1px solid #ddd; border-radius:3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
	background:#f7f7f7;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image:-webkit-linear-gradient(top, #fff, #ddd);
	background-image:-moz-linear-gradient(top, #fff, #ddd);
	background-image:-ms-linear-gradient(top, #fff, #ddd);
	background-image:-o-linear-gradient(top, #fff, #ddd);
	background-image:linear-gradient(top, #fff, #ddd);
}
.psconfirm .pad { padding: 20px; }
.psconfirm .psctl { color:#4f4f4f;font:bold 13px/25px arial, helvetica, sans-serif;padding:0px 12px; text-shadow:#000000; }
.psconfirm .psctl h5 { font-size:15px; padding-bottom:15px; color:#444; }
.psconfirm a { float:left; margin:15px 15px 0 0; font-weight:bold;font-size:13px;padding:0px 12px;height:25px;line-height:25px; text-decoration:none; }

#uiLoad { width:360px; border:1px solid #999; background:#000; background:rgba(0,0,0,.7); color:#fff; padding:25px; position:absolute; z-index:2100;top:100px; left:100px; border-radius:0px; box-shadow:inset 0 0 50px #555;}
#uiLoad .load-title { text-align:center; font-family:helvetica, arial; font-size:21px; line-height:26px;  }
#uiLoad .load-ctl { font-size:16px; padding-top:10px; }
#uiLoad .load-spin { width:40px; height:40px; margin:0px auto 20px; box-sizing: border-box;}
