/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
td {
	padding-left: 10px;
}

/* @end */

body {
	text-align: center;
	color: #000;
	background-color: #000;
	font: 11px monospace;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}
#wrapper {
	width: 890px;
	text-align: left;
	margin: 10px auto 30px auto;
	margin: 0px auto;
	background: url(../images/kinkymicks/wrapper_bg.jpg) repeat-y left top;
	color: #000;
}
#content {
	margin: 0px 45px;
}

.clearing {
	clear: both;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #d38920;
}
p.action {
	border-top: 1px solid #000;
	margin-top: 16px;
	padding-top: 8px;
	padding-bottom: 20px;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.1em;
}


/* @group header bits */
#header {
	background: url(../images/kinkymicks/wrapper_top.jpg) no-repeat;
	margin: 0px;
	padding : 34px 45px 0px 45px;
	position: relative;
}
#kmLogo {
	width: 248px;
	height: 74px;
	background: url(../images/kinkymicks/kinkymicks.gif) no-repeat;
	text-indent: -5000px;
	font-size: 0.1em;
}
ul#bootCheckout {
	position: absolute;
	top: 34px;
	right: 45px;
	width: 250px;
}
ul#bootCheckout li {
	margin: 0px 0px 0px 11px;
	padding: 0px;
	display: inline;
	float: left;
}
a.viewBoot, a.checkOut {
	width: 114px;
	height: 23px;
	text-indent: -5000px;
	font-size: 0.1em;
	display: block;
}
a.viewBoot {
	background: url(../images/kinkymicks/view_boot.gif) no-repeat;
}
a.viewBoot:hover {
	background: url(../images/kinkymicks/view_boot.gif) no-repeat 0 -24px;
}
a.checkOut {
	background: url(../images/kinkymicks/checkout.gif) no-repeat;
}
a.checkOut:hover {
	background: url(../images/kinkymicks/checkout.gif) no-repeat 0 -24px;
}
ul#loginReg {
	display: block;
	height: 1.2em;
	margin-bottom: 1.5em;
	float: right;
	font-size: 1.1em;
}
ul#loginReg li {
	display: block;
	float: left;
	margin-left: 1em;
	background: url(../images/kinkymicks/pixel_black.gif) repeat-y;
	padding-left: 1em;
}
ul#loginReg a {
	color: #000;
	text-decoration: none;
}
ul#loginReg li a:hover {
	color: #d38920;
}
ul#loginReg li.first {
	background-image: none;
}

/* @end */


/* @group navbar */

#navbar {
	margin: 33px 0px 0px 0px;
	background: url(../images/kinkymicks/navbar-bg.gif) no-repeat right top;
	height: 126px;
	position: relative;
}
#navbar ul {
	height: 30px;
	padding: 0px;
	background: url(../images/kinkymicks/navbar.gif) no-repeat;
	position: relative;
	margin: 0;
	width: 640px;
	list-style: none;
	z-index: 1;
}
#navbar li {
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: absolute;
}
#navbar li, #navbar li a {
	height: 30px;
	display: block;
	font-size: 0.1px;
}

#navbar li a {
	text-indent: -5000px;
	text-decoration: none;
}
#nb1 { left: 0; width: 48px; }
#nb2 { left: 49px; width: 95px; }
#nb3 { left: 145px; width: 93px; }
#nb4 { left: 239px; width: 88px; }
#nb5 { left: 328px; width: 85px; }
#nb6 { left: 414px; width: 58px; }
#nb7 { left: 473px; width: 49px; }
#nb8 { left: 523px; width: 57px; }
#nb9 { left: 581px; width: 56px; }

