/*

Musashi Screen Styles
Authored by: Jonathan Poh (Sputnik Agency)
Contact: jonathan.poh@sputnikagency.com


Table of Contents:

	Common
		Typography and Colours
		Layout
		Images
		Lists
		Forms
		Image-replacement
		sIFR Styles
		Miscellaneous
		Handmade by Sputnik		
	Sections
		Header
		Sidebar
		Navigation
		Content
		Footer					
	Page-specific
		Homepage


	
	Colour Palette:
	
		Red 	- #EF0026
		Black   - #000000
		Dk Grey - #666666
		Lt Grey - #999999

*/


/* Typography and Colours
--------------------------------------------- */



body {
	color: #FFF;
	background: #000 url(../images/bg_dots.gif) 50% 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
}

h1, h2, h3, h4 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}


h3 {
	font-size: 1.4em;
/*	padding-left: 15px;*/
}


h4 {
	font-size: 1em;
}

a:link, 
a:visited {
	color: #b2b2b2;
/*	text-decoration: none;*/
}

a:hover, 
a:active {
	color: #fff;
	text-decoration: underline;
}

input,
textarea {
}


#outer {
	background: #000;
	border: none;
}


#header {
	color: #000;
	background: transparent;
}

p {
	margin: 0 0 1em 0;
}

p,
li,
td {
	font-size:1.2em;
	line-height: 1.5;
}

li li {
	font-size: 1em;
}


table table td,
table table table td {
	font-size:1em;	
}

td p {
	font-size: 1em;
}

ol,
ul {
	margin-top: 0;
}

.error {
	color: #F00;
	font-weight: bold;
}

.smallcaps {
	text-transform: uppercase;
	font-size: 8px;
}

.fineprint {
	font-size: 1em;
}

hr.dots {
	height: 6px;
	border: none;
	background: transparent;
}

hr.dots.homepagesidebar {
	background: url(../images/hr_dots_325.gif) no-repeat top left;
	width: 325px;
}

hr.dots.contentsidebar {
	background: url(../images/hr_dots_240.gif) no-repeat top left;
	width: 240px;
}

.musashired {
	color: #EF0026;
}


/* Layout
--------------------------------------------- */

html {
	height: 100%;
	margin: 0 0 0 0;
	/*margin-bottom: 1px;*/ /* Ensure scrollbars always appear, so page doesn't shift horizontally when moving between pages of different lengths */
	padding: 0;
}
	
body {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

#outer {
	margin: 0 auto 50px auto;
	padding: 0 0 0 0;
	width: 930px;
	clear: both;
	overflow: auto;
}

#inner {
	padding: 20px 20px 20px 20px;
	overflow: auto;
	clear: both;
}

#bggradient {

	background: transparent url(../images/bg_gradient2.png) repeat-x 0 0;
/*	overflow: auto;*/
}

#pageheading {
	background: url(../images/bg_pageheading.gif) repeat-x bottom left;
	float: left;
	width: 870px;
/*	height: 40px;*/
	padding: 0 10px;
	margin-bottom: 5px;
	overflow: auto;
/*	position: relative;*/
	clear: both;
/*	z-index: -1000;*/
}

#pageheading h2 {
	line-height: 40px;
/*	width: 615px;*/
	float: left;
	text-transform: uppercase;
	padding-left: 20px;
	background: transparent url(../images/icon_pageheadingdot.png) no-repeat 0 50%;
}

#pageheading .shoppingcart {
	float: right;
	margin: 6px 0 0 0;
/*	position: absolute;*/
/*	bottom: 2px;*/
/*	right: 10px;*/
}

#pageheading .shoppingcart a {
	display: block;
	text-transform: uppercase;
	padding-left: 30px;
	background: transparent url(../images/icon_shoppingcart.gif) no-repeat 0 50%;
	line-height: 31px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	outline: none;
}

#flashbanner {
	width: 890px;
/*	height: 160px;*/
	clear: left;
	overflow: auto;
	margin-bottom: 5px;
}


/* Images
--------------------------------------------- */

img {
	border: none;
	margin: 0;
	padding: 0;
	display: block;
}

