body {
	background-color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.siteWrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}
.contentWrapper {
	float: left;
	width: 960px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #db2a2a;
	border-left-color: #db2a2a;
	background-image: url(../images/template/gradientBackground.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.mossiLogo {
	margin-left: 78px;
	float: left;
}
.topNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #db2a2a;
	float: right;
	width: 500px;
	text-align: right;
	padding-right: 20px;
	height: 26px;
	padding-top: 26px;
}
.topNav a {
	color: #9a9a9a;
	text-decoration: none;
	margin-right: 18px;
	margin-left: 18px;
}
.topNav a:hover {
	color: #db2a2a;
	text-decoration: underline;
}

.searchButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9a9a9a;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000000;
	margin-top: 4px;
}

.searchField {
	background-color: #CCCCCC;
	height: 17px;
	width: 102px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*margin-left: 18px;*/
}
.footerWrapper {
	background-image: url(../images/template/footerBackground.gif);
	background-repeat: repeat-x;
	height: 46px;
	clear: both;
}
.footer {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 31px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	color: #9a9a9a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.footer a {
	color: #9a9a9a;
}
.footer a:hover {
	color: #db2a2a;
}
.footerLeft {
	float: left;
	width: 450px;
}
.footerRight {
	float: right;
	width: 200px;
	text-align: right;
}

.productNav {
	float: left;
	width: 171px;
	clear: left;
}
.productNav a {
	margin-top: 9px;
	display: block;
	text-align: right;
	height: 25px;
	padding-right: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-decoration: none;
	padding-top: 10px;
}
.productNav a:hover {
	color: #db2a2a;
	text-decoration: underline;
}

#SnowApparel {
	background-image: url(../images/template/snowApparelButton.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 14px;
}
#MotorcycleApparel {
	background-image: url(../images/template/motorcycleApparelButton.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#RainGear {
	background-image: url(../images/template/rainGearButton.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#Gloves {
	background-image: url(../images/template/glovesButton.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#Accessories {
	background-image: url(../images/template/accessoriesButton.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#viewCart {
	background-image: url(../images/template/viewCartButton.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 26px;
}
#checkout {
	background-image: url(../images/template/checkoutButton.gif);
	background-repeat: no-repeat;
	background-position: right;
}


.cartButtons a {
	color: #db2a2a;
}
.cartButtons a:hover {
	color: #FFF;
}

.contentArea {
	float: left;
	width: 717px;
	background-color: #000000;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 30px;
	padding-left: 24px;
	min-height: 350px;
}

.raider {
	text-align: center;
	width: 171px;
	float: right;
}

.titleArea {
	width: 702px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DB2A2A;
	padding-top: 5px;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-decoration: none;	
}

.titleArea a{
	color: #999999;
	text-decoration: none;	
}

.titleArea a:hover{
	color: #999999;
	text-decoration: underline;
}

.backLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-decoration: none;
	line-height: 100%;
}

.backLink a{
	color: #999999;
	text-decoration: none;
	float: right;
}

.backLink a:hover{
	color: #db2a2a;
	text-decoration: underline;
	
}

.copyArea {
	width: 657px;
	padding-right: 30px;
	padding-left: 30px;
	/*border: 1px solid #FFFFFF;*/
}
.copyArea a {
	color: #FFF;
}
.copyArea a:hover {
	color: #db2a2a;
}


.catThumb {
	float: left;
	width: 150px;
    height: 165px; 
	line-height: 100%;
	margin-right: 20px;
	margin-bottom: 25px; 
	background-color: #000000;
	/*display: block;*/
	/*border: 1px solid #808285;*/	
	/*vertical-align: bottom;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.catThumb a{
	color: #999999;
	text-decoration:none;
}

.catThumb a:hover{
	color: #db2a2a;
	text-decoration: underline;
}

.mediumImage {
	border: 1px solid #db2a2a;
	background:#FFFFFF;
	/*width: 250px; */
	height: 236px;
	vertical-align: middle;
}

.galleryThumbnails {
	
	/*width:55px;*/
}

.galleryThumb {
	width:55px;
	height:57px;
	border: 1px solid #db2a2a;
	background:#FFFFFF;
	float: left;
	vertical-align: bottom;
	padding-left:inherit;
	line-height: 100%;
	margin-right:5px;
} 

.galleryThumb img{
	vertical-align: middle;
}

.largeImage{
	
}

.caption {
	font-style: italic;
	color: #808285;
	height:20px;
	/*width: 250px;*/
}
.productLeft {
	float: left;
	/*border: 1px solid #FFFFFF;*/
	width: 310px;
	
}

.productRight {
	/*border: 1px solid #FFFFFF;*/
	float: right;
	width: 310px;
}

.thumbnailImage {
	width: 112px;
	height: 123px;
	line-height: 121px;
	margin-top: 10px; 
	border: 1px solid #DB2A2A; /*#808285;*/
	background-color: white;
	cursor: pointer;
	/* line-height: 110px;  */
	/* white-space: nowrap;  */
}

.thumbnailImage  img {
	vertical-align: middle;
	/*margin-top: 25px;*/
	/*border: 1px solid black;*/
}

.thumbnailImage  span {
  visibility: hidden;
}

/*-------- Center content -------*/
.outer{
	float: left;
	/*border: 1px solid #808285;*/
	width: 135px;
    height: 180px; 
	margin-right: 20px;
	margin-bottom: 25px;
	background-color:#000000;
	/*background-color: white;*/
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	
}

.outer a{
	color: #999999;
	text-decoration:none;
}

.outer a:hover{
	color: #db2a2a;
	text-decoration: underline;
}



.v-outer {	
	width: 122px;
	height: 133px;
	line-height: 121px;
	margin-top: 10px;
	border: 1px solid #DB2A2A;
	display: table;
	#position: relative;
	overflow: hidden;
	/*background: white;
	color: white;*/
	background: #FFFFFF;
	color: #808285;
}


.v-middle {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	#right: 50%;
	vertical-align: middle;
	text-align:center;
}
.v-inner {
	#position: relative;
	#top: -50%;
	#right: -50%;
	margin-bottom: 5px;
	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #CCC;
}