#nb1 a:hover, body#pHome #nb1 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat 0px -30px transparent;
}
#nb2 a:hover, body#pVintage #nb2 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -49px -30px transparent;
}
#nb3 a:hover, body#pPorsche #nb3 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -145px -30px transparent;
}
#nb4 a:hover, body#pMisc #nb4 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -239px -30px transparent;
}
#nb5 a:hover, body#pMerch #nb5 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -328px -30px transparent;
}
#nb6 a:hover, body#pWanted #nb6 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -414px -30px transparent;
}
#nb7 a:hover, body#pLinks #nb7 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -473px -30px transparent;
}
#nb8 a:hover, body#pShows #nb8 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -523px -30px transparent;
}
#nb9 a:hover, body#pContact #nb9 {
	background: url(../images/kinkymicks/navbar.gif) no-repeat -581px -30px transparent;
}

#navboxes div {
	float: left;
	margin: 4px 4px 0px 0px;
}

#navboxes div.box2 {
	position: absolute;
	height: 126px;
	width: 398px;
	text-indent: -3000px;
	bottom: 0px;
	right: 0px;
	margin: 0px;
}
#navboxes div.box2 a {
	position: absolute;
	display: block;
	height: 92px;
	width: 100%;
	bottom: 0px;
	right: 0px;
}

/*
ul#navboxes {
	height: 92px;
	width: 100%;
	background: none;
	margin-top: 4px;
}
#navboxes li {
	z-index: 1;
	position: relative;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 1;
}

#navboxes li a {
	z-index: 1;
	display: block;
	height: 92px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: red;
}

#navboxes .box1 {
	margin-right: 4px;
	height: 92px;
	width: 197px;
}

#navboxes .box2 {
	position: absolute;
	top: -34px;
	right: 0px;
	height: 126px;
	width: 398px;
}
*/

.boxOne img, .boxTwo img {
	display: block;
}
.boxOne {
	float: left;
	margin: 4px 4px 0px 0px;
	display: none;
}
.boxTwo {
	float: left;
	margin-top: -30px;
	margin: 0px;
	position: relative;
	display: none;
}
.boxTwo a {
	height: 92px;
	width: 398px;
	margin: 4px 0px 0px 0px;
	display: block;
	background: red;
}
.boxTwo img {
	position: absolute;
	top: -30px;
	left: 0px;
}


/* @end */

/* @group title bar and footer */

#titleBar {
	background: url(../images/kinkymicks/titlebar.gif) no-repeat;
	height: 34px;
	display: block;
	position: relative;
	margin: 5px 0px;
}

#titleBar ul, #footer ul {
	position: absolute;
	right: 12px;
	text-transform: uppercase;
	top: 12px;
}

#titleBar ul li, #footer ul li {
	display: inline;
	color: #fff;
	background: url(../images/kinkymicks/pixel_white.gif) repeat-y;
	margin-right: 2px;
	padding-left: 10px;
}

#titleBar ul li a, #footer ul li a {
	color: #fff;
	text-decoration: none;
}

#titleBar ul li.noBar, #footer ul li.noBar {
	background-image: none;
	margin-right: -2px;
	background-color: #000;
}

#titleBar ul li a:hover, #footer ul li a:hover {
	text-decoration: underline;
	color: #d38920;
}

#titleBar ul li.on a, #footer ul li.on a {
	color: #d38920;
}

#titleBar h2 {
	top: 9px;
	left: 12px;
	position: absolute;
	text-indent: -5000px;
	font-size: 0.1em;
	height: 18px;
	width: 210px;
}

