/*  Page Type Defaults
	
	This stylesheet file is included in all pages. It defines the general and initial styles, the
	page itself (header, main, navigation and so on), and styles that are reused because similar
	structures are located on more than one page.
	
	All page specific style files (e.g. pt_cart.css) can refine common styles.
	
	All display: inline before floats shall prevent the IE from its own stupidity.
	http://www.positioniseverything.net/explorer/doubled-margin.html
*/

/* commom style for all browsers */

/***********************************************/
/* Page Structure CSS                           */
/***********************************************/

/*  ===== Container Notes =====   /
	Container wraps the complete page content inside the body. 
	It allows the page a visible margin, padding and have a different background color.
	There are options for fixed width as well as variable width.
*/
/* 
	Global Defaults
	- defines base colors, margins, borders and so on
	- defines global style of input boxes, error messages....
   
	Demandware eCommerce 2.0, copyright 2007, all rights reserved 
*/

/*
	Remove all default margins and paddings because all browser think about
	this differently. This means we start clean and have to declare it, if
	needed.
*/	
* {
	margin: 0px;
	padding: 0px; }
html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	}
p {
	margin: 0px;
	padding: 0px; }
blockquote {
	margin: 0px;
	padding: 0px; }
a {
	text-decoration: none;
	color: #ff820f; }
a:hover {
	text-decoration: none; }
a:link {}
a:visited {}
img,a img,img a {
	border: 0px;
	-ms-interpolation-mode:bicubic;
	}
ul li, ul, li {	
	margin-left: 0px;	
	padding: 0px; }
/* Global image button layout */
.imagebutton {
	border: none; }
/* Default layout of input boxes */
.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding: 1px;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;	}	
/* Default layout of select boxes */
.selectbox {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding: 1px;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;	}
fieldset {
	margin: 0px;
	padding: 0px;
	border: 1px; }
/*
	Advanced behavior of input/select boxes to focus when a user is editing the content.
	This is clearly CSS 2.1 and therefore is ignored by IE 6.0 and all other 
	unsupportive browsers.
*/
form {
	padding:0px;
	margin:0px;
	z-index:-1;}
input,input[type="checkbox"], input.checkbox {
	border: 1px solid #ccc;
	margin:0px;
	padding:0px;
	z-index:-1; }
input[type="text"]:focus, input[type="password"]:focus {
	background-color: #ffffc0 !important; }
textarea:focus { 
	background-color: #ffffc0 !important; }
select {
	z-index:-1; }
select:focus { 
	background-color: #ffffc0 !important; }	
h1 {
	font-size: 18px;
	font-weight: normal; }
	
 h2 {
	font-size:11px;
	margin:0;
	background-color:#ff820f;
	position:relative;
	color:#fff;
	font-weight:bold;
	padding:3px 0 0 10px;
	min-height:17px;
	_height:17px;
	letter-spacing: -1px;
	text-decoration:none;
} 

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#fff!important;
	text-decoration:none;
}
	
h3 {
	font-size: 12px;
	font-weight: bold; }
	
h4 {
	font-size: 10px;
	font-weight: bold; }
/* Clear floats inside a div (W3C recommendation) */
.clear {
	clear: both;}

body {
	margin:0;
	padding:0;
	font: 0.625em Verdana;
}

#container {
	margin: 0px auto;
	padding: 0px;
	float:left;
	background-color: #FFFFFF;	
	width: 990px;
	  /* FOR FIXED WIDTH THAT WON'T VARY IF WINDOW SIZE IS SMALLER*/
	/*min-width: 790px; MINIUM FOR VARIABLE WIDTH */
	/*max-width: 1000px; MAXIMUM FOR VARIABLE WIDTH */}
	
/*  ===== Header Notes =====   /
	The header is on top of the page inside the container before any
	other page component.
*/
#header {

}   
	
/*  ===== Footer Notes =====   /
	The footer is located below all elements on the page and full width.
*/
#footer {
	clear: both;
	height:29px;
}

/*  ===== Main Content Page Structure Column Notes =====   /
	This content the code for the Left Column, Right Column and Center Column of the page.
*/
#main {
	clear: both;
	width:980px;
	margin: 5px auto;
	float:left;
 }

/* The left column contains navigation on left side of page */
#leftColumn	{
	display: inline;
	float: left;
	width: 173px;	
	border: 0px solid black;
	margin: 0px; }
	
/* The content column contains all display items between the left and right columns */	
#content {
	display: inline;
	float:left;		
	width:990px; }

/* The right column floats on the right side and contains promotional elements of site */	
#rightColumn {
	display: inline;
	float: right;	
	width: 200px;
	margin: 0px auto;
	background-color:#efefef; }
	
	

/***********************************************/
/* Page Styling CSS                            */
/***********************************************/

/*********** CUSTOM TEXT/STYLING ***********/

/*  ===== Custom Text Styling Notes =====   /
	Simple global styling SITE WIDE,
	if you want something custom for a certain page
	please style in the specific Pagetype stylesheet
*/

/* Default Content h1 tag */
#content h1 {
	padding: 3px;
	text-transform: none;
	color: #006;
	font-size: 20px; }
	
#content h1:first-line {
	text-transform: uppercase; }
	
/* Default Content h2 tag 
#content h2 {

	color: #69c;
	border: none;
	font-weight: normal;
	margin: 10px 2px;
	border-bottom: 2px dotted #69c; }
*/	

#content h3 {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1.1em;
	font-weight: normal;	
	line-height: 1.1;
	padding: 0px;
	margin: 2px 0px 3px 0px;
	color: #ff820f; }
	
select {
	width: 150px;
	font-size: 11px; }

#content p {
	margin: 10px 0px 10px 0px; /* Default p tag margin */	}
	


