body{

margin:0px;

padding:35px 0px 0px 0px;

background:#404040;
scrollbar-face-color: #FF6600;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FF6600;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}

 a{color:#FF6600; text-decoration:none;}
 a:hover{color:#FF6600; text-decoration:underline;}


body *{

outline:none;

}



.main-bg{

width: 800px;

height: 650px;

background: url(../images/free-chain-bg.jpg) repeat-y left top;

padding: 0px;

margin: 0px;

border: 10px solid #000000;

}



.inner-bg{

width: 800px;

height: auto;

background: url(../images/prod-bg.jpg) repeat-x left top;

padding: 0px;

margin: 0px;

border: 10px solid #000000;

}


.general-bg{

width: 800px;

height: 650px;

background: #000000;

padding: 0px;

margin: 0px;

border: 10px solid #000000;

}



#upper-area{

width: 800px;

height: 382px;

margin: 0px;

padding: 0px;

}




#upper-areain{

width: 800px;

height: 800px;

margin: 0px;

padding: 0px;



}



#left-area{

width: 160px;

height: 225px;

margin: 0px;
padding-left: 48px;
padding-top: 30px;
float:left;

}



#logo{
width: 160px;
height: 62px;
padding: 0px;
margin: 0px;
position:relative;
}

#logo img{
margin:0px 0 0 0;
position:relative;
}



.main-link{

font-family:Arial, Helvetica, sans-serif;

font-size: 13px;

color:#666666;

font-weight: bold;

text-align: right;

padding: 8px 8px 0px 0px;

margin: 0px;

}



.main-link a{color:#666666; text-decoration: none;}



.main-link a:hover{

color:#FC7700; 

text-decoration: none;

padding: 0px 10px 0px 0px;

margin: 0px;

background: url(../images/button.gif) no-repeat right 6px;

}


.main-link2{

font-family:Arial, Helvetica, sans-serif;

font-size: 13px;

color:#FC7700; 

font-weight: bold;

text-align: right;

padding: 8px 8px 0px 0px;

margin: 0px;

}



.main-link2 a{color:#FC7700; text-decoration: none;}



.main-link2 a:hover{

color:#FC7700; 

text-decoration: none;

padding: 0px 10px 0px 0px;

margin: 0px;

background: url(../images/button.gif) no-repeat right 6px;

}

#act {

color:#FC7700;

}





#text-area{

width: 420px;

height: 320px;

padding: 30px 80px 0px 0px;

margin: 0px;

float: right;

}





#hd{

width: 415px;

height: 30px;


padding: 0px 0px 0px 0px;

margin: 0px 5px 0px 40px;

}




/*.scroll-txt{

width: 390px;

height: 180px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height: 16px;

color:#666666;

text-align:justify;

padding: 0px;

margin: 0px;

scrollbar-base-color: #001EE8;

scrollbar-arrow-color: #FF6A00;

scrollbar-darkshadow-color: #002802;

scrollbar-shadow-color: #6FF700;

scrollbar-track-color: #0FED00;

}

*/



/*********************** SCROLLERS ***********************/

.root{

position:relative;

width: 380px;

_width: 340px;

/*width: 360px !important;*/

height: 160px;

padding: 0px 0px 0px 0px;

margin: 65px 0px 0px 0px;

float: right;

}



.root p {

margin: 5px 5px 5px 5px

}



.thumb {

position: absolute;

padding: 0px 0px 0px 1px;

margin: 0px 0px 0px 0px;

}



.up, .dn  {

    position: absolute;

    left: 8px;

    }

	

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{

    border: 0;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

    }

	

.scrollContainer {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#666666;

	line-height: 16px;

	text-align:justify;

	padding: 10px 0px 0px 10px;

	margin: 0px;

	position:absolute;

	overflow:auto;

	background:#FFFFFF;

	width: 380px;

	height: auto;

	clip: rect(0 467 200 0);

}



