body, form, h1, h2, h3, p{margin:0;padding:0;}

img, a img{border:none}

ul, li{margin:0;padding:0;list-style:none}



body {

background-color:#131313;

        height:100%;

}



fieldset {

	margin: 0px 0px 15px 10px;

	padding: 5px 10px 15px;

	width: 603px;


	font: normal 11px Verdana, sans-serif;

	color: #333;

	}

fieldset legend {

	padding: 0px;

	margin: 0px;

	font: normal 11px/20px Verdana, sans-serif;

	color: #FFCC00;

	}

a{

	color:#aaa;

	text-decoration:none}

a:hover{

	color:#fff}

.catDesc {

font-weight:normal;

font-size:11px;

font-family:tahoma, arial, verdana;

color:#cccccc;

}

.count{

	font-family:Tahoma, Arial;

	font-size:11px;

	font-weight:normal;	

        color:#000000

	}



h1{

	padding:5px 0 10px 5px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:18px;

	color:#999}

h2{

	margin:0 20px;

margin-bottom:20px;

	padding:0 0 0 5px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#777;

	font-weight:normal;

	border-left:3px solid #555}

h3{

	margin:0;

	padding:5px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#777;

	font-weight:normal;

	border:1px dashed #555}

h3 b{

	color:#999}

fieldset{

	margin:0 0 20px 0;

	padding:5px;

	border:solid 1px #555}

fieldset table tr td{

	width:200px}

legend{

	font-size:18px;

	font-weight:bold}

.form a,

.form a:hover,

.form a:visited{

	color:#999}



#container{

	width:910px;


background-color:#131313;
	margin:0 auto}



#header{

	height:55px}



#headerHeader{

	height:0px}



#headerMenu{
margin-left:18px;
	position:relative;

	height:55px;
}

#mImages, #mImages:visited,

#mLayouts, #mLayouts:visited,

#mTutorials, #mTutorials:visited,

#mTweaks, #mTweaks:visited,

#mGens, #mGens:visited,

#mExtras, #mExtras:visited,

#mCodes, #mCodes:visited{
border:0px solid #ffffff;
	display:block;

	width:117px;

	height:30px;

	padding:25px 4px 0 0;

	position:absolute;

	top:0px;

	text-align:center;

	color:#fff;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	background-image:url(/_theme/images/menuBg.gif);

	background-repeat:no-repeat}

#mImages{
	left:2px;
	background-position: -2px 0px}
#mLayouts{
	left:127px;
	background-position: -127px 0px}
#mTutorials{
	left:252px;
	background-position: -252px 0px}
#mTweaks{
	left:377px;
	background-position: -377px 0px}
#mGens{
	left:502px;
	background-position: -502px 0px}
#mCodes{
	left:627px;
	background-position: -627px 0px}

#mExtras{
	left:752px;
	background-position: -752px 0px}










#breadCrumb-o{

	margin:4px 2px 0 2px;

	height:25px;

	color:#fff;

	font-family:"Trebuchet MS", Arail, Tahoma;

	font-size:12px;

	font-weight:bold}

#breadCrumb-i{

	padding:3px 0 0 10px;}

#breadCrumb-i a, #breadCrumb-i a:visited{

	color:#fff;

	text-decoration:none}

#breadCrumb-i a:hover, #breadCrumb-i a:active{

	text-decoration:underline}








.indexlistItem{

	margin:4px 5px 10px 0px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;

	font-weight:bold}





.indexlistItem a{

text-decoration:none}

.indexlistItem img{

	height:60px;

	width:60px;

	border:1px solid #464646;

	vertical-align:middle;

	margin:0 15px 0 5px}



.catlistItem{

	margin:0px 5px 20px 22px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;



	font-weight:bold}






.catlistItem a{

text-decoration:none;}

.catlistItem img{

	height:40px;

	width:40px;

	border:2px solid #464646;

	vertical-align:middle;

	margin:0 5px 0px 5px}

.catlistItem2 img{

	height:90px;

	width:140px;

	border:2px solid #464646;

	vertical-align:middle;

	margin:0 5px 0px 5px}


#body{

	margin:0;

	padding:0}

 

#content{

	padding-left:2px;


	width:656px;

	float:left}

#content-o{

	width:100%}

#content-i{

