﻿html, body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-Size: 11px;
	color: #2e2e2e;
	background: #232323; /* url("Images/bgLine.gif") repeat-x;*/
	
	text-align: left;

	/*background-attachment:fixed; */
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #C2C2C2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #AAAAAA;
}
.yellowInput
{
	border: solid 1px #E6E6E6;
	background-color: #F8F8F1;
	height: 20px;	
	
	padding-top: 2px;
}
p
{
	margin: 0;
	/*margin-top: 10px;	*/
	margin-bottom: 10px;
}

.container
{
	background-color: #FFFFFF;
}

a img { border: none; }

h1, .header1
{
/*	font-family: Helvetica, Arial;	
	font-size: 16px;	
	padding-bottom: 0px;*/

	font-family: Arial;
	font-size: 19px;
	
	margin-bottom: 10px;
}

h2, .header2
{
	font-family: Arial;
	font-size: 17px;
	
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;	
}

hr
{
	background-color: #DDDDDD; 
	color: #DDDDDD;
	height: 1px;
	line-height: 1px;
}

a
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;	
}

.smallLink
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-Size: 10px;		
}


td      
{ 
	border-bottom: 0; 
}

#news
{
	margin-top: -7px;	
}

.headline
{
	font-weight: bold;
}

.contentPadding
{
	padding: 9px;
}

.contentPadding10
{
	padding: 10px;
}

.bottomMargin
{
	margin-bottom: 10px;
}

br
{
	line-height: 8px;
}

.menu
{	
	border-top: solid 1px #C2C2C2;	
	border-bottom: solid 1px #C2C2C2;
	/*border-top: dotted 1px C2C2C2;*/
}

.bordered
{
	border: solid 1px #DDDDDD;	
	
}
.horizontalBorder
{
	border-bottom: solid 1px #CCCCCC;
	border-right:none;
}

.image
{
	padding: 4px;
	margin-left: -9px;
	margin-right: -9px;
}

.imageBorder
{
	border: solid 1px #DDDDDD;
	padding: 9px;
}

.selected
{
	/*color: #336699;*/
	/*border-bottom: solid 2px #336699;*/
	/*width: 80px;*/
	text-decoration: underline;
}

.adControls 
{
	width: 16px;
	height: 15px;
    border: none;
    background-color: #FFFFFF;
}

.rotator
{	
	margin-left: 5px;
}

.slide
{
	height: 15px;		
}

.control
{	
	width: 180px; 
	/*margin-left: 8px;*/
	margin-top: 10px;	
}

.adArea
{
	height: 315px;	
}

.leftPadding
{
	padding-left: 10px;
}

.leftMargin
{
	margin-left: 10px;
}

.minheight
{	
	min-height: 400px; 
	height: 400px !important;
}

.center
{
	text-align: center;
}

.footerBg
{
	background-color: #232323; 
	color: #DDDDDD;
}

/*
#footer
{	
	background-color: #232323; 
	color: #DDDDDD; 
	float: right; 
	margin-top: 15px;	
	border: solid 1px green;
	width: 600px;
	height: 50px;
}*/

.footer
{
	/*padding-left: 450px;*/
	color: #DDDDDD;	
	
	position: absolute;
	bottom: -30px;
	left: 0;
}

/* sIFR */
/* 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 h1 {
	visibility: hidden;
	font-size: 20px;
}
  .narrow
{
	width: 160px;
}   
.usedSearchInput
{
	background: #EFF1E2 url("Images/Icons/usedSearchButtonBg.gif") no-repeat;
	width: 90px;
	height: 30px;
	border: solid 1px #E6E6E6;
}

.wide
{
/*	border: solid 1px #E6E6E6;
	background-color: #F8F8F1;
	height: 20px;*/
	
	width: 375px;
	/*padding-top: 2px;*/
}
/* 080121 */        
.header
{
	/*position: absolute;	
	top: 0px;
	left: 50%;	
	margin-left: -451px;
	visibility: visible;	*/
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -470px;	
}

.body
{	
	position: absolute;
	left: 50%;
	top: 0px;
	padding-top: 150px;
	padding-left: 15px;
	margin-left: -485px;
	visibility: visible;	
	width: 970px;
	background-color: #FFFFFF;	
}

