/* CSS Document */

body{
	margin:0px auto;
	background-color:#000000;
}
*{
	margin:0px auto;
	vertical-align:top;
	text-align:justify;
	line-height:15px;
}
a{
	color:#b05cff;
	text-decoration:underline;
}
a:hover{
	color:#b05cff;
	text-decoration:none;
}
img{
	border:0pt;
}
table{
	margin:0px;
}
td{
	padding:1px 3px;
}
ul{
	margin:0px; padding:0px;
}
ul li{
	margin:0px; padding:0px;
}
#main{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/bgMain.gif);
	background-repeat:repeat-y;
	width:962px;
}
#header{
	background-image:url(/userfiles/image/graphics/header.jpg);
	background-repeat:no-repeat;
	width:962px; height:196px;
}
#container{
	width:962px;
	overflow:hidden;
}
#left{
	background-image:url(/userfiles/image/graphics/left.gif);
	background-repeat:no-repeat;
	width:21px; height:300px;
	float:left;
}
#container2{
	background-image:url(/userfiles/image/graphics/bgContainer.gif);
	background-repeat:no-repeat;
	width:919px; float:left;
	height:auto !important; height:475px; min-height:475px
}
#box{
	position:relative;
	width:744px; height:53px;
	padding-left:175px;
}
#logo a{
	position:absolute;
	top:0px; left:33px;
	width:117px; height:99px;
	float:left;
	display:block; overflow:hidden;	text-indent:-1000px;
}
#menu{
	/*width:360px;*/
	width:435px;
	height:53px;
	float:left;
}
#menu ul{ padding:0px; margin:0px; list-style:none; }
#menu ul li{ padding:0px; margin:0px; display:inline; }
a#btn1{
	background-image:url(/userfiles/image/graphics/btn_01.gif);
	background-repeat:no-repeat;
	width:112px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn1:hover{
	background-image:url(/userfiles/image/graphics/btn_over_01.gif);
	background-repeat:no-repeat;
	width:112px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn1Active{
	background-image:url(/userfiles/image/graphics/btn_over_01.gif);
	background-repeat:no-repeat;
	width:112px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn2{
	background-image:url(/userfiles/image/graphics/btn_02.gif);
	background-repeat:no-repeat;
	width:140px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn2:hover{
	background-image:url(/userfiles/image/graphics/btn_over_02.gif);
	background-repeat:no-repeat;
	width:140px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn2Active{
	background-image:url(/userfiles/image/graphics/btn_over_02.gif);
	background-repeat:no-repeat;
	width:140px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn3{
	background-image:url(/userfiles/image/graphics/btn_03.gif);
	background-repeat:no-repeat;
	width:108px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn3:hover{
	background-image:url(/userfiles/image/graphics/btn_over_03.gif);
	background-repeat:no-repeat;
	width:108px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn3Active{
	background-image:url(/userfiles/image/graphics/btn_over_03.gif);
	background-repeat:no-repeat;
	width:108px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn4{
	background-image:url(/userfiles/image/graphics/btn_04.gif);
	background-repeat:no-repeat;
	width:75px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn4:hover{
	background-image:url(/userfiles/image/graphics/btn_over_04.gif);
	background-repeat:no-repeat;
	width:75px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn4Active{
	background-image:url(/userfiles/image/graphics/btn_over_04.gif);
	background-repeat:no-repeat;
	width:75px; height:53px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#find{
	background-image:url(/userfiles/image/graphics/find.jpg);
	background-repeat:no-repeat;
	/*width:219px;*/
	width:144px;
	height:47px;
	float:right;
	padding:6px 0px 0px 164px;
}
.input_search{
	border:0pt;
	background:none;
	width:170px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:20px;
	color:#000000; float:left;
}
.btn_sok{
	background-image:url(/userfiles/image/graphics/btn_sok.gif);
	background-repeat:no-repeat;
	width:44px; height:26px;
	border:0pt;
	display:block; overflow:hidden; text-indent:-1000px; float:right;
	cursor:pointer;
	cursor:hand;
}
#right{
	width:22px; height:300px;
	float:right;
}
#contentBox{
	width:666px;
	height:auto !important; height:129px; min-height:129px;
	padding:32px 40px 0px 213px;
}
#h1{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/h1.gif);
	background-repeat:no-repeat;
	height:33px;
}
#h2{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/h2.gif);
	background-repeat:no-repeat;
	height:33px;
}
#h3{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/h3.gif);
	background-repeat:no-repeat;
	height:33px;
}
#h4{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/h4.gif);
	background-repeat:no-repeat;
	height:33px;
}
#h5{
	/*position:relative;*/
	background-image:url(/userfiles/image/graphics/h5.gif);
	background-repeat:no-repeat;
	height:33px;
}
#content{
	/*position:relative;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	padding:10px 5px;
}
#content ul{ padding:0px; margin:0px; }
#content ul li{ padding:0px; margin-left:15px; }
#catagoryBox{
	width:879px; overflow:hidden !important;
	padding:0px 20px 0px 20px;
}
#colLeft{
	width:178px; float:left;
	padding-top:100px;
}
#catagory{
	width:178px;
	padding-bottom:27px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff; text-align:center;
}
#catagory ul{
	background-image:url(/userfiles/image/graphics/bgCatagory.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px; margin:0px; list-style:none;
	padding-bottom:47px; overflow:hidden;
}
#catagory ul li{
	background-image:url(/userfiles/image/graphics/catBtn.gif);
	background-repeat:no-repeat;
	width:158px; height:24px; margin-bottom:4px;
	padding:5px 10px; line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8313ff;
}
#catagory ul li a{
	color:#8313ff; line-height:24px; text-decoration:none;
}
#catagory ul li a:hover{
	color:#000000; line-height:24px;
}
#productBox{
	width:682px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}
#page{
	position:relative;
	right:10px; top:3px;
	width:682px; line-height:17px;
	float:right; display:block; color:#8c8c8c;
	text-align:right;
}
#page a{
	color:#FFFFFF; line-height:17px; text-decoration:none;
}
#page a:hover{
	color:#FFFFFF; line-height:17px; text-decoration:underline;
}
.pageSide{
	color:#8c8c8c; line-height:17px;
}
#page a.next{
	color:#b05cff; line-height:17px; text-decoration:none;
}
#page a.next:hover{
	color:#b05cff; line-height:17px; text-decoration:underline;
}
#productTop{
	width:652px; height:37px;
	font-family:Arial; font-size:16px; line-height:37px; font-weight:bold;
	color:#dccff2;
	padding:0px 15px;
}
#productContent{
	width:656px;
	height:auto !important; height:203px; min-height:203px;
	padding:0px 13px;
}
#productContent a{
	color:#FFFFFF; text-decoration:none;
}
#productContent a:hover{
	color:#b05cff; text-decoration:none;
}
#detailBox{	
	width:656px; overflow:hidden;
	padding-bottom:10px;
	border-bottom:1pt dashed #808080; margin-bottom:10px;
}
#detailBox2{	
	width:656px; overflow:hidden;
	padding-bottom:10px;
	border-bottom:1pt dashed #808080;
}
#detailBox2 h1{
	font-family:Arial; font-size:16px; line-height:37px; font-weight:bold;
	color:#dccff2;
}	
#detailLeft{	
	width:140px; float:left;
	text-align:center; vertical-align:middle;
}
#detailCenter{	
	width:284px; float:left;
	padding:0px 15px; color:#239cff;
}
.pBox{
	width:30%;
	float:left;
	border-right:1pt dashed #808080;
	padding:10px; text-align:center;
}
#detailRight{
	background-image:url(/userfiles/image/graphics/se.gif);
	background-repeat:no-repeat;
	width:170px; height:30px; float:right;
	text-align:center;
	padding:25px 15px;
}
#thumbnail{
	width:130px;
	clear:both; float:left;
	padding:5px; text-align:center;
}
#cart a{
	float:right; font-size:11px; line-height:37px;
}
.productBox1{
	width:308px; float:left;
	height:auto !important; height:120px; min-height:120px;
	border-bottom:1pt dashed #808080;
	padding:10px; color:#239cff;
	margin-bottom:5px;
}
.productBox2{
	width:307px; float:left;
	height:auto !important; height:120px; min-height:120px;
	border-bottom:1pt dashed #808080;
	padding:10px; color:#239cff;
	margin-bottom:5px;
}
.p_detail{
	width:145px;
	padding:0px 5px 0px 0px;
	float:right;
	border-right:1pt dashed #808080;
}
.p_detail2{
	width:145px;
	padding:0px 5px 0px 0px;
	float:right;
}
.head_1{
	color:#FFFFFF; font-weight:bold;
}
.head_2 {
	background-image:url(/userfiles/image/graphics/bullet.gif);
	background-repeat:no-repeat;
	background-position:left 0px; line-height:20px;
	padding-left:18px;
}
.price{
	font-weight:bold;
	font-size:14px;
	color:#cc9500;
}
.button{
	background-image:url(/userfiles/image/graphics/but_medium.gif);
	background-repeat:no-repeat;
	width:73px; height:24px; line-height:24px;
	color:#ffffff; text-align:center;
	display:block;
	margin:10px 0px 5px 0px; float:left;
	border:0pt; margin-right:10px;
	cursor:pointer;
	cursor:hand;
}
.button2{
	background-image:url(/userfiles/image/graphics/but_medium.gif);
	background-repeat:no-repeat;
	width:73px; height:24px; line-height:24px;
	color:#ffffff; text-align:center;
	display:block;
	margin:10px 0px 5px 0px; float:right;
	border:0pt; margin-right:10px;
}
.buttonL{
	background-image:url(/userfiles/image/graphics/but_big.gif);
	background-repeat:no-repeat;
	width:108px; height:24px; line-height:24px;
	color:#ffffff; text-align:center;
	display:block;
	margin:10px 0px 5px 0px; float:left;
	border:0pt; margin-right:10px;
}
#footer{
	clear:both;
	width:912px; height:64px;
	background-image:url(/userfiles/image/graphics/footer.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; line-height:20px;
	color:#747474; text-align:right;
	padding:15px 30px 0px 20px;
}
#footer a{
	color:#ffffff; line-height:20px;
}
.txtName{
	color:#a03cff; line-height:20px;
}
/* Contact form */

#contact_form{
	margin:0px 10px;
	width:400px; float:right;
}
#contact_form table{
	width:400px;
	border:0pt;
	float:left;
}
#contact_form td{
	border:0pt;
}
#contact_form input{
	border:1pt solid #999999;
	background-color:#f2f2f2;
	height:20px;
	font-size:11px;
	padding-top:1px;
	width:200px;
}
#contact_form textarea{
	border:1pt solid #999999;
	background-color:#f2f2f2;
	height:100px;
	font-size:11px;
	padding-top:1px;
	width:286px;
	*width:306px;
}

