/* CSS Document */

a:link {
	color: #000;
	text-decoration: none;
	outline: none;
	}

a:active {
	color: #000;
	text-decoration: none;
	outline: none;
	}

a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	}

a:hover {
	color: #ff6600;
	text-decoration: none;
	outline: none;
	}


a:link.greenLink {
	color: #006600;
	text-decoration: none;
	outline: none;
	}

a:active.greenLink {
	color: #006600;
	text-decoration: none;
	outline: none;
	}

a:visited.greenLink {
	color: #006600;
	text-decoration: none;
	outline: none;
	}

a:hover.greenLink {
	color: #006600;
	text-decoration: underline;
	outline: none;
	}


a:link.redLink {
	color: #cc3300;
	text-decoration: none;
	outline: none;
	}

a:active.redLink {
	color: #cc3300;
	text-decoration: none;
	outline: none;
	}

a:visited.redLink {
	color: #cc3300;
	text-decoration: none;
	outline: none;
	}

a:hover.redLink {
	color: #cc3300;
	text-decoration: underline;
	outline: none;
	}


a:link.textNav {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:active.textNav {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:visited.textNav {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:hover.textNav {
	color: #ff6600;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}


a:link.textNavOn {
	color: #ff6600;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:active.textNavOn {
	color: #ff6600;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:visited.textNavOn {
	color: #ff6600;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}

a:hover.textNavOn {
	color: #ff6600;
	font-size: 12px;
	text-decoration: none;
	outline: none;
	}


a:link.designNav {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:active.designNav {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:visited.designNav {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:hover.designNav {
	color: #ff6600;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}


a:link.infoLink {
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:active.infoLink {
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:visited.infoLink {
	color: #cc3300;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}

a:hover.infoLink {
	color: #cc3300;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}


a:link.footerLink {
	color: #373f0e;
	text-decoration: none;
	outline: none;
	}

a:active.footerLink {
	color: #373f0e;
	text-decoration: none;
	outline: none;
	}

a:visited.footerLink {
	color: #373f0e;
	text-decoration: none;
	outline: none;
	}

a:hover.footerLink {
	color: #373f0e;
	text-decoration: underline;
	outline: none;
	}



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 16px;
	margin: 17px 0px 0px 0px;
	padding: 0px;
	background-color: #b7d32f;
	}

body#infoWin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 16px;
	margin: 17px 0px 0px 0px;
	padding: 20px;
	background-color: #ffcc33;
	}

div#debug {
	z-index: 99;
	position: absolute;
	left: 0px; top: 320px;
	background-color: #fff;
	border: 1px solid #666;
	text-align: left;
	padding: 10px;
	}

div#container {
	position: relative;
	width: 758px;
	}

div#footer {
	position: relative;
	float: left;
	width: 748px;
	font-size: 10px;
	color: #5b6917;
	text-align: center;
	padding-bottom: 20px;
	}

div#boxtop {
	z-index: 1;
	position: relative;
	width: 758px; height: 43px;
	background-image: url('../img/common/top.gif');
	background-repeat: no-repeat;
	}

div#contentMain {
	z-index: 1;
	position: relative;
	float: left;
	width: 758px;
	background-image: url('../img/common/bg.gif');
	background-repeat: repeat-y;
	text-align: left;
	}

div#boxbottom {
	z-index: 1;
	position: relative;
	float: left;
	width: 758px; height: 69px;
	background-image: url('../img/common/bottom.gif');
	background-repeat: no-repeat;
	text-align: right;
	}

img#logo {
	z-index: 2000;
	position: absolute;
	left: 10px; top: 37px;
	}

img#tag {
	z-index: 2;
	position: absolute;
	left: 330px; top: 24px;
	}

div.topnav {
	z-index: 2;
	position: absolute;
	left: 113px; top: 75px; /*302*/
	width: 602px; height: 48px; /*413px; height: 47px;*/
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 11px;
	background-image: url('../img/common/topnav.png');
	}

div.topnav_content {
	position: relative;
	float: right;
	padding: 0 30px 0 0;
	}

div.topnavorange {
	background-image: url('../img/common/topnav/topnav-orange.gif');
	}

div.topnavpink {
	background-image: url('../img/common/topnav/topnav-pink.gif');
	}

div.topnavblue {
	background-image: url('../img/common/topnav/topnav-blue.gif');
	}

div.topnavgreen {
	background-image: url('../img/common/topnav/topnav-green.gif');
	}

div.topnavpurple {
	background-image: url('../img/common/topnav/topnav-purple.gif');
	}

div.topnavwhite {
	background-image: url('../img/common/topnav/topnav-white.gif');
	}

div#leftnav {
	z-index: 2;
	position: relative;
	float: left;
	padding: 98px 6px 0px 12px;
/*	left: 13px; top: 141px;*/
	width: 95px;
	}

div#bottomnav {
	z-index: 2;
	position: relative;
	float: right;
	width: 612px;
	text-align: center;
	padding: 10px 43px 0px 0px;
	}

div#contentContainer {
	z-index: 3;
	position: relative;
	float: left;
	width: 602px;
	padding: 0px;
	}