.divider {
	margin-left: 4px;
	margin-right: 4px;
	color: #9FB1BC; }
	
/* Default CSS INPUT button */
.button {
	background:url(../images/button_bg.gif) left repeat-x;
	font-family: Lucida Console,Verdana,Tahoma,sans-serif;
	font-weight: bold;
	font-size:11px;
	font-weight: bold;
	text-transform: uppercase;
	height: 17px;
	vertical-align: middle;
	color:#666666;
	border-width:1px;
	border-style:solid;
	border-color:#ddd #666666 #666666 #ddd; }
.basket{
	background:url(../images/sportscheck/but_einkaufswagen.gif) no-repeat;
	height:25px;
	width:200px;
	float:right;
		}
.image {
	margin: 0px 0px 0px 10px;
	border: 0px;
	float:left;}
.sendimage {
	vertical-align:middle;}
.submitlink {
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	border:0px;
	cursor:pointer;
	background:none;
	color: #ff820f;
	font-size: 1.2em;}
.submitlink:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	border:0px;
	cursor:pointer;
	background:none;
	color: #000000;
	font-size: 1.2em;}
.imageleft {
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	display: inline;
	float: left;
	border: 0px;}
.imageright {
	margin: 5px 1px 10px 1px;
	padding: 5px 1px 10px 1px;
	display: inline;
	float: right;
	border: 0px;}
.userlogin {
	color: #666666; }
.value {
	font-size: 10px;
	font-weight: normal;
	color:#555;}
.key {
	font-size: 10px;
	font-weight: normal;
	color: black; }
.required {
	color: Red;
	margin-right: 2px; }
.promotion {
	color: Red;
	font-weight: bold; }
.promotiondescription {
	color: Red; }
.bonus {
	color: Red;
	margin: 0px;
	padding: 0px; }
.confirmationmessage {
	color: #6699cc;
	font-size: 1.1em;
	font-weight: bold;
	display: block; }
.caption {
	display: block; }
.keynote {
	margin: 5px 5px;
	white-space: nowrap;
	font-size: 10px; }
/* Styles the Coupon Code identical throughout page */
.cartcoupon {
	text-align: right; }	
.couponcode {
	font-family: "Courier New", courier, monospace;
	font-size: 12px; }	
.couponapplied {
	color: Red; }	
.couponnotapplied {
	color: Red; }
			
/************* DEFAULT HEADER styles **************/

/* = Header Logo Styles = */	
		


#header #navspecial{
	float:right;
	background: url(/is-bin/intershop.static/WFS/Sportscheck-SportscheckDe-Site/-/de_DE/imagesOnline/navi/aktion.jpg) no-repeat;
	display: block;
	margin-right: 3px;
	margin-top: -36px;
	width: 86px;
	height: 65px;
	
	}
#header #navspecial a { /* Create a clickable image by attaching a background to the anchor */
	float:right;
	display: block;
	width: 86px; /* Special WIDTH */
	height: 65px; /* Special HEIGHT */

	}
.info{
	float:right;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size:9px;
	font-weight: bold;
	text-align:right;
	}
	
.infonewtop{
	float:right;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size:9px;
	font-weight: bold;
	text-align:right;
}

.infonewtop a{
	color:#FFFFFF;
}

.infonewtop a:hover{
	color:#000000;
}

.info a{
	color:#FFFFFF;
	}
.info2{
	float:right;
	margin-top:5px;
	margin-right:100px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size:9px;
	font-weight: bold;
	}
.info2 a{
	color:#FFFFFF;
	}
		
/************* DEFAULT VERTICAL NAVIGATION HEADER/FOOTER styles **************/

/* = Header/Footer Navigation Styles = */
.navigation { }
.navigation ul {
	margin: 0px;
	padding: 0px;}
.navigation li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif ; }
.navigation li a {
	color: #ff820f; }
.navigation .divider {
	margin-left: 4px;
	color: #9FB1BC; }


/* = Header Navigation Container = */
#headerNav {
	padding:0px;
	margin: 0px 3px 7px 0px;
	border: 0px solid #CCC;
	font-size: 1em;
	width: 475px; /* Hack IE 6 to make logo not wrap below navigation */
	text-align: center;
	float: right;
	height: 24px;
	background-color:#ff820f; }	
#headerNav .navigation {
	height: 24px;
	padding: 0px 0px 0px 15px;
	line-height:24px;
	background-color:#ff820f; }
#headerNav .navigation .divider {
	display:none; }
#headerNav .navigation li a {
	color: #fff;
	padding:0px 12px 0px 0px; }
#headerNav .navigation li a:hover {
	color: #ebab00;
	text-decoration:none; }

/* = Footer Navigation Container = */
#footer .navigation {
	float:right;
	font-size: .95em;
	text-align:right;
	width:340px;
	padding: 0px 5px 0px 0px;
	line-height:29px; }
/************* FOOTER Info styles **************/	
			
/* = Copyright Styles = */
#copyright {
	float:left;
	padding: 0px 0px 0px 4px;
	font-size: .9em;
	line-height:29px;
	color: #999999;
	width:605px;
	display:inline; }
#copyright .copyright {
	float:left;
	width:125px;
	display:inline; }
#copyright .customerservicephone {	
	display:inline;
	float:right;
	width:135px; }
#copyright .customerservicephone .key {
	margin-right: 5px;
	color: #999999;}
#copyright .customerservicephone .key:after {
	content: ":"; }
#copyright .customerservicephone .value {
	color: #999999;}
	
/************* DEFAULT COLUMN styles **************/

/* = LEFT COLUMN Styles = */	
#leftColumn h2{
	padding: 2px 0px 0px 7px;
	font-size: 13px;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #878787; }
#leftColumn ul {
	list-style: none;
	margin: 0;}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#leftColumn li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
	display: block;}
/* Fix for browsers that don't need the hack */
html>body #leftColumn li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;}
#leftColumn .resultcount {
	color: #999999;}
#leftColumn select {
	width: 150px;
	font-size: 11px; }
	
/* = RIGHT COLUMN Styles = */	
#rightColumn h2 {
	background-color: #efefef;
	color: #868f98;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;	
	padding: 0px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	}

/************* SEARCH BAR styles (search/simplesearch) **************/

#searchbar {
	width: 200px;
	padding: 2px 20px 2px 2px;
	margin: 3px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	border:0px solid #eee;
	float:right;
	background-color: #eee;
	}
#searchbar .searchbutton {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#ffffff;
	width:35px;
	height: 17px;	
	border-style:solid;
	border-color:#ddd #666666 #666666 #ddd;
	border-width:1px;
	text-transform: uppercase;}
#searchbar input {
	width:125px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10px;
	padding: 1px;
	vertical-align: middle;
	border: 1px solid #ccc; }
	
.search{
	float:right;
	clear:right;
	width:195px;
	height:35px;
	background:#b2b2b2;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	padding-top:5px;
	padding-left: 5px;
	}	

#searchbar label {
	display:none;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	vertical-align: middle;
	text-transform: uppercase;}
#searchbar .searchimage {
	display: none; }
	
.searchbutton{
	position:absolute;
	margin:2px 0px 0px 10px;
	}
			
/************* USER styles (pagecomponents/headertopline) **************/
#user{
	display: inline;
	width: 210px;
	height: 78px;
	background-color:#ff820f;
	padding:0px;
	margin: 0px;
	float: right;}	
#userlogin {
	height: 45px;
	color:#fff;
	margin: 2px 0px 0px 5px;}/* SETS POSITION OF MINI CART */
#userlogin a {
	color:#fff; }

/************* MINICART styles (cart/minicartcontent) **************/	
#minicart {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1em;
	color:#ededed;
	text-align: center;
	padding:1px;
	z-index:1000; }
#minicart #minicarttotal a {
	height:15px;
	color:#fff;}
#minicart .cartstatustext {
	margin-left: 5px;}
#minicart .text {
	margin-left: 5px; }
#minicart .pricevalue {
	margin-left: 5px; }
#minicartcontent {
	position: absolute;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: white; 
	color: #666666;
	border: 1px solid gray;
	width: 210px;
	z-index:999;}
#minicartcontent .close {
	text-align: right;
	height:14px;
	display:inline;
	float:right;
	margin:-14px 2px 0 0;}
#minicartcontent .link2cart {
	text-align: center;
	margin: 1px auto 1px auto;}
#minicartcontent .link2cart a {
	font-weight: bold;
	color: #369;}
#minicartcontent table {
	margin: 1px;
	z-index:999;
	border: 1px solid #eee; }
#minicartcontent table thead th {
	background-color: #e0e0e0;
	color:#000 }
#minicartcontent table tfoot td {
	background-color: #e0e0e0; }
#minicartcontent table tbody {}
#minicartcontent table tbody td {
	background-color: #f5f5f5;
	margin:1px; }
#minicartcontent table tbody td.thumbnail {
	margin:2px auto;
	padding:0px;
	vertical-align:middle; }

/************* CATEGORY NAVIGATION styles (category/departments) **************/	
#categoryNavigation {
	z-index:100;
	height:32px;
	background-color: #ff820f;	
	 }

.einkaufswagen{
	float:right;
	clear:right;
	margin-right:10px;
	margin-bottom:10px;
	}
	
