@charset "UTF-8";
/* CSS Document */

html, body {
margin:0px; 
padding:0px;
background-image:url(../images/graphics/carbonfibrecanvas.jpg);
}

#wrapper{
width:1100px;
height:500px;
margin: 0px auto;
background-image:url(../images/graphics/header.png);
background-repeat:no-repeat;
}
.headerpicture{
width:800px;
height:200px;
margin-bottom:5px;
float:left;
}
#logobox{
height:68px;
padding-top:20px;
padding-left:20px;
width:1000px;
background-image:url(../images/graphics/kedaipotong.png);
background-repeat:no-repeat;
}

#kedaipotong{
float:right;
height:68px;
width:500px;
}
#width990{
margin: 0px auto;
width:990px;
}
#top{
height:1px;
background-color:#ffffff;
}


/*top menu row*/
#topmenu { /*****************  Prod LI **********************/
float:left;
height:33px;
width:990px;
padding:0px;
background-image:url(../images/graphics/menubg.gif);
background-repeat:repeat-x;
/**margin-top:5px;**/
}

#topmenu2 { /*****************  Prod LI **********************/
float:left;
height:32px;
width:990px;
padding:0px;
background-image:url(../images/graphics/menu2bg.gif);
background-repeat:repeat-x;
/**margin-top:5px;**/
}

#searchbar{
float:left;
width:990px;
min-height:32px;
background-image:url(../images/graphics/keywordbg.gif);
background-repeat:no-repeat;
}
#content{
width:990px;
float:left;
background-color:#FFFFFF;
min-height:1000px;
border:0px;
}
#weaccept{
float:left;
width:990px;
height:110px;
background:#ffffff;
background-image:url(../images/graphics/weaccept.gif);
background-repeat:no-repeat;
background-position:right;
}
#footer{
float:left;
width:990px;
height:80px;
padding-top:20px;
background-color:#000000;
}
.bannerbox{
float:left;
width:180px;
min-height:150px;
margin-bottom:5px;
}
.boxtitle{
float:left;
width:180px;
height:25px;
background-image:url(../images/graphics/barbg.gif);
background-repeat:repeat-x;
}
.box{
border:1px solid #000000;
float:left;
width:178px;
min-height:25px;
padding-bottom:5px;
margin-bottom:5px;
}
.boxbg{
border:1px solid #000000;
float:left;
width:178px;
min-height:25px;
padding-bottom:5px;
margin-bottom:5px;
background-image:url(../images/graphics/tyre.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
.redbox{
float:left;
width:180px;
min-height:70px;
margin-bottom:5px;
background-image:url(../images/graphics/trackingbox.jpg);
}
#left{
float:left;
width:181px;
margin-top:5px;
padding: 0px 2px;
min-height:900px;/***** change to min-height*********************/
background-color:#ffffff;
}
#categoriesbox{
float:left;
width:178px;
border:#eaeaea dotted 1px;
height:500px;
}
.proddetailsbox{
float:left;
width:553px;
border:#aeaeae solid 1px;/** eaeaea **/
min-height:390px;
padding:5px;
}
.leftmenutitle{
float:left;
width:180px;
background-color:#309dcf;
height:25px;
margin-top:5px;
}
.leftmenubox{
float:left;
width:178px;
border:#aeaeae 1px solid;
min-height:250px;
}

.pricerangetitle{
float:left;
width:180px;
background-color:#309dcf;
height:25px;
margin-top:5px;
}
.pricerangebox{
float:left;
width:178px;
border:#aeaeae 1px solid;
height:300px;
margin-bottom:5px;
}

.leftbox{
width:180px;
height:auto;
float:left;
}
#right{
float:left;
width:803px;
padding:0px 0px 0px 2px;
background-color:#ffffff;
min-height:600px;/***** change to min-height*********************/
margin-top:5px;
}

#indexbanner{
float:left;
height:200px;
width:802px;
margin-bottom:5px;
}
#banner{
float:left;
height:200px;
width:450px;
margin-right:5px;
}
#advancesearch{
float:left;
width:345px;
padding-top:93px;
height:107px;
background-image:url(../images/graphics/advancesearch.jpg);
background-repeat:no-repeat;
}

.graygradiantbarbg{
background-image:url(../images/graphics/graygradiantbarbg.gif);
background-repeat:repeat-x;
width:784px;
height:135px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:2px;
}
.viewmore{
width:70px;
height:18px;
float:right;
padding:2px 0px;
margin-right:2px;
background-image:url(../images/graphics/barbg.gif);
background-repeat:repeat-x;
}
.viewin{
width:150px;
float:left;
}
.pages{
width:600px;
height:15px;
float:right;
}