padding:5px}



#featuredRider{

	margin:5px 0 0 0;}



#contentBefore-o, #contentAfter-o{

	margin:4px 0 4px 0;

	width:100%}

#contentBefore-i, #contentAfter-i{

	padding:5px 15px}

.cBad336, .cAad336{

	width:366px;

	height:280px;

	float:right}

.adIcons336{

	width:75px;

	height:268px;

	padding:12px 0 0 0;

	float:left}

.adIcons3362{

	width:75px;

	height:268px;

	padding:12px 0 0 0;

	float:right}

.icon336{

	display:block;

	height:67px;

	text-align:right}

.showIcons{

	text-align:center;

	padding:10px 0}

.showIcons img{

	margin:0 0 5px 0}


.showImages{

	text-align:center;

	padding:30px 0}

.showImages img{

	margin:0 0 5px 0}

.showImageTextBox{

	width:450px;

	margin:0 0 0 0;

	font-family:Tahoma, Arial;

	font-size:11px;

	background:#1F1F1F;

	border:1px solid #555;

	color:#bbb;

	padding:.2em;}

.ggshowImageTextBox{

	width:450px;

	font-family:Tahoma, Arial;

	font-size:11px;

	background:#1F1F1F;

	border:1px solid #555;

	color:#bbb;

	padding:.2em;}

.pagination,

.backButton{

	padding:15px 0;

	text-align:center;

	font-family:Tahoma, Arial;

	font-size:9px;

	color:#555;

	}

.pagination a, .pagination a:visited,