div.content {
	z-index: 3;
	position: relative;
	float: left;
	width: 606px;
	margin-top: 68px;
	padding: 0px;
	background-repeat: repeat-y;
	}

div.contentorange {
	background-image: url('../img/common/content-bg/content-bg-orange.gif');
	}

div.contentpink {
	background-image: url('../img/common/content-bg/content-bg-pink.gif');
	}

div.contentblue {
	background-image: url('../img/common/content-bg/content-bg-blue.gif');
	}

div.contentpurple {
	background-image: url('../img/common/content-bg/content-bg-purple.gif');
	}

div.contentgreen {
	background-image: url('../img/common/content-bg/content-bg-green.gif');
	}

div.contentwhite {
	background-image: url('../img/common/content-bg/content-bg-white.gif');
	}


/* homepage */

div#homeContentContainer {
	position: relative;
	float: left;
	width: 520px;
	padding: 0px 0px 6px 10px;
	margin: 0px;
	}

div#homeContentContainerNew {
	position: relative;
	float: left;
	width: 520px;
	padding: 0px 0px 6px 10px;
	margin: 0px;
	text-align: center;
	}

div.homeThumb {
	z-index: 10;
	position: relative;
	float: left;
	clear: both;
	width: 93px; height: 100px;
	margin: 0px 6px 6px 6px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url('../img/shop/common/category-orange.gif');
	}

div#homeProducts {
	position: relative;
	float: left;
	width: 100px;
	}

div#homePhotos {
	position: relative;
	float: left;
	width: 277px;
	padding: 0px 4px 0px 8px;
	}

div#homePhotosMSIE {
	position: relative;
	float: left;
	width: 277px;
	padding: 0px 2px 0px 2px;
	}

.greenHeader {
	color: #669933;
	}

div#contentInfoSpacer {
	z-index: 5;
	position: relative;
	float: left;
	width: 1px; height: 516px;
	}

div#contentInfocenter {
	z-index: 5;
	position: relative;
	float: left;
	width: 522px;
	padding: 18px 40px 0px 20px;
	margin-left: 20px;
	text-align: center;
	}

div#contentInfoleft {
	z-index: 5;
	position: relative;
	float: left;
	width: 522px;
	padding: 18px 40px 0px 20px;
	margin-left: 20px;
	text-align: left;
	}

/* MSIE */

div#contentInfocenterMSIE {
	z-index: 5;
	position: relative;
	float: left;
	width: 532px;
	padding: 18px 40px 0px 20px;
	margin-left: 10px;
	text-align: center;
	}

div#contentInfoleftMSIE {
	z-index: 5;
	position: relative;
	float: left;
	width: 532px;
	padding: 18px 40px 0px 20px;
	margin-left: 10px;
	text-align: left;
	}

/* MSIE */


div#contentInfoshop {
	z-index: 5;
	position: relative;
	float: left;
	width: 562px;
	padding: 18px 0px 0px 20px;
	margin-left: 20px;
	text-align: center;
	}

img#pageHeader {
	padding: 10px 0px 20px 0px;
	}

img#aboutPhoto {
	padding: 0px 0px 10px 20px;
	}

div#shopContent {
	position: relative;
	float: left;
	width: 270px;
	padding-left: 20px;
	}

span#smallText {
	font-size: 11px;
	}

