@charset "utf-8";
/* CSS Document */
body {
	margin:0px auto 0px auto;
	width:960px;height:100%;
	font:12px "Trebuchet MS", Verdana;
}

img{
	border:none;	
}

a:link{text-decoration:none;color:#471376;}
a:visited {text-decoration:none;color:#471376;}
a:hover{text-decoration:none;color:#136976;}

#container {
	position:absolute;
}

#layout_header {
	width:960px;height:180px;
	float:left;
}

/*
#layout_header_logo
*/

#layout_header_logo a{
	width:200px;height:100px;
	display:block;
	float:left;
}

/*
#layout_header_nav
*/

#layout_content {
	width:960px;
	background:url(images/sky_overspan.jpg) no-repeat bottom;
	background-color:#a5cff6;
	float:left;
}

#layout_content_left {
	width:200px;
	background:#a5cff6;
	float:left;
}

#layout_content_right {
	width:760px;
	background:url(images/sky_rightspan.jpg) repeat-y;
	float:left;
}

#content_bg {
	width:760px;
	background:url(images/sky_rightspan.jpg) repeat-y;
	float:left;
}

#content_area {
	width:740px;
	background:url(images/sky_content.jpg) no-repeat top;
	min-height:750px;
	float:left;
}

#pr_contain {
	width:740px;
	float:left;
}

#fp_top {
	width:760px;
	background:url(images/sky_left.jpg) no-repeat;
	float:left;
}

#fp_top_left {
	width:550px;
	float:left;
}

#fp_top_right {
	width:210px;height:344px;
	background:url(images/sky_right.jpg) no-repeat;
	float:left
}

#fp_slide {
	width:540px;height:220px;
	padding:10px 0 0 10px;
	float:left;
}

#fp_miniban {
	width:540px;height:104px;
	margin:10px 0 0 10px;
	float:left;
}

#product_bar {
	width:710px;height:20px;
	margin-top:10px;
	padding:0 15px 0 15px;
	float:left;
}

#product_index {
	width:740px;
	background:url(images/product_index.jpg) no-repeat top;
	margin:10px 0 0 0;
	padding:25px 0 0 0;
	float:left;
}

#fp_bot {
	margin:7px 0 0 0;
	width:740px;
	float:left;
}

#fp_links {
	margin:7px 10px 0 10px;
	width:718px;min-height:150px;
	border-bottom:1px solid #9e9e9e;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	border-right:1px solid #9e9e9e;
	background:#f1f1f1;
	line-height:24px;
	float:left;
}

.navex{
	margin:0;
	padding:10px 30px 10px 18px;
	float:left;
	list-style:none;
	font-size:12px;
}
.navex li a{
	list-style:none;
	color:#2b46af;
}
.navex li a:hover{
	background:#cecece;
}
.list1 a{
	font-size:16px;
	font-weight:bold;
}

#layout_footer {
	width:960px;height:114px;
	background:url(images/sky_footer.jpg) no-repeat;
	padding:0 0 10px 0;
	float:left;
}

.search {
	width:720px;height:35px;
	background:url(images/sky_search.jpg) no-repeat right bottom;
	float:left;
}

.search div {
	width:420px;height:25px;
	margin:2px 0 0 300px;
	float:left;
}

.search_input {
	height:14px;width:370px;
	border:none;
	background:none;
	font:12px Tahoma, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:2px 5px 2px 5px;
	float:left;
}

.search_input:focus {
	color:#000;	
}

.search_submit {
	width:20px;height:20px;
	border-bottom:none;
	padding:0;
	margin:5px 0 0 4px;	
}

#facelink a {
	width:140px;height:50px;
	display:block;
	margin:80px 10px 0 0;
	float:left;
}

ul#navigation {
	margin: 0;
	padding: 0;
	height: 110px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

ul#navigation li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

ul#navigation a {
	width: 100px;
	float:left;
	margin:5px 0 0 10px;
	padding: 110px 0 0 0;
	overflow: hidden;
	border:none;
}

ul#navigation a:hover {
	background-position: 0 -110px;
}

ul#navigation a:active, #navigation .selected a {
	background-position: 0 -220px;
}

.leftCol {
	width:180px;
	padding:60px 10px 0 10px;
	background:url(images/sky_lefttop.jpg) no-repeat top;
	background-color:#a5cff6;
	float:left;
}

.leftCol div {
	width:180px;
	margin-bottom:10px;
	float:left;
}

.leftCol ul {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
}