/*********** #Category Nav styles (search/productsearchrefinebar) ***********/
#categoryNav {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 11px; }
#categoryNav h2 {
	display: block;
	padding: 3px;
	border: 0px;
	background-color: #efefef;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #878787; }
#categoryNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}	
#categoryNav ul a:link, 
#categoryNav ul a:visited {}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#categoryNav li {
	border-right: 0px solid #efefef;
	border-left: 1px solid #efefef;
	border-bottom: 1px dotted #efefef;
	padding-left: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;}
/* fix for browsers that don't need the hack */
html>body #categoryNav li {
	border-right: 0px solid #efefef;
	border-left: 1px solid #efefef;
	border-bottom: 1px dotted #efefef;
	padding-left: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;}
#categoryNav a {
	padding: 1px 0px 1px 7px;
	color: #ff820f; }
#categoryNav li:hover{
	background-color: #ededed;}


/* ////////////////////////////////////////////////////////////////////////////// */
/* Top Menu Styles                                                                */
/* ////////////////////////////////////////////////////////////////////////////// */

#categoryDropdown {
	position: absolute;
	line-height:20px;
	z-index: 100; }
#categoryDropdown a {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	text-transform: uppercase;
	text-decoration: none;
	color: #666666; }
#categoryDropdown ul#nav {
	list-style: none;
	font-size: .8em;
	font-weight: normal;
	line-height:31px;
	text-align:center;
	float: left; }
#categoryDropdown ul#nav li:hover ul, #categoryDropdown ul#nav li.dropdown_over ul {
	display: block; }
#categoryDropdown ul#nav ul {
	display: none;
	position: absolute;
	list-style: none;
	padding: 2px;
	margin-left: -8px; }
#categoryDropdown ul#nav li.dropdown, #categoryDropdown ul#nav li.dropdown_over {
	float: left;
	background: url(..images/catnavdivider.gif) no-repeat right center;
	padding:0px 7px 0px 7px; }
#categoryDropdown ul#nav li.dropdown:hover, #categoryDropdown ul#nav li.dropdown_over {
	background: url(../images/catnavbarhover.gif) left no-repeat; }
#categoryDropdown ul#nav ul.categoryDropdownbackground {
	top:31px; /* SAFARI BROWSER FIX FOR DROPDOWN POSITIONING */
	background: transparent url(../images/dropdown_background.gif) no-repeat left bottom;
	width: 175px;
	margin:-1px 0 0 -8px; }
#categoryDropdown ul#nav li ul a {
	display: block;
	font-size: .85em;
	text-align:left;
	margin-left: -3px;
	height:auto;
	line-height:1.5em;
	width: 171px; }html>body #categoryDropdown ul#nav li ul a {margin-left: 0px;} /* IE MARGIN ISSUE FIX */
#categoryDropdown ul#nav li.dropdown ul a, #categoryDropdown ul#nav li.dropdown_over ul a {}
#categoryDropdown ul#nav li.dropdown:hover ul a:hover, #categoryDropdown ul#nav li.dropdown_over ul a:hover {
	background: #fff; }
#categoryDropdown iframe {
	position: absolute;
	display: none;
	margin: 0 0 0 -8px;
	width: 175px;
	background:transparent; }
	
	
	
	
/*********** Refine By Navigation styles (search/productsearchrefinebar) ***********/
#refineNav{
	z-index:0;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border-left: 1px solid #ededed;
	border-right: 0px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 1.0em; }
#refineNav h2{
	padding: 2px 0px 0px 7px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666; }
#refineNav ul {
	list-style: none;
	margin: 0;}
/* Fix IE/Win's broken rendering of block-level anchors in lists */
#refineNav li {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px 0px;
	display: block;}
/* Fix for browsers that don't need the hack */
html>body #refineNav li {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px 0px;
	text-align: left;
	display: block;}
#refineNav .resultcount {
	color: #999999;}
#refineNav .multirefineNav fieldset{
	padding: 0px 0px 0px 15px;}

/*********** Other Navigation styles ***********/

/*  ===== boxNav Notes =====   /
	Simple navigation style to use when you want a basic box and <ul> list navigation style
	EXAMPLE: Left Column Navigation on Product Page
*/
#boxNav {
	position: relative;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	background-color: #fafafa;
	border: 1px solid #efefef; }
#boxNav h2 {
	display: block;
	border: 0px;
	padding: 2px 0px 0px 7px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	background-color: #fafafa;}
#boxNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}	
#boxNav ul a:link, 
#boxNav ul a:visited {display: block;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#boxNav li {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding-left: 0px;
	margin: 0px;}
/* fix for browsers that don't need the hack */
html>body #boxNav li {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	padding-left: 0px;
	margin: 0px;}
#boxNav a {
	display: block;
	padding: 1px 0px 1px 15px;
	color: #ff820f; }
#boxNav a:hover{
	background-color: #efefef;}
#boxNav .specialoffer {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .image {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .description {
	margin: 0px;
	padding: 0px;
	border: 0px; }

/************* BREADCRUMB styles (pagecomponents/searchbreadcrumb) **************/
#breadcrumb_list-epd {
	color:#000000;	
	padding: 0px 0px 10px 210px;
	font-size: 10px;
	height:10px;	
	/* width:740px;	 trick to reduce the white-space problems */ }
#breadcrumb_list_pu {
	color:#000000;	
	padding: 0px 0px 10px 5px;
	font-size: 10px;
	height:auto;
}
#breadcrumb {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif !important;
	color:#000000;	
	padding: 0px 0px 10px 5px;
	font-size: 11px;
	height:10px;	
	/* width:740px;	 trick to reduce the white-space problems */ 
}
	
#breadcrumb_service {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif !important;
	margin-left:206px; 
	color: #000000;  
	height: 10px; 
	padding: 0 0 10px 5px;
}

#breadcrumb .key {
	display: none;
	margin: 0px; }
#breadcrumb span {
	font-size: 10px;
	margin-right: 0px; 	}
#breadcrumb span.divider {
	margin-left: 0.25em;
	margin-right: 0.25em; }
#breadcrumb a {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif !important;
	font-size: 11px;
	color: #000000;
	margin-right: 0px; 
	}
/*********** COLUMNS and LIST STYLE for Brands Page ex: SHOP BY BRAND ***********/

.breadspacer {
	margin: 0 13px 0 18px; 
}

.brandlisting {
	display: inline;
	float: left;	
	width: 188px;
	margin: 3px 0px 3px 3px; }
.brandlisting ul {
	list-style: circle;
	margin-left: 1.5em; }
	
/*********** MARKETING / PROMOTIONAL styles ***********/

/*  ===== productMarketing Notes =====   /
	Simple Box style to use when you want a basic box for promotion and marketing products
	EXAMPLE: Top Sellers / Last Visited on Category Page
*/
.productMarketing {
	background-color: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 0px;
	margin: 0px 0px 1px 0px;}
	
/* Header for Product Marketing; EXAMPLE: May We Recommend */
.productMarketing h2, #content .productMarketing h2 {
	background-color: #e9e9e9;
	color: #878787;
	border-top: 0px;
	border-bottom: 1px solid #cfcfcf;	
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;}

/* Link for Product Marketing: Product */	
h3.name {
	text-transform: capitalize;	}
h3 a{
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.1em;
	height:1.1em;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif ;	
	padding: 0px;
	margin: 2px 0px 3px 0px; }