.tree
{	
	position: absolute;
	left: 46%;	
	top: 150px;		
	margin-left: -432px;
	visibility: visible;
	z-index: 1;
}

.manufacturerTree
{
	position: absolute;
	left: 0px;
	top: 150px;		
	margin-left: 15px;
	visibility: visible;	
	z-index: 1;
}

.logo
{	
	text-align: center; 	
	margin-bottom: 10px;
}


.logoMargin
{
	margin-left: 30px;
	margin-top: 100px;	
}

.newsletter
{
	/*position: absolute;
	left: 19px;*/
	/*top: 300px;*/
	
	background-color: #EDEEDE;
	min-height: 125px;
	margin-top: 10px;		
}

.shopNewsletter
{
	background-color: #EDEEDE;
	height: 125px;
	margin-top:0px;		
}

.contentBackground
{
	background: #FFFFFF url("Images/contentBG.gif")	repeat-y;
}

.topBorder
{
	border-top: solid 1px #DDDDDD;
}

.spacer
{
	height: 25px;
}

.treeTopMargin
{
	margin-top: 20px;
}

.minusTopMargin
{
	margin-top: -8px;
}

.whiteBG
{
	background-color: #FFFFFF;
}

.logga
{
	border-top: solid 1px #DDDDDD;
	/*padding: 5px;	
	float: left;*/
}

.rightPadding
{
	padding-right: 10px;
}

.manufacturerLogo
{
	height: 130px;
	width: 130px; 
	border: solid 1px #DDDDDD; 	
}

/*#manufacturerLogo a
{
	display: block;
	height: 130px;
	width: 130px; 
	cursor: pointer;	
}*/


.manufacturerList
{
	vertical-align: bottom; 
	padding-right: 10px;
	padding-bottom: 10px;	
}

.headline
{	
	height: 50px;
}
.inputContainer
{
	margin-bottom:8px;
}


.bottomHr
{
	background-color: #EDEEDE; 
	color: #EDEEDE;
	height: 5px;
	line-height: 5px;	
}

.bold
{
	font-weight: bold;
	color: #555555;
}
.newsRotatorItemLink
{
		font-weight: bold;
		color: #555555;
}
.newsRotatorItem
{
		font-weight: bold;
}

b
{
	font-weight: bold;
	color: #555555;
}

.searchTextBox
{
	width: 120px;
	border: solid 1px #DDDDDD;
}