.boxhead805{
float:left;
width:800px;
min-height:20px;
/**margin-top:5px;**/
background-image:url(../images/graphics/barbg.gif);
background-repeat:repeat-x;
}
.boxhead-title{
float:left;
width:727px;
height:25px;
}
.boxhead-longtitle{
float:left;
width:800px;
height:25px;
margin:0px;
padding:0px;
}
.boxhead-width555{
float:left;
width:555px;
height:25px;
background-image:url(../images/graphics/barbg.gif);
background-repeat:repeat-x;
}
.boxbody{
float:left;
width:792px;
min-height:298px;
border:1px solid #000000;
padding:3px;
margin-bottom:5px;
background-color:#FFFFFF;
}
.boxbody_notop{
float:left;
width:792px;
min-height:298px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
padding:3px;
margin-bottom:5px;
background-color:#FFFFFF;
}
.boxbody_blank{
float:left;
width:780px;
min-height:100px;
border:1px solid #000000;
padding:3px;
margin-bottom:5px;
background-color:#ffffff;
}
.boxbody-width555{
float:left;
width:547px;
min-height:400px;
border:1px solid #000000;
padding:3px;
padding-bottom:5px;
}
.boxbody-width230{
float:right;
width:230px;
margin-right:3px;
min-height:100px;
border:1px solid #000000;
padding:3px;
padding-bottom:5px;
}

