@charset "UTF-8";
/* CSS Document */

/*
	The WildSide Gallery Theme,  based, in part, on Siriux, Matrix, and Slider. Designed by Stephen Topsy at TopsyDesigns.com
*/

#categoryLink_43041 {
	font-size: small !important;
	}


/* -- Main layout / Formatting ------------- */

html {
	background-image: url(/wild_side_mens_4.jpg) !important;
	background-color: #EEE !important;
	background-repeat: repeat;
	background-position: top center;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	}

body {
	background-attachment: fixed;
	background-repeat: repeat;
	background-position-x: 100%;
	background-position-y: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
	
#doc {
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 100%;
	}
	
#hd {
	background-image: url(images/bg/backgroundHd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 900px;
	margin: 10px auto 0;
	text-align: center;
	}
	
#bd {
	background-color: #FFF;
	padding: 0;
	width: 880px;
	margin: 0 auto;
	}
	
#bd_wrapper {
	width: 880px;
	margin: 0 auto;
	padding: 0 10px;
	background-color: transparent;
	background-image: url(images/bg/backgroundBd.png);
	background-position: top center;
	background-repeat: repeat-y;
	}
	
#ft {
	background: url(images/bg/backgroundFt.png) center top no-repeat;
	padding: 45px 0 15px;
	width: 900px;
	color: #000;
	margin: 0 auto;
	clear: both
	}
	
#ft a {
	color: #444 !important;
	font-weight: normal !important;
	}
		
.clear {
	clear: both !important;
	}

.nowrap {
	white-space: nowrap;
	}

img {
	border:0;
	background: transparent !important;
	}
	
#contentContainer {
	margin: 0 0 0 20px;
	float: left;
	width: 672px;
	}
	
	
	
/* -- Contact --------------------------- */

.left {
	display: block;
	float: left;
	}

.right {
	display: block;
	float: right;
	}
	
#topDrawer {
	background-color: #000;
	}
	
#aboutUs {
	background-image: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	color: #CCC;
	padding: 0;
	clear: both;
	height: 0;
	margin: 0 auto;
	padding: 0 20px;
	width: 840px;
	overflow: hidden;
	visibility: hidden;
	}
	
#aboutUs p {
	padding: 6px;
	color: #AAA;
	font-size: 116%;
	}
	
#contactUs {
	background-image: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	color: #CCC;
	padding: 0;
	clear: both;
	height: 0;
	margin: 0 auto;
	padding: 0 20px;
	width: 840px;
	overflow: hidden;
	visibility: hidden;
	}
	
#contactUs label {
	display: block;
	clear: both !important;
	margin: 4px 0 -4px;
	font-size: 125.5%;
	}
	
.contactHr {
	background-image: url(/themes/wildsidegothic/images/gui/contact/contactHr.png);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	padding: 10px 0;
	height: 2px;
	width: 840px;
	overflow: hidden;
	clear: both;
	}
	
#contactUs caption {
	text-align:center; 
	width: 100%; 
	font-size: 138.5%;
	display: block;
	clear: both;
	}
	
.contactUsTable input, .contactUsTableInside input, .contactUsTable textarea, .contactUsTableInside textarea {
	font-size: 116%;
	border-style: inset;
	border-width: 2px;
	}
	
.contactUsTableInside input, .contactUsTableInside textarea {
	border-color: #DDD;
	}
	
.contactUsTable input, .contactUsTable textarea {
	border-color: #444;
	}
	
#contactUs .inputButton {
	border-style: outset;
	padding: 4px 10px;
	width: auto !important;
	}
	
.contactUsTable .inputButton:active, .contactUsTableInside .inputButton:active {
	border-style: inset;
	}

.contactUsTable, .contactUsTableInside {
	color: #CCC;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
label {
	display: block;
	}
	
.inputqty {
	width: 50px;
	}
	
	
	
/* -- Navigator --------------------------- */

#itemLoader {
	z-index: 999 !important;
	margin: 152.5px auto 0;
	width: 255px;
	}
	
#naviBlock {
	color: #FFF;
	width: 325px;
	text-align: center;
	position: absolute;
	z-index: 30 !important;
	height: 30px;
	overflow: hidden;
	background-image: url(images/gui/photo/navBg.png);
	background-repeat: repeat;
	}
	
#naviBlockAlbum {
	height: 30px;
	width: 652px;
	margin: 0 0 0 2px;
	background-image: url(images/gui/navigation/albumNaviBg.png);
	background-repeat: no-repeat;
	background-color: #ae7e4f;
	position: relative;
	}
	
#naviBlockAlbum a {
	color: #FFF !important;
	cursor: pointer;
	height: 18px;
	margin: 1px;
	padding: 5px 4px;
	display: block;
	}
	
#naviBlockAlbum .first, #naviBlockAlbum .next {
	background-image: url(images/gui/navigation/albumNaviBgL.png);
	background-repeat: no-repeat;
	background-color: #ab834f;
	cursor: pointer;
	height: 16px;
	margin: 4px 1px 4px 4px;
	padding: 3px 4px;
	display: block;
	}
	
#naviBlockAlbum .first:hover, #naviBlockAlbum .next:hover {
	background-color: #4d0011;
	}
	
#naviBlockAlbum .first:active, #naviBlockAlbum .next:active {
	background-color: #222;
	}
	
#naviBlockAlbum .last, #naviBlockAlbum .previous {
	background-image: url(images/gui/navigation/albumNaviBgR.png);
	background-repeat: no-repeat;
	background-color: #ab834f;
	background-position: right;
	cursor: pointer;
	height: 16px;
	margin: 4px 4px 4px 1px;
	padding: 3px 4px;
	display: block;
	}
	
#naviBlockAlbum .last:hover, #naviBlockAlbum .previous:hover {
	background-color: #4d0011;
	}
	
#naviBlockAlbum .last:active, #naviBlockAlbum .previous:active {
	background-color: #222;
	}
	
#naviBlockAlbum .current {
	background-image: url(images/bg/overlayDark.png);
	background-repeat: repeat;
	position: absolute;
	text-align: center;
	margin: 0 251px;
	padding: 8px 0;
	height: 12px;
	width: 150px;
	color: #FFF !important;
	cursor: pointer;
	display: block;
	}
	
#naviBlock a.first, #naviBlock a.previous, #naviBlockAlbum a.first, #naviBlockAlbum a.previous {
	float: left;
	}
	
#naviBlock a.last, #naviBlock a.next, #naviBlockAlbum a.last, #naviBlockAlbum a.next {
	float: right;
	}
	
#naviBlock .first {
	background-image: url(images/gui/photo/navFirst.png);
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	color: #DDD;
	height: 22px;
	width: 46px;
	margin: 0 !important;
	padding: 7px 0 0 14px !important;
	display: block;
	}
	
#naviBlock .first:hover {
	color: #960;
	background-image: url(images/gui/photo/navFirst.png);
	background-color: transparent !important;
	background-position: -60px;
	}
	
#naviBlock .first:active {
	color: #CCC;
	background-image: url(images/gui/photo/navFirst.png);
	background-color: transparent !important;
	background-position: -120px;
	}
	
#naviBlock .previous {
	background-image: url(images/gui/photo/navPrev.png);
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	color: #DDD;
	height: 22px;
	width: 46px;
	margin: 0 0 0 -1px !important;
	padding: 7px 0 0 14px !important;
	display: block;
	}
	