/*  ===== Recommendations Notes =====   /
	Cross Sell/Up Sell for promotion and marketing products
	EXAMPLE: on Cart Page
*/
#rightColumn .recommendations {
	background-color:#efefef;	
	margin:0px 0px 10px 0px;
	width: 200px;
}
#rightColumn .recommendations h2 {
	background-color:#efefef;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1.1em;
	line-height:1.9em;
	text-transform:uppercase;
	text-align:center;
	color:#999999;
	height:29px;
	border:0px;
	margin:0px;
	padding:0px; }
#rightColumn  .recommendations .recommendationscontent {
	margin:0px;
	padding:5px 7px 15px 7px; }
.recommendations .recommendationscontent .product {
	margin:5px auto 0px auto;
	padding:0px 7px 5px 7px;
	border-bottom:#CCCCCC dotted 1px;
	width:90%;  }
.recommendations .recommendationscontent h3 { }
.recommendations .recommendationscontent h3 a {
	color: #ff820f;
	width:95px;
	font-weight: normal;
	text-decoration:none;
	text-transform: capitalize;
	font-size: 1.1em; }
.recommendations .recommendationscontent .image .thumbnail {
	display: inline;
	float:right; }
.recommendations .recommendationscontent .image .thumbnail .productimage a .enlarge {
	display: inline;
	color: #ffffff;
	margin-top: -2px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none; }
.recommendations .recommendationscontent .image .thumbnail .productimage a:hover .enlarge  {
	display: inline;
	color: #999999;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; }
.recommendations .recommendationscontent .productcategory {
	display: none; }
.recommendations .recommendationscontent .image .medium {
	display: none; }
.recommendations .recommendationscontent .compare {
	display: none; }
.recommendations .recommendationscontent .sku {
	display: none; }
.recommendations .recommendationscontent .manufacturer {
	display: none; }
.recommendations .recommendationscontent .stockstate {
	display: none; }
.recommendations .recommendationscontent .scaledprices {
	display: none; }
.recommendations .recommendationscontent .prSnippetEngine {
	display: none; }
.recommendations .recommendationscontent .quantitylabel {
	display: none; }
.recommendations .recommendationscontent .quantitybox {
	display: none; }

/*  ===== login Notes =====   /
	Simple side by side box style used on user login in page
	EXAMPLE: Member Login Page (loginpanel.isml); Checkout (checkout_login.isml)
*/
#content #login {
	margin: auto;
	border: 0px;
	width: 620px; }
#content #login h3 {
	text-transform: uppercase;
	color: #6699cc;
	border: none;
	font-weight: normal;
	font-size: 12px;
	padding: 3px 5px;
	margin: 0px; }
#content #login .logintostore {
	margin: 1px;
	padding: 3px;
	background-color: #fafafa;
	border: 1px dotted #6699cc;
	float: left;
	display: inline;
	width: 300px;
	min-height: 147px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:147px;}
#content #login .logintostore a {
	text-decoration: underline;
	color: #369; }
#content #login .logintostore .login {
	text-align: left;
	font-size: 10px;
	margin: 10px 0 0 20px; }
#content #login .logintostore .login .warning {
	color: red; }
#content #login .logintostore .login .username {
	margin: 5px 0px; }
#content #login .logintostore .login .password {
	margin: 5px 0px; }
#content #login .logintostore .login label {
	clear: left;
	display: inline;
	float: left;
	width: 8em;
	font-weight: normal; }
/* Spacer div to line up image on Log In Screen */
#content #login .loginheight {
	height: 48px; }html>body #content #login .loginheight {
	height: 38px; }
#content #login .logintostore .imageright {
	margin: 0px 25px 0px 0px;
	padding:0px;}

/*  ===== userinfobox Container Notes =====   /
	Styles box containing: addresses,minicreditcard, etc. 
	by adding gray box and button around saved credit cards */
	
.userinfobox {
	display: inline;
	float: left;
	width: 238px; /*25em;*/
	padding: 5px;
	background-color: #f5f5f5;
	margin: 3px; }
.userinfobox .box {
	border: 1px solid #eee;
	font-size: 11px;
	padding: 10px;
	background-color: White;	 }		
.userinfobox .buttons {
	margin: 2px 2px;
	text-align: right; }
.userinfobox .stackedbuttons {
	margin: 5px;
	text-align: left; }
.userinfobox .stackedbuttons input {
	vertical-align: middle; }	
.userinfobox .stackedbuttons label {
	vertical-align: middle;	
	white-space: nowrap;
	margin-left: 5px; }
	
/******* Styles minicreditcard inside unserinfobox *******/
.minicreditcard {}
.minicreditcard .type {
	margin: 2px 0px;
	font-weight: bold; }
.minicreditcard .number {
	letter-spacing: 0.1em; }
.minicreditcard .owner {	
	width:200px;
	height:1em;}

/******* Styles Address inside unserinfobox *******/
.miniaddress {
	border: 1px solid #eee;
	font-size: 11px;
	padding: 10px;
	background-color: White; }
.miniaddress .addressname {
	font-size: 11px;
	color: #69c; }
.miniaddress .name {
	margin-bottom: 5px; }
.miniaddress .name .firstname {
	margin-right: 5px;}
.miniaddress .name .lastname {}
.miniaddress .address {}
.miniaddress .address .street {}
.miniaddress .address .street .line1 {}
.miniaddress .address .street .line2 {}
.miniaddress .address .location {}
.miniaddress .address .location .city {
	display: inline; }
.miniaddress .address .location .statedivider {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .state {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .zip {
	display: inline; }
.miniaddress .address .country {
	margin-top: 5px; }	
	
/******* Simple Container Box *******/		
#infoBox {
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 10pt;
	background-color: #fafafa;
	border: 1px solid #efefef;
	color: #cc0000;
	padding: 5px;
	text-align: center;}
#infoBox h2 {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #868f98;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	background-color: #fafafa;} 
/******* Order Container Boxes *******/
.orderproducts {
	display:inline;
	float:left;
	width: 710px;
	margin: auto;
	padding: 0px 3px 0px 0px; }	
.orderinfo {
	display:inline;
	float:right;
	width: 255px;
	margin: auto;
	padding: 0px 3px;
	border-left: 1px dotted #999999; }		
/*  ===== Product Reviews Style Notes =====   /
	These styles style the Product Reviews
*/

#prContainer {
	margin: 5px auto;
	padding: 0px;
	border: 1px solid #efefef;
	background-color: #fafafa;
	width: 300px; }
#prColumn1 {
	position:relative;
	width:140px;
	height:25px;
	display: inline; }
#prColumn2 {
	position:relative;
	width:140px;
	height:25px;
	display: inline; }

/*  ===== Error Message Style Notes =====   /
	Special message pan for displaying error messages
	EXAMPLE: search/nohits
*/
.errormessage {
	border: 1px solid red;
	padding: 10px;
	margin: 10px 10px;
	color: red; }
.errormessage h4 {
	color: red;
	font-size: 12px;
	font-weight: normal; }	
.errormessage ul
	{
	list-style-position : inside;
	list-style-type: circle;
	margin-left: 10px; }	
.errormessage li {
	color: Black; }		
.errorcaption {
	display: block;
	color: red;}
#message {}
#message p {
	margin: 25px;
	font-size: 14px;}	
#message p.problem {
	font-weight: bold;}

/*********** HTML TABLES STYLING ***********/

/*  ===== Product Table Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: wishlist/wishlist.isml
*/		
		