p img {
	padding: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Lists
--------------------------------------------- */

ol,
ul {
	margin-left: 0;
	padding-left: 0;
}

li {
	list-style: none;
	list-style-position: inside;
	line-height: 1.5;
	margin-left: 1.5em;
	list-style-image: url(../images/icon_menuitem_dot.png);
}


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

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 0.5em 0;
	font-weight: normal;
}

/* Image Replacement
--------------------------------------------- */

/* To replace a HTML text headline with GIF- or PNG-text, 
   assign class="replaced" to the heading tag, and give it a unique ID, eg
   id="h-myheading" and define the image as the background, and set the width
   and height of the image.

   Example:

   [HTML]
   <h1 class="replaced" id="h-heading">This is a Heading</h1>

   [CSS]
	#h-heading {
		background: url(../images/h-heading.gif) no-repeat 100% 100%;
		width: 426px;
		height: 24px;
	}
   

*/

.replaced {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	display: block;
}

h2.replaced {
	height: 28px;
}

/* sIFR Styles
--------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/*.sIFR-hasFlash #pageheading h2 {
	visibility: hidden;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 0 10px 20px;
	float: left;
}

.sIFR-hasFlash .featurebox h3 {
	visibility: hidden;
	font-size: 14px;
	line-height: 21px;
}*/


#pageheading h2.sIFR-replaced {
	padding: 12px 0 0px 20px;
	line-height: 16px;
}

/* Miscellaneous
--------------------------------------------- */

.clear {
	clear: both;
}


.alignright {
	float: right;
}

.alignleft {
	float: left
}



/* Header
--------------------------------------------- */

#header {
/*	margin: 0 auto;*/
	width: 930px;
	margin: 0 auto;
	padding: 10px 0 0 0;
/*	height: 80px;*/
/*	overflow: auto;*/
/*	border-bottom: 1px solid #999;*/
}

#header h1 {
	margin: 0 auto;
	text-align: center;
/*	display: inline;*/
}

#header img {
/*	display: inline;*/
/*	float: left;*/
	margin: 0 auto;
	background: url(../images/logo_musashi.gif) top left no-repeat;
	display: block;
	padding-top: 88px;
	width: 206px;
	height: 0;
}

#header a:link,
#header a:visited {
/*	display: block;*/
	outline: none;
	
}

/* Sidebar
--------------------------------------------- */

#sidebar {
	width: 240px;
/*	border-left: 1px solid #666;*/
/*	background: #CCC;*/
	float: left;
	font-size: 1em;
	padding: 11px 0px;
	margin: 5px 0 0 15px;
	background: url(../images/hr_dots_240.gif) no-repeat top left;
}

#sidebar .sidebarbuttons {
	margin-top: 5px;
}

#sidebar .sidebarbuttons p {
	margin: 0 0 0.5em 0;
}

#sidebar .sidebarbuttons a {
	outline: none;
}

#sidebar .sidebarbox {
	padding: 0 0 11px 0;
	background: url(../images/hr_dots_240.gif) no-repeat bottom left;
	line-height: 1.5;
	clear: both;
}

#sidebar .sidebarbox .inner {
	background: transparent url(../images/bg_sidebarbox.gif) repeat-x top left;
	min-height: 33px;
	padding: 0 5px;
	text-align: center;
}

#sidebar .sidebarbox .inner img {
	display: inline;
	border: none;
}

#sidebar #newsitemsummarylist .inner {
	text-align: left;
}

#sidebar #productbenefits ul {
	list-style: none;
}

#sidebar #productbenefits li {
	list-style-image: none;
	display: inline;
	margin: 0;
}

#sidebar #productbenefits li img {
	display: inline;
}

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

#navigation {
	background: #000 url(../images/bg_navigation.gif) no-repeat top center;
/*	overflow: auto;*/
	border-bottom: 1px solid #1A1A1A;
/*	padding: 5px 20px;*/
/*	height: 36px;*/
	float: left;
	width: 930px;
	text-align: center;
/*	position: relative;*/
}

#navigation ul,
#navigation ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
/*	overflow: auto;*/
}

