body{margin: 0px 0px 40px 0px; font-family: Verdana; font-size: 13px; color: #323232;}
html{overflow: -moz-scrollbars-vertical;}
img{border: 0px;}
*{outline: 0px;}
h1,h2,h3,h4,h5{margin: 0px; padding: 0px; font-weight: none; color: #5c5c5c;}
h1{font-size: 17px; font-family: Helvetica}
h2{font-size: 16px;}
h3{font-size: 15px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
a:link{color: #0067ca; text-decoration: none;}
a:visited{color: #0067ca; text-decoration: none;}
a:hover{color: #545454; text-decoration: underline;}
a:active{color: #545454; text-decoration: underline;}

h2 a:link{color: #258f1f; text-decoration: none;}
h2 a:visited{color: #258f1f; text-decoration: none;}
h2 a:hover{color: #1f578f; text-decoration: underline;}
h2 a:active{color: #1f578f; text-decoration: underline;}

#top{position: relative; top: 0px; width: 100%; left: 0px; right: 0px; height: 127px; background: url("/images/top.gif") repeat-x; margin-bottom: 20px;}
	#apple-macbook{position: absolute; top: 16px; left: 0px; width: 355px; height: 49px; background-image: url("/images/apple-macbook.gif"); cursor: pointer; text-indent:-10000px;}
	#menu{position: relative; top: 70px; left: 0px; right: 0px; width: 100%; height: 30px; padding-top:15px; margin-bottom: 40px; z-index: 1;}
		#menuItems{position: relative; width: 1000px; text-align: center;}
			#menu a{text-decoration: none; font-size: 26px; font-family: Helvetica,Tahoma; color: #a3a3a3;}
			#menu a:hover{color: #0067ca}
	#top-banner{position: absolute; top: 7px; right: 0px;}

#container{position: relative; width: 1000px; line-height: 19px; background-color: #ffffff; text-align: left; overflow: auto;}
	.left{position: relative; float: left; width: 810px; margin-bottom: 10px;}
	.right{position: relative; float: right; width: 180px; text-align: center; background-color: #ffffff; margin-bottom: 10px;}

	.label{position: relative; color: #2f9000; font-weight: bold;}
	.input{position: relative; border: 1px solid #c2c2c2; background: #f6f7fb; padding: 3px; font-family: verdana}
	.textarea{position: relative; padding: 2px; background: #f6f7fb; border: 1px solid #c2c2c2; font-family: Verdana; font-size: 12px;}
	.submitError{position: relative; font-weight: bold; color: #7f2323;}
	.submitSuccess{position: relative; font-weight: bold; color: #307f23;}
	*html #submitStatus{position: relative; top: -5px;}
	.optional{position: relative; left: 5px; font-size: 12px; color: #7b7b7b;}
	.line{position: relative; height: 1px; overflow: hidden; background-color: #bbc3c7; margin: 2px 0px 2px 0px;}
	.paddedLine{position: relative; height: 1px; overflow: hidden; background-color: #bbc3c7; margin: 10px 0px 10px 0px;}

	.browse-menu{position: relative; background-color: #fdfdfd; border-top: 1px solid #d7d9dc; border-bottom: 1px solid #d7d9dc; overflow: auto; height: 1%; padding: 6px 0px; text-align: center;}
	.browse-menu a{font-size: 11px; text-transform: uppercase; font-family: Verdana; font-weight: bold; text-align: center;}
	.browse-menu a:hover{color: #818181; text-decoration: underline;}
		.top{border-top: none;}
	.browse-menu .current a{color: #818181;}

	.browse-menu-right{border-top: 1px solid #d7d9dc;}
	.browse-menu-right a{position: relative; display: block; background: #fdfdfd; font-size: 11px; text-transform: uppercase; font-weight: bold; text-align: center; border-bottom: 1px solid #d7d9dc; padding: 6px 0px;}
	.browse-menu-right a:hover{color: #818181; text-decoration: underline;}

	.small{font-size: 11px;}

	.gray{color: #929292;}
	#tag-cloud{line-height: 24px; word-spacing: 3px;}

#bottom{position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; color: #d2dde9; font-size: 15px; text-align: center; background: #fbfbfb url('/images/bottom.gif'); height: 32px; border-top: 1px solid #000000;}
	#bottom a{position: relative; display: block; float: left; padding: 7px 8px; color: #d2dde9}
	#bottom a:hover{color: #274d77; text-decoration: none; background: #fbfbfb url('/images/bottom.gif') bottom center;}
	.bottomDivider{position: relative; float: left; width: 2px; height: 32px; background: url('/images/bottomDivider.gif')}
	#bookmark{position: absolute; top: 1px; left: 558px;}
	#cse-search-box{position: absolute; top: 4px; right: 0px;}


/******************************************************************************
/* INDEX */
#index-left-menu{position: relative; float: left; width: 200px;}
	.index-menu-item{position: relative; height: 54px; width: 161px; background-image: url('/images/index-menu-items.gif'); text-indent: -10000px; cursor: pointer;}
	#index-menu-gallery{position: relative; background-position: 188px 0px; width: 188px;}
	#index-menu-videos{position: relative; background-position: 0px -54px;}
	#index-menu-answers{position: relative; background-position: 0px -108px;}
	#index-menu-mods{position: relative; background-position: 0px -162px; height: 55px;}
	#index-menu-shop{position: relative; background-position: 0px -216px; height: 55px;}
#index-content{position: relative; width: 600px; float: left; padding: 10px;}
	#index-content h3{position: relative; color: #aeaeae; font-weight: normal; font-size: 18px; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px solid #c5c5c5}
	.index-thumb-img{position: relative; border: 3px solid #b6bdc4; margin: 0px 12px 10px 0px;}

	#index-content-answers-questions a{position: relative; display: block; border-bottom: 1px solid #d7d7d7; font-size: 12px; padding: 5px;}
	#index-content-answers-questions a:hover{background: #f9f9f9; text-decoration: none;}

	#index-content-mods{color: #494949; line-height:21px;}
	#index-content-mods h4{font-weight: normal;}
	#index-content-mods img{margin-bottom: 10px;}

/******************************************************************************
/* GALLERY */
/* boxes that hold the thumbnails */
.box{position: relative; padding: 0px 0px 10px 0px; overflow: auto; height: 1%;}
	.box img{position: relative; border: 3px solid #b6bdc4;}
	.thumb{position: relative; float: left; width: 160px; text-align: center; font-size: 11px; color: #686868;}
	.thumb img{margin-bottom: 3px;}

/* large image on the view.php page */
#image{position: relative; margin: 0px 0px;}
#image-details{position: relative; line-height: 30px;}
#image-hotlink{position: relative; font-size: 11px; border: 1px solid #bbc3c7; background: #fafafa; padding: 3px; width: 680px;}

/* navigation to move jump to the next/previous photos */
#next{position: relative; margin-top: 38px; cursor: pointer; border: 1px solid #d3d3d3; width: 100px; padding-top: 16px; background: url('/images/gallery-navigation.gif');}
	#next:hover{background: url('/images/gallery-navigation.gif') 0px 48px;}
#previous{position: relative; cursor: pointer; border: 1px solid #d3d3d3; width: 100px; padding-top: 16px; background: url('/images/gallery-navigation.gif') 0px 32px;}
	#previous:hover{background: url('/images/gallery-navigation.gif') 0px 16px;}

/******************************************************************************
/* MODS */
.modBox{position: relative; background: url("/mods/modBox.gif") center left; height: 119px; padding: 0px 10px; overflow: auto;}
	.modBox img{margin: 9px 10px 0px 0px;}
	.modBox h3{font-size: 16px; margin: 10px 0px;}
		.modBox h3 a:link{text-decoration: none; color: #636363;}
		.modBox h3 a:visited{text-decoration: none; color: #636363;}
		.modBox h3 a:hover{text-decoration: underline; color: #636363;}
		.modBox h3 a:active{text-decoration: underline; color: #636363;}
		.modBox a:link{text-decoration: none; color: #4381b5;}
		.modBox a:visited{text-decoration: none; color: #4381b5;}
		.modBox a:hover{text-decoration: underline; color: #636363;}
		.modBox a:active{text-decoration: underline; color: #636363;}
	.modSubtext{font-size: 14px; color: #494949; line-height:21px; margin-bottom: 6px;}
	.modBoxDetails{font-size:11px; color:#5e5e5e;}

.mod-thumb{position: relative; margin-bottom: 15px;}
.mod-description{position: relative; padding: 5px 0px;}
.mod-details{position: relative; color: #6f6f6f; font-size: 11px;}

/* mod page */
#mod-left{width: 640px;}
	#modThumb{margin: 0px 20px 1px 0px;}
	.quote{position:relative; padding-left: 40px; background: url("/mods/quote.gif") 5px 5px no-repeat; color: #5d5d5d}
	.quote a:link{font-size: 11px; color: #696969}
	.quote a:visited{font-size: 11px; color: #696969}
	.quote a:hover{font-size: 11px; color: #2a7c30}
	.quote a:active{font-size: 11px; color: #2a7c30}
	.modImage{border: 2px solid #707070; margin-top: 10px;}
#mod-right{width: 300px; text-align: left;}
	.mod-gallery-thumb{border: 3px solid #b6bdc4;}

.mod-video-links{display: block; text-decoration: none; padding: 5px; border-bottom: 1px solid #d7d7d7}
.moreLinks a:hover{background-color: #f9f9f9;}
.moreLinks a:active{background-color: #f9f9f9;}


/******************************************************************************
/* VIDEOS */
.videoBox{position: relative; height: 126px; padding: 10px 0px 10px 10px; overflow: auto; height: 1%;}
	.videoDetails{position: relative; float: right; width: 620px; margin-right: 7px; display: inline;}
		.videoDetails .title{height: 20px; overflow: hidden; margin-bottom: 10px;}
		.videoDetails .title a{text-decoration:none;}
		.videoDetails .title a:hover{text-decoration:underline;}
		.videoDetails .description{height: 38px; overflow: hidden; margin-bottom: 10px; line-height: 20px;}
		.videoDetails .details{font-size:11px; color:#5e5e5e;}

#videoElements{position: relative; width: 540px; float: left; margin-right: 50px;}
#videosElements{position: relative; width: 200px; float: left;}

/******************************************************************************
/* RATINGS */
#ratingAjaxIndicator{position: absolute; width: 200px; height: 49px; left: 0px; text-align: center; background: url("/videos/indicator.gif") center 14px no-repeat; display: none; z-index: 10;}
.star-rating{position: relative; float: left; width: 200px; height: 49px; list-style:none; margin: 5px 0px 5px 0px; padding: 0px; background: url("/videos/rating.gif") bottom left repeat-x;}
.star-rating li{ text-indent: -90000px; padding:0px; margin:0px; float: left; z-index: 1;}
.star-rating li a{position: absolute; display:block; width: 40px; height: 49px; text-decoration: none; text-indent: -9000px; z-index: 3; padding: 0px;}
.star-rating li a:hover{background: url("/videos/rating.gif") 0px 0px; height: 49px; padding: 0px; z-index: 2; left: 0px;}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:40px;}
.star-rating a.two-stars{left:40px;}
.star-rating a.two-stars:hover{width: 80px;}
.star-rating a.three-stars{left: 80px;}
.star-rating a.three-stars:hover{width: 120px;}
.star-rating a.four-stars{left: 120px;}
.star-rating a.four-stars:hover{width: 160px;}
.star-rating a.five-stars{left: 160px;}
.star-rating a.five-stars:hover{width: 200px;}
.star-rating li#current-rating{position: absolute; left: 0px; background: url('/videos/rating.gif') left center; height: 49px; display: block; text-indent: -9000px; z-index: 1;}

/******************************************************************************
/* PAGINATION */
.pagination {position: relative; float: right;}
.pagination a{position: relative; padding: 6px; text-decoration: none;}
.pagination a:hover{position: relative; padding: 6px; background-color: #3d5679; color: #ffffff; text-decoration: none;}
.pagination .current a{background-color: #dbeaff; color: #3d5679;}

/******************************************************************************
/* COMMENTS */
.cTop{position: relative; width: 480px; height: 38px; background: url("/images/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; color: #6c6c6c}
	#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{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("/images/comment.gif") bottom;}
	/* IE hacks: */
*html .cBot{background: url("/images/commentBottomIE.gif"); overflow: hidden;}

/******************************************************************************
/* ANSWERS */

/* List of Questions */
.questions{border-top: 1px solid #d7d7d7;}
.questions a{position: relative; display: block; border-bottom: 1px solid #d7d7d7; padding: 5px;}
.questions a:hover{background: #f9f9f9; text-decoration: none;}
.small-questions{font-size: 11px;}


.q{background: url("/images/q.gif") no-repeat; padding: 6px 35px; color: #636363; margin: 10px 0px;}
	.q h3{font-weight: normal; color: #2f608f; font-size: 17px;}
.a{background: url("/images/a.gif") no-repeat; padding: 0px 15px 0px 35px; color: #636363; font-weight: normal; line-height: 24px; margin: 15px 0px 0px 5px; overflow: hidden;}
	.a a:link{text-decoration: none; color: #0067ca;}
	.a a:visited{text-decoration: none; color: #0067ca;}
	.a a:hover{text-decoration: underline; color: #2f6027;}
	.a a:active{text-decoration: underline; color: #2f6027;}

/* Subtext underneath the Questions & Answers */
.questionDetails{position: relative; font-size: 11px; color: #909090; padding-left: 35px;}
.answerDetails{position: relative; font-size: 11px; color: #909090; padding-left: 40px;}

#textareaRules{position: relative; background-color: #bbc3c7; top: -1px; padding: 0px 0px 1px 5px; font-size: 11px; float: left; width: 637px; color: #ffffff;}

/******************************************************************************
/* APPLE STORE BANNERS */
#productContainerLeaderboard{position: relative; width: 696px; height: 66px; padding: 4px 8px; border: 8px solid #e1eeff; overflow: hidden}
#productContainerLeaderboard h1{font-size: 18px; margin: 0px; padding: 0px}

#productTitle{position: relative; margin-bottom: 5px}

#productPrice{position: relative; color: #2e7909; font-size: 17px}
#productPromo{position: relative; color: #969696; font-size: 17px}

#productCategories{position: relative; margin-top: 5px; font-size: 11px}

#productContainerAppleStoreLogo{position: absolute; bottom: 4px; right: 4px; border: 1px solid #9a9a9a}

/* KEEP AT THE BOTTOM: */
.empty{background-color: #fbeaea;}