#naviBlock .previous:hover {
	color: #960;
	background-image: url(images/gui/photo/navPrev.png);
	background-color: transparent !important;
	background-position: -60px;
	}
	
#naviBlock .previous:active {
	color: #CCC;
	background-image: url(images/gui/photo/navPrev.png);
	background-color: transparent !important;
	background-position: -120px;
	}
	
#naviBlock .next {
	background-image: url(images/gui/photo/navNext.png);
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	color: #DDD;
	height: 22px;
	width: 46px;
	margin: 0 -1px 0 0 !important;
	padding: 7px 14px 0 0 !important;
	display: block;
	}
	
#naviBlock .next:hover {
	color: #960;
	background-image: url(images/gui/photo/navNext.png);
	background-color: transparent !important;
	background-position: -60px;
	}
	
#naviBlock .next:active {
	color: #CCC;
	background-image: url(images/gui/photo/navNext.png);
	background-color: transparent !important;
	background-position: -120px;
	}
	
#naviBlock .last {
	background-image: url(images/gui/photo/navLast.png);
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	color: #DDD;
	height: 22px;
	width: 46px;
	margin: 0 !important;
	padding: 7px 14px 0 0 !important;
	display: block;
	}
	
#naviBlock .last:hover {
	color: #960;
	background-image: url(images/gui/photo/navLast.png);
	background-color: transparent !important;
	background-position: -60px;
	}
	
#naviBlock .last:active {
	color: #CCC;
	background-image: url(images/gui/photo/navLast.png);
	background-color: transparent !important;
	background-position: -120px;
	}
	

.block-core-Navigator img {
	color: #FFF;
	vertical-align: middle;
	}

.block-core-Navigator img:hover {
	height: 75px !important;
	width: 75px !important;
	}
	
.block-core-Navigator .current,
.block-core-Navigator .first-and-previous,
.block-core-Navigator .next-and-last {
	display: inline;
}

.block-core-Navigator .first-and-previous {
	float: left;
	}
	
.block-core-Navigator .next-and-last {
	float: right;
	}

.block-core-Navigator .current img:hover,
.block-core-Navigator .first-and-previous img:hover,
.block-core-Navigator .next-and-last img:hover {
	background: transparent;
}

.block-core-Navigator .current {
	margin: 0 auto;
	display: inline;
}

#rss {
	margin: 0;
	padding: 0;
	}
	



/* -- Logos ------------------ */
	
#logo {
	margin: 0;
	}
	
#logoLink:hover {
	background-color: transparent !important;
	}
	


	


/* -- PROMO -------------------------------------- */






	

/* -- TEXT / HEADINGS / NOTICES ------------------ */

a {
	color: #682403;
	border: 0;
	text-decoration: none;
	}

a:hover {
	color: #FFF;
	border: 0;
	background: #a7a7a7;
	}

a img:hover {
	background: transparent !important;
	}
	
a.promo_link, a.promo_link:hover {
	margin: 0;
	padding: 0;
	background: transparent;
	}


a.logo {
	margin: 0;
	padding: 0;
	position: absolute;
	}

a.logo:hover {
	background: none;
	}
	
.tagline {
	font-size: 1em;
	margin: 5px auto;
	}
	
h1 {
	font-size:152%;  
	}

h2 {
	font-size:138.5%; 
	}

h3 {
	font-size:123.1%;  
	}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
	}

.giSuccess, .giWarning, .giError  {
	font-weight: bold;
	text-shadow: #FFF 0 1px 1px;
	padding: 2px;
	}
	
.giSuccess {
	text-shadow: #FFF 0 1px 1px;
	color: #667f05 !important;
	}
	
.giWarning {
	text-shadow: #FFF 0 1px 1px;
	color: #BC8500 !important;
	}
	
.giError {
	text-shadow: #FFF 0 1px 1px;
	color: #682403 !important;
	}
	
#ft a {
	color: #CCC;
	font-weight: bold;
	}
	
.printLink {
	color: #300;
	font-size: small;
	font-weight: bold;
	cursor: pointer;
	background: url(images/icons/printer.gif) no-repeat;
	padding-left: 20px;
	height: 16px;
}
	

	

/* -- Gallery Album listing / thumbnails ------------------ */


.itemThumbImage {
	opacity: .8;
	-webkit-transition: opacity 1s linear;
}

.itemThumbImage:hover {
	opacity: 1;
}
	
.one-image a {
	padding: 0;
	display: block;
	}

#categoryThumbs, #itemThumbs {
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#imageBlock .imageBlockImage {
	width: 80px;
	height: 80px;
	float: left;
	cursor: pointer;
	}
	
.noTitle, .panel .noTitle {
	height: 4px !important;
	margin-bottom: -4px !important;
	background-color: transparent !important;
	}
	
#itemThumbs .editPanel .hd h4, #categoryThumbs .editPanel .hd h4 {
	display: none;
	}
	
.itemInfo {
	position: absolute;
	index: 4;
	}
	
.itemThumb .imageBlockImage {
	background-image: none;
	index: 1;
	position: absolute;
	border: 1px solid #000;
	width: 60px;
	height: 60px;
	margin: 110px 0 0 110px;
	background-position: -120px;
	border: 1px solid #DDD;
	z-index: 10;
	}
	
.itemThumb .imageBlockImage:hover,  #seeAlso .imageBlockImage:hover {
	cursor: pointer;
	border: 1px solid #4d0011;
	}
	
.itemThumb_default {
	background-color: #AAA !important;
	}
	
#pageWrapper {
	width: 100%;
	height: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	}
	
#photoContainer {
	width: 505px;
	text-align: left;
	}
	
#photoChangeOptions {
	position: absolute;
	overflow: visible;
	margin: 290px 10px 0;
	width: 305px;
	height: 45px;
	z-index: 29;
	}
	
#shirtOptions {
	display: block;
	width: 50px;
	height: 25px;
	background-image: url(images/gui/photo/photoOptions.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -50px;
	margin-left: 50px;
	}
	
#shirtOptions:hover {
	background-image: url(images/gui/photo/photoOptions.png);
	background-color: transparent;
	background-position: -150px;
	}
	
#shirtOptions:active {
	background-image: url(images/gui/photo/photoOptions.png);
	background-color: transparent;
	background-position: -250px;
	}
	
.itemInfo .giNew, .itemInfo .giUpdated {
	background-image: none;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	margin: 6px 0 0 6px;
	text-transform: capitalize;
	text-shadow: #000 0 1px 1px;
	display: none;
	}
	
.itemInfo .giUpdated {
	display: none;
	}


.categoryTitle, .itemTitle {
	color: #666;
	padding: 2px;
	text-align: center;
	height: 15px;
	clear: left;
	width: 160px;
	float: left;
	}
	
.itemEdit {
	display: inline;
	float: left;
	height: 12px;
	width: 30px;
	background-image: url(/themes/wildsidegothic/images/icons/editThumb.png);
	}
	
.itemEdit:hover {
	background-image: url(/themes/wildsidegothic/images/icons/editThumb.png);
	background-position: -30px;
	}
	
.itemEdit:active {
	background-image: url(/themes/wildsidegothic/images/icons/editThumb.png);
	background-position: -60px;
	}

.itemWrapper {
	text-align: center;
	width: 160px;
	margin: 2px;
	float: left;
	}