#navigation ul {
	margin: 10px 20px 0 20px;
/*	display: table;*/
/*	text-align: center;*/
/*	overflow: auto;*/
}

#navigation ul li {
	color :#CCCCCC;
	display: block;
	float: left;
/*	width: 8em;*/
/*	padding: 0 1em;*/
	list-style: none;
	margin: 0;
/*	display: block;*/
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	line-height:31px;
/*	padding: 0 0.5em;*/
	padding: 0;
/*	width:10%;*/
/*	background: #111 !important;*/
/*	text-align: center;*/
	border-right: 1px solid #242424;
/*	background: url(../images/nav_divider.gif) no-repeat top right;*/
}

#navigation ul li.last {
	border-right: none;
/*	float: right;
	text-align: right;*/
}


#navigation ul li a:link,
#navigation ul li a:visited {
	color: #CCCCCC;
	display: block;
	text-decoration: none;
	outline: none;
/*	text-align: center;*/
}

#navigation ul li a:hover,
#navigation ul li a:active {
/*	background: #222;*/
	color: #CCCCCC;
}

#navigation ul ul {
	position: absolute;
	background-color: #111;
	width: 16em;
/*	width: 190px;*/
	left: -999em;
/*	overflow: auto;*/
/*	border: 1px solid #1A1A1A;*/
	margin: 0 0 0 -0.5em;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	z-index: 10;
}

#navigation ul li ul li{
	width: 15em;
/*	width: 165px;*/
/*	padding: 0.5em;*/
	margin: 0;
/*	height: 28px;*/
	background: #111 url(../images/bg_menuitem_off.gif) repeat-x 0% 50%;
	line-height: 1.1;
	text-transform: none;
	text-align: left;
	padding: 0 0 0 1em;
	border: none;
	font-size: 1em;
}

#navigation li:hover,
#navigation li.sfhover {
	background: transparent url(../images/bg_menu_on.png) repeat-x 0% 100%;
/*	background: #f00;*/

}

#navigation li:hover a:link,
#navigation li:hover a:visited,
#navigation li.sfhover a:link,
#navigation li.sfhover a:visited {
	color: #fff;
}

#navigation li:hover ul,
#navigation li.sfhover ul {
	left: auto;
	opacity: 1;
}

#navigation li li:hover,
#navigation li li.sfhover {
	background:transparent url(../images/bg_menuitem_on.gif) repeat-x 0% 50%;
}

#navigation li li a:link,
#navigation li li a:visited {
	padding: 0.5em 1em 0.5em 1.5em;
	background: url(../images/icon_menuitem_dot.png) no-repeat 0 50%;
	font-size: 1.1em;
}


#newnav {
/*	float: left;*/
	width: 100%;
/*	background-color: #F00;*/
	text-align: center;
	background: #000 url(../images/bg_navigation.gif) no-repeat top center;
	border-bottom: 1px solid #1A1A1A;
}

#newnav ul {
	margin: 0;
	padding-top: 1.5em;
	list-style: none;
}

#newnav li {
/*	float: left;*/
	position: relative;
/*	width: 11em;*/
	display: inline;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
/*	line-height: 3em;*/
	border-right: 1px solid #242424;
/*	padding: 1em;*/
	margin: 0;
}

#newnav li:hover,
#newnav li.sfhover {
	background: transparent url(../images/bg_menu_on.png) repeat-x 0% 100%;
}

#newnav li ul {
	left: -999em;
	position: absolute;
/*	width: 14em;*/
	border: 1px solid #1A1A1A; 
	padding: 0;
/*	top:7px;*/
/*	margin-top: 7px;*/
	margin: 0;
}

#newnav a {
/*	width: 6em;*/
	padding: 1em 1em;
/*	line-height: 1.6;*/
	color: #FFF;
/*	background-color: #F00;*/
	color: #ccc;
/*	display: block;*/
/*	padding: 0 1.1em;*/
	text-decoration: none;
	outline: none;
	
}

#newnav li li,
#newnav li li a {
	display: block;
	width: 14em;
/*	margin: 5px 0 0 0;*/
	background: #111 url(../images/bg_menuitem_off.gif) repeat-x 0% 50%;