table.producttable {
	width: 765px;
	margin: 5px 0px;
	border: 1px solid #eee; }
table.producttable tr th {
	background-color: #e0e0e0;
	white-space: nowrap;
	color: Black;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px; }
table.producttable tfoot td {
	padding: 3px 5px;
	text-align: right;
	background-color: #e0e0e0; }
table.producttable tr td {
	padding: 3px 5px;
	margin: 0px;
	background-color: #f3f3f3;}	
table.producttable tr td.quantitycolumn {
	text-align: center;
	vertical-align: middle;
	width: 70px; }
table.producttable td .alreadyordered {
	display: block;
	color: Green; }
table.producttable tr.odd td {
background-color: #f3f3f3; }
table.producttable tr.even td {
	background-color: #fcfcfc; }
table.producttable td a {
	text-decoration: none;
	color: #ff820f;
	font-size: 1.2em; }
table.producttable td a:hover {
	text-decoration: underline; }
table.producttable td.price {
	text-align: right;
	width: 85px; }	
table.producttable .imagecolumn {
	margin: auto;
	text-align: center;
	vertical-align: middle; }
table.producttable .remove {
	margin: auto;
	text-align: center;
	vertical-align: middle; }	
table.producttable .shippinggrouping { }
table.producttable .shiptoline { 
	background-color: #fcfcfc;}
table.producttable .shippinggroupinginfo {
	text-align: right; }	
table.producttable .shippinggroupingpromo{
	text-align: right;
	color: Red; }
table.producttable td.ordertotalsdivider {
	margin: 0px;
	padding: 0px;
	background:#ffffff;
	border-bottom: 1px solid #cdcdcd; }
table.producttable tfoot .blank {
	background:#ffffff; }	
table.producttable .ordertotal{
	text-align: right;
	background-color: #dcdcdc; }	
table.producttable .ordertotalprice {
	text-align: right;
	font-weight: bold;
	background-color: #dcdcdc; }

/*  ===== Simple Table Style Notes =====   /
	This code creates a default table for entering credit cards etc.,
	simple border with one background color.
	EXAMPLE: customer/paymentinstruments.isml
*/	

table.simple {
	border: 1px solid #eee;
	margin: 5px auto;
	padding: 0px; }
table.simple th {
	background-color: #ccc;
	white-space: nowrap;
	color: Black;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px; }
table.simple tr.highlight td {
	color: #c41b0b; }
table.simple td {
	margin: 10px 10px;
	color: Black;
	padding: 3px 5px;
	background-color: #f5f5f5; }
table.simple td.radio 	{
	width: 2em;
	text-align: center;	}
table.simple td.number input {
	width: 13em; }
table.simple td input.image {
	margin: 0px 0px 0px 10px;
	border: 0px;
	float: right;}
#content table.simple td.wide {
	width: 25em; }
table.simple td.expiration .year select {
	width: 5em; }
table.simple td.expiration .month select {
	width: 4em; }
table.simple td.remove {
	width: 2em;
	text-align: center; }
table.simple td.remove a {
	text-decoration: none;
	border: 1px solid Black; }
table.simple .warning {
	color: red; }	
table.simple input {
	padding: 1px;
	border: 0px;
	font-weight: normal;
	vertical-align: top; }
table.simple input.radio {
	border: 0px;}
table.simple input[type="radio"] {
	border: 0px;}	
table.simple input.save {
	border: none; }
table.simple input.imagebutton {
	border: none; }
table.simple .inputbox {
	width: 200px;
	border: 1px solid #ccc; }
table.simple select {
	padding: 1px;
	font-weight: normal;
	border: 1px solid #ccc;
	vertical-align: top;	
	width: 204px; }
table.simple .quantitycolumn {
	text-align: center;
	vertical-align: middle; }
table.simple .quantitybox {
	padding: 1px 1px 1px 1px;
	margin: 3px 0px 0px 0px;
	font-weight: normal;
	border: 1px solid #ccc;
	vertical-align: middle;
	width: 20px; }
table.simple .quantitycolumnbonus {
	color: Red; }
table.simple .quantitycolumnbonus {
	color: Red; }
table.simple .imagecolumn {
	margin: auto;
	text-align: center;
	vertical-align: middle; }
table.simple .unitpricecolumn {
	text-align: right;
	white-space: nowrap; }
table.simple .itemtotalcolumn {
	text-align: right;
	white-space: nowrap; }
table.simple .isavailable {
	color: #69c;
	font-size: 10px;
	font-weight: bold;
	display: block; }
table.simple .isnotavailable {
	color: #c00;
	font-size: 10px;
	font-weight: bold;
	display: block; }
table.simple table p {
	margin: 0px;
	padding: 0px; }
table.simple tr.odd td {
	background-color: #f3f3f3; }
table.simple tr.even td {
	background-color: #fcfcfc; }	

/*  ===== User Registration Table Style Notes =====   /
	This code creates the registration table used throughout
	EXAMPLE: user/registration.isml
*/	
table.registration {
	margin: 0px;
	border: 1px solid #eee;
	width: 100%;
	font-size: 10px; }
table.registration .warning {
	color: red; }
table.registration td {
	padding: 3px 2px;
	white-space: nowrap;
	background-color: #f5f5f5; }
table.registration td.key {
	width: 12em;
	white-space: nowrap;
	text-align: right;
	vertical-align: top; }			
table.registration td.key strong {
	white-space: nowrap; }
table.registration td.value {
	font-size: 9px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px; }
table.registration td.value input {
	font-size: 10px; }
table.registration td.value input.inputbox {
	width: 200px; }
table.registration td.value .selectbox {
	width: 204px; }
table.registration td.value input.zip {
	width: 6em; }
table.registration td.value select {
	width: 145px;
	font-size: 10px;
	padding: 1px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc; }
table.registration td.value select.state {
	width: 4em; }
table.registration td .required {
	color: Red; }
table.registration td .notrequired {
	color: White; }
table.registration td .caption	{
	display: block; }
table.registration td .errorcaption {
	display: block;
	color: Red; }

/*********** PRODUCT DISPLAY STYLING ***********/
/*  ===== Default MINIProducts inside productlistings definition =====   /
	This is the first and most general definition of productlisting and product.
	Because the most products are listed inside a productlisting, this works as
	foundation for nearly all product displays.
*/
/* Default Products Values Styles ex: Our Price: $XXX.XX */
.product .key {
	margin-right: 3px;
	font-size: 1.2em; }
.product .value {
	font-size: 1.2em; }
/* Default Product Description Styles ex: Featured Product */
.product .description {
	/*  if italic here, be prepared to see
	http://www.positioniseverything.net/explorer/italicbug-ie.html */
	font-style: normal;
	font-size: 1.1em;
	text-align: left;
	margin-left: 210px; }

/* Default Products Container */	
.productlisting {}
/* Default Product Container */
.productlisting .product {
	margin: 3px 3px 5px 3px;}
/* Default Product Images */
.productlisting .product .image .thumbnail {
	display: block; }
.productlisting .product .image .thumbnail img {
	height: 45px;
	width: 60px;
	 }
.productlisting .product .image .medium {
	display: none; }
.productlisting .product .image .large {
	display: none; }
/* Adds Enlarge Mouseover Text to Images */
.productimage{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;}
.image .thumbnail .productimage img {
	border: 0; }
.image .thumbnail .productimage a {
	text-decoration: none; }
.image .thumbnail .productimage a:hover /* IE Hack for mouseover */ {
	text-decoration: none;
	color:#999999; }
.image .thumbnail .productimage img a {
	border: 0; 
	text-decoration: none; }
.image .thumbnail .productimage a .enlarge {
	display:inline;
	color:#FFFFFF;/* Set to background color to make invisible */
	margin:-2px -10px 0px 0px;
	text-decoration: none; }
.image .thumbnail .productimage a:hover .enlarge {
	display:inline;
	color:#999999;
	margin:-2px -10px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; }
.image .medium .productimage img {
	border: 0;}
.image .medium .productimage img a {
	border: 0; text-decoration: none; }
.image .medium .productimage a .enlarge {
	display:block;
	color:#FFFFFF;/* Set to background color to make invisible */
	margin:-10px 0px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; }
.image .medium .productimage a:hover .enlarge {
	display:block;
	text-align:right;
	color:#999999;
	margin:-10px 0px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; }
/* Default Product Other */
.productlisting .product h3.name {
	font-weight: normal;	
	font-size: 1.1em; }
.productlisting .product .sku {
	display: none; }
.productlisting .product .manufacturer .name {
	display: none; }
.productlisting .product .manufacturer .sku	{
	display: none; }
.productlisting .product .stockstate {
	display: none; }
.productlisting .product .stockstate .isavailable {
	font-weight: bold; }
.productlisting .product .stockstate .isnotavailable {
	font-weight: bold; }
.productlisting .product .stockstate .alternative {
	font-weight: normal; }
.productlisting .product .variations {
	display: none; }
.productlisting .product .price {
	margin: 2px 0px;
	display:inline; }
.productlisting .product .pricing .key {
	display:none;}
.productlisting .product .price .value {
	color: #000000; }
.productlisting .product .price .standard {
	display:inline;}
.productlisting .product .price .standard .key {}
.productlisting .product .price .standard .value {
	text-decoration: line-through; }
.productlisting .product .price .information {
	text-decoration : line-through;
	font-weight: normal;	
	display: none; }
.productlisting .product .price .special {
	display:inline;}
.productlisting .product .price .special .key {
	color: black; }
.productlisting .product .price .special .value {
	color: #000000;
	font-weight: bold; }
.productlisting .product .scaledprices {
	display: none; }
.productlisting .product .addtocart {}
.productlisting .product .addtocart .quantitybox {
	display: none; }
.productlisting .product .addtocart .quantitylabel {
	display: none; }
.productlisting .product .addtocart .addtocartbutton {
	display: none; }
.productlisting .product .compare {
	display: none; }
.productlisting .product .addtowishlist {
	display: none; }
.productlisting .product .productoptions {
	display: none; }
.productlisting .product .variations {
	display: none; }
.productlisting .product .productcategory {
	display:none;}

	
/*****	Content has a special product listing from right to left
		ex: Product Search Results *****/
#content .productlisting .product {
	display: inline;	
	float: left;
	margin: 4px;
	padding: 4px;
	width: 180px;
	height: 180px;
	text-align: center; }
#content .productlisting .product .image {
	float: none;
	margin-left:auto;
	margin-right: auto;
	text-align: center; }
/* Product Reviews Styling in content area */
#content .prSnippetEngine {
	width: 150px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
/* put font information in merchant specific stylesheets in this class entry */ }
#content .prStars {
	padding: 0px;
	margin: 0px 0px 0px 3px;}
#content .prSnippetNumberOfRatingsText {
	display: inline;
	margin: 0px 0px 0px 3px;}
#content .prSnippetTitle {
	display:none;}
#content .prSnippetWriteReview {
	display:none;}
#content .prSnippetReadReviews {
	display:none; }
				
/*****	Product Listing Display Promotional
		ex: May We Recommend *****/
.productMarketing .productlisting .product .image {
	display: inline;
	float: right; }
.productMarketing .image .thumbnail .productimage img {
	border: 0;
	display:block;}
.productMarketing .image .thumbnail .productimage a:hover .enlarge {
	display:inline;
	color:#999999;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; }
.productMarketing .productlisting .product .price .standard {
	display:block;}
		
/* Styling Reviews in right column product marketing area */
.productMarketing .prSnippetEngine {
	float: none;
	clear: both;
	width: 170px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	border: 0px;
	background-color: #ffffff;
/* put font information in merchant specific stylesheets in this class entry */ }

/* Product Reviews Styling in Product Marketing area */
.productMarketing .prStars {
	padding: 0px;
	margin: 0px 0px 0px 3px;}
.productMarketing .prSnippetNumberOfRatingsText {
	display: inline;
	margin: 0px 0px 0px 3px;}
.productMarketing .prSnippetTitle {
	display:none;}
.productMarketing .prSnippetWriteReview {
	display:none;}
.productMarketing .prSnippetReadReviews {
	display:none;}

/* FEATURED PRODUCT, Product Reviews Styling in content area */
#category .featuredproduct .prSnippetEngine {
	display: inline;
	margin: 5px auto;
	padding: 5px;
/* put font information in merchant specific stylesheets in this class entry */ }
#category .featuredproduct .prSnippetTitle {
	display: none; }
#category .featuredproduct .prSnippetRatingUnclickable {}
#category .featuredproduct .prStars {
	padding: 0px;
	margin: 0px; }
#category .featuredproduct .prSnippetNumberOfRatingsText {
	display: inline;
	padding: 0px;
	margin: 0px; }
#category .featuredproduct .prSnippetWriteReview {
	display: inline;
	margin: 0px 5px 3px 5px;
	padding: 0px; }
#category .featuredproduct .prSnippetReadReviews {
	display: inline;
	margin: 0px 5px 3px 10px;
	padding: 0px;}

/* PRODUCT PAGE, Product Reviews Styling in content area */
#productdetails .prSnippetEngine {
	display: inline;
	float: right;
	width: 225px;
	margin: 5px auto;
	padding: 5px;
	border: 1px solid #dedede;
	background-color: #efefef;
/* put font information in merchant specific stylesheets in this class entry */ }
#productdetails .prSnippetTitle {
	display: block;
	clear: both;
	margin: 0px 0px 5px 0px; }	
#productdetails .prSnippetRatingUnclickable {
	display: block;
	margin: 0px 0px 5px 0px; }	
#productdetails .prStars {
	padding: 0px;
	margin: 0px 5px 2px 5px; }
