/* CSS Document */

body {
height: 100%;
/* background-color:#666666; */
margin: 0 0 0 0;
text-align:center;
background-image: url(images/bk.gif);
background-position:center;
background-repeat:repeat-y;

}

#homepage_extra_info {
float:left;
height:auto;
width:500px;
margin:0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:left;
}



html { height: 100%; margin-bottom: 1px; } /* solves slight page position jumping */



html>#container {height:100%} 

/* html>body #container {height:100%;}*/
 

#container {
margin: 0 auto 0 auto;
min-height: 100%;
height: 100%;
width: 772px;
background-color:#292929;
/*background:#ffffff url(images/new_background.gif) bottom center repeat-x  ;*/


}

.smallinputbox {
height:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#13529B;
}

.inputbox {
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#13529B;
}

#navigation {
margin: 0 auto 0 auto;
width:772px;
height:103px;
}

#mid_container {
margin: 0 auto 0 auto;
width:754px;
background-color:#FFFFFF;
background-image:url(images/prod_bk.gif);

}

#mid_container_contactus {
margin: 0 auto 0 auto;
width:754px;
background-color:#FFFFFF;

}

#mid_container_contactus p {
padding: 0 30px 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:center;

}

#mid_containerfp {
margin: 0 auto 0 auto;
width:754px;
background-color:#E9EAEA;
background-image:url(images/new-fp-tile.gif);

}

#mid_container p {
padding: 0 30px 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:center;

}

#bot_container {
margin: 0 auto 0 auto;
width:754px;
background-color:#E9EAEA;


}
#botcurve {
height:36px;
background-image: url(file:///C|/Documents%20and%20Settings/sks_fong/Desktop/images/bottom_curve.gif);
background-position:bottom;
background-repeat:no-repeat;
}


#home_left {
margin: 5px 5px 5px 5px;
text-align:left;
float:left;
width:195px;
}

#home_left2 {
margin: 5px 5px 5px 5px;
text-align:left;
float:left;
width:182px;
height:600px;
}

#home_left p {
padding:0 0 0 25px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:bold;
color:#000066;

}


#home_left a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000066;
text-decoration:none;
font-weight:bold;
}

#home_left a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000066;
text-decoration:none;
font-weight:bold;
}
#home_left a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#007894;
text-decoration:none;
font-weight:bold;
}
#home_left a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000066;
text-decoration:none;
font-weight:bold;
}

#home_right {
margin: 0 0 0 0;
float:left;
width:562px;
background-color:#FFFFFF;
}

#home_fp {
margin: 0 0 0 0;
float:left;
width:562px;
background-color:#E9EAEA;
}

.greyleft p { /*news text style */
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#666666;
text-align:left;
}
/*-------------------------- News ----------------------------- */
#news_title {
float:left;
width:300px;
height:35px;
margin:0 25px 0 0;
/*background-color:#00FF66;*/
text-align:left;
}

#news_title p {
padding: 0 0 0 35px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:35px;
text-align:left;
}
#news_container{
float:left;
width:530px;
padding: 0 0 0 0;
text-align:left;
/*background-color:#CC9900;*/
}

#news_container_spacing {
float:left;
width:719px;
padding: 0 0 0 25px;
/*background-color:#99CC00;*/
}
#news_catergories {
margin:0 0 0 0;
float:left;
width:160px;
text-align:left;
padding:0 0 0 18px;
/*background-color:#99CC99;*/
}

#news_catergories a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#news_catergories a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#news_catergories a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

#news_catergories a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

.news_box {
margin:5px;
float:left;
width:510px;
height:82px;
background-image:url(images/news_white_box2.gif);
}



.newsthumb {
margin:8px 5px 5px 5px;
float:left;
width:231px;
height:60px;
/*background-color:#99FF00;*/
}

.newsthumb img {

width:220px;
height:66px;

}

.newstype {
margin:8px 5px 5px 5px;
float:left;
width:220px;
height: 60px;
text-align:left;
}

.newspage_container {
margin: 0 0 0 20px;
float:left;
width:493px;
height:auto;
background-color:#D2E4F4;
/*border:1px solid #D2E4F4;*/
background-image:url(images/newsblue_bot.gif);
background-position:bottom;
background-repeat:no-repeat;
/*background-color:#00CC00;*/
}