body#pVintage #titleBar h2 {
	background: url(../images/kinkymicks/title_vintage_wheels.gif) no-repeat;
}
body#pHome #titleBar h2 {
	background: url(../images/kinkymicks/title_home.gif) no-repeat;
}
body#pVintage #titleBar h2 {
	background: url(../images/kinkymicks/title_vintage_wheels.gif) no-repeat;
}
body#pPorsche #titleBar h2 {
	background: url(../images/kinkymicks/title_porsche_wheels.gif) no-repeat;
}
body#pMerch #titleBar h2 {
	background: url(../images/kinkymicks/title_merch.gif) no-repeat;
}
body#pMisc #titleBar h2 {
	background: url(../images/kinkymicks/title_misc.gif) no-repeat;
}
body#pWanted #titleBar h2 {
	background: url(../images/kinkymicks/title_wanted.gif) no-repeat;
}
body#pLinks #titleBar h2 {
	background: url(../images/kinkymicks/title_links.gif) no-repeat;
}
body#pGallery #titleBar h2 {
	background: url(../images/kinkymicks/title_gallery.gif) no-repeat;
}
body#pShows #titleBar h2 {
	background: url(../images/kinkymicks/title_shows.gif) no-repeat;
}
body#pAccount #titleBar h2 {
	background: url(../images/kinkymicks/title_account.gif) no-repeat;
}
body#pWelcomesign #titleBar h2 {
	background: url(../images/kinkymicks/title_sign_in.gif) no-repeat;
}
body#pRegister #titleBar h2 {
	background: url(../images/kinkymicks/title_register.gif) no-repeat;
}
body#pBoot #titleBar h2 {
	background: url(../images/kinkymicks/title_boot.gif) no-repeat;
}
body#pDelivery #titleBar h2 {
	background: url(../images/kinkymicks/title_delivery.gif) no-repeat;
}
body#pTerms #titleBar h2 {
	background: url(../images/kinkymicks/title_terms.gif) no-repeat;
}
body#pCheckout #titleBar h2 {
	background: url(../images/kinkymicks/title_checkout.gif) no-repeat;
}
body#pPayment #titleBar h2 {
	background: url(../images/kinkymicks/title_payment.gif) no-repeat;
}
body#pPwd #titleBar h2 {
	background: url(../images/kinkymicks/title_password.gif) no-repeat;
}
body#pContact #titleBar h2 {
	background: url(../images/kinkymicks/title_contactus.gif) no-repeat;
}

#footer {
	background: url(../images/kinkymicks/footer_bg.gif) no-repeat;
	height: 34px;
	margin-bottom: 5px;
	clear: both;
	position: relative;
}

a.back {
	position: absolute;
	right: 12px;
	text-transform: uppercase;
	top: 12px;
	color: #fff;
	text-decoration: none;
	background: url(../images/kinkymicks/backto.gif) no-repeat;
	padding-left: 18px;
}

a.back:hover {
	color: #d38920;
}

/* @end */


#mainContent {
	display: block;
	margin-bottom: 5px;
	/*
	min-height:300px;
	height:auto !important;
	height: 300px;
	*/
}

#bottom {
	background: url(../images/kinkymicks/bottom.png) no-repeat;
	height: 20px;
	clear: both;
}

#mainContent.listing {
	margin-right: -10px;
}

/* @group product and more info */

#mainContent .product {
	width: 398px;
	float: left;
	display: block;
	margin-right: 5px;
	background: url(../images/kinkymicks/product_bg_lines.gif) no-repeat right top;
	height: 110px;
	margin-bottom: 5px;
	position: relative;
}

#mainContent .productDetail {
	margin-bottom: 5px;
	background: url(../images/kinkymicks/productdesc_bg.gif) no-repeat right top;
	height: 185px;
	position: relative;
}

#mainContent .productImg {
	float: left;
	margin-right: 4px;
}

#mainContent .product .productImg {
	overflow: hidden;
	margin-right: 12px;
}

#mainContent .product h3,
#mainContent .productDetail h3 {
	font-size: 1.2em;
	margin-top: 8px;
	font-weight: bold;
	margin-bottom: 4px;
}

#mainContent .product h3 .new,
#mainContent .productDetail h3 .new {
	color: #d38920;
}

#mainContent .productDetail {
	float: right;
	width: 397px;
	padding: 0px 0px 0px 8px;
	padding: 0px;
	margin-left: 5px;
}


#mainContent .productDetail h3 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

h3.price {
	position: absolute;
	top: 0;
	right: 10px;
}

#mainContent .product p {
	font-size: 1em;
	margin-right: 10px;
}

#mainContent .product p a,
#mainContent .productDetail p a {
	color: #000;
	text-decoration: none;
}

#mainContent .product p a:hover,
#mainContent .productDetail p a:hover {
	color: #505050;
}