#productdetails .prSnippetNumberOfRatingsText {
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 3px; }
#productdetails .prSnippetWriteReview {
	display: inline;
	margin: 0px 5px 3px 12px;
	padding: 0px; }
#productdetails .prSnippetReadReviews {
	display: inline;
	margin: 0px 5px 3px 10px;
	padding: 0px;}
#productdetails .bundledproducts .bundledproduct .product .prSnippetEngine {
	display: none;
/* put font information in merchant specific stylesheets in this class entry */ }

/*  ===== Color Switch Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: product/scene7colorswitch_demo.isml
*/
#colorswitch {
	width: 400px;
	float: none; }
#colorswitch .image {
	float: left;
	margin: 10px; }			
#colorswitch p {
	font-size: 10px;
	text-align: justify;
	margin: 0px 10px; }
#colorswitch .colors {
	text-align: center;
	margin: 20px 10px 10px 220px; }
#colorswitch .colorbox {	
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	margin: 5px; }
#colorswitch .color1 {	}

/*********** PAGING for PRODUCT RESULTS/SEARCH ***********/
.pagination {
	border: none;
	width: 400px;	
	font-weight: normal;
	text-align: left;
	font-size: 1px; /* workaround to get rid off the whitespaces between the li's */
	padding: 3px 0px 3px 7px; 
	float:left;
	clear:left; }
.pagination ul {
	margin: 0;
	padding: 0;
	font-size: 11px; }