.leftCol ul li:hover {
	background:#cde7ff;
	border-color:#ffe972;
}

#s3slider {
   width: 540px; /* important to be same as image width */
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 540px; /* important to be same as image width or wider */
   float:left;
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0px; /* important */
   padding: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style:none;
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 10px 0 12px 13px;
   margin:0px;
   width: 530px;
   background-color: #fff;
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000;
   font-weight:bold;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

#langSelect {
	width:148px;height:25px;
	padding:6px 0 0 19px;
	margin:10px 0 0 10px;
	background:#fffbe5;
	border:1px solid #e5e1a0;
	float:left;
}

#langSelect ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

#langSelect ul li {
	display:inline;
}

#lang1 {
	padding-left:24px;
	background:url(images/icons/gb.gif) no-repeat 2px center;
	margin-right:5px;
}

#lang2 {
	padding-left:23px;
	background:url(images/icons/hk.gif) no-repeat 2px center;
}

.quickLinks {
	width:148px;
	margin:10px 10px 0 10px;
	padding:10px 10px 0 10px;
	border:1px solid #ccc;
	float:left;
}

.quickLinks ul {
	padding:0;
	margin:0;
	list-style:none;
}

.quickLinks ul li {
	padding:3px 5px 3px 5px;
	margin:0 0 7px 0;
	background:#f2f2f2;
}

.quickLinks ul li:hover {
	background:#e9e9e9;
}

.randomBox a{
	width:152px;height:180px;
	margin:5px 0 5px 10px;
	padding:10px;
	display:block;
	color:#000;
	background:url(images/sky_frontentrybg.jpg);
	text-decoration:none;
	float:left;
}

.randomBox p {
	height:40px;width:153px;
	text-align:center;
	margin:0;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.randomBox div {
	margin:0 0 0 22px;
	width:110px;
	height:110px;
	background-position:center;
	float:left;
}

.randomBox span {
	width:153px;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
	float:left;
}

.prodList_main {
	font-weight:bold;
	padding:3px 5px 3px 5px;
	margin:5px;
	background:#72b8f9;
}

.prodList_sub {
	font-weight:normal;
	border-left:10px solid #72b8f9;
	padding:3px 5px 3px 5px;
	margin:5px 5px 5px 15px;
	background:#87c5ff;	
}

#product_banner {
	width:720px;
	margin:10px 10px 0 10px;
	float:left;
}

.product_list {
	width:203px;height:224px;
	background-color:#ececec;
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px 20px 20px 10px;
	margin:10px 0 0 10px;
	border-bottom:3px solid #cacaca;
	float:left;
}
.product_list div {
	height:61px;width:203px;
	float:left;
}

.product_list h1 {
	font-size:14px;
	text-align:center;
	height:35px;
	margin:5px 0 0 0;
}

.product_list h2 {
	font-size:12px;
	margin:5px 0 0 0;
	text-align:center;
}

.product_list span {
	font-size:10px;
	margin:0 0 1px 0;
	color:#666;
}

.product_list img {
	margin:0 0 0 10px;
}

.pagenum {
	margin:10px 0 0 10px;
	width:740px;height:26px;
	float:left;
}

.pagenum a {
	height:20px;
	padding:3px 7px 0 7px;
	margin:0 5px 0 0;
	text-align:center;
	background:#d2d9ff;
	display:block;
	border:1px solid #9ea3fe;
	float:left;
}

.pagenum a:hover {
	background:#feff8d;
}

.pagenum div {
	height:20px;
	padding:3px 7px 0 7px;
	margin:0 5px 0 0;
	text-align:center;
	color:#858585;
	background:#e9e9e9;
	display:block;
	border:1px solid #cacaca;
	float:left;
}

.pagenum div span {
	color:#1914cf;
	font-weight:bold;
}

.productpanel a {
	width:355px;height:200px;
	background:#F7F7F7;
	margin:10px 0 0 10px;
	display:block;
	float:left;
}

.productpanel a:hover {
	width:350px;
	padding-right:5px;
}

.panel_title {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:165px 20px 10px 0;
	float:right;
}

#product_top {
	width:740px;
	background:url(images/view_back.jpg) top no-repeat;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

#product_gallery {
	width:470px;height:410px;
	margin:0;
	padding:0;
	float:left;
}

#product_title {
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:460px;height:30px;
	margin:0 0 0 10px;
	float:left;
}

/*#skyGallery{
	width:440px;height:320px;
	margin:25px 0 0 25px;
	background:#fff;
	float:left;
}*/

