/*****************************************
******************************************
Sections:

1.GENERAL
2.SITE-WIDE CONTENT
3.PAGE CONTAINERS
4.HOME PAGE SPECIFIC CONTENT
5.NEWS SPECIFIC CONTENT
  - RELEASES
  - REPORTS
  - PRESS KIT
6.TEAM SECTION CONTENT
  - HISTORY
  - MANAGMENT
  - MECHANICS
  - RIDERS
  - SPONSORS
7.EVENTS SECTION CONTENT
  - SCHEDULE
  - RESULTS
  - STANDINGS
8.FANS SECTION CONTENT
  - PROMOS
  - RACE DAY
  - WALLPAPERS
9.MEDIA SECTION CONTENT
  - PHOTOS
  - VIDEOS
  - PODCAST
10.SHOP SECTION CONTENT
11.QUICK-INFO/FOOTER

******************************************
******************************************/


/* 1.GENERAL --------------------------- */

/* zero "problem causers" for all elements */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: arial, sans serif;
	font-size: 10px;
	color: #333;
	background: transparent;
}

body {
	background: url(/images/bg.gif) top left repeat;
}

a, a:visited, a:hover, a:active {
	color: #900;
	text-decoration: none;
	outline: none;
}

/* 2.SITE-WIDE CONTENT --------------------------- */

#sysmessage {
	clear: both;
	float: left;
	width: 100%;
	min-height: 27px;
	margin-bottom: 10px;
}

#sysmessage span {
	display: block;
	width: 100%;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#sysmessage .success {
	color: #393;
	background: #CFC;
	border-top: 1px solid #393;
	border-bottom: 1px solid #393;
}

#sysmessage .error {
	color: #F66;
	background: #FCC;
	border-top: 1px solid #F66;
	border-bottom: 1px solid #F66;
}

#sysmessage .success a {
	text-decoration: underline;
	color: #393;
}

#sysmessage .error a {
	text-decoration: underline;
	color: #F66;
}

#flash-menu {
	float: left;
	width: 100%;
	height: 120px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.fl {
	float: left;
}

.even, .even-here {
	background: #EEE;
}

.odd, .odd-here {
	background: #FFF;
}

.hide {
	display: none;
}

a.pdf-link {
	width: auto;
	height: 44px;
	padding-left: 50px;
	background: url(/images/pdf_icon.gif) 0 0 no-repeat;
}

a.pdf-link:hover {
	background-position: -44px 0;
}

ul.right-menu {
	float: left;
	width: 225px;
	height: auto;
	padding: 20px 0 0 10px;
}

ul.scroll {
	height: 420px;
	padding: 20px 0 0 10px;
}

.sub-content ul.scroll {
	height: 375px;
}

ul.right-menu li {
	display: block;
	padding: 7px;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

ul.scroll li {
	width: 190px;
	padding: 7px;
}

ul.right-menu li.even-here {
	padding: 5px 7px;
	color: #FFF;
	background: #900;
	border-top: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
}

ul.right-menu li.odd-here {
	padding: 5px 7px;
	color: #FFF;
	background: #900;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

ul.right-menu li.even-here a,
ul.right-menu li.odd-here a {
	color: #FFF;
}

ul.right-menu li a {
	color: #900;
}

ul.right-menu li em {
	font-style: normal;
	color: #333;
}

ul.right-menu li.even-here em,
ul.right-menu li.odd-here em {
	color: #FFF;
}

ul.right-menu li ul.subcat {
	display: none;
	padding: 5px 0 0 10px;
}

ul.right-menu li ul.subcat li {
	padding: 4px 7px;
}

ul.right-menu li ul.subcat li,
ul.right-menu li ul.subcat li a {
	color: #333;
}

/*
#sp0nz0rz {
	float: right;
	width: 115px;
	height: 440px;
	text-align: center;
	background: #DDD;
}

#sp0nz0rz li {
	display: block;
	float: left;
	width: 115px;
	list-style: none;
}

#sp0nz0rz li.s {
	height: 42px;
}

#sp0nz0rz li.l {
	height: 84px;
}

#sp0nz0rz li a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sp0nz0rz li a:hover {
	background-position: -115px 0;
}

#sp0nz0rz li em {
	display: block;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
}

#sp0nz0rz li em a {
	color: #A00;
}
*/

#shop-sidebar {
	float: right;
	width: 115px;
	height: 440px;
	text-align: center;
	background: #DDD;
}

#shop-sidebar li {
	display: block;
	float: left;
	width: 115px;
	list-style: none;
}