/*	line-height: 1.6;*/
	text-transform: none;
	text-align: left;
	padding: 0.5em 1em;
	
}

#newnav li li a {
/*	width: auto;*/
	padding: 0;
	
}

#newnav li:hover li a,
#newnav li.sfhover li a,
#newnav li li:hover a,
#newnav li li.sfhover a {
	background: transparent;
	border: none;
}

#newnav li:hover ul,
#newnav li.sfhover ul {
/*	position:relative;*/
	top: 3em;
	left: 0;
}

#newnav li li:hover,
#newnav li li.sfhover {
/*	background:transparent url(../images/bg_menuitem_on.gif) repeat-x 0% 50%;*/
}

/* Content
--------------------------------------------- */

#contentwrapper {
	width: 635px;
	float: left;
	margin: 5px 0px 0px 0;
	background: #1B1818 url(../images/bg_contentpage_bottom.gif) no-repeat bottom left;
	clear: left;
/*	padding-bottom: 25px;*/
}

#content {
	padding: 10px 10px;
	background: transparent url(../images/bg_contentpage_top.gif) no-repeat top left;
	min-height: 210px;
	overflow: auto;
}

#contentnarrowwrapper {
	background: #1B1818 url(../images/bg_contentnarrow_bottom.gif) no-repeat bottom left;
	float: left;
	width: 250px;
	margin: 5px 0 0px 5px;
}

#contentnarrow {
	min-height: 210px;
	overflow: auto;
	font-size: 1em;
/*	padding: 11px 0px;*/
	padding: 25px 10px;
	background: transparent url(../images/bg_contentnarrow_top.gif) no-repeat top left;
}



/* Footer
--------------------------------------------- */

#footer {
	padding: 0;
	width: 100%;
	margin: 0 0 0 0;
	clear: both;
	background: #161616 url(../images/bg_footer.gif) repeat-x 0 50%;
	overflow: hidden;
/*	font-size: 1.1em;*/
	
/*	position: fixed;*/
	bottom: 0;
}

#footer a:link,
#footer a:visited {
	text-decoration: none;
}

#footercontent {
	width: 890px;
	margin: .5em auto;
/*	background: #f00;	*/
	overflow: hidden;
}

#footer img {
	display: inline;
}

#footer ul {
	float: left;
	margin: 0;

}

#footer li {
	list-style: none;
	display: inline;
	margin-left: 0;
	padding: 0 1.5em 0 0;
	font-size: 1.1em;
	line-height: 20px;
}

#footer a:link,
#footer a:visited {
	color: #606060;
}

#footer a:hover,
#footer a:active {
	color: #b2b2b2;
	text-decoration: none;
}




/* Handmade by Sputnik
--------------------------------------------- */

#handmade {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 20px;
}



/* Page-specific: Homepage
--------------------------------------------- */

#page-home #content,
#page-subbrand #content {
	margin: 5px 0px 0px 0;
	width: 550px;
	background: none;	
	padding: 0;
	float: left;
}

#page-wide #content {
	background: transparent url(../images/bg_contentpage_wide_top.gif) no-repeat top left;
}

#page-wide #contentwrapper {
	width: 890px;
	background: #1B1818 url(../images/bg_contentpage_wide_bottom.gif) no-repeat bottom left;
	float: none;
/*	clear: left;*/
}

#page-home #sidebar,
#page-subbrand #sidebar {
	width: 325px;
	background: url(../images/hr_dots_325.gif) no-repeat top left;
}

#featureboxes {
	width: 550px;
/*	padding: 5px;*/
	background: #191717;
}

.featureboxwrapper {
	background: #1B1818 url(../images/bg_homefeature_bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
}

.featurebox {
	background: transparent url(../images/bg_homefeature_top.gif) no-repeat top left;
	overflow:auto;
	padding: 10px;
	color: #666;
}

.featurebox h3 {
	text-transform: uppercase;
/*	margin-left: 5px;*/
	color: #FFF;
	padding-left: 20px;
	background: url(../images/icon_h3dot.png) no-repeat 0px 50%;
}