#skyGallery_thumb {
	width:250px;height:290px;
	margin:10px 0 0 10px;
	float:left;
}

#pr_row1 {
	height:40px;width:720px;
	margin:5px 0 0 10px;
	background:url(images/pr_title.jpg);
	float:left;
}

#pr_title { /* Product Page Title */
	height:36px;width:590px;
	font-family:"Trebuchet MS";
	font-size:22px;
	font-weight:bold;
	color:#4f6c43;
	margin:6px 0 0 10px;
	float:left;
}

#pr_row1 a { /* Product Page Print Link*/
	height:40px;width:110px;
	margin:0;
	display:block;
	float:left;
}

#pr_row2 {
	min-height:330px;width:720px;
	margin:10px 10px 0 10px;
	float:left;
}

#pr_buy {
	height:30px;width:120px;
	margin:5px 0;
	float:left;
}

#skyGallery {
	width:445px;height:325px;
	padding:5px 0 0 5px;
	background:#fff;
	border-bottom:4px solid #add29f;
	float:left;
}

#pr_info {
	width:250px;min-height:227px;
	margin:0 0 0 10px;
	padding:3px 0 0 10px;
	background:#c7e4ff;
	background-color:#c7e4ff;
	border-bottom:4px solid #87c5ff;
	font-family:"Trebuchet MS";
	font-weight:bold;
	float:left;
}

#pr_info_row1 {
	width:220px;height:44px;
	float:left;
}
#pr_info_row1 div{
	font-size:36px;
	color:#4f3490;
	float:left;
}
#pr_info_row1 span{
	font-size:12px;
	margin:5px 0 0 8px;
	color:#9eb5ca;
	float:left;
}

#pr_info_row2 {
	width:220px;height:49px;
	font-size:12px;
	line-height:22px;
	float:left;
}

#pr_info_row3 {
	width:240px;height:34px;
	background:#a3d3ff;
	padding:0;
	float:left;
}

#pr_info_row3 iframe {
	margin:5px 0 0 5px;
}

#pr_info_row4 {
	width:250px;
	margin:10px 0 0 -10px;
	padding:0 0 0 -10px;
	float:left;
}

.gButton {
	width:73px;height:73px;
	margin:0 0 10px 10px;
	position:relative;
	float:left;
}

.gButton img {
	width:100px;height:73px;
	position:absolute;
	clip: rect(0, 86px, 73px, 13px);
	left: -13px;
}

#product_info {
	width:240px;height:45px;
	margin:21px 0 0 10px;
	padding:10px 0 0 10px;
	float:left;
}

#product_spec {
	width:710px;
	font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:15px 5px 0 5px;
	float:left;
}
#product_spec li {
	margin:0 0 10px 0;
}

#product_desc {
	width:700px;
	padding:15px 0 0 20px;
	color:#3f3f3f;
	font:12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}

#product_detail {
	width:250px;height:25px;
	color:#fff;
	margin:10px 0 0 20px;
	float:left;
}

#product_detail a {
	color:#fff;
}

#product_related {
	width:740px;
	padding:15px 0 0 0;
	float:left;
}

#product_skills {
	width:700px;
	margin:10px 10px 0 10px;
	padding:10px;
	border-top:2px solid #c5bbff;border-bottom:2px solid #c5bbff;
	background:#e3dffc;
	float:left;
}

#product_buy {
	width:700px;
	margin:10px 10px 0 10px;
	padding:10px;
	border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;
	background:#f7f7f7;
	float:left;
}

#product_currency, #product_cents {
	font:16px/22px arial;
	font-weight: normal !important;
	color:#fff;
	float: left;
	clear: none;
	margin:5px 2px 0 0;
}

#product_price {
	font:28px/26px arial;
	font-weight: bold !important;
	color:#fff;
	float: left;
	clear: none;
	margin:7px 1px 8px 0;
}

#product_oldprice {
	font:28px/26px arial;
	text-decoration:line-through;
	margin:7px 2px 0 0;
	color:#333;
	float: left;
	clear: none;
}

.bzz {
	width:720px;
	float:left;
	margin:0;
}

.newsSub {
	border-bottom:1px solid #a5cff5;
	width:715px;
	height:33px;
	margin:10px 0 10px 0;
	float:left;
}

.newsSub iframe {
	float:left;
}

.newsSub span {
	float:left;
	margin:2px 15px 0 5px;
	font-size:12px;
	font-weight:bold;
	color:#3385d0;
}