.photo_newspage {
float:left;
/*background-color:#ffffff;*/
margin:4px;
/*border:1px solid #D2E4F4;*/
}

.photo_newspage img {
width:480px;
height:auto;

}

.descript_newspage {
float:left;
width: 470px;
height:100%;
/*background-color:#D2E4F4;*/
text-align:left;
margin: 0 0 0 0;
padding: 0 5px 0 5px;
}

.descript_newspage img {

width: 480px;
height:auto;

}

#descript_box {
width:90%;
height:auto;
margin:4px;
}

#newsbox {
width:100%;
height:120px;
}



#featured_products{
float:left;
width:754px;
background-color:#E9EAEA;
padding: 0 0 0 0;
}

#featured_prod_spacing {
float:left;
/*width:719px;
padding: 0 0 0 25px;
/*background-color:#99CC00;*/
}

.f_products_box {
float:left;
width:163px;
height:120px;
margin:5px;
background-image:url(images/new_white_box2.gif);
/*background-color:#000099;*/
text-align:center;
line-height:12px;
}

.f_products_box img {
width:108px;

}


/* ====================================================== font styles ========================================== */
.Boldheading {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000066;
}

.Featuredproducts {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000066;
margin-left: 10px;
line-height:46px;
}



.price {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#CC0000;
line-height:12px;
}

.BoldBlue {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#13529B;
}

.DarkBlue {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#13529B;
}

.Boldgrey {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#333333;
}
.NoProducts {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#333333;
margin: 0 0 10px 20px;
}


.Blue {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#0066FF;
}

.BlueBold {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#0066FF;
}

.Smallblue {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#0066FF;
}

.Smallgrey {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#0066FF;
}

.white {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
}

.grey {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

.greyleft {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:left;
}

a:link, a:visited, a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#13529B;
text-decoration:none;
font-weight:bold;
}


a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#007894;
text-decoration:none;
font-weight:bold;
}


#comingsoon {
margin: 0 auto 0 auto;
width: 381px;
height:240px;
background:#2D2D2D url(file:///C|/Documents%20and%20Settings/sks_fong/Desktop/images/logo.jpg) top center no-repeat  ;


}

#comingsoon p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#007894;
padding: 85px 10px 0 25px;
text-align:left;

}

/* ====================================================== products ========================================== */

#products {
margin:0 auto 0 auto;
width:754px;
background-image: url(images/prod_bk.gif);
background-repeat:repeat-y;
}

#catergories {
margin:0 0 0 0;
float:left;
width:170px;
text-align:left;
padding:0 0 0 20px;
/*background-color:#009900;*/
}


#catergories a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#catergories a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#catergories a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

#catergories a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

#products_container {
float:left;
width:530px;
padding: 0 0 0 10px;
text-align:left;
/*background-color:#CC9900;*/
} 
.products_featured_pros_container {
float:left;
width:529px;
padding: 0 0 0 0;
text-align:left;
background-color:#f3f3f3;
}

.f_p_c_title {
background-image:url(images/featured_topbar.gif);
width:529px;
height:46px;

}

.f_p_c_bottom {
background-image:url(images/featured_botbar.gif);
width:529px;
height:43px;

}



#product_tit {
float:left;
width: 500px;
margin: 0 0 10px 15px;
}

h1 {
text-align:left;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#13529B;
}

h2 {
text-align:left;
padding:0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#13529B;
}

#product_tit p {
padding: 0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#007CFF;
font-weight:bold;
line-height:18px;
text-align:left;
}

.thumbnail {
background-color:#ffffff;
margin: 5px 0 2px 10px;
float:left;
width:118px;
height:118px;
border:1px solid #D2E4F4;
}

.thumbnail img{
text-align:center;
margin-top:5px;
margin-left:auto;
margin-right:auto;
width:110px;

}

.descript {
width: 325px;
height:120px;
float:left;
background-color:#D2E4F4;
text-align:left;
margin: 5px 0 5px 0;
}

.descript p {
padding: 10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.more_info_but {
float:left;
width:33px;
height:120px;
margin: 5px 0 5px 0;
}

#pages {
float:left;
width: 300px;
margin: 0 0 10px 0;
}

#pages p {
padding: 0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
font-weight:bold;
line-height:18px;
text-align:left;
}

/* ====================================================== more_info ========================================== */