.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px; }
.pagination a, .pagination a:visited {
	padding: 0 5px;
	border: 1px solid #9aafe5;
	background-color: #fff;
	text-decoration: none; 
	color: #2e6ab1; }
.pagination a:hover, .pagination a:active {
	border: 1px solid #2b66a5;
	color: #FFF;
	background-color: #2e6ab1; }
.pagination li.currentpage {
	font-weight: bold;
	border: 1px solid navy;
	background-color: #5781ae;
	color: #FFF;
	margin: 0px 2px 0px 0px;
	padding:0px 4px 0px 4px; }
.pagination li.previouspage{
    font-weight: bold;
    padding: 0 3px;}
.pagination li.nextpage{
	font-weight: bold;
	padding: 0 3px; }
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	margin-right: 5px;
	padding-right: 0; }

/* Tell a Friend and Print Page Styles */
#pageservices {
	font-size: 10px;
	text-align: right;
	padding: 0px;
	border: 0px;
	width: 250px; /* Hack IE 6 to keep links inline with Product Nav */
	float: right; }

/*********** ARTICLES SEARCH RESULTS STYLES ex:contenthits.isml ***********/

.assetlisting {
	font-size: 10px;
	clear: both; }
.assetlisting .asset {
	width: 180px;
	padding: 2px;
	display: inline;	
	float: left; }
.assetlisting .asset .name {
	margin: 5px auto; 
	text-align: center; }	
.assetlisting .seemore {
	margin: 5px auto; 
	text-align: center; }

/*********** PAYMENT OPTIONS DISPLAY ON LOGIN SCREEN ex:paymentoptions.isml ***********/

.paymentoptions {
	text-transform: uppercase;
	vertical-align: top;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px; }
.paymentoptions img {
	vertical-align: middle;
	margin-left: 10px; }
	
/***** BM Content Management System Styles. Not preformatted. Simple style. *****/
#content .text {
	color: darkblue;
	margin: 20px; }
#content .text h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 15px 0px 5px 0px; }
#content .text h2 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h3 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h4 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text p {
	margin: 5px 0px 15px 0px; }
#content .text a {
	color: darkblue;
	text-decoration: underline; }
#content .text ul {
	margin: 20px 0px;
	list-style-position: inside;
	list-style-type : circle; }
#content .text ul li {}
#content .text ol {
	margin: 20px 0px;
	list-style-position: inside; }
#content .text ol li {}
#content .text table {
	width: 70%;
	border: none; }
#content .text table td {
	vertical-align: top;
	padding: 5px 0px; }
#content .text table th {
	padding: 5px 0px;
	font-weight: bold; }
#content .text table td.key {
	font-weight: bold; }
	
/***** CSS for Rounded Corner Div *****/	
/* surrounding margins (optional) example: Gift Registry pages */
.round{
margin-bottom:5px;
z-index:1; }
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid; }
.round .t, .round .b, .round .t b, .round .b b{
display:block;
z-index:1; }
.round .t b, .round .b b{
float:right;
width:50%; }
.round .t .r{
background-position:top right; }
.round .b .r{
background-position:bottom right; }
.round .b{
background-position:bottom left; }
.round .br{
clear:both;
display:block;
height:0px; }
.productdescription{	
	margin-top:50px;
	margin-bottom: 100px;
	}
#anzahl{
	border:1px solid #000000;}

.floatl{
	float:left;
	}

.categorystyle{
margin:auto;
z-index: 100;
}

.categorystyle ul{
width: 100%;
margin-top: 0px;
text-align: center; 
z-index: 100;
}

.categorystyle ul li{
display: inline;
line-height:25px;
vertical-align: middle;
z-index: 100;
}

.categorystyle ul li a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color:#FFFFFF;
	display:inline;
	float:left;
	border-top:3px solid #FFFFFF;
	height:29px;
	text-decoration: none;
	background: #ff820f url(/is-bin/intershop.static/WFS/Sportscheck-SportscheckDe-Site/-/de_DE/imagesOnline/sportscheck/space_navi.jpg) right no-repeat;
	padding: 0px 13px 0px 13px;
	line-height:25px;
	margin: -1px 0px 0px 0px;
	z-index: 100;
}

.categorystyle ul li a:hover, .categorystyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #999999 url(/is-bin/intershop.static/WFS/Sportscheck-SportscheckDe-Site/-/de_DE/imagesOnline/sportscheck/space_navi.jpg) right no-repeat; /*THEME CHANGE HERE*/
color: #000000;
line-height:25px;
text-decoration: none;
z-index: 100;
}


/** SUBNAVI **/
.subnavi{
margin:auto;
z-index: 100;
margin-top: 0px;
}

.subnavi ul{
text-align: center; 
z-index: 100;
}

.subnavi ul li{
	display: inline;
	line-height:25px;

	}

.subnavi ul li a{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold;
	color:#fff;
	display:inline;
	float:left;
	
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	margin: -1px 0px 0px 0px;
	z-index: 100;
}

.subnavi ul li a:hover, .subnavi ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #ff820f;
line-height:25px;
text-decoration: none;
z-index: 100;
}
/** #SUBNAVI **/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
z-index: 100;
font:normal 12px Verdana;
background-color: #999999;
width: 155px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=155,strength=4); /*Add Shadow in IE. Remove if desired*/
margin-top: -1px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 2px;
padding: 2px 0px 5px 4px;
text-decoration: none;
font-weight: bold;
color: #000;
}


.dropsubmenudiv{
position:absolute;
top: 0px;
z-index: 100;
font:normal 10px Verdana;
background-color: #999999;
width: 155px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=155,strength=4); /*Add Shadow in IE. Remove if desired*/
margin-top: 0px;
text-align: left;
}

.dropsubmenudiv a{
width: auto;
display: block;
text-indent: 2px;
padding: 2px 0px 5px 5px;
text-decoration: none;
font-weight: bold;
color: #000;
}


.dropsubmenudiv li { 
float:left;
}

.dropsubmenudiv a:hover{
color: #fff;
}




.spacerhorizontal {	float:left;	display:inline;	width:5px; }
.spacerverticalsml { clear:both; line-height:10px; }
.spacerverticalfooter { clear:both; line-height:50px; }


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: white;
background-color: #999999;
text-decoration: none;
}