#shop-sidebar li a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	background-position: 0 center;
	background-repeat: no-repeat;
}

#shop-sidebar li a:hover {
	background-position: -115px center;
}

ul#sitemap,
ul#sitemap li ul {
	margin: 15px 0 0 20px;
}

ul#sitemap li {
	margin-top: 15px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

ul#sitemap li ul {
	margin-top: 0;
}

ul#sitemap li ul li {
	margin-top: 0;
	font-weight: normal;
}

#faq-container p {
	width: 600px;
	font-size: 11px;
}

ul#faq {
	display: inline;
	float: left;
	width: 600px;
	margin: 15px 0 0 20px;
}

ul#faq li {
	margin-bottom: 15px;
	list-style: none;
	font-size: 11px;
}

ul#faq li em {
	display: block;
	font-style: normal;
	font-weight: bold;
	color: #900;
}

#privacy-container h2,
#terms-container h2 {
	margin: 15px 0 5px 0;
	font-size: 11px;
}

#privacy-container p,
#terms-container p {
	width: 750px;
}

#contact-container {
	font-size: 11px;
}

#contact-container p {
	display: inline;
	float: left;
	width: 500px;
	height: auto;
	padding: 5px;
}

#contact-container form {
	display: inline;
	float: left;
	width: 500px;
	height: auto;
	padding: 5px;
}

#contact-container form em {
	font-style: normal;
	font-weight: bold;
	color: #333;
}

#contact-container input.text {
	display: block;
	width: 440px;
	margin: 2px 0 8px 0;
	border: 1px solid #666;
}

#contact-container .error {
	clear: none;
	display: inline;
	float: none;
	font-weight: bold;
	color: #900;
	border: 0;
}

#contact-container textarea {
	display: block;
	width: 480px;
	height: 130px;
	margin-top: 2px;
	border: 1px solid #666;
}

#contact-container input.submit {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}

#contact-container #more-info {
	display: inline;
	float: right;
	width: 190px;
	height: 352px;
	margin-right: 10px;
	padding: 15px;
	font-size: 11px;
	border: 1px solid #DDD;
}

#contact-container #more-info strong {
	display: block;
	color: #900;
}

#contact-container #more-info em {
	font-style: normal;
	font-weight: bold;
}

#contact-container #thanks {
	display: inline;
	float: left;
	width: 500px;
	margin-top: 120px;
	font-weight: bold;
	text-align: center;
	color: #900;
}

/* 3.PAGE CONTAINERS --------------------------- */


#main {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -307px;
}

#main-container {
	position: relative;
	width: 920px;
	height: 615px;
	margin: 0 auto;
	background: transparent;
}

.content-container {
	float: left;
	width: 910px;
	height: 440px;
	padding: 0 5px 5px 5px;
	background: #FFF;
}

.sub-content {
	display: inline;
	float: left;
	width: 775px;
	height: 415px;
	margin: 25px 0 0 15px;
}

#sub-content.half {
	background: url(/images/line.gif) 540px 0 repeat-y;
}

.scroll {
	float: left;
	width: 100%;
	height: 385px;
	padding-top: 10px;
	overflow: auto;
}

#sub-content.half .scroll {
	width: 535px;
	height: 385px;
	font-size: 11px;
	color: #333;
}

/* 4.HOME PAGE SPECIFIC CONTENT --------------------------- */


#home {
	float: left;
	width: 790px;
	height: 440px;
}

#main-top {
	float: left;
	width: 790px;
	height: 310px;
	margin-bottom: 5px;
}

#main-left {
	float: left;
	width: 316px;
	height: 125px;
}

#main-center {
	float: left;
	width: 306px;
	height: 110px;
	padding: 10px 0 0 10px;
}

#main-center #links {
	display: block;
	margin-bottom: 10px;
}

#main-center #quick-videos {
	display: block;
	float: left;
	height: 110px;
}

#main-center h4, #main-center h5 {
	display: block;
	float: left;
	width: 300px;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

#main-center h4, #main-center h4 a {
	margin-bottom: 0;
	font-weight: bold;
	color: #900;
}

/*
#recent-news #more {
	display: block;
	margin: 8px 0 4px 0;
}
*/