.categoryThumb, .itemThumb {
	background-image: url(images/bg/thumb.png);
	background-repeat: no-repeat;
	background-position: 0;
	background-color: #F0F0F0;
	text-align: center;
	height: 160px;
	overflow: hidden;
	display: block;
	float: left;
	padding: 0 !important;
	}

.categoryWrapper {
	margin: 0 0 10px;
	}
	
.categoryLabel {
	background-image: url(images/bg/thumbCategory.png);
	background-repeat: no-repeat;
	background-color: #ae7e4f;
	background-position: 0;
	width: 158px;
	height: 15px;
	float: left;
	text-align: center;
	padding: 5px 0;
	margin: 2px 3px 0;
	cursor: pointer;
	}
	
.categoryLabel:hover {
	background-image: url(images/bg/thumbCategory.png);
	background-repeat: no-repeat;
	background-color: #71420c;
	}
	
.categoryLabel:active {
	background-image: url(images/bg/thumbCategory.png);
	background-repeat: no-repeat;
	background-color: #000;
	}
	
.categoryLabel a {
	color: #FFF;
	font-weight: bold;
	background-color: transparent !important;
	display: block;
	width: 100%;
	height: 100%;
	}

.categoryThumb:hover, .itemThumb:hover {
	background-image: url(images/bg/thumb.png) !important;
	background-repeat: no-repeat;
	background-position: -160px;
	}

.categoryThumb:active, .itemThumb:active {
	background-image: url(images/bg/thumb.png) !important;
	background-repeat: no-repeat;
	background-position: -320px;
	}

.categoryThumb img, .itemThumb img {
	max-width: 156px;
	max-height: 156px;
	display: block;
	margin: 2px auto !important;
	padding: 0;
	}

.itemThumb a, .categoryThumb a {
	margin: 0 !important;
	padding: 0 !important;
	width: 160px;
	background-color: transparent;
	display: block;
	text-align: center !important;
	}
	
#SearchScan .divider, #SearchShowAll .divider {
	padding: 2px 0;
	height: 21px;
	}
	
.divider .inputTypeSubmit {
	background-color: #BBB !important;
	background-image: none !important;
	border: none !important;
	height: 17px;
	padding: 0 15px;
	font-size: .9em;
	}
	
.divider .inputTypeSubmit:hover {
	background-color: #333 !important;
	color: #ddd !important;
	}
	
.divider .inputTypeSubmit:focus, .divider .inputTypeSubmit:active {
	background-color: #EEE !important;
	color: #444 !important;
	border: none !important;
	}

#SearchScan p.giDescription	{
	display: none;
	}
	
	
	
	
	


/* -- Gallery Items ----------------------- */

.gallery-empty {
	padding: 1.5em;
	margin: 30px;
	font-size: 1.2em;
}

.customfields {
	line-height: 125%;
	text-align: left !important;
	}
	
.customfieldtitle {
	float: left;
	}
	
.customfieldvalue span, .customfieldvalue a {
	border: none;
	padding: 0;
	margin: 0;
	float: right;
	}




/* -- Thumbnails ----------------------- */


.web00 {
	background-color: #804812;
	}

.web01 {
	background-color: #012117;
	}

.web02 {
	background-color: #746e27;
	}

.web03 {
	background-color: #ab2624;
	}

.web04 {
	background-color: #996633;
	}

.web05 {
	background-color: #270C28;
	}

.web06 {
	background-color: #d5bb3d;
	}

.web07 {
	background-color: #529aad;
	}

.web08 {
	background-color: #181c34;
	}

.web09 {
	background-color: #412800;
	}

.web10 {
	background-color: #b66060;
	}

.web11 {
	background-color: #4e421c;
	}

.web12 {
	background-color: #2E0303;
	}

.web13 {
	background-color: #f8e7d9;
	}

.web14 {
	background-color: #d8c6a1;
	}

.web15 {
	background-color: #f8f5d9;
	}

.web16 {
	background-color: #e2f8d9;
	}

.web17 {
	background-color: #d9eaf8;
	}

.web18 {
	background-color: #f8dad9;
	}

.web19 {
	background-color: #d9f8f3;
	}

.web20 {
	background-color: #e4d9f8;
	}

.web21 {
	background-color: #c9b4f2;
	}

.web22 {
	background-color: #f2b4d4;
	}

.web23 {
	background-color: #d0f2b4;
	}

.web24 {
	background-color: #b4e3f2;
	}

.standardThumbWhite {
	background-color: #fff;
	}

.standardThumbBlack {
	background-color: #000;
	}

.standardThumbGray {
	background-color: #333;
	}

.standardThumbLightGray {
	background-color: #CCC;
	}
	




/* -- Gallery Photo (detail page) --------- */

.mask {
	filter:alpha(opacity=70) !important;
	-moz-opacity:.7 !important;
	opacity:.7 !important;
	z-index: 2 !important;
	}
	
.matte {
	background-image: url(images/bg/overlayDark60.png) !important;
	background-color: transparent !important;
	}
	
.underlay {
	filter:alpha(opacity=35) !important;
	-moz-opacity:.35 !important;
	opacity:.35 !important;
	}
	
#orderform_link {
	width: 105px;
	height: 53px;
	margin: 0 auto 10px;
	display: block;
	background-image: url(images/icons/orderform_button.png);
	background-color: #ae7e4f;
}
	
#orderform_link:hover {
	background-color: #704700;
}
	
#orderform_link:active {
	background-color: #4d0011;
}

#addToCartButton-button, #viewCartButton-button, #favBadge-button, #favBadgeRemove-button {
	font-weight: normal !important;
	}

#addToCartButton, #viewCartButton {
	width: 152px;
	}
	
#favBadge, #favBadgeRemove, #favoritesModule {
	display: none;
	}
	
#itemDisplayDialog #photoContainerOrderInfo {
	position: absolute;
	text-align: center;
	margin: 505px 0 0;
	background-image: url(images/bg/overlayDark60.png);
	background-repeat: repeat;
	color: #DDD;
	height: 20px;
	z-index: 999 !important;
	width: 525px;
	}
	
#pageDisplayDialog #photoContainerOrderInfo {
	background-image: url(images/bg/overlayDark60.png);
	background-repeat: repeat;
	position: absolute;
	text-align: center;
	margin: 700px auto 0;
	color: #EEE;
	width: 520px;
	height: 14px;
	padding: 3px 0;
	z-index: 999 !important;
	}
	
.photoContainerSwatchButton {
	background-color: transparent;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
	text-align: center;
	margin: 1px;
	padding: 0 !important;
	display: block;
	float: left;
	}
	
.photoContainerSwatchButtonBig {
	background-image: none !important;
	}
	
.photoContainerSwatchButton:hover {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
	background-color: #444;
	}
	
.photoContainerSwatchButton:active {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
	background-color: #CCC;
	}
	
#customSwatch {
	width: 220px;
	height: 200px;
	overflow: hidden;
	}
	
#customSwatch_wrapper {
	padding: 2px;
	z-index: 31;
	width: 215px;
	height: 200px;
	overflow: hidden;
	margin: 2px;
	float: left;
	}
	
.yui-picker-controls, .yui-picker-swatch {
	display: none;
	}
	