span#smallTextLight {
	font-size: 11px;
	color: #b2b28e;
	}

div#contentInfoCategory {
	z-index: 5;
	position: relative;
	float: left;
	width: 460px;
	padding: 18px 30px 0px 66px;
	text-align: center;
	}

div#contentInfoLowtop {
	z-index: 5;
	position: relative;
	float: left;
	width: 460px;
	padding: 28px 30px 0px 66px;
	text-align: center;
	}

div#shopPageHeader {
	position: relative;
	float: left;
	width: 566px;
	text-align: center;
	padding: 30px 20px 0px 20px;
	}

img#shopHeader {
	padding-bottom: 10px;
	}

/* multiples */

div#contentInfoMultiples {
	z-index: 5;
	position: relative;
	float: left;
	width: 530px;
	padding: 28px 25px 0px 40px;
	text-align: center;
	}

img#multiplesHeader {
	padding-bottom: 10px;
	}

img#multiplesSubHeader {
	padding: 10px 0px 10px 0px;
	}

div#multiplesCategoryItem {
	z-index: 5;
	position: relative;
	float: left;
	width: 149px;
	text-align: center;
	padding: 0px 10px 0px 10px;
	padding-bottom: 40px;
	}

div#mutiplesThumbWide {
	z-index: 10;
	position: relative;
	float: left;
	width: 149px; height: 100px;
	margin: 0px 20px 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url('../img/shop/common/multiples-wide-orange.gif');
	}


/* teams */

div#teamsLeft {
	position: relative;
	float: left;
	width: 93px;
	padding-bottom: 20px;
	}

div#teamsMiddle {
	position: relative;
	float: left;
	width: 274px;
	padding: 6px 0px 20px 0px;
	}

div#teamsRight {
	position: relative;
	float: left;
	width: 93px;
	padding-bottom: 20px;
	}



div#contentInfoBoys {
	z-index: 5;
	position: relative;
	float: left;
	width: 460px;
	padding: 48px 20px 0px 86px;
	text-align: center;
	}

div#contentInfoProduct {
	z-index: 5;
	position: relative;
	float: left;
	width: 582px;
	margin-top: 28px;
	text-align: center;
	}

div.contentbottom {
	z-index: 4;
	position: relative;
	float: left;
	width: 602px; height: 36px;
	background-repeat: no-repeat;
	}

div.contentbottomorange {
	background-image: url('../img/common/content-bottom/content-bottom-orange.gif');
	}

div.contentbottompink {
	background-image: url('../img/common/content-bottom/content-bottom-pink.gif');
	}

div.contentbottomblue {
	background-image: url('../img/common/content-bottom/content-bottom-blue.gif');
	}

div.contentbottompurple {
	background-image: url('../img/common/content-bottom/content-bottom-purple.gif');
	}

div.contentbottomgreen {
	background-image: url('../img/common/content-bottom/content-bottom-green.gif');
	}

div.contentbottomwhite {
	background-image: url('../img/common/content-bottom/content-bottom-white.gif');
	}

/* pages */

img#homeImg {
	padding-bottom: 10px;
	}


/* shop */

div#shopRow {
	z-index: 10;
	position: relative;
	float: left;
	clear: both;
	width: 472px;
	padding: 5px 0px 15px 5px;
	margin: 0px;
	text-align: center;
	}

div#categoryMessageRow {
	z-index: 10;
	position: relative;
	float: left;
	clear: both;
	width: 462px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: center
	}

div#categorySubheadRow {
	z-index: 10;
	position: relative;
	float: left;
	clear: both;
	width: 462px;
	padding-top: 10px;
	margin: 0px;
	text-align: center
	}

div#categoryCustomizeRow {
	z-index: 10;
	position: relative;
	float: left;
	clear: both;
	width: 462px;
	padding-top: 20px;
	margin: 0px;
	text-align: center
	}

div.shopThumb {
	z-index: 10;
	position: relative;
	float: left;
	width: 93px; height: 100px;
	margin: 0px 10px 0px 10px;
	background-repeat: no-repeat;
	}

div.shopThumbWide {
	z-index: 10;
	position: relative;
	float: left;
	width: 212px; height: 100px;
	margin: 0px 10px 0px 10px;
	background-repeat: no-repeat;
	text-align: center;
	}