#main-right {
	float: left;
	width: 158px;
	height: 125px;
}

.shop-link a {
	float: left;
	width: 158px;
	height: 125px;
	background: url(/images/shop.gif) 0 0 no-repeat;
}

.shop-link a:hover {
	background-position: -158px 0;
}

/* 5.NEWS SPECIFIC CONTENT --------------------------- */


#news-container {
	float: left;
	width: 545px;
	height: 410px;
	margin-top: 5px;
	padding: 20px 0 0 10px;
	font-size: 11px;
	color: #333;
	background: url(/images/line.gif) top right repeat-y;
}

#news-container .news {
	float: left;
	width: 530px;
	height: 335px;
	padding-right: 5px;
	overflow: auto;
}

#news-container .news .news-img {
	float: right;
	margin: 0 0 5px 10px;
}

#news-container .news .news-img img {
	border: 1px solid #333;
}

#news-container .news .news-img p {
	float: left;
	margin-top: 10px;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #900;
	background: #EEE;
}

#news-container h2 {
	margin-top: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #900;
}

#news-container h4 {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
}

#news-container p {
	margin-bottom: 10px;
}

#news-container a {
	color: #900;
}

/* 6.TEAM SECTION CONTENT --------------------------- */


.bio-wrapper {
	display: inline;
	float: left;
	width: 377px;
	height: 379px;
	margin: 10px 0 0 10px;
	padding: 5px 0 0 0;
	font-size: 11px;
}

.bio-left {
	margin-left: 0;
	padding-right: 10px;
	background: url(/images/line.gif) top right repeat-y;
}

.bio-wrapper .main,
.bio-wrapper .more {
	display: inline;
	float: left;
	height: 190px;
}

.bio-wrapper .more {
	display: none;
}

.bio-wrapper .main div,
.bio-wrapper .more div {
	display: inline;
	float: left;
	height: 175px;
}

.bio-wrapper em {
	font-weight: bold;
	font-style: normal;
}

.bio-wrapper .mug {
	float: left;
	margin-right: 10px;
	border: 1px solid #333;
}

.bio-wrapper .quick-bio {
	float: left;
	width: 199px;
	height: 157px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
	background: #EEE;
}

.bio-wrapper .quick-bio h3 {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.bio-wrapper span.switch {
	float: left;
	width: 370px;
	height: 15px;
	text-align: right;
	font-weight: bold;
	color: #900;
}

.bio-wrapper span.switch a {
	color: #900;
}

.bio-wrapper p {
	float: left;
	margin-top: 10px;
	padding-right: 10px;
}

.history {
	float: left;
	width: 530px;
	height: 385px;
	margin: 15px 20px 0 0;
	font-size: 11px;
}

.history p {
	margin-top: 10px;
}

.caption {
	float: left;
	width: 200px;
	margin-top: 6px;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #900;
	background: #EEE;
}

img.framed {
	float: left;
	border: 1px solid #333;
}

#team-container {
	display: inline;
	float: left;
	width: 530px;
	height: 420px;
	margin: 20px 0 0 10px;
	padding: 0 15px 0 0;
	font-size: 11px;
	background: url(/images/line.gif) top right repeat-y;
}

#team-container .mug {
	float: left;
	margin: 20px 10px 7px 0;
	border: 1px solid #333;
}

#team-container h3 {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

#team-container h4 {
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: normal;
}

#team-members li {
	padding: 6px;
}

#team-members li.img {
	padding-bottom: 3px;
}

#team-members li.img+li {
	padding-top: 6px;
}

#sponsors-container {
	display: inline;
	float: left;
	width: 780px;
	height: 410px;
	margin: 20px 0 0 10px;
	font-size: 11px;
	color: #333;
}

#sponsors-container .scroll {
	height: 390px;
}

#sponsors-container .sponsor {
	display: inline;
	float: left;
	width: 259px;
	height: 70px;
}

#sponsors-container .s a {
	margin-top: 10px;
}

#sponsors-container .sponsor a {
	display: block;
	float: left;
	width: 115px;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sponsors-container .sponsor a:hover {
	background-position: -115px 0;
}

#sponsors-container .sponsor-info {
	float: left;
	width: 115px;
	height: auto;
	margin: 18px 0 0 15px;
}

#sponsors-container .sponsor strong {
	display: block;
	color: #900;
}

#sponsors-container .sponsor em {
	margin-top: 5px;
}