#swatches {
	position: absolute;
	padding: 0;
	text-align: center;
	margin: 329px 4px 0;
	width: 325px;
	float: left;
	}
	
#swatchesLight {
	clear: both;
	}
	
#swatchesDark {
	clear: both;
	}
	
#swatches #lights, #swatches #darks, #swatches #blank {
	text-align: center;
	margin: 0;
	clear: both;
	}
	
#seeAlso {
	background-image: none;
	background-repeat: repeat;
	background-color: transparent !important;
	text-align: right !important;
	position: absolute !important;
	margin: 240px 0 0 6px;
	z-index: 904;
	width: 200px;
	float: right;
	border: 0;
	height: 80px;
	}
	
.seeAlsoButton {
	background-image: url(images/gui/photo/seeAlsoButton.png);
	background-repeat: no-repeat;
	background-position: 0;
	width: 62px;
	float: left;
	margin: 0 2px 2px 0;
	}
	
.seeAlsoButton:hover {
	background-position: -62px;
	color: #FFF;
	}
	
.seeAlsoButton:active {
	background-position: -124px;
	color: #222;
	}
	
.seeAlsoLabel {
	background-image: none;
	background-repeat: repeat;
	background-color: none !important;
	margin: 60px 0 0 0;
	padding: 2px 0;
	width: 62px;
	height: 16px;
	text-align:center;
	}
	
#seeAlso .imageBlockImage {
	margin: 0 1px;
	position: relative;
	border: 0;
	}
	
#seeAlso .imageBlockImage:hover {
	border: 0;
	}
	
#seeAlso ul {
	background-color: transparent;
	}
	
#seeAlso ul li{
	background-color: transparent;
	float: left;
	width: 60px;
	height: 60px;
	}
	
.photoContainerSwatch {
	background-image: none;
	background-color: transparent;
	background-position: 0;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	float: left;
	}
	
.photoContainerSwatch .wide {
	width: 48px !important;
	}
	
#photoContainerSwatchButton_custom_wrapper, #photoContainerSwatchButton_shirt_options {
	background-image: url(images/gui/swatch/swatchBgCustom.png);
	background-repeat: no-repeat;
	background-position: 0;
	cursor: pointer !important;
	padding: 0;
	margin: 0 0 4px 2px !important;
	display: block;
	color: #FFF !important;
	text-transform: uppercase;
	}
	
#photoContainerSwatchButton_shirt_options {
	background-color: #663300;
	}
	
#photoContainerSwatchButton_shirt_options:hover {
	background-color: #663300;
	}
	
#photoContainerSwatchButton_shirt_options:active {
	background-color: #4d0011;
	}
	
.photoContainerSwatchBigEdit {
	background-image: url(images/gui/swatch/swatchBgCustomEdit.png) !important;
	background-repeat: no-repeat;
	background-position: 0 !important;
	width: 30px !important;
	height: 18px !important;
	padding: 0;
	margin: 2px 4px 4px auto !important;
	display: block !important;
	float: right !important;
	}
	
.photoContainerSwatchBigEdit:hover {
	background-position: -30px !important;
	}
	
.photoContainerSwatchBigEdit:active {
	background-position: -60px !important;
	}
	
.photoContainerSwatch:hover {
	}
	
.photoContainerSwatch:active {
	}
	
.photoContainerSwatchFabric {
	height: 12px;
	padding: 2px;
	margin: 6px;
	display: block;
	float: left;
	color: #CCC;
	background-color: #222;
	}
	
#photoContainerTexture {
	background-image: none;
	background-color: #000;
	position: absolute;
	height: 325px;
	margin: 0;
	width: 325px;
	float: left;
	border: 0;
	}
	
#photoContainerShowOn {
	background-color: transparent;
	background-image: none;
	position: absolute;
	height: 325px;
	margin: 0;
	width: 325px;
	float: left;
	border: 0;
	text-align: center;
	z-index: 6;
	}
	
#photoContainerPhoto {
	background-repeat: no-repeat;
	background-position: center;
	width: 325px;
	height: 325px;
	padding: 0;
	display: block;
	float: left;
	position: absolute;
	z-index: 5;
	border: 0;
	margin: 0;
	text-align: center;
	overflow: hidden;
	}
	
#photoTransfer {
	margin: auto;
	}
	
#photoTransferWrapper {
	width: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#photoContainerOptions {
	display: block;
	min-height: 325px;
	}
	
#photoContainerOptionsTabGroup {
	text-align: center;
	padding: 0;
	}
	
#photoContainerOptionsTabGroup .yui-nav, #formsTabGroup .yui-nav {
	border-color: #ae7e4f;
	}
	
#photoContainerOptionsTabGroup li em, #formsTabGroup li em {
	border: none;
	margin: 0;
	}
	
#photoContainerOptionsTabGroup li a, #formsTabGroup li a {
	font-weight: normal;
	background-color: #eed3a8;
	background-image: url(images/gui/sidebar_panel/tab.png);
	background-repeat: no-repeat;
	background-position: center top;
	border: none;
	width: 75px;
	margin: 0;
	}
	
#formsTabGroup li a {
	width: auto;
	background-image: none;
	}
	
#photoContainerOptionsTabGroup li.selected a, #formsTabGroup li.selected a {
	font-weight: normal;
	background-color: #ae7e4f;
	padding: 0;
	border: none;
	color: #FFF;
	}
	
#photoContainerOptionsTabGroup .yui-content, #formsTabGroup .yui-content {
	background-color: transparent;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 0;
	background-image: none;
	}
	
#formsTabGroup .yui-content {
	text-align: left;
	background-image: none;
	padding: 6px;
	}
	
#photoContainerOptionsTabGroup h4, #formsTabGroup h4 {
	color: #4d0011;
	padding: 6px 0 0;
	font-size: 100% !important;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	}
	
#photoContainer .module {
	margin: 0 0 10px !important;
	clear: both;
	}
	
#photoContainer .module hr {
	background-color: #4d0011;
	height: 1px;
	border: 0;
	margin: 0 10px;
	clear: both;
	}
	
#teeModule {
	display: none;
	}

#teePreviewNotice, #teeModuleNotice {
	display: block;
	margin: 4px;
	}

.smallNotice {
	background-image: url(images/icons/caution.png);
	background-repeat: no-repeat;
	padding: 4px 4px 4px 40px;
	text-align: left;
	}

#photoContainerOptions {
	float: right;
	width: 158px;
	}
	
#notification {
	text-align: left;
	}
	
#notification_c {
	border: 1px solid #CCC;
	}

#itemDisplayDialog, #pageDisplayDialog, #custIdDialog, #notification {
	border-color: #DDD;
	z-index: 4 !important;
	overflow: visible;
	}
	
#itemDisplayDialog {
	min-height: 410px;
	}
	
#pageDisplayDialog a, #custIdDialog a, #notification a {
	font-size: 93%;
	font-weight: bold;
	color: #000;
	}
	

#itemDisplayDialog .bd, #pageDisplayDialog .bd, #custIdDialog .bd, #notification .bd {
	border-color: #DDD;
	background-color: #DDD;
	background-position: top center;
	}
	
#itemDisplayDialog .bd {
	min-height: 325px !important;
	}
	
#photoContainerOptions .bd {
	min-height: 0 !important;
	}