#mainContent .product ul,
#mainContent .productDetail ul {
	position: absolute;
	bottom: 8px;
	left: 126px;
}

#mainContent .productDetail ul {
	left: 8px;
}

#mainContent .product ul li,
#mainContent .productDetail ul li {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style: none;
}

#mainContent .product ul li a,
#mainContent .productDetail ul li a {
	background: url(../images/kinkymicks/arrow.gif) no-repeat left center;
	padding-left: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#mainContent .product ul li a:hover,
#mainContent .productDetail ul li a:hover {
	color: #d38920;
}

/* @end */

/* @group in the boot */


#mainContent .bootItem {
	position: relative;
	background: url(../images/kinkymicks/bootItem_bg.gif) no-repeat right top;
	height: 63px;
	font-size: 1.2em;
	margin-bottom: 4px;
}
#mainContent .bootItem .productImg {
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainContent .bootItem h2 {
	top: 0px;
	left: 86px;
	position: absolute;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 63px;
}


div.bootItem ul {
	padding: 0px;
	margin: 0px 0px 0px 494px;
	list-style: none;
	height: 63px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.bootItem li {
	display: inline;
	margin: 0px 2em 0px 0px;
	padding: 0px;
	position: relative;
	top: 20px;
}
div.bootItem li.remove {
	margin-right: 0px;
	/* font-size: 0.8em; */
}

input.quantity {
	width: 1.5em;
}

div.quantity {
	left: 494px;
}

div.price {
	left: 604px;
}

div.remove {
	right: 20px;
	font-size: 0.8em;
}

ul#proceed, ul#total {
	float: left;
	display: block;
	height: 46px;
	font: 1.2em/46px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul#proceed {
	background: url(../images/kinkymicks/boot_proceed_bg.gif) no-repeat;
	width: 477px;
	margin-right: 5px;
}

ul#total {
	width: 318px;
	background: url(../images/kinkymicks/boot_total_bg.gif) no-repeat;
	position: relative;
}

ul#proceed li, ul#total li {
	display: inline;
	padding-left: 17px;
	margin-left: 20px;
}

ul#proceed li {
	background: url(../images/kinkymicks/arrow_proceed.gif) no-repeat left center;
}

ul#total li {
	background: url(../images/kinkymicks/update.gif) no-repeat left center;
	padding-left: 20px;
}

ul#total li.cost {
	background-image: none;
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 1.1em;
}

ul#proceed li a, ul#total li a {
	color: #000;
	text-decoration: none;
}

ul#proceed li a:hover, ul#total li a:hover {
	color: #d38920;
}

/* @end */




/* @group Login / internal pages */

table {
	font: 1.1em Arial, Helvetica, Geneva, sans-serif;
}

table table {
	font: 1em Arial, Helvetica, Geneva, sans-serif;
}

.welcomeCol {
	width: 397px;
	height: 30px;
	background: url(../images/kinkymicks/h1_tablewelcome.gif) no-repeat;
}

th {
	font: bold 11px/2.6em monospace;
	text-indent: 10px;
	text-align: left;
}

th.white {
	font: bold 11px/2.6em monospace;
	text-indent: 10px;
	color: #fff;
}

th.requiredbg {
	height: 30px;
	background: url(../images/kinkymicks/bg_requiredinfo.gif) no-repeat;
	font: bold 11px/2.6em monospace;
	text-indent: 10px;
	color: #fff;
}

th.detailsbg-short {
	height: 30px;
	background: url(../images/kinkymicks/bg_details_short.gif) no-repeat;
}

th.detailsbg-long {
	height: 30px;
	background: url(../images/kinkymicks/bg_details_long.gif) no-repeat;
}

th.detailsbg-half {
	height: 30px;
	background: url(../images/kinkymicks/bg_details_half.gif) no-repeat;
	width: 398px;
}

.tenpxspace {
	height: 8px;
	font-size: 1px;
}

.tenpxspaceborder {
	height: 8px;
	font-size: 1px;
	border-bottom: 1px solid #000;
}