/*
#sponsors-container .sponsor {
	display: inline;
	float: left;
	width: 202px;
	height: 42px;
	overflow: hidden;
}

#sponsors-container .s {
	width: 230px;
}

#sponsors-container .s a {
	margin-top: 10px;
}

#sponsors-container .sponsor a {
	display: block;
	float: left;
	width: 115px;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sponsors-container .s a {
	width: 100px;
}

#sponsors-container .l a {
	width: 72px;
}

#sponsors-container .s a:hover {
	background-position: -100px 0;
}

#sponsors-container .l a:hover {
	background-position: -72px 0;
}

#sponsors-container .sponsor-info {
	float: left;
	width: 115px;
	height: auto;
	margin: 18px 0 0 15px;
}

#sponsors-container .sponsor strong {
	display: block;
	color: #900;
}

#sponsors-container .sponsor em {
	margin-top: 5px;
}
*/

/* 7.EVENTS SECTION CONTENT --------------------------- */


h2.schedule {
	display: block;
	float: left;
	margin: 10px 0;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.event-row {
	float: left;
	width: 750px;
	height: 30px;
	padding: 5px 0 5px 5px;
	font-size: 11px;
	font-weight: bold;
}
html>body .event-row {
	min-height: 30px;
	height: auto;
}

.header {
	height: 15px;
	padding-top: 5px;
}

.event-row .date {
	float: left;
	width: 125px;
}

.event-row .event {
	float: left;
	width: 310px;
	padding: 0 5px;
}

.event-row .result {
	float: left;
	width: 100px;
}

.event-row .press {
	float: left;
	width: 100px;
}

.event-row .photo {
	float: left;
	width: 100px;
}

#stats-container {
	float: left;
	width: 545px;
	height: 410px;
	margin-top: 5px;
	padding: 20px 0 0 10px;
	font-size: 11px;
	background: url(/images/line.gif) top right repeat-y;
}

#stats-container .stats {
	float: left;
	width: 530px;
	height: 394px;
	padding-right: 5px;
	overflow: auto;
}

#stats-container h2, #stats-container h3 {
	clear: both;
	display: block;
	float: left;
	width: 500px;
	margin: 10px 0;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

#stats-container h2 {
	margin: 0;
}

#stats-container .result-row {
	float: left;
	width: 509px;
	height: 10px;
	padding: 5px 0 5px 5px;
	line-height: 10px;
	font-size: 11px;
	font-weight: bold;
	background: #EEE;
}

#stats-container .header {
	color: #333;
	background: #FFF;
}

#stats-container .result-row .pos {
	float: left;
	width: 35px;
}

#stats-container .result-row .num {
	float: left;
	width: 55px;
}

#stats-container .result-row .rider {
	float: left;
	width: 165px;
	color: #900;
}

#stats-container .header .rider {
	color: #333;
}

#stats-container .sf{
	background: #DDD;
}

#kids-container .scroll {
	width: 600px;
	height: 285px;
}

#kids-container h3 {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#kids-container p {
	margin-bottom: 10px;
}

#kids-container h4 {
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
}

#kids-container li {
	margin-left: 25px;
}

/* 8.FANS SECTION CONTENT --------------------------- */


#wallpaper-container .wallpaper-wrapper {
	display: inline;
	float: left;
	width: 385px;
	height: 150px;
	margin: 10px 0 20px 0;
}

#wallpaper-container .wallpaper-wrapper img {
	float: left;
	margin-right: 15px;
	border: 1px solid #333;
}

#wallpaper-container .wallpaper-wrapper .details {
	float: left;
	width: 150px;
	height: 150px;
	font-size: 11px;
}

#wallpaper-container .wallpaper-wrapper .details h4 {
	font-size: 13px;
	font-weight: bold;
	color: #900;
}

#wallpaper-container .wallpaper-wrapper .details em {
	display: block;
	margin-top: 10px;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

#wallpaper-container .wallpaper-wrapper .details a {
	font-size: 11px;
	color: #900;
}

#club-container p {
	width: 400px;
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
}

#club-container li {
	margin-left: 25px;
}

#club {
	float: left;
	width: 600px;
}

#club-container #force {
	float: left;
}

/* 9.MEDIA SECTION CONTENT --------------------------- */


img.thumb {
	display: block;
	width: 200px;
	height: 150px;
}