#itemDisplayDialog .hd, #pageDisplayDialog .hd, #custIdDialog .hd, #notification .hd {
	border-color: #DDD;
	background-image: none;
	background-color: #DDD;
	margin: 0;
	color: #222;
	}

#itemDisplayDialog .ft, #pageDisplayDialog .ft, #custIdDialog .ft, #notification .ft {
	border-color: #DDD;
	background-color: #DDD;
	margin: 0;
	}

.photoContainerNotice {
	background-image: url(images/gui/itemDialog/noticeBg.png);
	background-repeat: no-repeat;
	background-color: #6b0119;
	color: #DDD;
	height: 15px;
	padding: 5px 0;
	text-align: center;
	border: 0;
	margin: 0 0 10px;
	}

.photoContainerNotice a {
	color: #DDD !important;
	}
	
	


/* -- Navigation ----------------------- */


#breadcrumbLinks {
	padding: 0 0 0 20px;
	font-size: 131%;
	margin: 10px 0;
	max-width: 642px;
	float: left;
	}

.hd #breadcrumbLinks {
	margin: 0;
	padding: 0;
	}
	
#itemActions {
	overflow: hidden;
	float: right;
	width: 158px;
	margin: 10px 20px 10px 0;
	}
	
#itemAction {
	width: 158px;
	}

#newStockId #breadcrumbLinks {
	font-size: 100%;
	margin: 0;
	}
	
#stockIdModule {
	display: none;
	}
	
#breadcrumbLinks a {
	color: #71420c;
	padding: 4px;
	}
	
#breadcrumbLinks a:hover {
	color: #EEE;
	background-image: url(/themes/wildsidegothic/images/bg/overlayDark60.png);
	background-repeat: repeat;
	}
	
#breadcrumbLinks a:active {
	color: #4d0011;
	background-image: url(/themes/wildsidegothic/images/bg/overlayLight60.png);
	background-repeat: repeat;
	}

#navigation {
	margin: 0 20px;
	padding: 4px 0;
	font-size: 100%;
	height: 20px;
	text-align: center;
	white-space: nowrap;
	}

#navigationLinks {
	height: 20px;
	overflow: visible;
	float: left;
	text-align: center;
	margin: 0 auto;
	display: block;
	position: static;
	}

#navigationLinks a {
	background-color: transparent;
	color: #CCC;
	display: block;
	padding: 2px 8px;
	margin: 0;
	}

#navigationLinks a:hover {
	color: #C60;
	}

.navigationLink, .searchLink {
	background-image: url(images/bg/overlayDark.png);
	background-repeat: repeat;
	margin-right: 4px;
	display: block;
	float: left;
	}

.searchLink {
	background-image: url(images/gui/search/searchBarLink.png);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
	color: #CCC;
	display: block;
	padding: 2px 20px 2px 8px;
	}

.searchLink:hover {
	color: #C60;
	background-image: url(images/gui/search/searchBarLink.png);
	background-repeat: no-repeat;
	background-position: right;
	}

.navigationLink:hover, #searchLink:hover {
	background-image: url(images/bg/overlayLight.png) !important;
	}

.navigationLink:active, #searchLink:active {
	background-image: url(images/bg/overlayLight60.png) !important;
	}

.searchPanelInside, .searchPanel {
	height: 0;
	z-index: 901;
	overflow: hidden;
	background-color: #000;
	background-image: url(images/gui/search/searchBarBg.png);
	background-repeat: repeat-x;
	overflow: hidden;
	}

.searchPanel {
	margin: 0;
	width: 880px;
	}

.searchPanelInside {
	width: 880px;
	}

#searchPanel {
	height: 0;
	overflow: hidden !important;
	visibility: hidden;
	}
	
#giFormTitle, #searchCriteria {
	width: 160px;
	background-color: #111;
	border: #444 solid 1px;
	color: #CCC;
	}
	
#giFormTitle:focus, #searchCriteria:focus {
	color: #C90;
	}

#searchContainer {
	position: absolute;
	min-height: 20px;
	margin: 8px 0 0;
	width: 160px;
	text-align: left;
	}

#searchContainer .yui-ac-highlight {
	background-color: #4d0011 !important;
	font-weight: bold;
	}

.yui-ac {
	overflow: visible !important;
	}

#searchContainer li {
	background-color: #FFF !important;
	}

#navigationOptions {
	float: left
	}






/* -- Tables / Forms --------------------------- */


.yui-button {
	background-color: #965B17 !important;
	border: 1px solid  #5f3403 !important;
	border-radius: 3px;
	color: #EEE !important;
	background-image: url(images/gui/buttons/yui-button-bg.png) !important;
	font-size: 14px !important;
	margin: 1px;
	}

.yui-button-hover, .yui-button:hover {
	background-color: #cd8e46 !important;
	border-color: #260109 !important;
	background-image: url(images/gui/buttons/yui-button-bg.png) !important;
	}

.yui-button-focus, .yui-button:focus {
	background-color: #965B17 !important;
	border-color: #260109 !important;
	background-image: url(images/gui/buttons/yui-button-bg.png) !important;
	}

.yui-button-active, .yui-button:active {
	background-color: #965B17 !important;
	border-color: #260109 !important;
	color: #EEE !important;
	background-image: url(images/gui/buttons/yui-button-bg-active.png) !important;
	}

.yui-button-checked {
	background-color: #4D0011 !important;
	border-color: #5f3403 !important;
	color: #EEE !important;
	background-image: url(images/gui/buttons/yui-button-bg.png) !important
	}

.yui-button-checked .yui-button-hover {
	background-color: #4D0011 !important;
	border-color: #5f3403 !important;
	color: #EEE !important;
	background-image: none !important
	}

.rearrangeTable {
	width: 400px !important;
	background-color: #CCC !important;
	}

.checkoutThumb {
	display: block;
	height: auto;
	margin: 10px;
	padding: 10px;
	width: 100px;
	text-align: center;
	border: 4px solid #EEE;
	}
	
.checkoutThumb:hover {
	border: 4px solid #444;
	}

.checkoutSelectTable {
	background-color: #CCC;
	color: #333;
	background-image: url(images/bg/checkoutSelectTableTop.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 650px;
	margin: 0;
	}
	
.checkoutItemTable {
	margin: 20px;
	width: 610px;
	padding: 10px;
	color: #000 !important;
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
.checkoutItemTable th {
	background-color: #4d0011;
	}
	
.checkoutItemPricesTable {
	margin: 10px;
	width: 400px;
	padding: 10px;
	}
	
.checkoutButtonTable {
	width: 590px;
	}

.giDescription {
	color: #888;
	font-size: 105%;
	line-height: 115%;
	}

#gsAdminContents table {
	background: #FFF;
	}
	
#gsContent {
	margin: 20px auto;
	padding: 0;
	color: #666;
	background-color: #FFF;
	}

.gbDataTable {
	color: #CCC;
	text-align: left;
	margin: 0 0 20px;
	background-color: #DDD;
	min-width: 680px;
	width: 100%;
	color: #222;
	}

.gbDataTable tr{
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	}