.graybigbox{
float:left;
width:790px;
margin-bottom:5px;
}
.graybar{
float:left;
width:780px;
height:20px;
border:1px solid #cccccc;
background-image:url(../images/graphics/graybarbg.gif);
padding:5px;
}
.graybar220{ /*** NEWS archive   ****/
float:left;
width:217px;
height:20px;
border:1px solid #cccccc;
background-image:url(../images/graphics/graybarbg.gif);
padding:5px;
}
.graybox220{
float:left;
width:225px;
min-height:35px;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
background-image:url(../images/graphics/graybarbottom.gif);
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../images/graphics/graybartop.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
}
.graybox{
float:left;
width:790px;
min-height:35px;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
background-image:url(../images/graphics/graybarbottom.gif);
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../images/graphics/graybartop.gif);
background-position:top;
background-repeat:repeat-x;
}
.grayboxcateg{
float:left;
width:114px;
min-height:20px;
padding:5px;
}
.grayboxitems{
float:right;
width:655px;
min-height:auto;
padding:5px;
border-left:#cccccc 1px solid;
background-image:url(../images/graphics/graybarbottom.gif);
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../images/graphics/graybartop.gif);
background-position:top;
background-repeat:repeat-x;
}
.grayboxitems li {
display:inline-block;
border:#cccccc 1px solid;
width:150px;
padding:3px;
text-align:center;
margin-bottom:3px;
background-image:url(../images/graphics/graybaritembg.gif);
background-repeat:repeat-x;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.addcartbox{
float:left;
width:790px;
min-height:40px;
background-color:#ffffff;
padding-bottom:5px;
}

.addcart_pic{
margin:2px;
width:160px;
border:1px solid #000000;
float:left;
height:120px;
}
.addcart_details{
margin:2px;
width:300px;
float:left;
height:130px;
}
.addcart_size{
margin:2px;
width:70px;
padding-top:50px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;

height:70px;
}
.addcart_remove{
margin:2px;
width:45px;
padding-top:50px;
float:left;
height:70px;
}
.addcart_date{
margin:2px;
width:50px;
padding-top:50px;
float:left;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.addcart_quantity{
margin:2px;
width:55px;
padding-top:48px;
float:left;
text-align:center;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.addcart_rm{
margin:2px;
min-width:20px;
padding-top:50px;
float:left;
text-align:center;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.addcart_price{
margin:2px;
min-width:50px;
padding:50px 0 0 0;
float:left;
text-align:right;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.regisbigbox{
float:left;
width:790px;
background-color:#ffffff;
min-height:40px;
padding-bottom:5px;
}
.regisbar{
float:left;
width:780px;
background-color:#ffffff;
height:16px;
background-image:url(../images/graphics/regisbar.gif);
padding:5px;
}
.redbar{
float:left;
width:780px;
height:16px;
background-image:url(../images/graphics/regisbar.gif);
padding:5px;
}

.madelist{
width:150px;
height:14px;
float:left;
padding-top:3px;
}
.pagingright{
width:320px;
height:14px;
margin-left:470px;
float:left;
padding:3px;
margin-bottom:3px;
}
.pagingright li{
width:auto;
height:25px;
display:inline-block;
float:left;
text-align:center;
padding:0px 2px;
display:inline-block;
}
.paging{
height:14px;
margin-left:400px;
min-width:200px;
float:right;
padding:3px;
margin-bottom:5px;
}
.paging li{
width:auto;
height:25px;
display:inline-block;
float:left;
text-align:center;
padding:0px 2px;
display:inline-block;
}
.banner240{
float:right;
width:240px;
height: 400px;
margin-right:3px;
}

.newsarchive{
float:left;
width:227px;
min-height:30px;
background: url(../images/graphics/anchorblack.png) no-repeat 0 15%;
padding:0px;
border-bottom:#cccccc 1px solid;
border-left:#cccccc 1px solid;
border-right:#cccccc 1px solid;
}
.newsarchive li {
display:inline-block;
width:200px;
padding:3px 5px 3px 10px;
text-align:left;
margin-bottom:3px;
background-repeat:repeat-x;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/*****************  Product details contents **********************/

#proddet1{
float:left;
width:250px;
min-height:290px;
margin-bottom:2px;
}
#proddet2{
float:right;
width:285px;
min-height:290px;
}
.prodleft{
float:left;
width:250px;
min-height:25px;
}
.proddesp{
float:left;
width:550px;
min-height:100px;
}
.prodright{
float:right;
width:280px;
min-height:25px;
}




.prodbox { /*****************  Prod LI ************************************************************************/
float:left; 
margin:2px;
padding:2px;
width:253px;
background-color:#ffffff;
min-height:300px;
border:#cccccc 1px solid;
}
.prodbox li {
display:inline;
float:left;
margin-bottom:2px;
margin-right:2px;
padding:3px;
}
.prodimage{
height:150px;
width:200px;
margin:0px auto;
}
.prodicon{
margin:0px auto;
margin-top:3px;
width:240px;
height:20px;
}
.newbest{
float:left;
widht:32px;
height:15px;
margin-top:1px;
margin-right:2px;
}
.less{
float:left;
width:30px;
height:15px;
padding-left:35px;
border:1px solid #0066cc;
background-image:url(../images/icons/less.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}
.plus{
float:left;
height:15px;
width:16px;
background-image:url(../images/icons/plus.gif);
background-repeat:no-repeat;
}
.membersonly{
float:left;
width:30px;
height:15px;
padding-left:90px;
border:1px solid #0099ff;
background-image:url(../images/icons/membersonly.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}
.prodtitlebox{
width:250px;
min-height:35px;
text-align:center;
}
a.titlelink:link, a.titlelink:visited, a.titlelink:active {
 	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	padding:3px;
}

a.titlelink:hover{
	color:#cc0000;
	text-decoration:underline;
	padding:3px;
}
a.blacklink:link, a.blacklink:visited, a.blacklink:active {
 	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:none;
	text-transform: uppercase;
	padding:3px;
}
a.blacklink:hover{
	color:#cc0000;
	text-decoration:underline;
	padding:3px;
}
a.pagelink:link, a.pagelink:visited, a.pagelink:active {
 	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:none;
	font-weight:bold;
	text-transform: uppercase;
	padding:3px;
}
a.pagelink:hover{
	color:#ffffff;
	text-decoration:none;
	padding:3px;
	background-color:#000000;	
}

a.blackboldlink:link, a.blackboldlink:visited, a.blackboldlink:active {
 	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:none;
	font-weight:bold;
	text-transform: normal;
	padding:3px;
}
a.blackboldlink:hover{
	color:#000000;
	text-decoration:underline;
}

.prodcontent{
margin:0px auto;
width:230px;
min-height:23px;
margin-bottom:2px;
}
.prodtext{
float:left;
width:84px;
padding:3px;
height:15px;
margin-right:2px;
border:1px solid #aeaeae;
}
.prodtext2{
float:right;
padding:3px;
height:15px;
width:125px;
border:1px solid #aeaeae;
}

.prodstatusgreen{
width:62px;
height:20px;
background-image:url(../images/icons/icon_addcart.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0px auto;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 26px;
}
.prodstatusgreenFreeShip{
width:62px;
height:20px;
background-image:url(../images/icons/icon_addcart.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:right;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 26px;
margin-left:5px;
margin-right:25px;
}

.prodstatusgreen2{
margin-top:5px;
width:62px;
float:left;
height:20px;
background-image:url(../images/icons/icon_addcart.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 26px;
margin:0px;
}
.prodstatusred{
width:55px;
height:20px;
background-image:url(../images/icons/icon_soldout.gif);
background-repeat:no-repeat;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 33px;
}
.prodstatusredFreeShip{
width:55px;
height:20px;
background-image:url(../images/icons/icon_soldout.gif);
background-repeat:no-repeat;
margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 33px;
margin-left:5px;
margin-right:25px;
float:right;
}
.prodstatusred2{
width:55px;
float:left;
height:20px;
background-image:url(../images/icons/icon_soldout.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 33px;
}
.prodstatustellafriend{
width:70px;
height:20px;
float:left;
background-image:url(../images/icons/icon_tellafriend.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 24px;
}
.prodstatusshareto{
width:55px;
float:left;
height:20px;
background-image:url(../images/icons/icon_shareto.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding:2px 2px 2px 25px;
}
/*****************  Product Price Range **********************/

.pricerange { 
float:left; 
width:175px;
padding:2px 0px 3px 3px;
height:15px;
}
.pricerange li {
display:inline;
float:left;
padding:2px;
}
a.pricerangelink:link, a.pricerangelink:visited, a.pricerangelink:active {
 	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 	text-decoration:none;
	font-weight:normal;
	padding: 0px 2px;
}

a.pricerangelink:hover{
	color:#cc0000;
	text-decoration:underline;
	padding: 0px 2px;
}

/************************************** LINKS  ***************************************/

a.whitelink:link, a.whitelink:visited, a.whitelink:active {/*****  link style in product details  **************************/
 	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:none;
	font-weight:normal;
}
a.whitelink:hover{
	color:#ffffff;
	text-decoration:underline;
}
a.whitelink2:link, a.whitelink2:visited, a.whitelink2:active {/*****  link style in product details  **************************/
 	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:underline;
	font-weight:normal;
}
a.whitelink2:hover{
	color:#ffffff;
	text-decoration:none;
}
a.redlink:link, a.redlink:visited, a.redlink:active {/*****  link style in product details  **************************/
 	color:#cc0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:none;
	font-weight:normal;
}
a.redlink:hover{
	color:#ff0000;
	text-decoration:underline;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active {
 	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
 	text-decoration:underline;
	font-weight:normal;
	padding:3px;
}

a.footerlink:hover{
	color:#ffffff;
	padding:3px;
	text-decoration:none;
}
.left_prodList a:link, .left_prodList a:visited {
font-family:Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:normal; 
text-decoration: none; 
color: #0099ff; 
padding-left:5px;
text-decoration:underline;
}	
.left_prodList a.active:link, left_prodList a.active:visited, .left_prodList a:hover {
color: #0099ff;
text-decoration:none;
}
/********************** FONT  **********************/

.font_black11{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}
.font_black12{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}
.font_white11{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#ffffff;
}
.redfont{
color:#cc0000;
}
.redfont12{
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.font_white12{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;
}
.linethrough{
text-decoration:line-through;
}
.bold{
font-weight:bold;
padding-top:3px;
}
.uppercase{
text-transform: uppercase;
}
.font_footer{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.formbox{
	border:1px solid #cccccc;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}


.left_prodList {
margin:0 0 0 0.2em; 
padding: 0 0 .2em 1em;
}
.left_prodList li {
margin:.2px 0 0 0; 
padding: 1px 0 1px 0; 
list-style:none;
}
.leftpanel_prodCattext {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
text-decoration: none;
color: #1b75bb; 
cursor:pointer; 
margin-left:10px; 
padding:.3em .6em .3em .6em; 
margin:0;
text-transform: uppercase;
}
input {border: 1px solid #cfcfcf; color: #999; font: inherit; padding: 1px;}
input:focus, input.focused {color: #333; background-color:#eaeaea;}

.resetButton, resetButton:active {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/reset1a.jpg') no-repeat top left;
}
.resetButton:hover {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/reset1b.jpg') no-repeat top left;
}

.submitButton, submitButton:active {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/submit1a.jpg') no-repeat top left;
}
.submitButton:hover {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/submit1b.jpg') no-repeat top left;
}

.previewButton, previewButton:active {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/preview1a.jpg') no-repeat top left;
}
.previewButton:hover {
    border: none;
	height: 25px;
	width: 70px;
    background: url('../images/buttons/preview1b.jpg') no-repeat top left;
}

.loginButton, loginButton:active {
    border: none;
	height: 18px;
	width: 40px;
    background: url('../images/buttons/enter1a.gif') no-repeat top left;
}
.loginButton:hover {
    border: none;
	height: 18px;
	width: 40px;
    background: url('../images/buttons/enter1b.gif') no-repeat top left;
}
#advance_search {float:right; width:800px; height:600px; background-color:#e9eae9; position:absolute; margin-left:190px; margin-top:5px; z-index:100;}
.advance_left {float:left; width:400px; min-height:170px; padding:10px; margin:10px; border-right:1px dotted #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border-bottom:1px dotted #ffffff;}
.advance_right {float:right; width:270px; height:200px; padding:10px; margin:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

.boxbody_blank{
float:left;
width:792px;
min-height:100px;
border:1px solid #000000;
padding:3px;
margin-bottom:5px;
background-color:#ffffff;
}


#tooltip{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
	position:absolute;
	border:1px solid #333;
	background:#ff0000;
	padding:2px 5px;
	color:#ffffff;
	display:none;
}	


.rightbottombox{
float:left;
width:800px;
min-height:50px;
margin-bottom:5px;
background-color:#FFFFFF;
}

.testibox{
width:780px;
float:left;
min-height:100px;
margin-bottom:10px;
}