.img-wrapper {
	display: inline;
	float: left;
	width: 375px;
	height: 150px;
	margin: 0 0 20px 0;
}

.img-wrapper img {
	float: left;
	margin-right: 15px;
	border: 1px solid #333;
}

.img-wrapper .details {
	float: left;
	width: 150px;
	height: 150px;
	font-size: 11px;
}

.img-wrapper .details h4 {
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #900;
}

#video-grid {
	float: left;
	width: 900px;
	height: 410px;
	margin-top: 5px;
	padding: 20px 0 0 10px;
	font-size: 11px;
	color: #333;
}

#videos {
	float: left;
	width: 545px;
	height: 410px;
	margin-top: 5px;
	padding: 20px 0 0 10px;
	font-size: 11px;
	color: #333;
	background: url(/images/line.gif) top right repeat-y;
}

#select-video {
	display: inline;
	float: left;
	margin: 180px 0 0 150px;
}

#video {
	margin-top: 10px;
	border: 3px solid #EEE;
}

.video-wrapper {
	display: inline;
	float: left;
	margin: 15px 0 0 70px;
}

.video-wrapper img {
	float: left;
	margin-right: 15px;
	border: 1px solid #333;
}

.video-wrapper .details {
	float: left;
	width: 380px;
	font-size: 11px;
}

.video-wrapper .details h4 {
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #900;
}

#podcasts {
	font-size: 11px;
}

#subscribe {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}

#subscribe img {
	float: left;
	margin-right: 5px;
}

#subscribe a {
	float: left;
}

#podcasts p {
	width: 360px;
	margin-top: 10px;
}

.podcast {
	float: left;
	width: 350px;
	margin: 5px 20px 0 0;
	padding: 8px 0 0 10px;
	border-top: 1px solid #DDD;
}

.podcast .podcast-details {
	float: left;
	width: 300px;
}

#podcasts .right {
	margin-right: 0;
}

.podcast a {
	color: #333;
}

.podcast h4 {
	margin: 3px 0;
	font-size: 12px;
	color: #900;
}

.podcast em {
	font-style: normal;
	color: #333;
}

.podcast .play a {
	float: left;
	width: 34px;
	height: 50px;
}

.podcast .play a.start {
	background: url(/images/podcast_play.gif) 0 0 no-repeat;
}

.podcast .play a.stop {
	background: url(/images/podcast_stop.gif) 0 0 no-repeat;
}

.podcast .play a:hover {
	background-position: -34px 0;
}

/* 10.SHOP SECTION CONTENT --------------------------- */


.msg {
	font-size: 11px;
	font-weight: bold;
}

.error {
	color: #F03;
}

.success {
	color: #090;
}

#shop-container {
	display: inline;
	float: left;
	width: 780px;
	height: 420px;
	margin: 20px 0 0 10px;
	/*background: url(/images/line.gif) top right repeat-y;*/
}

#shop {
	float: left;
	width: 535px;
	height: 389px;
	margin: 10px 5px 0 0;
	padding-right: 5px;
	font-size: 11px;
	color: #333;
	overflow: auto;
}

#choose-bike {
	float: left;
	width: 100%;
	margin-top: 120px;
}

#choose-bike h3 {
	margin-bottom: 20px;
}

#shop .product-row {
	float: left;
	width: 505px;
	min-height: 100px;
	height: auto;
	margin-top: 8px;
	padding: 5px;
	font-size: 11px;
	color: #333;
	background: #FFF;
}

#shop .even {
	background: #EEE;
}

#shop .product-row .new {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	background: url(/images/shop_new.gif) top left no-repeat;
	z-index: 500;
}

#shop .product-row .product-image {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	border: 1px solid #333;
}

#shop .product-row .product-image img {
	margin-right: 0;
}

#shop .product-row img {
	float: left;
	margin-right: 10px;
}

#shop .product-row h3 {
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

#shop .product-row h3 a {
	color: #900;
}

#shop .product-row h4 {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

#shop .product-row h4.sku {
	display: block;
	margin-bottom: 3px;
	font-size: 10px;
	font-weight: normal;
}

#shop .product-row h4.rp {
	margin-right: 8px;
}

#shop .product-row h4.strike {
	text-decoration: line-through;
}

#shop .product-row h4.sp {
	color: #090;
}

#shop .product-row h4.special {
	color: #090;
}