.company_h1 {
	font-size:22px;
	width:715px;
	border-bottom:2px solid #a5cff5;
	padding:5px 0 5px 5px;
	margin:10px 0 0 0;
}

.company_h2 {
	width:265px;height:60px;
	border:1px solid #ccc;
	line-height:20px;
	padding:10px;margin:0px 10px 10px 10px;
	float:left;
	font-size:14px;
}

.company_h3 {
	width:150px;
	font-size:12px;
}

.company_h3 span {
	font-size:20px;
}

.company_h4 {
	width:300px;height:60px;
	border:1px solid #ccc;
	line-height:20px;
	padding:10px 10px 10px 190px;margin:0px 0px 10px 10px;
	float:left;
	background:#ffffff;
	font-size:14px;
}

.compshop{
	background:#f4f4f4 url(images/companyshop.jpg) no-repeat right;
	display:block;
}

.compphone{
	background:#f4f4f4 url(images/companyphone.jpg) no-repeat right;
}

.compspace{
	background:url(images/comp_hksm.jpg) no-repeat left;
}

.compsci{
	background:url(images/comp_hkscm.jpg) no-repeat left;
}

.words {
	line-height:24px;
}

.news_row {
	background:#f4f4f4;
	width:698px;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	float:left;
}

.news_row img {
	margin:3px 5px 0 0;
	float:left;
}

.news_row_left a {
	width:630px;
	display:block;
	float:left;
}

.sky_news {
	margin:0 0 0 10px;
	width:720px;
	float:left;
}

.memberBox{
	width:355px;min-height:100px;
	background:#eaecf4;
	padding:0 0 10px 0;
	margin:10px 0 0 10px;
	float:left;
}

.memberBox input {
	margin:10px 0 0 10px;
	padding:5px;
	float:left;
	border:1px solid #c5c5c5;
	background:#fff;
}

.memberBox p {
	margin:10px 0 0 10px;
	font-size:14px;
	color:#3589d4;
}

.memberBox span {
	width:300px;
	font-weight:bold;
	margin:10px 0 0 10px;
	float:left;
}
.memberBox form button {
	width:100px;
	border:1px solid #c5c5c5;
	background:#fff;
	padding:5px;
	font:12px "Trebuchet MS", Verdana;
	font-weight:bold;
	margin:0 0 0 10px;
	float:left;
}
.memberBox form button:hover{
	background:#a0cef9;
	border:1px solid #63a9ea;
	color:#11528e;
	cursor:pointer;
}

.news_bg {
	background:url(images/showroom_bg.jpg) top right no-repeat;
}

.sky_news_text {
	margin:0;
	line-height:24px;
	padding:0;
}

img.floatLeft1 {float: left;margin:0 0 0 15px;}
img.floatLeft2 {float: left;margin:0 10px 0 10px;}
p.globe {margin:0;padding:0;}

.productDesc {
	line-height:22px;
	width:710px;
	margin:0;
	padding:0;
}

.search_error {
	padding:10px 0 10px 45px;
	margin:10px 20px 0 10px;
	width:675px;
	float:left;
	display:block;
	background:#fdd5d5 url(images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top:3px solid #ffbdbd;
	border-bottom:3px solid #ffbdbd;
}

/*Test*/
/*--Main Container--*/
.main_view {
	margin:10px 0 0 10px;
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:220px;width:540px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 4px; left: -137px;
	width: 350px; height:10px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 2px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	width:50px;height:5px;
	margin:0 0 0 5px;
	padding:0 10px 0 10px;
	text-decoration: none;
	background: #a5cff7;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.paging a.active {
	font-weight: bold;
	background: #59a8f3;
}
.paging a:hover {font-weight: bold;}

/* TEST */
ul#navigation li .sub {
	position: absolute; /*--Important--*/
	top:165px; left:250;
	background:#fff; /*--Background gradient--*/
	border:5px solid #a5cff7;
	padding: 10px;
	float: left;
	z-index:200;
	width:720px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#navigation li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#navigation li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#navigation .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #56a6ef;
}
ul#navigation .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
ul#navigation .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 0;
	width:100%;
	font-weight:bold;
	background-image: none;
	color: #56a6ef;
}
ul#navigation .sub ul li a {
	float: none;
	width:100%;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(images/arrow_right.gif) no-repeat -80px;
	padding: 0px 5px 0px 0px;
	display: block;
	text-decoration: none;
	color: #56a6ef;
}
ul#navigation .sub ul li a:hover {
	color: #56a6ef;
}