#contact_form input.botton{
	width:50px;
	height:20px;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}
#tbCart{
	width:100%;
	border-top:1pt dotted #808080;
	border-left:1pt dotted #808080;
	border-right:1pt dotted #808080;
}
#tbCart td{
	padding:5px; height:20px; vertical-align:middle;
	border-bottom:1pt dotted #808080;
}

#tbCart td.tdHead{
	text-align:center; font-weight:bold; height:30px; vertical-align:middle;
	border-bottom:1pt dotted #808080;
	background-color:#8b83b4;
}
.col6{
	width:120px; text-align:center;
}
.col5{
	width:120px; text-align:center;
}
.col4{
	width:80px; text-align:center;
}
.col3{
	width:50px; text-align:center;
}
.col2{
	width:100px; text-align:center;
}
.col1{
	width:11px; text-align:center;
}
#tbTotal{
	width:100%;
}
#tbTotal td{
	border:0pt; vertical-align:bottom;
}
td.tdLeft{
	width:380px;
}
#tbSum{
width:250px;
}
#tbSum td{
	text-align:right;
}
.total{
	width:100%;
}
#pay{
	border:1pt dotted #808080;
	padding:15px;
}
#tbCheckout{
	width:100%;
}
#tbCheckout td{
	height:25px;
}
.checkoutHead{
	font-weight:bold; height:30px; vertical-align:middle; font-size:14px; line-height:30px;
	border:1pt dotted #808080;
	background-color:#e7e4f7; color:#000000;
}
.modalBackground{
    background-color:Gray;
    height:100%;
    filter:alpha(opacity=50);
    opacity:0.5;
}
#session .section{
	color:#FFFFFF;
}