#shop .product-row .msg {
	float: right;
	width: 105px;
	height: 60px;
	margin-top: 10px;
	color: #333;
}

#shop .product-row .msg .error {
	padding: 0;
}

#shop .product-row select {
	float: left;
	width: 230px;
	height: 15px;
	margin: 10px 5px 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	border: 1px solid #777;
}

/* IE7 didn't like the height */
*+html #shop .product-row select {
	height: auto;
}

#shop .product-row option {
	padding: 0 5px;
}

#shop .product-row .details-cart {
	float: left;
	width: 380px;
	height: 18px;
	margin-top: 5px;
	line-height: 18px;
}

#shop .product-row .details-cart a {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #900;
}

#shop .product-row .details-cart span {
	display: inline;
	float: left;
	width: auto;
	margin-left: 125px;
	text-align: right;
}

#shop .product-row .details-cart input {
	width: 14px;
	height: 16px;
	padding: 0 3px;
	background: #FFF;
	border: 1px solid #333;
}

#shop .product-row .details-cart .button {
	float: right;
	width: 80px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #900;
	background: #FFF;
	border: 1px solid #333;
	cursor: pointer;
}

#shop .product-row .details {
	display: none;
	float: left;
	width: 380px;
	height: auto;
	margin: 15px 0 5px 0;
}

#shop .product-row .details ul {
	margin-left: 20px;
}

#shop .product-row .details ul li {
	list-style-type: circle;
}

#shop-menu {
	float: left;
	width: 215px;
	height: 415px;
	margin-right: 10px;
	background: url(/images/line.gif) top right repeat-y;
}

#shop-menu h5 a {
	display: block;
	margin-left: 17px;
	font-size: 11px;
	font-weight: bold;
	color: #900;
}

#shop-menu h5 a:hover {
	text-decoration: underline;
}

#product-categories {
	width: 200px;
	height: 400px;
	overflow: auto;
	padding: 0;
}

#quick-cart {
	display: inline;
	float: left;
	width: 170px;
	padding: 1px 0 0 0;
}

#quick-cart em {
	display: inline;
	margin-right: 7px;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666;
}

#quick-cart span {
	display: inline;
	margin-left: 5px;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #900;
}

.transfer {
	border: 1px solid #333;
}

#cart-container {
	display: inline;
	float: left;
	width: 780px;
	height: 420px;
	margin: 20px 0 0 10px;
}

.cart h2 {
	display: none;
	float: left;
	width: 760px;
	margin-top: 150px;
	text-align: center;
}

.cart img {
	float: left;
}

.cart #quick-links {
	display: inline;
	float: right;
	width: 300px;
	margin: 5px 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: right;
}

.cart #quick-links a {
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.cart h5 {
	display: inline;
	width: 40px;
	margin-left: 8px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

.cart h5.disc {
	color: #090;
}

#cart {
	display: inline;
	float: left;
	width: 780px;
	height: 390px;
	margin-top: 10px;
	overflow: auto;
}

#cart .cart-row {
	float: left;
	width: 750px;
	min-height: 50px;
	height: auto;
	padding: 5px;
	font-size: 11px;
	background: #EEE;
	border-bottom: 1px solid #333;
}

#cart .cart-row img.thumb {
	display: inline;
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #333;
}

#cart .special img.thumb {
	margin-top: 4px;
}

#cart .cart-row .info {
	display: inline;
	float: left;
	width: 397px;
	height: 100%;
	margin-left: 15px;
}

#cart .cart-row .info h3 {
	margin: 8px 0;
	font-size: 12px;
	font-weight: bold;
	color: #900;
}

#cart .special .info h3 {
	margin: 5px 0;
}

#cart .special .info h4 {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #090;
}

#cart .cart-row .info em,
#cart .cart-row .info h5 {
	width: auto;
	margin: 0 10px 0 0;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

#cart .special .info h5 {
	text-decoration: line-through;
}

#cart .cart-row .quantity-price {
	float: left;
	width: 200px;
	height: 100%;
	/*margin-top: 15px;*/
	font-weight: bold;
}

#cart .cart-row .quantity-price .msg {
	float: left;
	width: 250px;
	height: 15px;
}

#cart .special .quantity-price .msg {
	height: 20px;
}

#cart .cart-row .quantity-price .msg em {
	font-style: normal;
}

#cart .cart-row .quantity-price input {
	width: 15px;
	margin: 0 3px;
	padding: 0 3px;
	background: #FFF;
	border: 1px solid #333;
}