#mi_catergories {
margin:0 0 0 0;
float:left;
width:150px;
text-align:left;
padding:0 0 0 20px;

}


#mi_catergories a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#mi_catergories a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;

}

#mi_catergories a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

#mi_catergories a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
line-height:18px;
text-align:left;
text-decoration:none;
}

#mi_info_box_top {
float:left;
margin: 10px 0 0 40px;
width:523px;
height:56px;
background-image:url(images/moreinfo_box_top.gif);

}

#moreinfo_title {
margin: 15px 0 0 10px;
float:left;
width:150px;
height:28px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#007CFF;
font-weight:bold;
}


#moreinfo_price {
margin: 15px 0 0 10px;
float:left;
width:40px;
height:28px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


#moreinfo_colour {
margin: 15px 0 0 10px;
float:left;
width:65px;
height:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#moreinfo_quantity {
margin: 15px 0 0 10px;
float:left;
width:30px;
height:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.quantity {
text-align:left;
font-size:9px;
width:15px;
height:10px;
}


.more_info_form {
height:28px;
font-size:9px;
}
.colour_pulldown {
font-size:9px;
width:70px;
height:15px;
}

#moreinfo_add2cart {
margin: 12px 0 0 10px;
float:left;
width:92px;
height:28px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#007CFF;
font-weight:bold;
}

#mi_info_box_mid {
float:left;
margin: 0 0 0 40px;
width:523px;
height:auto;
background-color:#D2E4F4;

}

#mi_photo_box {
float:left;
margin: 12px 0 0 12px;
width:230px;
height:auto;


}

#mi_type {
float:left;
margin: 12px 0 0 10px;
width:250px;
height:auto;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;

}

#mi_type a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

#mi_type a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

#mi_type a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

#mi_type a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

/* ====================================================== contact us ========================================== */

#emptycart_title {
float:left;
width:140px;
height:24px;
background-color:#ffffff;
}


#contact_title {
float:left;
width:140px;
height:24px;
background-color:#999999;
}

#contact_type {
float:left;
margin:0 0 0 15px;
width:560px;
height:auto;

text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}


#contact_form_container {
width:690px;
height:auto;
margin: 0 auto 0 auto;

text-align:left;
}

#cont_left {
float:left;
margin: 0 55px 0 0;
width:225px;
height:175px;

}

#cont_right {
float:left;
margin: 0 0 0 0;
width:390px;
height:175px;

}

.left_form {
margin: 0 0 10px 0;

float:left;
width:220px;
height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}

.left_form a:link {
text-decoration:none;

}

.left_form a:visited {
text-decoration:none;

}

.left_form a:hover {
text-decoration:none;

}

.left_form a:active {
text-decoration:none;

}

.comment_form {
margin: 0 0 10px 0;

float:left;
width:388px;
height:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}


#terms {
margin: 10px 20px 10px 30px;
text-align:left;
}

#terms ul { margin: 0 0 0 25px;      }


/*---------------------------------- sony psp page ----------------------------------*/

.rowGreyLeft {
background-color:#e8f5fd;
height:15px;

}

.rowGreyRight{
background-color:#e8f5fd;
height:15px;
}

.rowWhiteLeft {
background-color:#ffffff;
height:15px;
}

.rowWhiteRight{
background-color:#ffffff;
height:15px;
}

.psp_icon {
float:left;
height:32px;
width:32px;
line-height:32px;
}

.psp_title {
float:left;
height:32px;
width:150px;
line-height:32px;
text-align:left;
padding:0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#13529B;
}



/* ================================= footer ============================================ */




#footer {
	background-color:#292929;
	height:25px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	}

#footer p {
margin-bottom: 0;
	padding: 0 2px 0 2px;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}
	
#footer a:link {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}	
	
#footer a:visited {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}	

#footer a:hover {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#CC0000;	
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}	

#footer a:active {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}	

/* ================================= footer2 ============================================ */


#footer2 {
	background-color:#292929;
	height:25px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	}

#footer2 p {
margin-bottom: 0;
	padding: 0 2px 0 2px;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}
	
#footer2 a:link {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	
	
#footer2 a:visited {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer2 a:hover {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#0066FF;	
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}	

#footer2 a:active {
margin-bottom: 0;
	padding: 0 0 0 0;
	color:#fff;
	clear:both;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 754px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	}