.scrollContent {

position:absolute;

width: 380px;

padding: 0px 5px 0px 5px;

margin: 0px;

}





/*

<style>

body {

scrollbar-base-color: #001EE8;

scrollbar-arrow-color: #FF6A00;

scrollbar-darkshadow-color: #002802;

scrollbar-shadow-color: #6FF700;

scrollbar-track-color: #0FED00;

}

</style>

*/



#bottom-area{

width: 800px;

height: 200px;

padding: 0px;

margin: 0px;

}



.buy-area{

width: 280px;

height: 180px;

padding: 0px 30px 0px 0px;

margin: 0px;

float: right;

}



.buy-free{

width: 240px;

height: 25px;

background:url(../images/buy-free.gif) no-repeat top;

margin-left:5px;

/*padding: 0px 0px 20px 0px;

margin: 0px 40px 0px 0px;*/

float:left;

}

.buy-free a{

width: 240px;

height: 25px;

background:url(../images/buy-free.gif) no-repeat top;

margin-left:0px;

/*padding: 0px 0px 20px 0px;

margin: 0px 40px 0px 0px;*/

float:left;

}

.buy-free a:hover{

background:url(../images/buy-free-w.gif) no-repeat top;

}



.buy-shirt{

width: 240px;

height: 25px;

background:url(../images/buy-shirt.gif) no-repeat top;

float:left;

margin-top:40px;

/*padding: 20px 20px 20px 0px;

margin: 0px 0px 0px 0px;*/

}



.buy-shirt a{

width: 240px;

height: 25px;

background:url(../images/buy-shirt.gif) no-repeat top;

float:left;

margin-top:0px;

/*padding: 20px 20px 20px 0px;

margin: 0px 0px 0px 0px;*/

}

.buy-shirt a:hover{

background:url(../images/buy-shirt-w.gif) no-repeat top;

}



.donat{

width: 240px;

height: 25px;

background:url(../images/donate.gif) no-repeat top;

float:left;

margin-top:43px;

margin-left:30px;

/*padding: 20px 0px 0px 0px;

margin: 0px 0px 0px 0px;*/

}



.donat a{

width: 240px;

height: 25px;

background:url(../images/donate.gif) no-repeat top;

float:left;

margin-top:0px;

margin-left:0px;

/*padding: 20px 0px 0px 0px;

margin: 0px 0px 0px 0px;*/

}

.donat a:hover{

background:url(../images/donate-w.gif) no-repeat top;

}



.flash-area{

width: 430px;

height: 200px;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

float: left;

position:relative;

}



.footer{
width: 90%;
height: 30px;
}

.footer2{
width: 90%;
height: 30px;
}


/*

#footlink {

width:800px;

margin:0 auto;

    font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF;

	padding:2px 0 0 0;

	margin:0;

	text-align: center;

}

#footlink ul {

	list-style-type:none;

	padding:0;

	margin:10px 0px 10px 190px;

	text-align: center;

}

#footlink li {

	float:left;

	margin: 0 14px 0 0;	

	text-align: center;

}

#footlink li a {

    font-family: arial;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF;

	text-align: center;

	padding: 0 0px 0 0;

	text-decoration: none;

}

#footlink li a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal;

}*/







/* top mainlink */



#footlink {

	width:600px;

	float:inherit;

	padding:2px 10px 0px 100px;

	margin:0;

	height:50px;

}

#footlink ul {

	list-style-type:none;

	padding:0;

	margin:0 0 0 10px;

}

#footlink li {

	float:left;

	margin:0;

}

#footlink li a {

	background: url(../images/world-caus.gif) top left no-repeat;

	height: 15px;

	width:150px;

	float: left;

	margin: 0 4px 0 10px;

	_margin: 0 0px 0 10px;

	display: block;

}

#footlink li a:hover {

	background: url(../images/world-caus.gif) bottom left no-repeat;

}

#footlink li a#a0 {

	background: url(../images/world-caus.gif) bottom left no-repeat;

	width:146px;

}