.featurebox:hover,
.featurebox.sfhover {
/*	background: #666;*/
}

.featureinner {
	padding: 5px;
	overflow: auto;
	min-height: 85px;
	font-size: .9166em;
	color: #b2b2b2;
}

.featurebox:hover .featureinner,
.featurebox.sfhover .featureinner {
	background: transparent url(../images/bg_homefeature_over.png) repeat-x top left;
	color: #FFF;
}

#page-home #shoppingcartbox.featurebox:hover .featureinner,
#page-home #shoppingcartbox.featurebox.sfhover .featureinner {
	background-image: none;
}

.featurebox:hover .featureinner a:link,
.featurebox.sfhover .featureinner a:link,
.featurebox:hover .featureinner a:visited,
.featurebox.sfhover .featureinner a:visited {
	color: #FFF;
}

.featurebox:hover .featuretext,
.featurebox.sfhover .featuretext {
	color: #FFF;
}

.featurebox p {
	margin: 0 0 0.5em 0;
}

.featurebox img {
	float: left;
	margin-right: 10px;	
}

.featurebox img,
.newsitem img,
.newsitemdetails img,
#content p img {
	border: none;
	padding-bottom: 13px;
	background: url(../images/bg_homefeature_img_shadow.png) repeat-x 0 100%;
}

#content p img {
	margin-right: 0.5em;
	margin-left: 0.5em;
}

#sidebar .featureboxwrapper {
	background: transparent;
	overflow: auto;
}

#sidebar .featurebox {
	background: url(../images/hr_dots_325.gif) no-repeat bottom left;
	padding: 0 0 11px 0;
}






/* Page-specific: Product Selector/Browser
--------------------------------------------- */

ul#productbrowser {
	
}

ul#productbrowser li {
	list-style: none;
	display: block;
	float: left;
	width: 200px;

	margin: 0 0 2em 23px;
}

ul#productbrowser li.first {
	margin-left: 0;
}

ul#productbrowser li img {
/*	padding-bottom: 1px;*/
}

ul#productbrowser li a:link,
ul#productbrowser li a:visited {
	display: block;
	background: url(../images/bg_productbrowser_img_shadow.gif) repeat-x 0 151px;
	height: 210px;
	color: #e3e3e3;
	text-decoration: none;
}

ul#productbrowser li a:link span,
ul#productbrowser li a:visited span {
	display: block;
	font-size: 1em;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
/*	height: 60px;*/
	background: url(../images/icon_menuitem_dot.png) no-repeat 5px 7px;
	
}

ul#productbrowser li a:hover,
ul#productbrowser li a:active {
	background-position: 0 91px;	
}

.paginate {
	text-align: right;
	clear: both;
}

#productimageandprice {
	float: left;
	width: 250px;	
}

#productimage {
/*	float: left;*/
	width: 250px;
	padding: 10px 0;
/*	height: 280px;*/
	background: #fff;
	overflow: hidden;
}

#productimage img {
	margin: 0 auto;
}

#productprice {
/*	clear: left;*/
/*	float: left;*/
	font-size: 1.8em;
	color: #fff;
	font-weight: bold;
	width: 240px;
	height: 50px;
	border-top: 1px solid #1b1818;
	padding: 5px;
	background: url(../images/bg_productbrowser_img_shadow.gif) repeat-x 0 0;
}

#productprice #pricerrp {
	color: #EF0026;
	font-size: 0.6em;
	font-weight: normal;
	margin-top: 0.72em; /* To line up baseline with price */
}


#addToCartForm {
	margin-top: 1em;
	width: 240px;
	clear: both;
	float: left;
	padding: 0 5px;
}

#productdescription{
	float: left;
	margin-left: 10px;
	width: 355px;
}

#productdescription strong,
#productdescription h4,
#sidebar .sidebarbox h4 {
	font-size: 1em;
	color: #EF0026;
	text-transform: uppercase;
}

#sidebar .sidebarbox h4 {
	color: #cbcbcb;
	margin-bottom: 1em;
	text-align: left;
}


#productdescription p {
	font-size: 1.1em;
}

