/*
*	CFXtras.org 
* 	jjohnson | systemseven
* 	05/2010
*/

body{
	background: #343434 url(../images/bg-page.gif) repeat-x left top;
	color: #474747;
	font-size: 16px;
	font-family: Arial, sans-serif;
	line-height: 18px;
}

.text-center{text-align: left;}
.text-right{text-align: right;}

a{text-decoration:none; color: #0d68ae;}
a:hover{color:#094979;}

h1{font-size: 1.3em; color: #0d68ae; margin: .5em .5em .5em .3em;}
h1 span{color: #7c7c7c;}
h2{font-size: 1.2em; color: #0d68ae; font-weight: normal;}
h3{font-size: 1.1em; color: #0d68ae; margin: .5em .5em .5em .3em;}
h4, .rightMenu .menuTitle{background: url(../images/bg-h4.gif) no-repeat right center; color: #fff; text-shadow: -1px -1px 1px #111; text-transform: uppercase; font-size: .75em; padding: 10px; font-weight: bold;}
h5{font-size: 1.2em;}
h6{color: #0d68ae; font-size: 1.2em;}

#header{height: 108px;}
	.hd{position: relative; background: url(../images/bg-hd.gif) no-repeat right bottom;}
	.hd .logo{background: url(../images/sprites.png) left top; display: block; text-indent: -99999em; width: 187px; height: 83px;}
	
	.topNav{position: absolute; right: 0; top: 5px; font-size: .75em;}
	.topNav ul{ margin: 0; padding: 0;}
	.topNav ul li{margin: 0 8px 0 0; padding: 0; display: inline; }
	.topNav ul li a{color:#c0c0c0;}
	.topNav ul li a:hover{color: #fff;}
	
	.navBar{position: absolute; right: 0; bottom: -2px; width: 560px;}
	.navBar ul{margin: 0; padding: 0;}
	.navBar ul li{ margin: 0; padding: 0; float: left;}
	#tshop a, #tsell a, #tspot a, #taccount a{background: url(../images/sprites.png) no-repeat -187px 0; display: block; width: 139px; height: 31px; text-indent: -99999em;}
	#tshop a{width: 135px;}
	#tsell a{background-position: -325px 0;}
	/* #tspot a{background-position: -468px 0;} */
	#taccount a{background-position: -611px 0;}

	#tshop a:hover, #tshop a.selected{background-position: -187px -33px;}
	#tsell a:hover, #tsell a.selected{background-position: -325px -33px;}
	#tspot a:hover, #tspot a.selected{background-position: -468px -33px;}
	#taccount a:hover, #taccount a.selected{background-position: -611px -33px;}
	
#content{background: #d0d0d0;}
	.cnt{background: url(../images/bg-content.gif) repeat-y;}
	.cnt_left.grid_12{ width: 710px;}
		.catItem{margin-bottom: 20px; font-size: .75em;}
		.catItem .lastUpdate{color: #818181;}
		.catItem .lastUpdate, .catItem .submissions{font-size: .90em;}
		.catItem p{padding-right: 15px;}
		.txtCnt{padding: 0 0 0 6px; font-size: .75em;}
		.catItem p.small{font-size: .92em;}
	.cnt_right{margin-left: -10px;}
	.cnt_right.grid_4{width: 240px; margin-right: 0;}
	
.mod{margin: 10px 0 10px 0;}
.mod .modCnt{padding: 5px 10px;}	
.mod li{margin: 4px 0; font-size: .68em; line-height: 16px;}
#s, #btn{float: left;}
#btn{width: 63px;}
#s{width: 130px; margin-right: 10px; padding: 4px;}

a.button{background: url(../images/bg-btn.gif) no-repeat right center; color: #fff; text-shadow: -1px -1px 1px #111; padding: 3px 6px 3px 0; font-size: .68em;}
a.button span{background: url(../images/bg-btn-left.gif) no-repeat left center; padding: 3px 0 3px 6px;}
a.button.right{float: right;}
a.button.gray{background-image: url(../images/bg-btn-gray.gif); color: #0d68ae; text-shadow:none; margin-right: 5px;}
a.button.gray span{background-image: url(../images/bg-btn-left-gray.gif);}

.catItem .button{font-size: .83em;}



/*
.rating{background: url(../images/sprites.png) no-repeat -187px -67px; width: 66px; height: 17px;}	
.rating.rate1{background-position: -254px -67px;}
.rating.rate2{background-position: -321px -67px;}
.rating.rate3{background-position: -388px -67px;}
.rating.rate4{background-position: -454px -67px;}
.rating.rate5{background-position: -523px -67px;}

*/

.review{font-size: .83em; margin: 10px 0 0 0;}
.reviewer{color: #0d68ae; font-style:italic;}

label{color: #0d68ae; font-weight: bold;}
.field{margin-top: 10px;}

.back{position: absolute; right: 5px; top: 5px;}

.content.grid_11 p{margin-bottom: 10px;}

#reviewSubmit, #rate{margin: 10px 0;}
	
#cart h2{font-size: 18px; margin: 15px 0 5px 0;}	
#cart .component_name{font-size: 14px; font-weight: bold; margin: 0 10px; color: #777;}
#cart .section{background: url(../images/cart-section-bg.gif) repeat-x left top; padding: 2px 8px;}
#cart .cartTable td{padding: 5px;}
#cart .cartTable td input, #cart .cartTable td select{font-weight: bold; padding: 1px; font-size: 12px;}
	
.entry, .entryLast{font-size: 12px; margin-bottom: 25px; padding: 10px 0 0 10px;}
.entry h1, .entryLast h1{margin: 8px 0 5px 0; padding: 0;}	
.entry .byline, .entryLast .byline, .trackbacks, .tweetbacks, .comments{color: #aaa; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 6px 0; font-size: 11px;}
.trackbacks, .tweetbacks, .comments{font-size: 12px;}
	
.rightMenu .menuBody{margin-bottom: 8px; font-size: 12px; padding: 8px;}	
	
	.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		font-size: 14px;
  		margin: 10px auto 12px auto;
 		padding: 5px 5px 5px 30px;
		}

	.success h2{color: #060;}
		
	.error{
		background: #c00;
	    color: #fff; 
		border: 1px solid #c99;
		font-size: 14px;
  		margin: 10px auto 12px auto;
 		padding: 5px 5px 5px 30px;
		}
		
	.error h2{color: #fff;}

.pagination ul{margin-right: 10px; margin-left: 10px; margin-bottom: 5px; margin-top: 2px; float: right; font-size: 11px;}
.pagination ul li{border: 1px solid #CFCFCF; font-weight: bold; float: left; padding: 3px 7px; margin-right: 3px;}
.pagination ul li a{font-weight: normal;}
	
.body ul{ margin-left: 10px !important;}	
.body ul li{ list-style:disc !important; margin-left: 5px;}
	
	
#footer{background: url(../images/bg-ft.gif) repeat-x left top;}
	.ft{background: url(../images/bg-ft-curve.gif) no-repeat left top; padding: 20px 0 10px 0; font-size: .68em; text-align: right;}
	.ft a{color:#c0c0c0;}
	.ft a:hover{color: #fff;}
	.ft ul{margin: 0; padding: 0;}
	.ft ul li{margin: 0 8px 0 0; padding: 0; display: inline;}
	
	
	
	
	
/* Rating CSS */	
	
.rating {
	margin-bottom: 3px;
	margin-top: 3px;
	cursor: pointer;
	clear: both;
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 8px
}
.cancel,
.cancel a {background: url(/images/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(/images/star.gif) no-repeat 0 0px;}
.star-left,
.star-left a {background: url(/images/star-left.gif) no-repeat 0 0px;}
.star-right,
.star-right a {background: url(/images/star-right.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}