/*************************/
/* Start CSS For show popup windows */
/*************************/
.modalPopup
{
    text-align:justify;
    padding-top: 5px;
	margin:0 0 0 0;
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:620px; 
    height:420px;
    position:relative;
    color:#000000;
}
.modalContainer
{
	display:block;
	width:600px;
	height:360px;
	overflow: scroll;
	background-color:White;
	text-align:justify;
	margin:0 10px 0 10px;
	font:12px arial;
}

.modalContainer p
{
	padding:0 10px 0 10px;
	width:560px;
	text-align:justify;
	font:12px arial;
}
.modalContainer p a {
	font:12px arial;
	font-weight:bold;
	color:#C99216;
	text-decoration:none;
	
}

.modalContainer p a:hover {
	text-decoration:underline;
}

.modalContainer p strong
{
	font:12px arial;
	font-weight:bold;
	color:#C99216;
	text-decoration:none;	
}

/* For confirm*/
/*.modalBackground{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}*/
.modalPopup1
{
    text-align:center;
    padding-top: 30px;
	margin:0 0 0 0;
	margin-left:0;
	position:fixed;
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:700px; 
    height:100px;
    position:relative;
}
.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=70);
	opacity:0.7;
}
 .updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}      
.CloseButton {
	background:url("../Images/closePopup.gif");
	background-repeat:no-repeat;
	color:#FFF;
	height:26px;
	width:26px;
	border:none;
	cursor:pointer;
	cursor:hand;
}