.gbDataTable tr:hover {
	background-color: #CCC;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	}

.gbDataTable tr:active {
	border-top: 1px solid #4d0011;
	border-bottom: 1px solid #4d0011;
	}

.gbDataTable a {
	color: #4d0111 !important;
	}

.gbDataTable a:hover {
	color: #FFF !important;
	background-image: none !important;
	}
	
.gbDataTable th {
	background-color: #4d0011;
	color: #EEE;
	}
	
.gbDataTable td, .gbDataTable th {
	padding: 4px;
	border: 0;
	}
	
.gbDataTable td:hover {
	color: #FFF;
	}
	
.gbOdd {
	background-image: url(images/bg/overlay_light.png);
	}
	
.gbEven {
	background-color: transparent;
	}
	
	
input.inputTypeSubmit, input.inputTypeButton {
	background-color: #CCC !important;
	font-size: 100% !important;
	text-shadow: #DDD 0 1px 1px !important;
	border: 1px outset #CCC !important;
	padding: 4px;
	color: #222;
	}
	
input.inputTypeSubmit:focus, input.inputTypeButton:focus {
	background-color: #999;
	}

input.inputTypeSubmit:hover, input.inputTypeButton:hover {
	background-color: #999 !important;
	border: 1px outset #999 !important;
	text-shadow: none !important;
	color: #222 !important;
	}
	
input.inputTypeSubmit:active, input.inputTypeButton:active {
	background-color: #333 !important;
	border: 1px inset #333 !important;
	text-shadow: none !important;
	color: #CCC !important;
	}
	
	
#giFormPath {
	width: 250px;
	}
	
input, textarea, select {
	border: 1px solid #A6A6A6;
	color: #444;
	padding: 2px;
	margin: 2px;
	font-size: 106%;
	max-width: 400px;
	min-height: 20px;
	position: relative;
	clear: both;
	}
	
	


/* -- Shopping Cart ---------------------------- */








/* -- ExifInfo ---------------------------- */

.block-exif-ExifInfo div {
	font-size: 0.8em;
	color: #999;
	margin: 1em 0;
}

.gbBusy {
    background-color: #ae9 !important;
}





/* -- Blocks / Item-Links / Panels ---------------- */



.bd {
	margin: 0 !important;
	border-color: #DDD;
	}
	
.groupBox {
	width: 95%;
	margin: 0 auto;
	}
	
.groupBox_tl {
	width: 4px;
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_tl.png);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.groupBox_t {
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_t.png);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
.groupBox_tr {
	width: 4px;
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_tr.png);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.groupBox_l {
	width: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_l.png);
	background-repeat: repeat-y;
	}
	
.groupBox_c {
	background-image: url(images/gui/sidebar_panel/groupBox.png);
	background-repeat: repeat;
	}
	
.groupBox_r {
	width: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_r.png);
	background-repeat: repeat-y;
	}
	
.groupBox_bl {
	width: 4px;
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_bl.png);
	background-repeat: no-repeat;
	}
	
.groupBox_b {
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_b.png);
	background-repeat: repeat-x;
	}
	
.groupBox_br {
	width: 4px;
	height: 4px;
	background-image: url(images/gui/sidebar_panel/groupBox_br.png);
	background-repeat: no-repeat;
	}
	
#gsSidebar {
	float: right;
	width: 158px;
	padding: 0;
	text-align: center;
	margin: 0 20px 0 0;
	}
	
.gsSideBarInside {
	margin-right:  20px !important;
	}
	
#gbSiteAdminLinks {
	background-color: #ae7e4f;
	}
	
#gsSidebar .panel {
	background-color: #ae7e4f;
	border: 0 !important;
	margin: 0 0 20px;
	}
	
#itemDisplayDialog .module, #pageDisplayDialog .module {
	margin: 0 0 10px;
	width: 158px;
	padding: 0;
	border: 0 !important;
	background-color: #ae7e4f;
	}
	
.itemSizeButton {
	font-weight: normal;
	font-size: 93%;
	color: #000;
	margin: 4px 3px 0;
	padding: 6px 4px;
	width: 144px;
	background-image: url(images/gui/sidebar_panel/itemPrice.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #965b17;
	}
	
.itemStockId {
	font-weight: bold;
	width: 152px;
	margin: -6px -4px 0;
	color: #FFF;
	background-image: url(images/gui/sidebar_panel/itemStockId.png);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.itemSizeButton .itemSize {
	padding: 0 !important;
	}
	
.itemSizeButton .gbAdminLink, .itemSizeButton a {
	font-size: 85% !important;
	font-weight: normal !important;
	color: #472913 !important;
	cursor: pointer;
	padding: 0 !important;
	}
	
.itemSizeButton .gbAdminLink:hover, .itemSizeButton a:hover {
	background-color: transparent !important;
	}
	
.itemOrder {
	margin: 4px auto;
	cursor: pointer;
	color: #DDD;
	height: 16px;
	width: 144px;
	padding: 2px 0 2px 6px;
	text-align: center;
	}
	
.itemOrder:hover {
	margin: 4px auto;
	color: #DDD;
	background-color: transparent !important;
	}
	
.itemSize {
	font-size: 116%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
	padding: 4px 8px 0;
	}
	
.itemPrice {
	font-size: 90%;
	padding: 0 8px 2px;
	margin: 0;
	color: #000;
	display: none;
	}
	
.itemPrice strong {
	font-size: 120%;
	padding: 0;
	margin: 0;
	}
	
.gbAdminLink {
	color: #CCC;
	display: block;
	}
	
#gsSidebarCol ul {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding-bottom: 4px;
	}
	
#gsSidebarCol li {
	color: #FFF;
	}

#gsSidebar li span {
	background-image: url(images/gui/sidebar_panel/buttonBg.png);
	background-position: -316px;
	display: block;
	height: 10px;
	padding: 8px 0;
	clear: both;
	margin: 12px 0 0;
	}
	
	
#gsSidebar .panel .hd, #gsSidebar h2, #itemDisplayDialog .module .hd, #pageDisplayDialog .module .hd {
	background-color: #4d0011;
	background-image: url(images/gui/sidebar_panel/backgroundHd.png);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	height: 20px;
	padding: 3px 0;
	color: #fff;
	border: 0 !important;
	clear: both;
	}
	
.panel, .module {
	margin: 6px 0 0;
	}
	
#gsSidebar h2 {
	margin-bottom: -2px !important;
	font-size: 14px !important;
	}
	
#gsSidebar .panel .bd, #gsSidebar .bd, #itemDisplayDialog .module .bd, #pageDisplayDialog .module .bd {
	background-image: url(images/gui/sidebar_panel/backgroundFt.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #ae7e4f;
	padding: 4px 0;
	border: 0 !important;
	margin: 0 !important;
	min-height: 30px;
	}
	
.photoContainerButtonLink, .gbAdminLink a {
	background-image: none;
	display: block;
	padding: 6px 0 6px 6px !important;
	}
	
#gsSidebar .panel .bd a, #gsSidebar .panel .bd .dTreeNode, .gbAdminLink a, .toggleLabel, .catalogLink {
	background-image: url(images/gui/sidebar_panel/buttonBg.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0;
	text-shadow: #CCC 0 1px 1px;
	text-align: left;
	display: block;
	float: left;
	width: 152px;
	padding: 6px 3px 6px 6px;
	height: 14px;
	overflow: hidden;
	color: #3b1c0f;
	font-weight: normal !important;
	cursor: pointer;
	margin: 1px 0;
	white-space: nowrap;
	}
	
.panel .bd a#registerButton {
	margin: 0 auto !important;
	}
	
	