/*#productdosage,
#productbenefits,
#productnutrition {
	text-align: center;
}

#productdosage h4,
#productbenefits h4,
#productnutrition h4 {
	text-align: left;
}

#productdosage img,
#productbenefits img,
#productnutrition img {
	display: inline;
	margin: 0 5px;
	border: none;
}*/

#producttobetaken ul,
#producttobetaken li {
	text-align: left;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.relatedproducts {
	clear: both;
/*	overflow: auto;*/
	margin-bottom: 1em;
}

.relatedproducts ul {
/*	overflow: auto;*/
}

.relatedproducts li {
	list-style: none;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

.relatedproducts a:link img,
.relatedproducts a:visited img {
	background: url(../images/bg_homefeature_img_shadow.png) repeat-x 0 100%;
	padding-bottom: 13px;
	font-size: 0.8em;
}

.relatedproducts a:hover img,
.relatedproducts a:active img {
/*	background-position: 0 91px;	*/
}



.actionboxwrapper {
	background: transparent url(../images/bg_productselector_bottom.gif) no-repeat bottom left;
	width: 614px;
	margin: 0 auto;
	min-height: 90px;
	margin-bottom: 20px;
/*	overflow: auto;*/
	padding-bottom: 35px;
}

.actionbox {
	background: transparent url(../images/bg_productselector_top.gif) no-repeat top left;
/*	overflow: auto;*/
	padding: 10px 10px 25px 10px;
	
}

.actionbox h3 {
	text-transform: uppercase;
/*	color: #EF0026;*/
}

.actionbox p {
	margin-top: 0;
}

.actionbox form label {
	display: block;
	font-size: 1.2em;
	margin-left: 40px;
	clear: both;
	margin-bottom: 0.5em;
}

form .formfields {
/*	width: 27em;*/
	float: left;
	margin: 0 10px 1.5em 40px;
	clear: both;
	display: inline;
}

form .formfields input,
form .formfields select {
	width: 300px;
	border: 1px solid #ccc;
	padding: 0.4em;
	font-size: 1.4em;
	margin: 0;
}

form .formbutton {
	width: 190px;
	height: 30px;
	float: left;
}

form div.cr {
	
}

form div.cr input {
}

form div.cr label {
	margin-left: 0.5em;
}

#searchbyother form .formfields select {
/*	font-size: 1.6em;*/
	padding: 0;
}

form .productselectorindented {
	margin-left: 70px;
}

form table td {
	vertical-align: top;
}



div.autocomplete {
    position:absolute;
    width:350px;
    color: #000;
    background-color:#ffffff;
    border:1px solid #000000;
    margin:0px;
    padding:0px;
}
div.autocomplete ul {
    list-style:none;
	list-style-image: none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected {
    color: #ffffff;
    background-color: #EF0026;
}
div.autocomplete ul li {
    padding: 2px;
    text-align: left;
    list-style:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
	list-style-image: none;
}



/* Page-specific: Shopping Cart
--------------------------------------------- */
#cartContainer table,
#itemContainer table {
	width: 100%;
/*	background: #323232;*/
/*	border-left: 1px solid #323232;*/
}

#cartContainer tbody td {
/*	border-left: 1px solid #323232;*/
}

#itemContainer {
	margin-bottom: 2em;
}

#cartContainer th,
#itemContainer th {
	text-transform: uppercase;
	background: #323232 url(../images/bg_th.gif) repeat-x 0 50%;
	padding: 0.5em 0;
}

#cartContainer td,
#itemContainer td {
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	padding: 5px;
	text-align: center;
}

#cartContainer tr.odd td,
#itemContainer tr.odd td {
	background: #242121;
}

#cartContainer tr.even td,
#itemContainer tr.even td {
	background: #1B1818;
}

#cartContainer td img,
#itemContainer td img {
	display: inline;
}

#cartContainer td input,
#itemContainer td input {
	width: 2em;
	text-align: center;
}

#cartContainer form,
#itemContainer form {
	text-align: right;
}

#cartContainer tfoot td,
#itemContainer tfoot td {
/*	border-top: 1px solid #323232;*/
	border-right: none;
	vertical-align: top;