#footlink li a#a1 {

	background: url(../images/cont.gif) bottom left no-repeat;

	width:65px;

}

#footlink li a#a2 {

	background: url(../images/suppt.gif) bottom left no-repeat;

	width:63px;

}

#footlink li a#a3 {

	background: url(../images/send-photo.gif) bottom left no-repeat;

	width:90px;

}







#footlink li a:hover#a0 {

	background: url(../images/world-caus.gif) top left no-repeat;

	width:146px;

}

#footlink li a:hover#a1 {

	background: url(../images/cont.gif) top left no-repeat;

	width:65px;

}

#footlink li a:hover#a2 {

	background: url(../images/suppt.gif) top left no-repeat;

	width:63px;

}

#footlink li a:hover#a3 {

	background: url(../images/send-photo.gif) top left no-repeat;

	width:90px;

}







#footlink li a#b0 {

	background: url(../images/world-caus.gif) top left no-repeat;

	width:146px;

}

#footlink li a#b1 {

	background: url(../images/cont.gif) top left no-repeat;

	width:65px;

}

#footlink li a#b2 {

	background: url(../images/suppt.gif) top left no-repeat;

	width:63px;

}

#footlink li a#b3 {

	background: url(../images/send-photo.gif) top left no-repeat;

	width:90px;

}





/* top mainlink end*/








H1 {

	TEXT-ALIGN: center;

}





.clear {

	CLEAR: both;

	margin: 0px;

	padding: 0px;

}



#images {

width: 420px;

height: 146px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

VISIBILITY: hidden;

position:relative;

/*position: relative; !important;*/

float:left;

}



#loading {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

text-align:center;

margin: 20px 0px 0px 0px;

width: 400px;

float: left;

}



#loading IMG {

width: 400px;

margin: 5px 0px 0px 0px;

position:relative;

}

#loadingProducts IMG {

width: 300px;

margin: 60px 0px 0px 0px;
padding-left: 70px;
position:relative;

}

#captions {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#777777;

width: 400px;

FONT-WEIGHT: bold;

Z-INDEX: 10000; 

POSITION: relative; 

TEXT-ALIGN: center;

}







#changelog {

	BORDER-RIGHT: #666 1px solid; 

	MARGIN-TOP: 15px; 

	FLOAT: left; 

	WIDTH: 400px

}



#changelog DIV {

	PADDING-RIGHT: 10px; 

	PADDING-LEFT: 10px; 

	PADDING-BOTTOM: 5px; 

	PADDING-TOP: 0px; 

	TEXT-ALIGN: justify

}



#text-areapd{

width: 380px;

height:auto;

padding: 30px 0px 0px 80px;

margin: 0px;

float: left;

position:relative;

}



#prods{

width: 460px;

height:auto;

padding: 40px 0px 0px 10px;

margin: 0px;

position:relative;

float:left;
padding-left: 30px;

}



#head{

font-family:Arial, Helvetica, sans-serif;

font-size: 14px;

color:#FF7305;

font-weight:bold;

padding: 25px 0px 10px 50px;

margin: 0px;

text-align:left;

}

.header{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF7305;
	font-weight:bold;
	margin: 0px;
	text-align:left;
	padding-left:15px;
}

.header2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF7305;
	font-weight:bold;
	text-align:left;
}


#box{

width: 110px;

height: 110px;

float: left;
margin-left:20px;

}



.fix{

width: 365px;

height:auto;

float:right;

}



#box-txt{
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#606060;
line-height: 18px;
padding-top:4px;
}

#box-txt a{color:#606060; text-decoration:none;}
#box-txt a:hover{color:#000000; text-decoration:none;}


.greytxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	text-decoration:none;
}

.greytxt a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	text-decoration:none;
}

.greytxt a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	text-decoration:underline;
}


.orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	text-decoration:none;
}

.orange a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	text-decoration:none;
}

.orange a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	text-decoration:underline;
}