.twentypxspace{
	height: 16px;
	font-size: 1px;
}

.twentypxspaceborder {
	height: 16px;
	font-size: 1px;
	border-bottom: 1px solid #000;
}

td.footermenuBlack {
	width: 196px;
	height: 28px;
	background: url(../images/kinkymicks/footer_black.gif) no-repeat;
}

td.footermenuOrange {
	width: 196px;
	height: 28px;
	background: url(../images/kinkymicks/footer_orange.gif) no-repeat;
}

td.footermenuOrange h1, td.footermenuBlack h1 {
	color: #fff;
	text-indent: 0;
	text-align: center;
}

.welcome {
	border: 1px solid #000;
	width: 275px;
}

a.arrow {
	color: #000;
	text-decoration: none;
	background: url(../images/kinkymicks/arrow_proceed.gif) no-repeat left center;
	padding-left: 17px;
}

a.arrow:hover {
	color: #d38920;
}

.tarea {
	width: 780px;
	height: 85px;
}

a.normal {
	color: #000;
	text-decoration: none;
}

a.normal:hover {
	color: #d38920;
}

.message, .messageStackError, .hilite {
	color: #d38920;
	font-weight: bold;
	font-family:Arial,Helvetica,Geneva,sans-serif;
}

p.message {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul.editLinks li {
	background: url(../images/kinkymicks/pixel_black.gif) repeat-y;
	display: inline;
	margin-left: 1em;
	padding-left: 1em;
}

ul.editLinks li.first {
	background-image: none;
}

table.prodListing td {
	padding-right: 10px;
	padding-left: 0;
}

td.empty {
	padding: 0px;
	width: 4px;
}

/* @end */


body#pGallery #mainContent table {
	margin: 0px auto;
}


body#pGallery #mainContent td {
	text-align: center;
	padding: 0px 0px 0.5em 0px;
	width: 20%;
}


#footLinks {
	float: right;
	text-align: left;
	color: #fff;
	font-size: 1em;
	height: 42px;
	line-height: 42px;
}
#footLinks ul, #footLinks li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footLinks li {
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	background: url(../images/kinkymicks/line_black.gif) left center no-repeat;
}
#footLinks li.first {
	background: none;
	margin: 0px;
}
#footLinks a {
	color: #000;
}
#footLinks a:hover {
	color: #d38920;
}



body#pTerms #mainContent h2, body#pDelivery #mainContent h2 {
	margin: 1em 0em 1em 0em;
	font-size: 1.5em;
	font-weight: bold;
}
body#pTerms #mainContent h3, body#pDelivery #mainContent h3 {
	margin: 1em 0em 0.2em 0em;
	font-size: 1.3em;
	font-weight: bold;
}
body#pTerms #mainContent p, body#pDelivery #mainContent p, body#pRegister #mainContent p {
	margin: 0em 0em 1em 0em;
}
body#pTerms #mainContent table,
body#pDelivery #mainContent table,
body#pCheckout #mainContent table,
body#pAccount #mainContent table {
	font: 1em monospace;
	margin: 0em 0em 1em 0em;
}


table.shows th {
	background: url(../images/kinkymicks/shows_th_bg.gif) top left no-repeat;
	height: 30px;
	color: #fff;
	padding: 0px;
	font: normal 11px/2.6em monospace;
}

table.shows td {
	padding: 0px;
	color: #fff;
	background: url(../images/kinkymicks/shows_bg.gif) bottom left no-repeat;
	height: 51px;
	vertical-align: middle;
	text-indent: 10px;
	font: normal 11px/2.6em monospace;
}

table.shows .tdDate {
	width: 160px;
}
table.shows .tdShow {
	width: 347px;
	padding-left: 4px;
	background-position: -160px bottom;
}
table.shows .tdCont {
	width: 285px;
	padding-left: 4px;
	background-position: -511px bottom;
}



#cards {
	background: url(../images/cards.jpg) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 310px;
	height: 42px;
	line-height: 42px;
	float: left;
}