div.shopThumbWideMultiples {
	z-index: 10;
	position: relative;
	float: left;
	width: 149px; height: 100px;
	margin: 0px 20px 0px 44px;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url('../img/shop/common/multiples-wide-orange.gif');
	}

div.shopThumbWideMultiplesMSIE {
	z-index: 10;
	position: relative;
	float: left;
	width: 149px; height: 100px;
	margin: 0px 20px 0px 26px;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url('../img/shop/common/multiples-wide-orange.gif');
	}

div.shopThumbpink {
	background-image: url('../img/shop/common/category-pink.gif');
	}

div.shopThumbpinkWide {
	background-image: url('../img/shop/common/category-wide-pink.gif');
	}

div.shopThumbblue {
	background-image: url('../img/shop/common/category-blue.gif');
	}

div.shopThumbblueWide {
	background-image: url('../img/shop/common/category-wide-blue.gif');
	}

div.shopThumborange {
	background-image: url('../img/shop/common/category-orange.gif');
	}

div.shopThumborangeWide {
	background-image: url('../img/shop/common/category-wide-orange.gif');
	}

div.shopThumbpurple {
	background-image: url('../img/shop/common/category-purple.gif');
	}

div.shopThumbpurpleWide {
	background-image: url('../img/shop/common/category-wide-purple.gif');
	}

img#thumbImg {
	z-index: 10;
	position: relative;
	float: left;
	}

img#thumbImgWide {
	z-index: 10;
	position: relative;
	float: left;
	padding-left: 10px;
	}

img#thumbImgMultiplesWide {
	z-index: 10;
	position: relative;
	float: left;
	}

/* product start */

div#productContainer {
	z-index: 10;
	position: relative;
	float: left;
	width: 259px;
	padding-left: 27px;
	}

div#productBox {
	z-index: 10;
	position: relative;
	float: left;
	width: 259px; height: 313px;
	background-image: url('../img/shop/common/product/product-box.gif');
	background-repeat: no-repeat;
	}

div#productBoxTall {
	z-index: 10;
	position: relative;
	float: left;
	width: 259px; height: 366px;
	background-image: url('../img/shop/common/product/product-box-tall.gif');
	background-repeat: no-repeat;
	}

div#productBoxXtraTall {
	z-index: 10;
	position: relative;
	float: left;
	width: 259px; height: 410px;
	background-image: url('../img/shop/common/product/product-box-xtall.gif');
	background-repeat: no-repeat;
	}

img#productItems {
	z-index: 11;
	position: relative;
	float: left;
	top: 20px; left: 4px;
	padding-right: 8px;
	}

div#productItemsH {
	z-index: 11;
	position: relative;
	float: left;
	margin: 20px 0px 0px -6px;
	text-align: center;
	}

div#productItem {
	z-index: 10;
	position: absolute;
	left: 0px; top: 0px;
	width: 259px; height: 313px;
	}

div#designThumb {
	z-index: 13;
	position: absolute;
	left: 0px; top: 80px;
	width: 258px; height: 60px;
	text-align: center;
	}

div#designHeader {
	z-index: 13;
	position: absolute;
	left: 0px; top: 0px;
	}

div#designTitle {
	z-index: 12;
	position: relative;
	float: left;
	left: 0px; top: 12px;
	width: 259px;
	font-size: 16px;
	text-align: center;
	}

div#designBack {
	z-index: 12;
	position: relative;
	float: left;
	margin: -4px 0px 0px 8px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	}

div#designNext {
	z-index: 12;
	position: relative;
	float: right;
	margin: -4px 8px 0px 0px;
	width: 50px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	}

div#itemType {
	z-index: 12;
	position: absolute;
	left: 0px; top: 269px;
	width: 259px;
	font-size: 12px;
	text-align: center;
	}

div#zoomClick {
	z-index: 12;
	position: absolute;
	left: 0px; top: 289px;
	width: 259px;
	font-size: 10px;
	color: #336600;
	text-align: center;
	}

div#zoomClickTall {
	z-index: 12;
	position: absolute;
	left: 0px; top: 341px;
	width: 259px;
	font-size: 10px;
	color: #336600;
	text-align: center;
	}