#cart .cart-row .quantity-price h4 {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

#cart .cart-row a.update,
#cart .cart-row a.remove {
	float: left;
	margin: 15px 5px 0 0;
	padding: 1px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: #FFF;
	border: 1px solid #333;
}

#cart .cart-row a.remove {
	margin-right: 0;
	color: #900;
}

#cart .special a.update,
#cart .special a.remove {
	margin-top: 20px;
}

#cart .total {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
	background: #FFF;
	border-bottom: 0;
}

#cart .total a {
	float: left;
	padding: 1px 5px;
	color: #333;
	background: #FFF;
	border: 1px solid #333;
}

#cart .total #remove-all {
	float: left;
	width: 100px;
	height: 20px;
	text-align: right;
	border-top: 0;
}

#cart .total #remove-all a {
	margin: 0;
}

#cart .total #info {
	float: left;
	width: 565px;
}

#cart .total #desc {
	float: right;
	/*width: 490px;*/
	text-align: right;
	border-top: 0;
}

#cart .total #disc {
	display: block;
}

#cart .total #total {
	float: right;
	/*width: 75px;*/
	border-top: 0;
}

#cart .total #total h4 {
	display: block;
	margin: 0 18px 0 8px;
	font-size: 12px;
	color: #090;
}

#cart .total #total h5 {
	display: inline;
	width: 30px;
	margin: 0 18px 0 8px;
	color: #900;
}

#checkout-login {
	display: inline;
	float: left;
	width: auto;
	height: auto;
	margin: 150px 0 0 220px;
}

#checkout-login p {
	display: block;
	float: left;
	width: 320px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	text-align: center;
}

#checkout-login .checkout-button {
	float: left;
	width: 130px;
	height: 40px;
	margin: 0 10px;
	background: url(/images/checkout_register.gif) 0 0 no-repeat;
}

#checkout-login .login {
	background: url(/images/checkout_login.gif) 0 0 no-repeat;
}

#checkout-login a:hover {
	background-position: -130px 0;
}

.checkout-cart {
	float: right;
	width: 300px;
	margin-top: 10px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: #FFF;
}

#checkout #receipt-options {
	float: left;
	width: 100%;
	font-size: 12px;
	background: #EEE;
}

#checkout #receipt-options p {
	float: left;
	padding: 10px;
}

#checkout #receipt-options em {
	font-style: normal;
	font-weight: bold;
}

/* 11.QUICK-INFO / FOOTER --------------------------- */


#quick-info {
	float: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	color: #FFF;
	background: #424242 url(/images/newsbg.gif) top left no-repeat;
}

#quick-info #quick-news {
	display: inline;
	float: left;
	margin-left: 20px;
}

#quick-info #quick-news strong {
	margin-right: 5px;
	font-weight: normal;
	color: #FFAE3F;
}

#quick-info #quick-news em, #quick-info #quick-news a {
	font-style: normal;
	color: #FFF;
}

#quick-info #quick-profile {
	display: inline;
	float: right;
	margin-right: 10px;
}

#quick-info #quick-profile a {
	color: #666;
}

#quick-info #quick-profile a:hover {
	color: #DDD;
}

#sp0nz0rz-f00ter {
	float: left;
	width: 100%;
	height: 52px;
	margin-top: 10px;
	text-align: center;
	background: transparent;
}

#sp0nz0rz-f00ter li {
	display: inline;
	float: left;
	height: 42px;
	margin-left: 20px;
	list-style: none;
}

#sp0nz0rz-f00ter li.s {
	width: 100px;
}

#sp0nz0rz-f00ter li.l {
	width: 72px;
}

#sp0nz0rz-f00ter li.f {
	margin-left: 0;
}

#sp0nz0rz-f00ter li a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sp0nz0rz-f00ter li.s a:hover {
	background-position: -100px 0;
}

#sp0nz0rz-f00ter li.l a:hover {
	background-position: -72px 0;
}

#sp0nz0rz-f00ter li em {
	display: block;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
}

#sp0nz0rz-f00ter li em a {
	color: #A00;
}

#footer {
	float: left;
	width: 100%;
	/*margin-top: 10px;*/
	font-size: 10px;
	text-align: center;
	color: #CCC;
	background: transparent;
}

*+html #footer {
	margin-top: 30px;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	text-decoration: underline;
}