@charset "utf-8";
/************************ 
Base CSS For ALL Page
Lasted Update 8/16/2009 
*************************/
/*  base */
h1, h2, h3, h4, h5, h6, form, hr ,ul {margin:0; padding:0;}
body { font-family:"Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px;	line-height:18px; color:#383838;}
img { border:0; }

/* class: Font Size */
.font { line-height: 18px; }
.bigfont {font-size: 14px; line-height:18px; }
.largefont { font-size: 16px; line-height:18px;  }
.smallfont { font-family:"Verdana", "sans-serif"; font-size:9px; line-height:12px;}
.midfont { font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande";; font-size:10px; line-height:12px;}
.titlefont { font-size: 14px; line-height: 16px; font-weight:bold; color: #ee5108;}
.subtitle { margin-bottom:8px; height: 22px; line-height:22px; padding-left:0; font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#0b789e;font-variant:small-caps; font-weight:bold; background:url(images/dot_line.gif) repeat-x left bottom; }
.largerfont {	font-family:  "Arial","Tahoma","Verdana","Lucida Grande";	font-size: 18px;	line-height: 22px;}

/* class: Font Color */
.blackfont { color:#000; }
.greyfont { color:#666;}
.redfont { color:#cc0000; font-weight:bold;}
.boldfont { font-weight:bold;}

/* class: Price */
.listprice { font-size: 12px; line-height: 18px; color: #333; text-decoration: line-through;}
.price { font-size: 12px; line-height: 18px; color: #ed1c24; font-weight:bold;}
.normalprice { font-size: 12px; line-height: 18px; color: #ed1c24; font-weight:bold;}

/* links */
a, a:link, a:visited { font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px; text-decoration:none; line-height:18px; color:#ee5108;}
a:hover { text-decoration:underline; color:#ee5108; }
a.small, a.small:link, a.small:visited { font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:10px; text-decoration:none; line-height:12px; color:#4872ae;}
a.small:hover { text-decoration:underline; }

/* Debug */
.debug { font-size:12px; line-height:18px; color:#000000; background-color:#f4f4f0; background-position:left center; width:auto; border:1px solid #666666; padding:6px;}

/* Form Control  */
.input , .errHilite { margin:0; padding:0; height:18px; padding-top:2px; padding-left:2px; padding-right:2px; border:1px #a7a6aa solid; font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande";	font-size:12px;	background-color:#FFFFFF; }
.errHilite { background-color:#ff9999; }
.button { background:url(images/btn_bkg.gif) repeat-x top left; color:#2a3951; border:1px #2d3951 solid; height:20px; font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px; cursor:pointer; }
.listitem { font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px; border:1px #ccc solid; color:#666; }
.textbox { font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px; border:1px #a7a6aa solid; color:#2a3951; width:468px;;}

/* action box */
#action_box { clear:both; padding:0; margin:0; margin-top:8px; padding:12px;}
	#action_title { height: 28px; line-height: 28px; padding-left:28px; background:url(../images/arrow_grey_big.gif) no-repeat left top; background-position:0 4px;font-family:"Times New Roman", Times, serif;font-size:2.0em;color:#9BBDE9;font-variant:small-caps; font-weight:bold; }
	#action_subtitle { margin-bottom:8px; height: 22px; line-height:22px; padding-left:0; font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#9BBDE9;font-variant:small-caps; font-weight:bold; }
	#action_form { clear:both; padding:12px; padding-bottom:2px;}
	#action_footer { clear:both; height:22px; line-height:22px;}
		#action_footer ul { padding:0;}
		#action_footer ul li { display:inline; padding:0 0 0 18px; height:22px; }
	#action_plain { margin:0; padding-left:28px; font-family:"Times New Roman", "Times", "serif";font-size:12px; font-variant:small-caps; font-weight:bold; }
	#action_plain span { font-family:"Times New Roman", "Times", "serif"; color:#666;}
		
a.act_link, a.act_link:link, a.act_link:visited {background:url(../images/dot_arr_grey.gif) no-repeat 1px 3px; padding-left:18px; font-family:"Arial","Tahoma","Verdana","Lucida Grande"; color:#666; text-decoration:none; font-size:12px; line-height:22px; }
a.act_link:hover {background:url(../images/dot_arr_light.gif) no-repeat 2px 3px;;	color: #b13c0f;}

.required { clear:both; min-height:28px; _height:28px; text-align:left;}
.optional { clear:both ;min-height:28px; _height:28px;}
.formlable { float: left; text-align: right; margin-right: 10px; width:190px !important; width:200px; white-space:nowrap;}
.required .formlable {font-weight:bold; }
.shortformlable { float: left; text-align: right; margin-right: 10px; width:90px !important; width:100px; white-space:nowrap;}
.required .shortformlable {font-weight:bold; }
.midformlable { float: left; text-align: right; margin-right: 10px; width:140px !important; width:150px; white-space:nowrap;}
.required .midformlable {font-weight:bold; }
.hiddenfield { padding:0; margin:0;}

/* table & td class */
table {}
.topline { border:0; border-top:1px #ccc solid; border-collapse:collapse;}
.underline { border:0; border-bottom:1px #999 solid; border-collapse:collapse;}
.whitetd { border:0; background:#ea528b;}

/* For NAV Button  */
.pagebox {clear:both; float:right; margin:0; margin-top:2px; margin-bottom:2px; padding:0;} 
.pagebox a.prev,.pagebox a.next {background-repeat:no-repeat;}
.pagebox a.prev {background-image:url(../images/page_pre.gif);background-position:50% 50%;padding:0;width:19px; overflow:hidden;text-indent:-9999px;}
.pagebox a.next {background-image:url(../images/page_next.gif);background-position:50% 50%;padding:0;width:19px; overflow:hidden;text-indent:-9999px;}
.pagebox a, .pagebox strong {float:left;padding:0 6px;margin-right:2px;height:20px;border:1px solid;line-height:20px;overflow:hidden;}

.pagebox a { border-color:#999; background-color:#ffffff; color:#999;}
.pagebox strong {border-color:#999; background-color:#999; color:#fff; font-weight:700;}
.pagebox a:hover {text-decoration:none; border-color:#ee5108;}

/* Jquery : JModal as Facebook  */
.jmodal-overlay {	width:100%;	background-color:#888;	position:absolute;	left:0;	top:0;	z-index:200;	margin:0;	padding:0;	}
/* skinId: jmodal-main  */
.jmodal-main {	left:0;	padding:0;	margin:0;	top:0;	position:absolute;	z-index:201;	overflow:visible; text-align:left;	}
.jmodal-main .jmodal-top {height:10px;position:relative;width:100%;}
.jmodal-main .jmodal-top div { height:10px; position:absolute; top:0; }
.jmodal-main .jmodal-top-left {	width:10px;	left:0;	background:url(../images/dialog_top_left.png) center bottom no-repeat;	}
.jmodal-main .jmodal-top-right {width:10px;	right:0;background:url(../images/dialog_top_right.png) center bottom no-repeat;	}
.jmodal-main .jmodal-border-top {left:10px; right:10px;	background:url(../images/dialog_border.png) center bottom repeat-x; }
.jmodal-main .jmodal-middle { position:relative; width:100%; height:auto; left:0; top:0; }
.jmodal-main .jmodal-border-left {	background:url(../images/dialog_border.png) right bottom repeat-y; width:10px;left:0;	position:absolute;top:0;bottom:0;	}
.jmodal-main .jmodal-border-right {	width:10px;	right:0; position:absolute;	top:0;	bottom:0;	background:url(../images/dialog_border.png) left bottom repeat-y;}
.jmodal-main .jmodal-middle-content { padding:0 10px;}
.jmodal-main  .jmodal-title {	height: 30px;	background-color: #ee5108;	font-weight: bold;	text-indent: 10px;	color: #fff;	line-height: 30px;	border-bottom:2px #8b2c00 solid;}
.jmodal-main .jmodal-content {	height: auto; background-color: #F5FFFA;  padding: 20px 10px; }
.jmodal-main .jmodal-opts {	background-color: #eee;	border-top: 1px solid #ccc;	padding: 5px;	text-align: right;	}
.jmodal-main .jmodal-opts input {	 font-family: "Arial", "Tahoma", "Verdana", "Lucida Grande"; background-color: #ee5108; border-color: #fe9a6c #a43704 #a43704 #fe9a6c; border-style: solid; border-width: 1px; color: #fff; cursor: pointer; font-size: 12px; padding: 2px 10px; text-align: center; margin-right: 5px; }
.jmodal-png-fiexed{	filter:alpha(opacity=50);	}
.jmodal-main .jmodal-bottom { height:10px; position:relative; width:100%; }
.jmodal-main .jmodal-bottom div { position:absolute; top:0; height:10px; }
.jmodal-main .jmodal-border-bottom {left:10px; right:10px;background:url(../images/dialog_border.png) center top repeat-x;}
.jmodal-main .jmodal-bottom-left {width:10px;	left:0;	background:url(../images/dialog_bottom_left.png) center top no-repeat;}
.jmodal-main .jmodal-bottom-right {	width:10px;	right:0;	background:url(../images/dialog_bottom_right.png) center top no-repeat;	}

/* JQUERY: LightBox  */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;width:250px;height:250px;margin:0 auto;background:#fff;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;display:block;background:url(../images/lb_blank.gif) no-repeat;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../images/lb_prev.gif) no-repeat left 50%;}
#nextLink:hover,#nextLink:visited:hover{background:url(../images/lb_next.gif) no-repeat right 50%;}
#nextLinkText,#prevLinkText{color:#FF9834;font-weight:bold;text-decoration:none;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right:20px;}
.ontop #imageData{padding-top:5px;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;line-height:1.4em;margin:0 auto;background:#fff;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#imageData #helpDisplay{clear:left;float:left;display:block;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;display:none;background:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}
#lightboxIframe{display:none;}

/* Info DIV */
.infosmallbox { clear:both; margin:0; margin-top:6px; padding:16px; padding-left:68px; border:#738191 1px solid; background:url(images/icon_info.gif) no-repeat left; background-position:10px; background-color:#eef3fb; }
.infosmallbox span { color:#CC0000; font-weight:bold;}

/* Infobax with big pic */
#infobox { clear:both; margin:0; padding:18px; padding-left:228px; margin-top:20px; border:1px #ccc solid; width:460px; min-height:80px; color:#333; font-weight:bold; background:url(images/bg_info.jpg) no-repeat left top; background-position: 0 0; background-color:#fff; }
#infobox ul { margin:0; padding:0; margin-left:20px; margin-top:20px; list-style:none;}
#infobox ul li { margin:0 0 0 2px; padding:0; color:#1f1f1f; line-height:28px; }
#infobox label { font-family:"Arial", "Tahoma", "Verdana", "Lucida Grande"; font-size:12px;	line-height:18px; color:#383838;}