/*	padding: 1em 0em;*/
}

#itemContainer tfoot td {
	border-bottom: none;
}

#cartContainer tfoot input,
#itemContainer tfoot input {
	width: auto;
/*	display: inline;*/
/*	margin: 0 auto;*/
}


#cartContainer td.productname,
#itemContainer td.productname {
	border-left: 1px solid #323232;
	text-align: left;
}

#cartContainer span.packagecontents,
#itemContainer span.packagecontents {
	font-size: 0.83em;
}

.smallaction {
	float: right;
	font-size: 1em;
	margin: 0;
	padding: 0;
	clear: right;
}

#page-wide .smallaction {
/*	margin-right: 128px;*/
}

#cartContainer td.totallabel,
#itemContainer td.totallabel {
	text-align: right;
	color: #EF0026;
	font-weight: bold;
}

#cartContainer td.totallabel span,
#itemContainer td.totallabel span {
	color: #b0b0b0;
	font-size: 0.83em;
	font-weight: normal;
}

#cartContainer td.totalprice,
#itemContainer td.totalprice {
	font-weight: bold;
	font-size: 1.4em;
}

#billingDetailsContainer table.wwFormTable,
#shippingDetailsContainer table.wwFormTable {
	margin-left: 70px;
}

#billingDetailsContainer table.wwFormTable td,
#shippingDetailsContainer table.wwFormTable td {
	padding: 0.5em;
}

#billingDetailsContainer form label,
#shippingDetailsContainer form label {
	margin-left: 0;
	display: inline;
	clear: none;
}

span.errorMessage,
span.errorMessage {
	color: #EF0026;
/*	text-transform: uppercase;*/
}

/*#billingDetailsContainer,
#shippingDetailsContainer {
	width: 425px;
	float: left;
}

#billingDetailsContainer {
	margin-right: 20px;
}
*/

#errormessagebox,
#messagebox {
	padding: 1em;
	margin-bottom: 20px;
}

#errormessagebox {
	border: 1px solid #EF0026;
	color: #EF0026;
}

#messagebox {
	border: 1px solid #FFFFFF;
	color: #FFF;
}

#errormessagebox ul,
#messagebox ul {
	margin: 0;
	padding: 0;
}

#errormessagebox li,
#messagebox li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	list-style-image: none;
}

/* Page-specific: Team Musashi
--------------------------------------------- */

.sporticon,
.teamicon {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
	
}

.sporticon a:link,
.sporticon a:visited,
.teamicon a:link,
.teamicon a:visited {
	display: block;
/*	float: left;*/
	
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sporticon a:link,
.sporticon a:visited {
	width: 195px;
	height: 140px;
}

.sporticon a:hover,
.sporticon a:active {
	background-position: 0 -140px;
}

.teamicon {
	background-repeat: no-repeat;
	background-position: 50% 50%;
/*	position: relative;*/
}


ul.team_list_big li.teamicon {
	float: none;
/*	margin-bottom: 2em;*/
	width: 350px;
/*	height: 180px;*/
	margin: 0 auto 0 auto;
	list-style-image: none;
}

.teamicon img {
/*	position: absolute;*/
/*	top: 0;*/
	left: 0;
/*	z-index: -1;*/
	display: block;
}

.teamicon h3 {
	font-size: 1.1em;
	padding-left: 15px;
	background: transparent url(../images/icon_h3dot.png) no-repeat 0px 50%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

ul.team_list_small,
ul.team_list_big {
	margin-top: 15px;
}

ul.team_list_big .teamicon img {
	width: 350px;
	height: 180px;
}

ul.team_list_small .teamicon img {
	width: 195px;
	height: 100px;
}

.teamicon a:link,
.teamicon a:visited {
/*	position: absolute;*/
	top: 0;
	left: 0;
/*	z-index: 1;*/
}

ul.team_list_big .teamicon a:link,
ul.team_list_big .teamicon a:visited {
/*	margin: 0 auto;*/
	width: 350px;
	height: 180px;
	padding-bottom: 40px;
}

/*
ul.team_list_small .teamicon {
	margin-right: 10px;
}
*/

ul.team_list_small .teamicon a:link,
ul.team_list_small .teamicon a:visited {
	width: 195px;
	height: 100px;
	padding-bottom: 40px;
}

ul.team_list_big .teamicon .teamroundmask {
	background: transparent url(../images/mask_teamroundborder.gif) no-repeat 0 0;
	position: relative;
/*	top: 0;*/
	left: 0;
	margin-top: -180px;
	display: block;
	height: 180px;
	width: 350px;
}


ul.team_list_small .teamicon {
	margin: 0 10px 0 0;
}

ul.team_list_small .teamicon .teamroundmask {
	background: transparent url(../images/mask_teamroundborder_s.gif) no-repeat 0 0;
	position: relative;
/*	top: 0;*/
	left: 0;
	margin-top: -100px;
	display: block;
	height: 140px;
	width: 195px;
}

ul.team_list_big .teamicon .teamroundmask:hover,
ul.team_list_big .teamicon .teamroundmask:active {
	background-position: 0 -221px;
}

ul.team_list_small .teamicon .teamroundmask:hover,
ul.team_list_small .teamicon .teamroundmask:active {
	background-position: 0 -140px;
}

#teamimageandproducts {
	float: left;
	width: 195px;
}

.teamrounded {
	background: transparent url(../images/mask_teamroundborder_s.gif) no-repeat 0 0;
	position: relative;
	padding-bottom: 40px;
	width: 195px;
	height: 100px;
}

.teamrounded img {
	width: 195px;
	height: 100px;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
}

#teamimageandproducts h4 {
	color: #EF0026;
	text-transform: uppercase;
}