a.foonav{text-decoration:none;color:#FF820F}
a.foonav:link{text-decoration:none;color:#FF820F}
a.foonav:visited{text-decoration:none;color:#FF820F}
a.foonav:active{text-decoration:none;color:#FF820F}
a.foonav:hover{text-decoration:none;color:#333333}
	
.lorangebold{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;font-weight:bold;}

.lorangebold h1 {font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;font-weight:bold;border:0px solid #000000;padding:0px;margin:0px;}



.lorangebold:link{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;font-weight:bold;}
.lorangebold:active{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;font-weight:bold;}
.lorangebold:visited{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;font-weight:bold;}
.lorangebold:hover{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#333333;text-decoration:none;font-weight:bold;}

.lorange{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;}
a.lorange:link{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;}
a.lorange:visited{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;}
a.lorange:active{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;}
a.lorange:hover{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#333333;text-decoration:none;}
	
.subcategoryitems{
	margin-left:10px;
	}
	
.leftnavi_list-epd{		
	padding-right: 9px;	
	margin-top: 0;
	float:left;
	width: 200px;
	}

.leftnavi{		
	padding-right: 9px;	
	float:left;
	width: 200px;
	}

.promoleft{
	margin-left: 10px;
	width: 190px;
	margin-top: 10px;
	}

.contentmain {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	float:left;
	width: 550px;
}

.fullcontent {
	padding: 0px 0px 0px 9px;	
	float:left;
	width: 770px;
	border-left: 1px solid #ccc;
} 

.fullcontent_pu {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
	font-size:11px; 
    padding: 0px 0px 0px 9px;   
    float:left;
    width: 770px;
    border-left: 1px solid #ccc;
} 

.promoright{	
	float: left;
	width: 190px;
	margin-top: 10px;	
	}

.spacerverticalmed {
	 clear:both;	 
	 line-height:12px;
}

.boxborder {
	 border:1px solid #ccc;
	 border-top:none;
	 float:left;
	 display:inline;
	 width:548px;
	 height:auto;	 
}

.newoffers {
	 border-color:#ffe0c3;
	 background-color:#ffe0c3;
}

.boxbordersml {
	 /* width:168px; */
	 width:178px; /* aravn wg. Aenderungen nach Code-Freeze */
}

.column {
	float:left;
	display:inline;
	width:168px;
	padding:10px 0px 10px 10px;	
}

.column img.border, .columnsml img.border {
	float:left;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:1px;
}

.boxbordersmlspecial{
	 width:178px;
	 border:1px solid #ccc;	 
	 _height:70px;
}

.columnsml {
	float:left;
	display:inline;
	min-height:50px;	
	width:162px;
	position:relative;
	padding:10px 0px 10px 10px;
}

.columnsml img.special {
	position:absolute;
	top:42px;
	right:0px;
	width:14px;
	height:14px;	
}

.contentright {
	float:left;
	display:inline;
	width:190px;
	padding-left:10px;
}

.contentright .column {
	float:left;
	display:inline;
	width:168px;
	padding:10px 10px 10px 10px;
}

.contentright .boxborder {
	 border:1px solid #666;
	 border-top:none;
	 float:left;
	 display:inline;
	 width:188px;
}
.contentright .boxroute {
	 border-top:none;
	 float:left;
	 display:inline;
	 width:188px;
}
.contentright h2 {
	background-color:#666;
	position:relative;
	color:#fff;
	font-weight:bold;
	padding:3px 0 2px 5px;
	min-height:15px;
	_height:15px; 
}
.contentright h2.headerstd {
	background-color:#ff820f;
}

.contentright h2 span {
	position:absolute;
	right:9px;
	top:7px;
}

.contentright .orders {
	 float:left;
	 margin:8px 0;
	 width:168px;
}

.contentright .orders img {
	 vertical-align:bottom;
	 padding-bottom:4px;
}

.contentright ul {
	margin:0;
	padding:0;
	float:left;
}

.contentright li {
	list-style:none;
	padding-bottom:4px;
}

.contentright li a {
	list-style:none;
	background: url(/is-bin/intershop.static/WFS/Sportscheck-SportscheckDe-Site/-/de_DE/imagesOnline/ornamente/pfeil_orange_2-6.gif) no-repeat 0 0;
	padding-left:14px;
}

.footer{	
	float:left;
	width:990px;
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	font-size:10px;
}

.brands{
	height:40px;
	width:50px;
	}
	
.allbrands{
	height:11px;
	width:16px;
	}
	
.stdbox {
	float:left;
	display:inline;	
	width:180px;	
	background-color: #FFFFFF;	
}

.marginr{
	margin-right:1px;
	}
	
.contentmain .teasermain {
	float:left;
	display:inline;
	width:550px;	
	height:210px;
	background: transparent url() no-repeat 0 0; /* url will be set inline in the template */
	position:relative;
	color: #333333;
	
}

.contentmain .teasermainclick {
	float:left;	
	width:550px;
	height:210px;	
	position:absolute;	
}

.teasermain .box1 {
	position:absolute;
	top:45px;
	left:240px;
	text-decoration:none;
}

.teasermain .box2 {
	position:absolute;
	top:45px;
	left:340px;
	text-decoration:none;
}

.teasermain .box3 {
	position:absolute;
	top:45px;
	left:440px;
	text-decoration:none;
}

.teasermain .box1, .teasermain .box2, .teasermain .box3 { width:95px; }

#secondnav { 
	float:left;
	display:inline;
	width:790px;
	background-color:#333;
	text-align: left;	
}

.secondnavleft {
	float:left;
	width:788px;
}

* html #secondnav { 
	float:left;
	display:inline;
	width:790px;
	background-color:#333;
	text-align: left;	
}

* html .secondnavleft {
	float:left;
	width:788px;
}

.secondnavsearch {
	float:right;
}

	 .lwhitenavibold{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ffffff;text-decoration:none; font-weight:bold;height:30px;margin-top: 5px;}
	a.lwhitenavibold:link{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ffffff;text-decoration:none;}
	a.lwhitenavibold:visited{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ffffff;text-decoration:none;}
	a.lwhitenavibold:hover{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ff820f;text-decoration:none;}
	a.lwhitenavibold:active{font-family:Verdana,Geneva,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif;font-size:10px;color:#ffffff;text-decoration:none;}


/* Suggest */
#suggestLayer {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	position:absolute;
	text-transform:lowercase;
	top: 75px;
	left:340px;
	z-index: 999;
	background-color: #e9e9e9;
	width: 388px;
	padding:0px;
	display:none;
	overflow:hidden;
	border-bottom: 1px solid #b3b3b3;
}

#suggestLayer tr td {
	font-family: "DejaVu Sans", Helvetica, Arial, sans-serif !important;	
}

#suggestLayerNoResult {
	position:absolute;
	top: 40px;
	left:-3px;
	z-index: 100;
	background-color: #dadada;
	width: 459px;
	margin-left:3px;
	padding: 0 2px 2px 0px;
	display:none;
	overflow:hidden;
}

.suggestRow {
	width: 388px;
	margin: 5px 0;	
	display: block;	
	text-decoration: none;
	height:18px;
	line-height: 18px;								
}

a.suggestfirst {color:#000000; text-decoration: none; font-size:12px;}
a.suggestfirst:link{color:#000000; text-decoration: none; font-size:12px;}
a.suggestfirst:visited{color:#000000; text-decoration: none; font-size:12px;}
a.suggestfirst:focus{color:#000000; text-decoration: none; font-size:12px;}
a.suggestfirst:hover{color:#000000; text-decoration: none; font-size:12px;}
a.suggestfirst:active{color:#000000; text-decoration: none; font-size:12px;}

a.suggestsecond {color:#000000; text-decoration: none; font-size:12px;}
a.suggestsecond:link{color:#000000; text-decoration: none; font-size:12px;}
a.suggestsecond:visited{color:#000000; text-decoration: none; font-size:12px; }
a.suggestsecond:focus{color:#000000; text-decoration: none; font-size:12px;}
a.suggestsecond:hover{color:#000000; text-decoration: none;  font-size:12px;}
a.suggestsecond:active{color:#000000; text-decoration: none; font-size:12px; }

.suggestTextQuery{	
	cursor:pointer;
	color:#000;
	text-decoration: none;
	width:325px;
	padding-left:15px;
}

.suggestTextQueryTyped{		
	
}

.suggestHighlight{
	width: 388px;
	margin: 5px 0;	
	display: block;
	text-decoration: none;
	height:18px;
	cursor:pointer;
	background:#c2c2c2;
	line-height: 18px;
}

.suggestHeader{
	display: block;	
	padding:5px;
	height:20px;
	color:#6c6c6c;
	text-align:left;
}

.suggestHeader td{
	text-align:left;
	padding-left:8px;
}

.suggestprodanz{		
	color:black;	
	width:40px;
	text-align:right;
	text-decoration: none;
	cursor:pointer;
}