.search
{
	width: 140px;	
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.extra
{
	clear: both;
}

.boldLink
{
	font-weight: bold;
}

.campaign
{
	width:180px; 
	min-height: 150px;
	text-align: center;	
}

.bottomMargin2
{
	margin-bottom: 30px;
}

.campaignPrice
{
	font-size: 14px;
	color: #CC0000;
}

.campaignPrice a
{	
	font-weight: bold;
}

.campaignDescription
{
	min-height: 55px;
	height: 55px !important;
	
	min-width: 170px;	
	width: 170px !important;
}

.cart
{
	height: 50px;
}

/*.cartCol1Header
{
	width: 100px;	
	float: left;
}*/

.cartCol1
{
	width: 70px;
	/*text-align: center;*/
	float: left;	
}

.cartCol1ContentPadding
{
	padding-left: 10px;
}

.cartCol2
{
	width: 40px;
	float: left;	
}

.cartCol3
{
	width: 230px;
	float: left;

}

.colHeight
{
	height: 50px;
}

.articleImage
{
	/*border: solid 1px #DDDDDD;*/
	min-height: 130px; 
	/*height: 130px; !important*/
	/*width: 130px;*/
}

.catalogPanel
{
	min-width: 230px;
	width: 230px; !important
}

.articleGridHeader
{
	font-weight: bold;
	background-color: #666666;
	color: #FFFFFF;
	padding: 0 0 0 3px;
}

.articleGridLeft
{		
	border-bottom: dotted 1px #C2C2C2;
	width: 100px;
}
	
.articleGridRight
{
	border-bottom: dotted 1px #C2C2C2;
	width: 100px;
	text-align: right;
}

.articleGridAlternatingRow
{
	border-bottom: dotted 1px #C2C2C2;
}

.thumbnailLeft
{
	float: left;
	width: 50px;
	min-height: 50px;
	border: solid 1px #EEEEEE; 
	margin: 4px 0px 4px 3px; /*4px 4px 4px 3px;*/
}

.thumbnailRight
{
	float: right;
	width: 50px;
	min-height: 50px;
	border: solid 1px #EEEEEE; 
	margin: 4px 3px 4px 0px; /*4px 4px 4px 3px;*/
}

.sectionHeadLine
{
	font-family: Trebuchet MS;
	font-size: 14;
	font-weight: bold;
}

.sectionDescription
{
	font-family: Trebuchet MS;
	font-size: 11;
	font-weight: bold;
}

.sectionBreadText
{
	font-family: Trebuchet MS;
	font-size: 11;
}

.sectionImageDiv
{
	float: left;
	width : 50px;
	height: 50px;
	border: solid 1px #EEEEEE;
	margin: 0 10px 10px 0;
	text-align: center;
}

.sectionDescriptionContainer
{
	width: 635px;
	float: left;	
	/*height: 60px !important	*/
	height: auto;
	min-height: 60px;
}

.sectionGridHeader
{		
}

.sectionItem
{
	width: 100px; 
	padding-left: 10px;
	text-align: left;
}

.articleSectionGridView
{
	padding: 2px;
	width: 700px;
	border: solid 1px #DDDDDD;
}

.gridRow
{
	background-color: #F0F0F0;	
}
.redInfoText
{
	color:#FF0000;
	font-weight:bold;
}

.topPadding
{
	padding-top: 25px;
}

.pink
{
	background-color: Red;
}

.blue
{
	color: #336699;
}

.bottomMargin, .marginBottom
{
	margin-bottom: 10px;
}

.bottomMarginForm
{
	margin-bottom: 6px;
}

.gridRow
{
	background-color: #FFFFFF;
	border-top: solid 1px #EDEEDE;
	border-bottom: solid 1px #EDEEDE;
}

.gridRow2
{	
	border-bottom: dotted 1px #EDEEDE;
}

.grid
{
	border: none;
}

.gridHeader
{
	border: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #EDEEDE;
}

.usedGridHeader
{
	border: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #EDEEDE;	
	height: 30px;
}
.usedGridItem
{
	 padding-top: 4px;
    padding-bottom: 3px;
	border-bottom: solid 1px #EEEEEE;	
	
}
.gridImage
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.smallMarginBottom
{
	margin-bottom: 5px;
}

.smallMarginTop
{
	margin-top: 5px;
}

.contentPadding5
{
	padding: 5px;
}

.thumbnail
{
	width: 47px;
	min-height: 40px;
}

.marginRight
{
	margin-right: 5px;
}

.marginTop
{
	margin-top: 10px;
}

.marginLeftFooter
{
	margin-left: 5px;
}

.marginRightFooter
{
	margin-right: 5px;
}
.modalBackground 
{	
/*	background-color: #000000 !important;
	background-color: Transparent;*/
	width: 100%;
	height: 100%;
	/*position: absolute;
	top: 10;
	left: 10;*/
	
	filter: alpha(opacity = 75);
	zoom: 1; 
	opacity: 0.75;
}

.popupImage
{
	width: 811px;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
	/*position: absolute;
	top: 10%;
	left: 25%;
	z-index: 999;*/
}

.nextButton
{	
	position: relative;
	top: -520px;
	right: -760px;	
}

.previousButton
{
	position: relative;
	top: -520px;
	right: 45px;		
}

.rightMargin
{
	margin-right: 6px;
}

.green
{
	background-color: #00FF00;
}

/*.AspNet-TreeView-Root a
{
	color: #FFFFFF !important;
}*/

.textAlignCenter
{
	text-align: center;
}

.textAlignLeft
{
	text-align: left;
}

.textAlignRight
{
	text-align: right;
}

.marginLeft
{
	margin-left: 15px;
}
.marginLSmalLeft
{
	margin-left: 5px;
}
.paddingTopSmall
{
	padding-top: 10px;
}
.paddingTopXSmall
{
	padding-top: 5px;
}
.paddingBottomSmall
{
	padding-bottom: 10px;
}
.paddingBottomXSmall
{
	padding-bottom: 5px;
}
.borderFrame
{
	border: solid 1px #CCCCCC;
}