#gsSidebarCol .gbAdminLink a {
	background-image: url(images/gui/sidebar_panel/buttonBg.png);
	text-shadow: none;
	color: #CCC;
	text-align: center;
	}
	
#gsSidebarCol h2 {
	background-image: none !important;
	background-color: transparent;
	}
	
	
#gsSidebar .panel .bd a:hover, #gsSidebar .panel .bd .dTreeNode:hover, .gbAdminLink a:hover, #pageDisplayDialog .module .photoContainerButton:hover, .catalogLink:hover {
	background-image: url(images/gui/sidebar_panel/buttonBg.png);
	background-position: -158px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-shadow: #44000f 0 1px 1px;
	color: #DDD;
	}
	
#gsSidebar .panel .bd a:active, #gsSidebar .panel .bd .dTreeNode:active .gbAdminLink a:active, #pageDisplayDialog .module .photoContainerButton:active, .catalogLink:active {
	background-image: url(images/gui/sidebar_panel/buttonBg.png);
	background-position: -316px;
	background-color: transparent;
	background-repeat: no-repeat;
	text-shadow: none;
	color: #EEE;
	}
	
#gsSidebar .panel .ft, #itemDisplayDialog .module .ft, #pageDisplayDialog .module .ft {
	display: none;
	}
	
.dtree a {
	background-image: none !important;
	padding: 4px 0 !important;
	height: 18px !important;
	}
	
.dTreeNode {
	width: 149px !important;
	overflow: hidden;
	padding: 0 2px 0 6px !important;
	float: left !important;
	height: 26px !important;
	}
	
.clip {
	clear: both;
	}
	
.clip .clip {
	background-color: #965b17;
	padding: 4px 0;
	position: absolute;
	width: 158px;
	border: 1px solid #111;
	}
	
.clip .clip img {
	display: none;
	}
	
.nodeIcon {
	width: 20px !important;
	float: right !important;
	background-image: none !important;
	clear: none !important;
	}
	
.node, .nodeSel {
	width: 120px !important;
	float: left !important;
	background-image: none !important;
	clear: none !important;
	display: block !important;
	}
	
.checkoutNowButton {
	width: 140px !important;
	height: 20px !important;
	padding: 5px 0 !important;
	font-size: 1.2em;
	font-weight: bold !important;
	background-image: url(images/gui/sidebar_panel/actionButton.png) !important;
	text-align: center !important;
	background-position: 0 !important;
	clear:both;
	}
	
.checkoutNowButton:hover {
	background-image: url(images/gui/sidebar_panel/actionButton.png) !important;
	background-position: -140px !important;
	text-shadow: none !important;
	color: #4d0011 !important;
	}
	
.checkoutNowButton:active {
	background-image: url(images/gui/sidebar_panel/actionButton.png) !important;
	background-position: -280px !important;
	text-shadow: none !important;
	color: #fff !important;
	}
		
.badgeButton {
	width: 66px !important;
	height: 66px !important;
	padding: 2px !important;
	background-image: url(images/gui/sidebar_panel/badgeButton.png) !important;
	text-align: center !important;
	background-position: 0 !important;
	}
	
.badgeButton:hover {
	background-image: url(images/gui/sidebar_panel/badgeButton.png) !important;
	background-position: -70px !important;
	text-shadow: none !important;
	color: #4d0011 !important;
	}
	
.badgeButton:active {
	background-image: url(images/gui/sidebar_panel/badgeButton.png) !important;
	background-position: -140px !important;
	text-shadow: none !important;
	color: #fff !important;
	}
	
.badgeButtonLabelAlbum {
	background-image: url(/themes/wildsidegothic/images/bg/overlayDark.png);
	background-repeat: repeat;
	margin-left: -1px;
	padding: 2px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	display: block;
	color: #FFF;
	font-size: 80%;
	}
	
.badgeButton .badgeItemCount {
	font-size: 200%;
	font-weight: bold;
	display: block;
	margin: 0;
	height: 32px;
	}
	
.badgeButton  .badgeItemLabel {
	font-weight: bold;
	clear: both;
	display: block;
	}
	
#membersOnline {
	display: none;
	position: absolute;
	background-color: #fff;
	margin: 45px 0 0 170px;
	padding: 10px;
	max-width: 300px;
	}
	
#metaData {
	display: none;
	}
	
#metaDataPanel #metaData {
	display: block;
	}
	
.toggleLabel {
	background-image: url(images/gui/sidebar_panel/panelToggleLabel.png);
	text-shadow: none;
	color: #CCC;
	width: 150px;
	padding-left:8px;
	}
	
#toggleShirt {
	display: block;
	}
	
.toggleButton {
	background-image: url(images/gui/sidebar_panel/panelToggleButton.png);
	background-repeat: no-repeat;
	background-position: 0;
	width: 61px;
	height: 17px;
	margin: -2px 8px 0 0;
	float: right;
	cursor: pointer;
	}
	
.toggleButton:hover {
	background-image: url(images/gui/sidebar_panel/panelToggleButton.png);
	background-position: -122px;
	background-color: transparent !important;
	}
	
#featuredItems {
	margin: 0;
	background-color: #000;
	}
	
#featuredItemsSideBar {
	background-color: #4d0011;
	width: 320px;
	height: 706px;
	 position: relative;
	 z-index: 900;
	}
	
#categories {
	text-align: center;
	}
	
#catalogTable, #supplementTable {
	clear: both;
	}
	
#supplementTable {
	padding: 20px 0 0 0;
	}
	
#catalogTable .hd, #supplementTable .hd {
	text-align: center;
	font-size: 140%;
	color: #000;
	text-transform: uppercase;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	}
	
#categoryLinks {
	text-align: center;
	position: relative;
	}
	
#categoryLinksPanel {
	display: none;
	}
	
#featuredItemsSideBar #gsSidebar {
	width: 320px;
	text-align: center;
	}
	
#featuredItemsSideBar .panel {
	margin: 0;
	clear:both;
	}
	
#featuredItemsSideBar .panel .hd {
	display: block;
	height: 20px;
	padding: 5px 0;
	color: #a7a7a7;
	text-shadow: #520113 0 1px 1px;
	text-align: center;
	font-size: 108%;
	text-transform: uppercase;
	background-image: url(images/promo/featured/categoryHd.jpg);
	background-repeat: repeat-x;
	}
	
#featuredItemsSideBar .panel .bd {
	display: block;
	background-image: none;
	}
	
#featuredItems .editPanel {
	display: none;
	}
	
.jcarousel-prev, .jcarousel-next {
	width: 20px;
	height: 107px;
	background-position: 0 center;
	cursor: pointer;
	}
	
.jcarousel-skin-midnight .jcarousel-prev, .jcarousel-skin-midnight .jcarousel-next {
	display: none !important;
	}
	
.jcarousel-prev:hover, .jcarousel-next:hover {
	background-position: -20px center; 
	}
	
.jcarousel-prev:active, .jcarousel-next:active {
	background-position: -40px center; 
	}
	
.jcarousel-prev {
	background-image: url(images/promo/featured/imageBlockNavPrev.png);
	background-repeat: no-repeat;
	background-position: 0;
	float: left;
	}
	
.jcarousel-next {
	background-image: url(images/promo/featured/imageBlockNavNext.png);
	background-repeat: no-repeat;
	background-position: 0;
	float: right;
	}
	