.backButton a, .backButton a:visited{

	position:relative;

	top:3px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

	padding:0 .35em 0 .35em;

	color:#555;

	background:#1f1f1f;

	border:1px solid #555}

.pagination .null{

	position:relative;

	top:3px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

	padding:0 .35em 0 .35em;

	color:#3c3c3c;

	background:#2e2e2e;

	border:1px solid #3c3c3c}

.pagination a:hover, .pagination a:active,

.backButton a:hover, .backButton a:active{

	color:#fff;

	border:1px solid #fff;}



#navigation{

	margin:4px 0 0 4px;

	width:246px;

	float:left}

#navigation-o{

	background:#333 url(/_theme/images/menuLongBottom.png) no-repeat center bottom}

#navigation-i{

	position:relative;

	background:url(/_theme/images/menuLongTop.png) no-repeat center top;

	padding:0 0 10px 0;}

.navTitle{

	margin:0 1px 4px 15px;

	padding:12px 0 0 17px;

	width:214px;

	height:19px;

	font-family:"Trebuchet MS", Arial, Tahoma;

	font-weight:bold;

	text-transform:uppercase;

	font-size:14px;

	background:url(images/navigationTitleBg.gif) no-repeat 0 12px;}

.navUs li a, .navUs li a:visited,

.navImages li a, .navImages li a:visited,

.navLayouts li a, .navLayouts li a:visited,

.navTutorials li a, .navTutorials li a:visited,

.navTweaks li a, .navTweaks li a:visited,

.navGens li a, .navGens li a:visited,

.navExtras li a, .navExtras li a:visited,

.navBasic li a, .navBasic li a:visited{

	display:block;

	width:183px;

	height:16px;

	margin:0 0 0 32px;

	padding:4px 0 0 10px;

	color:#ebebeb;

	font-family:Tahoma, Arial;

	font-size:11px;

	text-decoration:none;

	background:url(images/navigationLinkBg.gif) no-repeat left bottom}



.form{

	margin:30px 15px 15px 15px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#666}

.form p{

	padding:2px 0}

.formTextbox {

	padding:0 5px;

	width:300px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formCheckbox{

	margin:0}

.formSubmit{

	display:block;

	width:75px;

	margin:15px auto;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#555;

	background:#1f1f1f;

	border:3px double #555;

	cursor:pointer}

.formTextboxSmall,

.formSelectSmall{

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextboxSmall{

	width:146px;

	padding:1px 2px}

.formSelectSmall{

	width:152px}

.formRadioSmall,

.formCheckboxSmall{

	margin:2px 1px;

	vertical-align:middle}

.formTextareaSmall{

	width:146px;

	height:56px;

	padding:2px;

	font-family:Tahoma, Arial;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formTextareaBig{

	width:440px;

	height:400px;

	padding:2px;

	font-family:"Courier New", Courier, mono;

	font-size:11px;

	color:#bbb;

	background:#1f1f1f;

	border:1px solid #555}

.formUrl{

	text-align:center}



.glyphTable{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px;

	}

.glyphTable table{

	width:100%	}

.glyphTable table tr td{

	padding:0 4px;

	background:#1f1f1f}

.glyphTable table tr td b{

	font-size:16px;}

.glyphTableTitle{

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}



#indexTrain{

	margin-top:5px}

.simpleTrain{

	padding:20px;

	color:#1f1f1f;

	font-family:"Trebuchet MS", "Times New Roman", "Arial";

	font-size:14px;

	font-weight:bold}

.simpleTrain table{

	width:100%}

.simpleTrain table tr td{

	padding:0 5px}



.colorChart{

	margin:20px;

	font-family:Arial, Tahoma;

	font-size:11px}

.colorChart table{

	width:100%}

.colorChart table tr td{

	text-align:center}

.colorChartDark{

	color:#fff}



.colorPicker{

	margin:93px}

.colorPicker table{

	width:100%;

	border:5px solid #fff}

.colorPicker table tr td{

	text-align:center}

.colorPicker table tr td .cp{

	font-family:Arial, Tahoma;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	width:50px;

	padding:0;

	margin:0;

	background:#fff;

	color:#545454;

	font-weight:normal;

	cursor:pointer;

	border:2px solid #fff}

.colorPicker-r1c1{}

.colorPicker-r1c2{}

.colorPicker-r2c1{}

.colorPicker-r2c2{}

.colorPicker-r3c1{}

.colorPicker-b1{}



#footer-o{

	clear:both;

	margin:3px 2px 4px 2px}

#footer-2{

	clear:both;

	margin:4px 2px 4px 2px}



#footer-i{

	padding:2px 5px}



#pageGen{

	font-family:Tahoma, Arial;

	font-size:9px;

	padding:5px;

	text-align:right;

	color:#FFDC12}



.showMarquee{

	padding:0 0 20px 0;

	text-align:center}



.w11{background:#333 url(/_theme/images/onion1-TL.gif) no-repeat top left}

.w12, .w13, .w14{height:100%;width:100%}

.w12{background:url(/_theme/images/onion1-TR.gif) no-repeat top right}

.w13{background:url(/_theme/images/onion1-BR.gif) no-repeat bottom right}

.w14{background:url(/_theme/images/onion1-BL.gif) no-repeat bottom left}

.w21{background:#464646 url(/_theme/images/onion2-TL.gif) no-repeat top left}

.w22, .w23, .w24{height:100%;width:100%}

.w22{background:url(/_theme/images/onion2-TR.gif) no-repeat top right}

.w23{background:url(/_theme/images/onion2-BR.gif) no-repeat bottom right}

.w24{background:url(/_theme/images/onion2-BL.gif) no-repeat bottom left}



			#content .panel .list_layout .list_link_view{
					position:absolute;
					right:0;
					top:15px;
					width:97px;
					height:25px}
				
					#content .panel .list_layout .list_link_view a{
						display:block;
						padding:5px 0 0 0;
						width:97px;
						height:20px;
						color:#fff;
						font-family:arial;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						background:url(images/list_buttons.gif) 0 0 no-repeat}
				
				#content .panel .list_layout .list_link_download{
					position:absolute;
					right:0;
					top:55px;
					width:97px;
					height:25px}
					
					#content .panel .list_layout .list_link_download a{
						display:block;
						padding:5px 0 0 0;
						width:97px;
						height:20px;
						color:#fff;
						font-family:arial;
						font-size:14px;
						font-weight:bold;
						text-align:center;
						background:url(images/list_buttons.gif) 0 -25px no-repeat}
			
.clearfix:after {

    content: "."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden}

.clearfix {display:inline-table}

/* Hides from IE-mac \*/

* html .clearfix{height:1%;}

.clearfix{display:block}

/* End hide from IE-mac */


.dated {

font-weight:bold;
font-size:11px !important;
color:#7c7c7c;
font-family:Tahoma, Arial;
margin-left:172px;
margin-top:-16px;
padding-bottom:4px;
position:relative;
}