@charset "utf-8";

/* Basic elements*/
body { font-family:Arial, Helvetica, sans; font-size:13px; color: #1b1b1b; margin:0px;padding:0px;text-align: center;min-height: 400px; position:relative; background-color:#000;/* For Mozilla/Opera/Safari */}
a {margin:0px; padding:0px; text-decoration:none; outline:none;}	p {margin:0px; padding:0px;}

ul {margin:0px; padding:0px;}
.xul {margin:0px; padding:0px; list-style:none;}
.smxul {margin:0px; padding:0px; list-style:none; float:left;}

li {margin:0px; padding:0px; cursor:pointer;}
.xli {margin:0px; padding:0px; padding-top:3px; list-style:none;}
.smxli {margin:0px; padding:0px; padding-top:3px; list-style:none;}

.li_psp { height:3px;}

/* Backgrounds */
.bg_1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image: url(../res/background/sky.jpg); background-position:center; background-repeat:no-repeat;}

/* Basic Layout */
#masterblaster {position: relative;margin: 0 auto;text-align: left;width: 950px;height: 100%;}
html, body {height: 100%;} 
#selfcentred {position: absolute;width: 950px;height: 550px;top: 50%;margin-top: -275px; /* Half of splash height */	left: 0px;} 
	#panegyric {z-index:99; position:relative;}
		.maypole {position:relative; width:165px; height:470px; float: left;}
			.logo {position:absolute; top:0px; right:0px;}
			.menu {position:absolute;bottom:0px; left:0px;}
				.menu_item {position:relative; padding:0px; width:165px;}
					.menu_text, .menu_text:link, .menu_text:visited {padding:3px;padding-left:5px;padding-right:5px;background-color:#1a1818; width:155px; text-decoration:none;color:#FFFFFF; font-size:15px;}
					.menu_text_hover, .menu_text_hover:link, .menu_text_hover:visited {background-color:#00FF33; color: #1a1818; display:none;}
				.submenu{ display:none;}
				.submenu_item {margin-left:10px; width:155px; /*display:none;*/}
					.submenu_text, .submenu_text:link, .submenu_text:visited {margin:0px; padding:3px;padding-left:5px;padding-right:5px;background-color:#1a1818; width:145px;text-decoration:none;color:#6d6d6d;font-size:15px;}
					.submenu_text_hover, .submenu_text_hover:link, .submenu_text_hover:visited {background-color:#00FF33; color: #1a1818; display:none;}
					.submenu_text_selected {background-color: #00FF33; color: #1a1818; display:none;}
				
		#viewmaster {position:absolute; top:0px; left:175px; width:775px; height:470px;background-color:#1a1818;}
		.canvers {width:745px; height:470px; overflow:hidden;padding:15px;}
.sm {margin:0px; padding:0px;}
	.sm_item {float:left; margin-right:20px; /*display:none;*/}
	.sm_item_footer {float:right; margin-right:10px; /*display:none;*/}
		.sm_text, .sm_text:link, .sm_text:visited {float:right; margin:0px; padding:0px;background-color:#1a1818; text-decoration:none;color:#FFFFFF;font-size:13px;}
		.sm_text_hover, .sm_text_hover:link, .sm_text_hover:visited {float:right;color:#00FF33; cursor:pointer; display:none;}
		.sm_text_selected {float:right; margin:0px; padding-right:0px; background-color: #1a1818;text-decoration:none; color: #00FF33; display:none;}
	
/* Product Layout */
#product_header {position:relative; color:#FFF; width:745px; height:40px;}
#product_category {position:absolute; top:0px; right:0px; font-size:22px;}
#product_category_left {position:absolute; top:0px; left:0px; font-size:22px;}
#product_subcategory {position:absolute; top:5px; left:0px;}
#product_base { background-image:url(../res/sys/product_background.gif); width:745px; height:400px; position:relative;}
	#prod_menu { position:absolute; top:250px; left:15px;}
		.prod_menu_btn { float:left; margin-right:10px; padding:3px; padding-left:15px; padding-right:15px; background-color:#a4a4a4; color: #FFF; font-size: 14px; cursor:pointer;}
		.prod_menu_btn:hover, .prod_menu_btn_on { float:left; margin-right:10px; padding:3px; padding-left:15px; padding-right:15px; background-color:#7aff11; color: #6d6d6d; font-size: 14px; cursor:pointer;}
	#product_starter {width:745px; height:400px; overflow:hidden; position:absolute;}
	#product_info { float:left; padding:10px; width:725px; height:290px; overflow:hidden;}
		#pi_overview {float:left;padding:10px; width:705px; height:290px;}
			#pi_overview_txt { position:relative; float:left; width:325px; height:250px; margin-right:25px;}
				#piot_title {width:650px; height:40px; font-size:42px; color:#000; overflow: visible;margin-bottom:10px; margin-left:-5px;}
				#piot_new{ position:absolute; left:360px; text-align:left;}
				#piot_properties{ width:100%;}
					.piot_properties_item { float:left;}
					.piot_properties_item_separator {padding-left:10px; margin-left:10px; border-left:#333 solid 1px;}
					.separator_solid {border-top:#333 solid 1px;}
					.separator_dashed {border-top:#333 dashed 1px; margin-bottom:10px;}
					.piot_properties_item_text { margin-left:5px; float:left; padding-top:3px; margin-bottom:10px;}
				#piot_descrptn_short{ clear: both; padding-top:5px; padding-bottom:10px; width:100%;border-top:#666666 solid 1px;}
				#piot_dimensions {width:100%; width:100%;}
			#pi_overview_img { float:right; margin-top:-20px; width:290px; height:275px;}
				#pi_specs {margin:0px;left:20px; top:70px; width:350px; height:170px; display:none; position:absolute; /*background-color:#FFF;*/}
					#speckled { width:350px; height:170px; overflow: hidden;}
					#speckled_inner { width:315px; line-height:15px;}
					#speckled_inner li {list-style-type: disc;list-style-position: outside; margin-left:15px; cursor: text;}
			#pi_more_img {margin:0px;left:20px; top:70px; padding-top:30px; display:none; width:745px; height:275px; position:absolute;}
			.pimi_object { margin-right:20px;}
		#pi_images {float:left;padding:10px; width:705px; height:290px; position:relative;}
	
	#product_rest {position:absolute; padding:0px; padding-top:5px; width:710px; height:100px; top:290px; left:15px;overflow: hidden;}
		.rest_thumb_btn { position:absolute;width:100%; height:100%; border:#066 solid 1px;} /*////////////////////////////////*/
		.rest_thumb_container {position:relative;  top:0px; width:100%; height:75px; text-align:center; background-color:#33C;}
			.rest_thumb_img {position:absolute; bottom:0px; width:100%; height:100%;}
		.rest_thumb {position:absolute; bottom:0px; width:100%; height:100%; background-color:#FFF;}
		.rest_thumb_txt {font-size:13px; background-color:#FFF; border:none; padding-top:5px;}

/* Slideshow style rules. */
#slideshow {margin:0 auto;width:745px;height:400px;background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;position:relative;}
#slideshow #slidesContainer {margin:0 auto;width:745px;height:400px;overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto;width:725px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:400px;}
/* Slideshow controls style rules.*/
.control {display:block;width:40px;height:400px;text-indent:-10000px;position:absolute;cursor: pointer;}
#leftControl { margin-top:330px; top:0px; right:30px; background:transparent url(res/terra_design/arrow_left.png) no-repeat 0 0;}
#rightControl { margin-top:330px;top:0px; right:0px; background:transparent url(res/terra_design/arrow_right.png) no-repeat 0 0;}

.adr1{ font-size:14px; color:#FFF;}
/* Cufon fonts */
.din_1, .din_2{ margin:0px; margin-bottom:10px; padding:0px; color:#1a1818;}

/* Scroller */
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {	position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #aaa;}
.jScrollPaneDrag {position: absolute;background: #666;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;	right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}

/* Footer */
.footer {position:absolute; top:495px; left:0px; padding-top:5px; padding-bottom:5px; width:950px; height:25px;}