.jcarousel-skin-midnight .jcarousel-prev, .jcarousel-skin-midnight .jcarousel-next {
	width: 20px;
	height: 107px;
	background-position: 0 center;
	cursor: pointer;
	}
	
.jcarousel-skin-midnight .jcarousel-prev {
	background-image: url(images/promo/featured/imageBlockNavPrev.png);
	background-repeat: no-repeat;
	background-position: 0;
	float: left;
	position: absolute;
	}
	
.jcarousel-skin-midnight .jcarousel-next {
	background-image: url(images/promo/featured/imageBlockNavNext.png);
	background-repeat: no-repeat;
	background-position: 0;
	float: right;
	position: absolute;
	margin-left: 540px;
	}
	
#newItems, #popularItems {
	background-color: #000;
	background-repeat: repeat-x;
	}
	
#newItems .imageBlock, #popularItems .imageBlock {
	padding: 1px 0;
	margin:  0 !important;
	height: 107px !important;
	border: 0;
	}
	
#newItems .imageBlockImage, #popularItems .imageBlockImage {
	margin: 0 !important;
	width: 105px !important;
	height: 105px;
	text-align: center;
	background-image: url(images/promo/featured/imageBlockImageBg.png);
	background-position: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	border: 0;
	}
	
#newItems .imageBlockImage .giThumbnail, #popularItems .imageBlockImage .giThumbnail {
	margin: 2px 0 0 !important;
	}
	
#newItems .imageBlockImage:hover, #popularItems .imageBlockImage:hover {
	background-position: -105px;
	}
	
#newItems .imageBlockImage:active, #popularItems .imageBlockImage:active {
	background-position: -210px;
	}
	
#newItems h2, #popularItems h2 {
	height: 20px;
	padding: 0;
	margin: 0 auto;
	color: #666;
	}
	
#newItems .hd, #popularItems .hd, #newItems .ft, #popularItems .ft {
	margin: 0;
	height: 20px;
	text-align: center;
	color: #DDD;
	}
	
#categoryPreview {
	width: 320px;
	float: right;
	display: block;
	}
	
#videoPreview {
	clear: left;
	float: left;
	background-color: #000;
	margin: 0;
	overflow: hidden;
	height: 265px;
	width: 100%;
	}
	
#showcase {
	float: left;
	background-image: none;
	background-color: #000;
	background-repeat: no-repeat;
	width: 560px;
	height: 706px !important;
	overflow: hidden;
	}
	
.showcase {
	width: 560px !important;
	height: 706px !important;
	overflow: hidden;
	}
	
#adPreview {
	width: 240px;
	height: 265px;
	float: left;
	overflow: hidden;
	position: absolute;
	margin: 0 0 0 320px;
	cursor: pointer !important;
	background-color: transparent;
	background-position-x: 0;
	background-image: none;
	}
	
#adPreview a {
	padding: 0;
	margin: 0;
	display: block;
	}
	
#adPreview img {
	padding: 0;
	margin: 0;
	display: block;
	}
	
#adPreview:hover {
	cursor: pointer !important;
	background-position-x: -240px;
	background-color: #222;
	}
	
#ad {
	cursor: pointer;
	background-color: #CCC;
	}
	
#adPreview .bd, #ad .bd {
	overflow:hidden;
	}
	
#adPreview .hd, #ad .hd {
	text-align: center;
	text-transform: uppercase;
	font-size: small;
	height: 17px;
	padding: 3px 0 0;
	}	

#progressBar {
	background-image:url(images/gui/progress/progressBg.png);
	background-repeat: no-repeat;
	padding: 10.5px 10px 9.5px;
	width: 235px;
	height: 21px;
	}

#ProgressBar {
	font-size: 131%;
	margin: 0;
	}

#progressToGo {
	border: 1px solid #222 !important;
	background-image: url(images/bg/progresstogo_background.png);
	background-repeat: repeat-x;
	background-color: #ae7e4f;
	}

#progressDone {
	border: 1px solid #555 !important;
	background-image: none !important;
	background-repeat: repeat-x;
	background-color: #4d0011 !important;
	}

#progressMemoryInfo {
	position: relative !important;
	}
	
#progressContinueLink {
	display: block !important;
	}
	
#progressTimeRemaining {
	color: #666;
	margin-top: 10px;
	}
	
.tag6 a {
	color: #53006E;
	font-size: 300%;
	}
	
.tag5 a {
	color: #988406;
	font-size: 260%;
	}
	
.tag4 a {
	color: #667F05;
	font-size: 220%;
	}
	
.tag3 a {
	color: #0E686E;
	font-size: 180%;
	}
	
.tag2 a {
	color: #682403;
	font-size: 140%;
	}
	
.tag1 a {
	color: #333;
	font-size: 100%;
	}



/* -- Admin ------------------------------- */


#gpDebug  {
	display: block;
	margin: 20px auto;
	padding: 20px;
	text-align: left;
	line-height: 200%;
	font-size: 111%;
	position: relative;
	z-index: 1;
	width: auto;
	clear: both;
	color: #999;
	background: #222;
	}

#gpDebug  hr {
	border: #333 solid 1px;
	margin: 20px 0;
	}
	
#itemAdminPreview {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px #CCC solid;
	border-top: 1px #CCC solid;
	background-color: #DDD;
	margin-bottom: 10px;
	text-align: center;
	}
	
#itemAdminPreviewImg {
	width: 262.5px;
	height: 262.5px;
	margin: 10px auto;
	}
	
#itemDisplayDialog #gpDebug {
	height: 150px;
	overflow: scroll;
	margin: 20px auto;
	}
	
.gbTabBar {
	border-bottom: #7e4a0e 1px solid;
	padding: 0;
	text-align: center;
	margin: 20px 0;
	clear: both;
	height: 44px;
	}

.gbTabBar a {
	padding: 0;
	color: #FFF;
	text-shadow: #7e4a0e 0 1px 1px;
	}
	
.gbTabBar a:hover {
	background-image: none !important;
	background-color: transparent !important;
	}
	
.gbTabBar .o {
	display: block;
	float: left;
	background-color: #ae7e4f;
	border-top: 1px solid #7e4a0e;
	border-left: 1px solid #7e4a0e;
	border-right: 1px solid #7e4a0e;
	border-bottom: 1px solid #7e4a0e;
	padding: 6px;
	color: #FFF;
	margin: 15px 2px 0 0;
	white-space: nowrap;
	}
	
.gbTabBar .o:hover {
	cursor: pointer;
	color: #333 !important;
	text-shadow: #EEE 0 1px 1px !important;
	background: none;
	background: #6e3f09;
	border-top: 1px solid #6e3f09;
	border-left: 1px solid #6e3f09;
	border-right: 1px solid #6e3f09;
	border-bottom: 1px solid #7e4a0e;
	}
	
.gbTabBar .giSelected {
	font-weight: bold;
	text-shadow: #CCC 0 1px 1px;
	background: #FFF;
	border-top: 1px solid #7e4a0e;
	border-left: 1px solid #7e4a0e;
	border-right: 1px solid #7e4a0e;
	border-bottom: 1px solid #FFF;
	color: #222;
	}
	
.gbTabBar .giSelected:hover {
	border-bottom: 1px solid #7e4a0e;
	background: #FFF;
	}

#watermark_background {
	border: 1px dotted #222;
	background: #EAEAEA;
	}