﻿#container
{
	position: relative;
	width: 974px;
	margin: 0 auto;
	padding: 0;
	/* background: url(images/pixel.gif) no-repeat; */
	background: url(images/layout/background_tile800.jpg);
	border-left: solid 3px #607799;
	border-right: solid 3px #607799;
	min-height: 100%;

}

* html #container {
height: 100%;
}

#main-menu {
	background: #000;
	width: 974px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0 0 0;
}

#main-menu .tabs {
	position: relative;
	width: 600px;
	height: 21px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-menu .tabs li {
	float: left;
	margin: 0;
	padding: 0;
}

#main-menu .tabs li a {
	display: block;
	text-indent: -2000px;
	text-decoration: none;
}

#main-menu .tabs li.buysome a {
	background: url(images/menu/tab_buysome.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 1px;
	width: 207px;
	height: 21px;
	z-index: 3;
}

#main-menu .tabs li.buysome-active a {
	background: url(images/menu/tab_buysome.gif) 0 -58px no-repeat;
	position: absolute;
	top: 0;
	left: 1px;
	width: 187px;
	height: 25px;
	z-index: 6;
}

#main-menu .tabs li.community a {
	background: url(images/menu/tab_community.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 177px;
	width: 207px;
	height: 21px;
	z-index: 2;
}

#main-menu .tabs li.community-active a {
	background: url(images/menu/tab_community.gif) 0 -58px no-repeat;
	position: absolute;
	top: 0;
	left: 177px;
	width: 207px;
	height: 25px;
	z-index: 3;
}

#main-menu .tabs li.insidejinx a {
	background: url(images/menu/tab_insidejinx.gif) top left no-repeat;
	position: absolute;
	top: 0;
	left: 374px;
	width: 207px;
	height: 21px;
	z-index: 1;
}

#main-menu .tabs li.insidejinx-active a {
	background: url(images/menu/tab_insidejinx.gif) 0 -58px no-repeat;
	position: absolute;
	top: 0;
	left: 374px;
	width: 207px;
	height: 25px;
	z-index: 4;
}

#main-menu .tabs li.buysome a:hover, 
#main-menu .tabs li.community a:hover, 
#main-menu .tabs li.insidejinx a:hover {
	background-position: 0 -29px;
}


/* menu below tabs */
.main-submenu {
	clear: left;
	background: #5f7697 url(images/layout/background_submenu.jpg) top left no-repeat;
	font-size: 85%;
	width: 973px;
	overflow: hidden;
	margin: 2px 0 3px 0;
	padding: 5px 0;
	list-style: none;
	text-align: center;
}

.main-submenu li {
	float: left;
	margin: 4px 0 0 18px;
	padding: 0;
}