#teamimageandproducts ul {
	margin-left: 0;
	padding-left: 0;
}

#teamimageandproducts li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#teamdescription {
	float: left;
	margin-left: 10px;
	width: 410px;
}


/* Page-specific: Popups
--------------------------------------------- */

#page-popup {
	background-image: none;
}

#page-popup #pageheading {
	width: 380px;
}

#page-popup #content {
	background: transparent url(../images/bg_popup_top.gif) no-repeat top left;
}

#page-popup #contentwrapper {
	width: 380px;
	margin: 0 auto 50px auto;
	background: #1B1818 url(../images/bg_popup_bottom.gif) no-repeat bottom left;
	float: none;
}

#page-questionnaire #contentwrapper {
	width: 890px;
}

#page-questionnaire #contentwrapper,
#page-questionnaire #content {
	background: none;
	margin: 0;
	padding: 0;
}

.newsitem {
	clear: both;
	border-bottom: 1px dotted #666;
	overflow: auto;
	padding-bottom: 1em;
	margin-top: 1em;
}

.newsitem .image {
	width: 115px;
	margin: 0.2em 30px 0 0;
	float: left;
}

.newsitem .teasertext {
	float: right;
	width: 470px;
}

.newsitem h3,
.newsitemdetails h3 {
	margin-bottom: 0;
	line-height: 1;
}

.newsitem p,
.newsitemdetails p {
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
}

.newsitem h3 a:link,
.newsitem h3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


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

#newsitemsummarylist li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0 5px;
	font-size: 1.1em;
}

#newsitemsummarylist li:hover,
#newsitemsummarylist li.sfhover {
	background: transparent url(../images/bg_sidebarbox.gif) repeat-x top left;
}

#newsitemsummarylist a:link,
#newsitemsummarylist :visited {
	color: #FFFFFF;
}

.newsitemdetails .image {
	margin: 0 10px 10px 0;
	float: left;
}

.newsitemdetails h4 {
	font-size: 1.2em;
}

.dateline {
	margin: 0;
	font-weight: bold;
}

.newsitemdetails .image .description {
	font-size: 1em;
	text-align: center;
}


#trainerProgram {
	width: 100%;
}

#trainerProgram th {
	text-transform: uppercase;
	background: #323232 url(../images/bg_th.gif) repeat-x 0 50%;
	padding: 0.5em 0;
}

#trainerProgram td {
	border-right: 1px solid #323232;
	border-bottom: 1px solid #323232;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

#trainerProgram td.first {
	border-left: 1px solid #323232;
}