#prodview-area{
width: 380px;
height: 210px;
float:left;
padding: 0px 0px 0px 50px;
margin: 0px;
}

.big-img{
float:none;
margin-right:390px;
}

.left-txt{
width: 175px;
height: 210px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
line-height: 20px;
padding-left: 250px;
margin-left: 0px;
text-align:left;
float:left;
}

.prod-name{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#666666;
font-weight: bold;
float:left;
padding: 5px 0px 0px 50px;
margin: 0px;
}

.zoom{
width: 180px;
height: 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#0063DD;
float:left;
padding: 5px 0px 0xp 0px;
margin: 0px 0px 0px 35px;
}
.zoom a{color:#0063DD; text-decoration: none;}
.zoom a:hover{color:#FF8321; text-decoration: none;}

.prod-dtal{
width: 355px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
font-weight: normal;
line-height: 18px;
text-align:left;
float:left;
padding: 5px 0px 0px 50px;
margin: 0px 0px 0px 0px;
}


.back{
width: 320px;
height: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FF6600;
line-height: 20px;
text-align:left;
padding-left:60px;
float: left;
}
.back a{color:#FF6600; text-decoration:none;}
.back a:hover{color:#FF6600; text-decoration:underline;}


.ImgBorder{
	border:1px solid #CCCCCC;
}



.normaltxt{
height: 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
color:#666666;
}

.normaltxt a{color:#FF6600; text-decoration:none;}
.normaltxt a:hover{color:#FF6600; text-decoration:underline;}

.whitetxt{
height: 18px;
font-family:Tahoma;
font-size: 11px;
text-align:left;
color:#ffffff;
}


.enlarge{
width: auto;
height: 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#0063DD;
float:left;
padding-left:25px;
}
.enlarge a{color:#0063DD; text-decoration: none;}
.enlarge a:hover{color:#FF8321; text-decoration: none;}

.red12 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}

.red {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}


.txt-feild{
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	border:1px solid #7F9DB9;
}
.textbox{
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	border:1px solid #666666;
	width:160px;
}

.mail_button {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF7305;
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top: 0px solid #1A6192;
	border-bottom: 0px solid #1A6192;
	border-left: 0px solid #1A6192;
	border-right: 0px solid #1A6192;
	cursor: pointer;
}





.foot-link{

font-family:Arial, Helvetica, sans-serif;

font-size: 13px;

color:#ffffff; 

font-weight: bold;

text-align: right;

padding: 8px 8px 0px 0px;

margin: 0px;

}



.foot-link a{color:#ffffff; text-decoration: none;}



.foot-link a:hover{

color:#FC7700; 

text-decoration: none;

margin: 0px;

}

.foot-link2{

font-family:Arial, Helvetica, sans-serif;

font-size: 13px;

color:#FC7700; 

font-weight: bold;

text-align: right;

padding: 8px 8px 0px 0px;

margin: 0px;

}



.foot-link2 a{color:#FC7700; text-decoration: none;}



.foot-link2 a:hover{

color:#FC7700; 

text-decoration: none;


margin: 0px;

}

/*
DIV {
	SCROLLBAR-FACE-COLOR: #FF6600; 
	SCROLLBAR-BASE-COLOR: #FFFFFF;
}
*/

DIV{
scrollbar-face-color: #FF6600;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FF6600;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;

}

.AbsImage {

	BORDER-TOP-STYLE: none; 

	BORDER-RIGHT-STYLE: none; 

	BORDER-LEFT-STYLE: none; 

	POSITION: absolute; 

	TOP: 0px; 

	BORDER-BOTTOM-STYLE: none;

}

#mycustomscroll {
	width: 200px;
	height: 200px;
	overflow: auto;
	position: relative;
	background-color: #ffffff;
	margin-left: 76px;
	padding-left:10px;
	
}

.scroll {
	width: 330px;;
	height: 200px;
	overflow-y: auto;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	padding-left: 20px;
}