/*CSS Document*/

/* PNG IE6 FIX */

img, div, ul, li, span { behavior: url(iepngfix.htc) }

/*div {border:1px solid red;}*/

body { margin:0; padding:0; background-color:#170E0F }

a {  }

a:hover {  }



img { border:0; padding:0; margin:0 }



/*remove browser defaults*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0; }

:link,:visited { text-decoration:none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

a img,:link img,:visited img { border:none; }



/*general styles*/

.georgia { font-family:georgia; }

.trebuchet { font-family:trebuchet ms; }

.font_10px { font-size:10px; }

.font_11px { font-size:11px; }

.font_13px { font-size:13px; }

.font_16px { font-size:16px; }

.font_20px { font-size:20px; }

.font_24px { font-size:24px; }

.font_blue { color:#389CC9; }

.font_brightblue { color:#00A0FF; }

.font_red { color:#D10B2C; }

.font_white { color:#fff; }

.font_black { color:#000; }

.font_orange { color:#9C6300; }

.font_gray { color:#5F5F5F; }

.bold { font-weight:bold; }

.letter_spacing { fletter-spacing:3px; }

.clear { clear:both; }

.no_height { height:0px; }

.float_left { float:left; }

.float_right { float:right; }

.border { border:1px solid red; }

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

.listfloat_left li { margin:0; padding:0; float:left; list-style:none; }



/*form element styles*/

input, textarea, select { background:#E9EAD1; border-bottom:1px solid #D8D6C6; border-right:2px solid #D8D6C6; border-top:2px solid #A5A8AB; border-left:2px solid #A5A8AB; }

input { padding:0px 2px; }

textarea { padding:2px; }

option { background:#E9EAD1; border-bottom:1px solid #D8D6C6; border-right:1px solid #D8D6C6; border-top:1px solid #A5A8AB; border-left:1px solid #A5A8AB; }

.checkbox { background-color:transparent; border:0; padding:0; margin:0; }



/*site styles*/

h1 {  }/*reserve for logo*/

h2 {  }

h4 {  }

#column1 {}

#column2 {}



#one-column .column1 { float:left; width:540px; padding:10px 0 0 20px; overflow:hidden; }



#two-column .column1 { float:left; width:45%; overflow:hidden; padding:10px; }

#two-column .column2 { float:left; width:45%; overflow:hidden; padding:10px 0 0 30px; }



#three-column { float:left; overflow:hidden; width:585px; height:auto; }



#three-column .column1{ float:left; overflow:hidden; width:105px; padding-left:20px;}

#three-column .column2{ float:left; overflow:hidden; width:460px}



#three-column .column1 .header-lining {float:left;  height:10px; width:100%; border-bottom:1px solid #FFFFFF }

#three-column .column2 .header-lining {float:left;  height:10px; width:95%; border-bottom:1px solid #FFFFFF }



/* Header */

#header { width:750px; height:90px; margin:0; padding:11px 0 0 0;}

.header-container {

	float:left; color:#FFFFFF; width:750px; height:90px;  

	background:transparent url(../images/header-bg.jpg) no-repeat 0 0;

}					

.header-container .header-text { 

	font-size:11px; font-family:Arial; color:#CCCCCC; 

	font-weight:bold; position:absolute; top:66px; text-align:center; width:750px;

}

.header-container a { color:#CCCCCC; text-decoration:underline; }





/* Right Sidebar */

#right-sidebar{ float:right; overflow:hidden; width:162px }

#right-sidebar .casper {

	float:left; background: transparent url(../images/inside_casper.jpg) no-repeat top left;

	height:210px; width:133px; }

#right-sidebar .stamps{

	float:left; background: transparent url(../images/inside-stamp.jpg) no-repeat scroll 0 0;

	height:210px; width:133px;

}

#right-sidebar .coins{

	float:left; background: transparent url(../images/inside-coin.jpg) no-repeat 0 0;

	height:200px; width:134px;

}

#right-sidebar .text{

	float:left; font-family:Arial; font-size:9px; color:#FFFFFF; font-style:italic; 

	padding:150px 10px 10px; font-weight:bold; height:120px; font-weight:bold;

}



#right-sidebar .text2{

	float:left; font-family:Arial; font-size:9px; color:#FFFFFF; font-style:italic; 

	padding:180px 10px 10px; font-weight:bold; height:120px; font-weight:bold;

}



/* Main Container*/

#container { width:750px; margin:0 auto; padding:0; }

#content { width:750px; min-height:500px; margin:0; padding:0;}

.content-bg { 
	float:left; border:0; width:750px; background:transparent url(../images/content-bg.jpg) repeat-y 0 0; 
	margin:0 auto; color:#FFFFFF; height:auto; min-height:800px }
	
#content-bg-index { 

	float:left; border:0; width:750px;  background:transparent url(../images/content-top_new.jpg) no-repeat top center;

	margin:0 auto; color:#FFFFFF; min-height:415px; *height:415px;}	
	
#content-bg-index .sub-content-bottom {
   background:transparent url(../images/content-bg.jpg) repeat-y bottom center;
   *height:415px;
   min-height:415px;
   margin-top:10px
}	

#content-bg-index .sub-content-top {
	background:transparent url(../images/bg-body.jpg) no-repeat center center;
	height:303px; 
}	

#content-bg-index #two-column { padding:10px; *padding:0; }

#content-bg-index #two-column .column1 { float:left; width:45%; overflow:hidden;   padding: 20px 25px 10px 0 }

#content-bg-index #two-column .column2 { float:left; width:45%; overflow:hidden; *padding:10px 0 0 40px; padding:20px 0 0 30px; }



#content-main { float:left; margin:0pt; padding:0pt; cursor:pointer}

#content-main .main-list { font-family:Arial; font-size:15px; color:#CCCCCC; padding-top:30px; list-style:none; }

#content-main .main-list li { padding-bottom:10px; margin:0pt; }

#content-main .main-list a { text-decoration:none }

#content-main .sub-list { padding:0pt 0pt 15px 15px; font-size:12px; list-style:none;  }

#content-main .sub-list li { padding-bottom:2px; }

#content-main .sub-list a { text-decoration:underline; color:#FFFFFF }



#stamps-list{ float:left }

.stamp-img-first{ float:left; width:105px; border-right:1px solid #FFFFFF;padding-top:5px; min-height:60px }
.stamp-img{ float:left; width:105px; border-right:1px solid #FFFFFF;padding-top:8px; padding-bottom:8px; min-height:60px }
.stamp-desc{ float:left; margin-left:10px; font-family:Arial; font-size:10px; font-style:italic; color:#666666; padding-top:25px }
.stamp-category-title { width:205px; padding-top:12px; padding-bottom:20px; text-align:center; font-size:14px; line-height:18px; font-weight:bold; font-family:Georgia; }

.stamp-photo{ float:left; width:105px; border-right:1px solid #FFFFFF;padding-top:0pt; height:30px }
.stamp-description{ float:left; margin-left:10px; padding-top:0pt; height:30px }



#stamp-pagination { float:left; width:540px; padding-top:20px; padding-bottom:25px; padding:20px 0 0px 20px;
					color:#999999; font-family:Arial; font-size:12px; font-weight:bold; }		
								
#stamp-pagination a { color:#999999; font-weight:bold }
#stamp-pagination a:hover { text-decoration:underline }
#stamp-pagination .page-number { float:left; width:105px }
#stamp-pagination .page-navigation { float:right }
#stamp-pagination .stamp-prev, #stamp-pagination .stamp-next { border:0; vertical-align:middle }
#stamp-pagination .page-num { font-size:16px; padding:0pt 2px 0pt 2px; font-weight:regular }


.page_nav_stamps { color:#FFFFFF; padding:20px 10px 20px 20px; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:underline }
.page_nav_ref { padding-left:10px; color:#FFFFFF; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:underline }




.popup-view-stamp{ float:left; padding-top:15px }
.popup-view-stamp-desc{ font-family:Arial; font-size:14px; font-weight:bold; color:#DCDCDC; padding:10px }



/* Footer */

#footer { width:750px; height:50px; margin:0; padding:0; list-style:none; text-align:center; }

#footer .footer-text{ font-size:12px; color:#9A9997; font-family:Arial; padding-top:10px; font-weight:bold}

#footer li { float:left; height:50px; margin:0 0 0 50px; }





/* Navigation */

#nav { width:750px; height:35px; float:left; text-align:center; list-style:none; margin:0; padding:0; border:1px solid #ccc; }

#nav li { /*specify width here, or give each LI a unique width. LI MUST HAVE WIDTH TO WORK IN IE6 */ display:block; height:35px; width:150px; list-style:none; float:left; padding:0; margin:0; text-align:center; border-right:1px solid #ccc; }

#nav li a {	color:#000; display:block; height:25px; margin:0; padding:10px 0 0 0; text-decoration:none; text-align:center; /* background:#fff;  IE6 Bug */}

#nav li a:hover { background:#fff; color:#ccc; text-decoration:none; }

#nav li ul { position:relative; top:-1px; left:-1px; display:none; padding:0; margin:0; text-align:left; z-index:99; }

#nav li ul li { display:block; width:100%; padding:0; margin:0; height:25px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; -moz-opacity:.9; filter:alpha(opacity=90); }

#nav li ul li a { display:block; margin:0; padding:2px 0 0 2px; text-align:left; color:#000; height:23px; }

#nav li ul li a:hover { color:#000; background:#ccc; }

/* The magic */

#nav li:hover ul, #nav li.over ul { display: block; }

/* Fix IE. Hide from IE Mac \*/

* html #nav ul li { float: left; height: 1%; }

* html #nav ul li a { height: 1%; }

/* End */



/* Breadcrumbs */

.breadcrumbs { font-size:10px; }





/* For popup */

#popup-stamps{  

	position:fixed; _position:absolute;

	z-index:2; padding:12px; 

	background-color:#000000; opacity:0.9;

	border:1px solid #666666;

	min-width:250px; min-height: 160px;
	
	display:none;

}  

.popup-close{  

 display:block; line-height:14px;  

 position:absolute; right:6px; top:4px;  

 font-family:Arial; font-size:12px; color:#999999;

 cursor:pointer;

}

 

.popup-close-x{

	background-color:#666666;

}





.left-coin-ad{

	float:left; 

	position:relative; left:-32px; top:20px;

	padding-bottom:20px;

}



#right-coin-ad {
	position:absolute;	
	left:700px; top:600px;	
}

#cont_sets_list { list-style:none; margin:0 0 0 10px; padding:0; font-size:18px; font-family:Georgia, Times, serif; line-height:26px; color:#fff; }
#cont_sets_list a { color:#fff; }
#cont_sets_list a:hover { text-decoration:underline; }