body{font-family: Verdana, Tahoma, Arial, "lucida console", sans-serif; font-size: 13px; line-height: 20px; color: #434547; margin: 0px; background-color: #404244;}
html{overflow: -moz-scrollbars-vertical;}
h1,h2,h3,h4{margin: 0px; display: inline; font-family: Verdana;} h1{font-size: 17px;} h2 {font-size: 15px;}  h3{font-size: 13px;} h4{font-size: 15px;} img{border: none;}
small{font-size: 10px;}

a:link{color: #36a133; text-decoration: none;}
a:visited{color: #36a133; text-decoration: none;}
a:hover{color: #296ab2; text-decoration: underline;}
a:active{color: #296ab2; text-decoration: underline;}

/***************************************************************** core css stuff */

#bg{position: absolute; top: 0px; left: 0px; width: 100%; height: 249px; background-image: url("/images/bg1.gif"); z-index: 0;}

#top-banner{position: relative; width: 900px; height: 44px; background-image: url("/images/menu-bg.gif"); margin-bottom: 20px;}
	#left-corner{position: absolute; top: 0px; left: 0px; width: 14px; height: 44px; background-image:url("/images/left-corner.gif");}
	#home-link{position: absolute; top: 7px; left: 20px;}
	#right-corner{position: absolute; top: 0px; right: 0px; width: 14px; height: 44px;background-image: url("/images/right-corner.gif"); }
	#menu{position: absolute; left: 435px;}

#blue-top-intro{position: relative; width: 885px; height: 7px; background-image: url("/images/blue-top-intro.gif"); overflow: hidden;}
#blue-container{position: relative; width: 885px; background-color: #eff2f3; text-align: center; overflow: auto;}
#blue-bottom-intro{position: relative; width: 885px; height: 7px; background-image: url("/images/blue-bottom-intro.gif"); overflow: hidden; margin-bottom: 20px;}

/***************************************************************** introduction */
#introduction{position: relative; left: 6px; width: 873px; height: 211px;}
	#intro-blue-top {position: relative; top: 0px; width: 873px; height: 12px; background-image: url("/images/intro-blue-top.gif"); overflow: hidden;}
	#intro-blue-left {position: absolute; top: 12px; left: 0px; width: 40px; height: 186px; background-image: url("/images/intro-blue-left.gif");}
	#intro-blue-bottom {position: relative; top: 186px; width: 873px; height: 13px; background-image: url("/images/intro-blue-bottom.gif"); overflow: hidden;}
	#intro-blue-middle {position: absolute; top: 12px; left: 40px; width: 357px; height: 186px; background-image: url("/images/intro-blue-middle.jpg");}
	#quick-menu{position: absolute; top: 179px; left: 25px; z-index: 1; color: #000000;}
		#quick-menu a{position: relative; font-weight: bold; font-size: 12px; color: #d5f1ff;}
	#intro-blue-right {position: absolute; top: 12px; left: 846px; width: 27px; height: 186px; background-image: url("/images/intro-blue-right.jpg");}
	#intro-white-background {position: absolute; top: 12px; left: 397px; width: 449px; height: 186px; background-image: url("/images/intro-white-background.gif"); z-index: 1;}
		.tab-image{position: absolute; left: 9px; top: 23px; width: 421px; padding: 37px 1px 0px 10px; font-size: 15px; display: none; text-align: left; z-index: 2;}
			.tab-image h2{position: relative; font-size: 15px; padding: 5px 0px 5px 0px; display: block;}
			#guides{display: block;}
			#gallery{background: url("/images/intro-gallery-tab.gif") no-repeat;}
			#reviews{background: url("/images/intro-reviews-tab.gif") no-repeat;}
			#videos{background: url("/images/intro-videos-tab.gif") no-repeat;}
			#mods{background: url("/images/intro-mods-tab.gif") no-repeat;}
		.tab-button{position: absolute; top: 23px; height: 31px; cursor: pointer; z-index: 3;}
			#guides-btn{left: 18px; width: 79px;}
			#gallery-btn{left: 100px; width: 82px;}
			#reviews-btn{left: 185px; width: 93px;}
			#videos-btn{left: 280px; width: 79px;}
			#mods-btn{left: 362px; width: 70px;}
		.tab-thumbnail{position: relative; margin-right: 15px;}
	

/***************************************************************** containers and other similar things */
.blue-top{position: relative; width: 885px; height: 23px; background-image: url("/images/blue-top.gif");}
.blue-bottom{position: relative; width: 885px; height: 23px; background-image: url("/images/blue-bottom.gif"); margin-bottom: 20px;}
.container{position: relative; width: 835px; background-color: #eff2f3; text-align: left; overflow: auto; padding: 0px 25px 0px 25px;
		   background-image: url("/images/blue-container-bg.gif");}
.container2{position: relative; width: 885px; background-color: #eff2f3; text-align: center; overflow: auto;background-image: url("/images/blue-container-bg.gif");}
	.arrow2{position: relative; margin-bottom: -3px;}

/******************************************************************/
/***************************************************************** middle content */
.button{cursor: pointer;}

#poll{position: relative; float: left; width: 410px;}
	#poll-content{position: relative; width: 410px;}

#addReview{position: relative; width: 400px; float: right; text-align: left; display: none;}
	
#galleryPreview{position: relative; width: 423px; float: right; text-align: center;}
	#preview {position: relative; background-color: #ffffff;}
		.thumbnailPreview{position: relative; float: left; margin-left: 20px; display: inline;}
		.thumbnailPreview2{position: relative; display: inline;}
			.thumbnailPreview img{border: 1px solid #b9b9b9;}
			.tg1{position: relative; width: 114px; height: 6px; background-image: url("/images/gallery/tg1.gif"); overflow: hidden;}
			.tg2{position: relative; width: 112px; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; background-color: #f0f2f6; text-align: center;}
			.tg3{position: relative; width: 114px; height: 6px; background-image: url("/images/gallery/tg3.gif"); overflow: hidden;}

#pollResults{top: 70px; background-color: #ffffff;}
.fResultsBar{background-color: #7d8389; height: 19px; border: 1px solid #757e84; background-image: url("/images/voteBarBg.gif"); margin-bottom: 10px; float: left;}
.fResultsPercent{float: left; margin-left: 5px;}
#c1, #c2, #c3, #c4 {border: none;}

/******************************************************************/
/***************************************************************** guide  */

.imgLogo{position: relative; margin-top: 5px;}
.guideLine{width: 100%; height: 1px; margin: 10px 0px 10px 0px; background-color: #dedede; overflow: hidden;}

/******************************************************************/
/***************************************************************** latest video */

.video h2{display: block; font-size: 15px; font-weight: bold; margin-bottom: 6px;}
.videoViews{position: relative; top: 0px; left: 0px; float: left}
.ratingBar1{position: relative; width: 220px; height: 21px; background-image: url("/images/ratingbar.gif"); float: right;}
.ratingBar2{position: relative; left: 100px; width: 120px; height: 21px; background-image: url("/images/ratingbar2.gif");}

.green{color: #36a133;}

/******************************************************************/
.description{margin-top: 6px;}
.reviewImage{position: relative; margin-top: 4px; border: 1px solid #f6f6f6;}
/******************************************************************/

fieldset {border: 1px solid #efefef;} 
legend{color:#36A133;}

/******************************************************************/

.bottomLinks{font-family: Verdana; color: #c7c7c7;}
.bottomLinks a:link{color: #aab7ce; text-decoration: none;}
.bottomLinks a:visited{color: #aab7ce; text-decoration: none;}
.bottomLinks a:hover{color: #aaceaa; text-decoration: none;}
.bottomLinks a:active{color: #aaceaa; text-decoration: none;}

/********** SIDEBOX ************/
#sideBox{position: relative; float: right; width: 325px; text-align: center;}

.article-links{position: relative; border-top: 3px solid #cfd8e2; background-color: #f6faf6; padding: 5px;}
.linkButton{position: relative; top: 2px;}
.linkButton2{position: relative; top: 4px;}

/* COMMENTS */
.cTop{position: relative; width: 480px; height: 23px; background: url("/comments/comment.gif"); margin-top: 10px;}
.comment{position: relative; width: 460px; border-left: 3px solid #dce2e7; border-right: 3px solid #dce2e7; padding: 0px 7px; background: #f9fbfc; overflow: hidden;}
	#yourName{position: relative; font-size: 12px; font-family: Verdana; color: #696969; bottom: 2px;}
	#commentName{position: relative; border: 1px solid #bbc3c7; width: 375px; padding: 3px; margin-top: 15px; font-family: Verdana; font-size: 12px;}
	#commentTextarea{position: relative; height: 60px; border: 1px solid #bbc3c7; width: 452px; padding: 3px; margin-top: 5px; font-family: Verdana; font-size: 12px; overflow: auto;}
	#commentStatus{color: #696969; font-size: 12px; font-family: Verdana; font-weight: bold; margin-left: 10px;}
	.commentDetails{font-size: 11px; color: #757e83; text-align: right; margin-top: 5px; font-family: Verdana;}
.cBot{position: relative; width: 480px; height: 8px; background: url("/comments/comment.gif") bottom;}
	/* IE hacks: */
*html .cBot{background: url("/comments/commentBottomIE.gif"); overflow: hidden;}