.main-submenu li a {
	background: url(images/elements/bullet_submenu.gif) left center no-repeat;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.main-submenu li a:active,
.main-submenu li a:visited 
{
	text-decoration: none;
	color: #ffffff;
}
.main-submenu li a:hover
{
	text-decoration: underline;
	color: #fec000;
}

.main-submenu li.byinterest { margin-right: 0; }
.main-submenu li.select { margin: 2px 0 0 2px; }

.main-submenu form {
	margin: 0;
	padding: 0;
}

.main-submenu select {
	background: #eaeaea;
	font-size: 85%;
	margin: 0 0 0 2px;
	padding: 0;
}

.spaced li
{
	margin: 4px 0 0 12px;
}

/* Logged member panel in header */
.headermemberpanel
{
	background: url(images/headers/header_user_info.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	height: 72px;
	width: 201px;

}
.headermember-text
{
	margin: 12px 0 5px 0;
}

/* buttons at very top of header */
.header-menu {
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.logged 
{
	right: 231px;	
}
.not-logged 
{
	right: 286px;	
}


.header-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

.header-menu li a {
	display: block;
	height: 23px;
	text-indent: -2000px;
	text-decoration: none;
}

.header-menu li a.login {
	background: url(images/layout/link_login2.gif) top left no-repeat;
	width: 83px;
}

.header-menu li a.myaccount {
	background: url(images/layout/link_myaccount2.gif) top left no-repeat;
	width: 106px;
}

.header-menu li a.shoppingcart {
	background: url(images/layout/link_shoppingcart2.gif) top left no-repeat;
	width: 106px;
}

.header-menu li a.wishlist {
	background: url(images/layout/link_wishlist2.gif) top left no-repeat;
	width: 84px;
}

.header-menu li a.help {
	background: url(images/layout/link_help2.gif) top left no-repeat;
	width: 83px;
}

.header-menu li a.logout {
	background: url(images/layout/link_logout2.gif) top left no-repeat;
	width: 86px;
}

.header-menu li a.login:hover,
.header-menu li a.myaccount:hover,
.header-menu li a.shoppingcart:hover,
.header-menu li a.wishlist:hover,
.header-menu li a.logout:hover,
.header-menu li a.help:hover {
	background-position: 0 -37px;
}

.headersnippet
{
	position: absolute;
	right: 230px;
	top: 30px;
	text-align: center;
	vertical-align: top;
	width: 465px;
	z-index: 10;
	font-weight: bold;
	color: #fec000;
}

.headersnippet img
{
	vertical-align: middle;
	padding-bottom: 3px;
}


/* Back to Product Details Button */
.returnbutton
{
	margin: 15px 0 0 18px;
	float: left;
}

/* Sizing Chart */
.sizingchartheader
{
	border: 2px solid #242d3a;
	color: #fec000;
	font-weight: bold;
	font-size: large;
	background-color: #242D3A;
	margin: 15px 40px 0px 18px;
	width: 571px;
	float: left;
}

table.sizingchart
{
	border: 1px solid #242D3A;
	background-color: #5f7697;
	margin: 0px 40px 0px 18px;
	width: 575px;
	float: left; 
}

td.sizingchartdescriptor
{
	border: 1px solid #5F7697;
	background-color: #5F7697;
	padding: 5px 5px 5px 10px;
	text-align: center;
}

/* + X-Small, Small, Medium, Large */
td.productsize
{
	color: #000;
	border-right: 0px solid #242d3a;
	border-bottom: 0px solid #9FAFD1;
	border-top: 0px solid #9FAFD1;
	background-color: #9FAFD1;
	text-align: center;
	vertical-align: top;
}

td.blankcell
{
	border: 0px solid #242d3a;
	background-color: #9FAFD1;
}

/* + Width, Length, Neck, Etc */
td.productmeasurement
{
	color: #000;
	border: 0px solid #242d3a;
	background-color: #DFE4F0;
	text-align: left;
	padding-left: 30px;
	vertical-align: top;
}

td.altproductmeasurement
{
	color: #000;
	border: 0px solid #242d3a;
	background-color: #9FAFD1;
	text-align: left;
	padding-left: 30px;
	vertical-align: top;
}

/* + Product Sizes */
td.productsizes
{
	color: #000;
	border-right: 0px solid #242d3a;
	border-bottom: 0px solid #9FAFD1;
	border-top: 0px solid #9FAFD1;
	background-color: #DFE4F0;
	text-align: center;
	padding-right: 10px;
	vertical-align: top;
}

td.altproductsizes
{
	color: #000;
	border-right: 0px solid #242d3a;
	border-bottom: 0px solid #9FAFD1;
	border-top: 0px solid #9FAFD1;
	background-color: #9fafd1;
	text-align: center;
	padding-right: 10px;
	vertical-align: top;
}

.sizeboxbottom
{
	background: #607799 url(images/layout/sizebox_bottom.gif) no-repeat bottom center;
	width: 575px;
	height: 10px;
	margin: 0px 40px 40px 18px;
	float: left;
}

/* What If It Doesn't Fit */
.sizinginfo
{
	margin: -20px 0px 0px 18px;
	width: 575px;
	clear: left;
}

.sizinginfobox {
	width: 575px;
	margin: 0 40px 25px 0;
	padding: 0px 0px 0px 10px;
}

/*
.sizinginfoheader {
	text-indent: -2000px;
	height: 90px;
	padding: 0;
}
*/

.sizingtextheader
{
	color: #fec000;
	font-weight: bold;
	margin-top: 0px;
}

.sizingtext
{
	width: 575px;
	padding: 5px 0 0 0;
}

.sizinginfoboxbottom {
	height: 6px;
	width: 575px;
	padding: 10px;
	margin: -25px 0 16px -10px;
	background: url(images/productsdetails/sizinginfobox_bottom.gif) bottom center no-repeat;
}


/* Tshirt Photo */
.productshot
{
	margin: 25px 0px 0px 0px;
	float: right;
}


/* footer */
.footer
{
	clear: both;
	background: url(images/footers/jinx_footer.gif) top left no-repeat;
	width: 954px;
	height: 63px;
	margin-top: 30px;
	margin-left: 8px;
	margin-bottom: 10px;

}

.footer .footercontact
{
	padding: 12px 0px 0px 70px;
}

.footer .footercontact p
{
	margin: 0;
	padding: 0;
}

.footer .privacypolicy
{
	float: right;
	text-align: right;
	font-size: 80%;
	margin: 14px 10px 0 0;
}

.footer .privacypolicy p
{
	margin: 0;
	padding: 0;
}


/* Form styling */
div.field
{
	width: 870px;
	float: none;
	margin: 4px 0 0 0;
	padding: 0px 0 0 0;
	clear: both;
}

div.field label.field
{
	text-align: right;
	float: left;
	width: 170px;
	margin: 4px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.field span.field
{
	float: left;
	width: 680px;
	/*The width pushes "Notify Me" form in product details to bottom of page*/
	margin: 4px 0 0 0;
	padding: 0;
}

div.field label.account_left
{
	text-align: right;
	float: left;
	width: 170px;
	margin: 4px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.field span.account_center
{
	float: left;
	width: 680px;
	margin: 4px 0 0 0;
	padding: 0;
}

div.field span.account_right
{
	float: left;
	width: 125px;
	margin: 4px 0 0 0;
	padding: 0;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
}

div.field span.field input,
div.field span.field select
{
	margin: 0 0 0px 0;
	padding: 0px;
}

div.field span.field select#lstGenres
{
	clear: none;
	float: left;
	width: 140px;
}

div.field span.field #genre
{
	clear: none;
	float: left;
	padding-left: 10px;
	width: 250px;
}

div.field span.field #divNewsletterHtml
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.fieldbottom
{
	clear: both;
	float: none;
	height: 5px;
}


ul.error
{
	color: #FFF9B4;
	padding-left: 0px;
	margin-left: 0px;
}

 ul.error li
{
	color: #FFF9B4;
	clear: both;
	margin-left: 15px;
	padding-top: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

span.error
{
	color: #FFF9B4;
	font-weight: bold;
	margin-left: 0px;
	color: #FFF9B4;
}

/*
span.error div
{
	color: #FFF9B4;
	border: solid 1px #564122;
	background-color: #947E42;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 15px;
}*/

/* PLACEHOLDER TEST */
span.error div {
	background: #947E42 url(images/layout/alerticon_large.gif) no-repeat;
	border: solid 1px #564122;
	color: #FFF9B4;
	margin: 10px 15px 15px 15px;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 61px;
	padding-right: 10px;
	font-weight: bold;
	text-indent: 0px;
}

span.error ul
{
	padding: 2px 2px 2px 12px;
	margin: 8px 0 0 20px;
}

span.error ul li
{
	color: #FFF9B4;
	clear: both;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0px 10px 0px 30px;
	list-style: none;
	background: url(images/layout/alerticon_smallalt.gif) no-repeat left top;
	border-width: 0px;
	width: 550px;
	float: none;
}


/* Small error */

span.errorHeadless div {
	background: #947E42;
	border: solid 1px #564122;
	color: #FFF9B4;
	margin: 10px 15px 15px 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-indent: 0px;
}

span.errorHeadless ul
{
	padding: 2px 2px 10px 12px;
	margin: 8px 0 0 5px;
}

span.errorHeadless ul li
{
	color: #FFF9B4;
	clear: both;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px 10px 0px 30px;
	list-style: none;
	background: url(images/layout/alerticon_smallalt.gif) no-repeat left top;
	border-width: 0px;
	width: auto;
	float: none;
}

/* Alert Icon */

.alerticon_large
{
	padding: 10px 15px 0 20px;
	height: 29px;
	width: 29px;
}

.alertcallout
{
	position: relative;
	color: #FFF9B4;
	font-weight: bold;
	top: 5px;
}



table.grid
{
	width: inherit;
	padding: 5px;
	margin: 0px;
	border-collapse: collapse;
}

table.grid a 
{
	 outline: none;
}
table.grid a:active
{
}
table.grid a:visited
{
}
table.grid a:hover
{ 
}


table.grid tr.gridheader
{
	 color: #fec000;
	 text-align: left;
}

table.grid tr.gridheaderalt
{
	 text-align: left;
}

table.grid tr.griditem
{
	text-align: left;
	background-color: #57687f;
}
table.grid tr.gridalternateitem
{
	 text-align: left;
	 background-color: #4b5d76;
}

table.grid tr td
{
	padding: 5px;
}

.gridimage
{
	border: solid 1px #242d3a;
	margin: 5px 5px 5px 5px;
	width: 131px;
}


/*Error*/
.error_skull01
{
	float: left;
	margin-right: 20px;
}

.error_text
{
	float: left;
	width: 664px;
	margin-top: 25px;
}

.error_skull02
{
	float: right;
	margin-left: 20px;
}


/* Form Alt styling */
div.altfield
{
	float: none;
	margin: 5px 0 0 0;
	padding: 0px 0 0 0;
}

div.altfield label.altfield
{
	text-align: right;
	float: left;
	width: 170px;
	margin: 5px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.altfield span.altfield
{
	float: left;
	width: 780px;
	margin: 5px 0 0 0;
	padding: 0;
}

div.altfield span.altfield input,
div.altfield span.altfield select
{
	margin: 0 0 0px 0;
	padding: 0px;
}

div.altfield span.altfield select#lstGenres
{
	clear: none;
	float: left;
	width: 140px;
}

div.altfield span.altfield #genre
{
	clear: none;
	float: left;
	padding-left: 10px;
	width: 250px;
}

div.altfield span.altfield #divNewsletterHtml
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.altfieldbottom
{
	clear: both;
	float: none;
	height: 5px;
}



div.create_account_button
{
	margin-left: 185px;
}


/* Form: Product Details Product Info*/
div.pdpi_field
{
	width: 280px;
	float: none;
	margin: 5px 0 0 16px;
	padding: 0px 0 0 0;
}

div.pdpi_field label.pdpi_field
{
	float: left;
	width: 170px;
	margin: 5px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.pdpi_field span.pdpi_field
{
	float: left;
	/*width: 680px;*/
	/*The width pushes "Notify Me" form in product details to bottom of page*/
	margin: 5px 0 0 0;
	padding: 0;
}

div.pdpi_field span.pdpi_field input,
div.pdpi_field span.pdpi_field select
{
	margin: 0 0 0px 0;
	padding: 0px;
}

div.pdpi_field span.pdpi_field select#lstGenres
{
	clear: none;
	float: left;
	width: 140px;
}

div.pdpi_field span.pdpi_field #genre
{
	clear: none;
	float: left;
	padding-left: 10px;
	width: 250px;
}

div.pdpi_field span.pdpi_field #divNewsletterHtml
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.pdpi_fieldbottom
{
	clear: both;
	float: none;
	height: 5px;
}

.pdpi_elements
{
	width: 63px;
	float: left;
}

.pdpi_info
{
	color: #fec000;
	float: left;
}


/* Form Wish Liststyling */
div.wishlistfield
{
	width: 650px;
	float: none;
	margin: 4px 0 0 0;
	padding: 0px 0 0 0;
	clear: both;
}

div.wishlistfield label.wishlistfield
{
	text-align: right;
	float: left;
	width: 170px;
	margin: 4px 0 0 0;
	padding: 0 15px 0 0 ;
}

div.wishlistfield span.wishlistfield
{
	float: left;
	width: 415px;
	/*The width pushes "Notify Me" form in product details to bottom of page*/
	margin: 4px 0 0 0;
	padding: 0;
}

div.wishlistfield span.wishlistfield input,
div.wishlistfield span.wishlistfield select
{
	margin: 0 0 0px 0;
	padding: 0px;
}

div.wishlistfield span.wishlistfield select#lstGenres
{
	clear: none;
	float: left;
	width: 140px;
}

div.wishlistfield span.wishlistfield #genre
{
	clear: none;
	float: left;
	padding-left: 10px;
	width: 250px;
}

div.wishlistfield span.wishlistfield #divNewsletterHtml
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.wishlistfieldbottom
{
	clear: both;
	float: none;
	height: 5px;
}

ul.wishlistfielderror
{
	color: #FFF9B4;
	padding-left: 0px;
	margin-left: 0px;
}

 ul.wishlistfielderror li
{
	color: #FFF9B4;
	clear: both;
	margin-left: 15px;
	padding-top: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

span.wishlistfielderror
{
	color: #FFF9B4;
	font-weight: bold;
	margin-left: 0px;
	color: #FFF9B4;
}

span.wishlistfielderror div {
	background: #947E42 url(images/layout/alerticon_large.gif) no-repeat;
	border: solid 1px #564122;
	color: #FFF9B4;
	margin: 10px 15px 15px 15px;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 61px;
	font-weight: bold;
	text-indent: 0px;
}

span.wishlistfielderror ul
{
	padding: 2px 2px 2px 12px;
	margin: 8px 0 0 20px;
}

span.wishlistfielderror ul li
{
	color: #FFF9B4;
	clear: both;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0px 10px 0px 30px;
	list-style: none;
	background: url(images/layout/alerticon_smallalt.gif) no-repeat left top;
	border-width: 0px;
	width: 475px;
	float: none;
}

.alerticon_large
{
	padding: 10px 15px 0 20px;
	height: 29px;
	width: 29px;
}

.alertcallout
{
	position: relative;
	color: #FFF9B4;
	font-weight: bold;
	top: 5px;
}