div#zoomClickXtraTall {
	z-index: 12;
	position: absolute;
	left: 0px; top: 385px;
	width: 259px;
	font-size: 10px;
	color: #336600;
	text-align: center;
	}

div#colorSwatches {
	z-index: 12;
	position: absolute;
	left: 0px; top: 298px;
	width: 259px;
	text-align: center;
	}

div#colorSwatchesXtraTall {
	z-index: 12;
	position: absolute;
	left: 0px; top: 342px;
	width: 259px;
	text-align: center;
	}

div#hairSwatches {
	z-index: 12;
	position: absolute;
	left: 0px; top: 298px;
	width: 259px;
	text-align: center;
	}

div#hairSwatchesTitle {
	z-index: 12;
	position: absolute;
	left: 4px; top: 302px;
	width: 74px;
	text-align: center;
	}

img#colorSwatchItem {
	z-index: 12;
	width: 30px;
	padding: 0px 4px 0px 4px;
	}

/* options */

div#productOptions {
	z-index: 10;
	position: relative;
	float: left;
	padding: 6px 0px 0px 10px;
	width: 280px;
	}

div#designOptionItem {
	z-index: 11;
	position: relative;
	float: left;
	clear: both;
	text-align: left;
	padding-bottom: 10px;
	width: 260px;
	}

div#designOptionTitle {
	z-index: 11;
	position: relative;
	float: left;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	width: 66px;
	padding-right: 8px;
	}

div#designOptionName {
	z-index: 11;
	position: relative;
	float: left;
	font-size: 11px;
	}

div#designOptionProduct {
	z-index: 11;
	position: relative;
	float: left;
	}

div#designOptionColor {
	z-index: 11;
	position: relative;
	float: left;
	font-size: 10px;
	}

div#productOptionColor {
	z-index: 11;
	position: relative;
	float: left;
	font-size: 10px;
	}

div#productOptionSize {
	z-index: 11;
	position: relative;
	float: left;
	}

div#productOptionPrice {
	z-index: 11;
	position: relative;
	float: left;
	font-size: 11px;
	}

div#infoItem {
	z-index: 20;
	position: relative;
	float: left;
	padding-left: 10px;
	margin-top: -1px;
	}

form {
	margin: 0px;
	padding: 0px;
	}

select {
	border: 1px solid #999;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	}

checkbox {
	border: 1px solid #999;
	background-color: #fff;
	}

input.cityName {
	border: 1px solid #999;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	width: 160px;
	}

div#addtocart {
	position: relative;
	float: left;
	padding: 6px 0px 0px 30px;
	}

div#emailtofriend {
	position: relative;
	float: left;
	padding: 10px 0px 0px 38px;
	}

/* addons */

div#addons {
	position: relative;
	float: left;
	clear: both;
	width: 228px;
	padding: 10px 0px 0px 18px;
	}

div#addonsTop {
	position: relative;
	float: left;
	clear: both;
	width: 228px; height: 27px;
	background-image: url('../img/shop/common/addons/top.gif');
	background-repeat: no-repeat;
	text-align: left;
	font-size: 11px;
	padding: 2px 0px 0px 10px;
	}

div#addonsContent {
	position: relative;
	float: left;
	clear: both;
	width: 228px;
	background-image: url('../img/shop/common/addons/bg.gif');
	background-repeat: repeat-y;
	text-align: center;
	}

div#addonsItem {
	position: relative;
	float: left;
	padding: 4px 5px 2px 26px;
	}

div#addonsHatDesign {
	position: absolute;
	left: 46px; top: 60px;
	width: 48px; height: 25px;
	text-align: center;
	}

div#addonsBibDesign {
	position: absolute;
	left: 31px; top: 38px;
	width: 48px; height: 25px;
	text-align: center;
	}

div#addonsBottom {
	position: relative;
	float: left;
	clear: both;
	width: 228px; height: 26px;
	background-image: url('../img/shop/common/addons/bottom.gif');
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	padding: 2px 0px 0px 4px;
	}

div#addonsInfo {
	position: relative;
	float: left;
	clear: both;
	width: 228px;
	font-size: 10px;
	color: #666;
	line-height: 12px;
	text-align: center;
	padding-top: 6px;
	}