@IMPORT url("reset.css");

body {
	font-family: Tahoma;
	font-size: 10px;
	color: #666666;
	background: #DFE3CC;
}
a {
	color: #514D4B;
	cursor: pointer;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
fieldset {
	border-width: 0px;
	border-style: none;
}
h1, h2, h3 {
	margin: 10px 0px 10px 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #F59F19;
}
h3 {
	font-size: 1.3em;
}
p {
	margin-bottom: 10px;
}
input, select, textarea {
	font-size: 11px;
	font-family: sans-serif;
	font-weight: normal;
	background-color: #FFF;
	border: 1px solid #9E9E9E;
	margin: 0px;
}
/* Remove border and background on checkbox and radio inputs*/
input.radio,
input.checkbox {
	border: 0px none;
	background-color: transparent;
	vertical-align: top;
}
select option {
	padding: 0px 3px;
}

.nocss, hr, #NoCssTools {
	display: none;
}
/*****************************************************************************/
/* << Hacks / Fixes                                                          */
/*****************************************************************************/
/* Clearfix Hack: http://positioniseverything.net/easyclearing.html */
.clearfix:after {
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE Mac */
/*****************************************************************************/
/* Hacks / Fixes >>                                                          */
/*****************************************************************************/
/*****************************************************************************/
/* << Header                                                                 */
/*****************************************************************************/
#Header {
	width: 770px;
	height: 90px;
	background-color: #FFFFFF;
	font-size: 10px;
}
#Header .logo {
	float: left;
	clear: none;
	width: 460px;
	height: 90px;
}
#Header .top, #Header .bottom {
	width: 310px;
	float: right;
	background-color: #FFFFFF;
}
#Header .top, #Header .top .cart {
	height: 70px;
}
#Header .bottom, #Header .bottom .greeting {
	height: 20px;
}
#Header .top .cart, #Header .bottom .greeting {
	float: right;
	width: 300px;
}
#Header .top .cart .info {
	height: 30px;
	margin: 8px 10px 0px 0px;
	text-align: right;
	white-space: nowrap;
}
#Header .top .cart .info span {
	line-height: 15px;
}
#Header .top .cart .info .link,
#Header .top .cart .info .items,
#Header .top .cart .info .order,
#Header .top .cart .info .vs,
#Header .bottom .greeting .date,
#Header .bottom .greeting .user,
#Header .bottom .greeting .vs {
	margin-right: 5px;
}
#Header .top .cart .info .order,
#Header .bottom .greeting .link {
	margin-right: 0px;
}
#Header .top .cart .info .link img {
	margin: 0px 5px 0px 0px;
	vertical-align: top;
}
#Header .link a, #Header .link a:link, #Header .link a:active, #Header .link a:visited {
	text-decoration: underline;
}
#Header .top .cart .info .promotion {
	/*FIXME: complete*/
	background-image: url(../images/btnPromo_eng.gif);
	height: 18px;
	width: 85px;
	display: block;
	float: left;
	margin-top: -5px;
	cursor: pointer;
}
#Header .top .cart .info #promotionDesc {
	width: 400px;
	height: 280px;
	position: absolute;
	top: 45px;
	left: 380px;
	z-index: 300;
	border: 0px;
}
#Header .bottom .greeting {
	text-align: right;
	margin-right: 10px;
}
#Header .bottom .greeting .logout {
	font-weight: bolder;
}
/*****************************************************************************/
/* Header >>                                                                 */
/*****************************************************************************/
/*****************************************************************************/
/* << Shopping Cart                                                          */
/*****************************************************************************/
.totalInfo {
	background-color: #EAE9E3;
}
#catalog_shopping_cart {
	margin: 10px;
	text-align: left;
}
#catalog_shopping_cart .actionButton  {
	margin-top: 10px;
}
/*****************************************************************************/
/* Shopping Cart >>                                                          */
/*****************************************************************************/
/*****************************************************************************/
/* << Main Navigation                                                        */
/*****************************************************************************/
#MainNavigation {
	width: 770px;
	height: 30px;
	background-color: #e79000;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 12px;
}
#MainNavigation .nav {
	float: left;
	height: 30px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 100;
}
#lev1opt1 {
	background: url(../images/icoHome.gif) no-repeat 10px 5px;
}
#lev1opt1 a {
	width: 15px;
	height: 15px;
	text-indent: -9999em;
}


#MainNavigation .nav li {
	float: left;
	padding: 3px 8px 4px 8px;
	margin-top: 5px;
	border-right: 1px solid #ff9933;
}
#MainNavigation .nav li a {
	display: block;
	padding: 0px;
	color : #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#MainNavigation .nav .promotions {
	font-weight: bold;
	color: #FC9200;
}
#MainNavigation .nav .checkavail {
	float: right;
	font-size: 11px;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	border: 0px none;
}
#MainNavigation .nav .checkavail label {
	color: #ccc;
}
#MainNavigation .nav .checkavail input {
	width: 80px;
}
#MainNavigation .nav .checkavail .go {
	width: 30px;
	height: 20px;
	border: 0px none;
	background: url(../images/btnGo.gif) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
#MainNavigation .nav li ul { /* second-level lists */
	list-style: none;
	line-height: 1px;
	text-align: left;
	padding: 0px;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 25em;
	w\idth: 24.9em;
	font-weight: normal;
	margin: 4px 0px 0px -12px;
	border: 1px solid #75706E;
	border-top: 0px;
}


#MainNavigation .nav li li{
	border: 0;
	border-top: 1px solid #75706E;
	position: relative;
	display: block;
	margin: 0;
	padding: 0px;
	background:#D6D6CE;
	width:100%;
	/*margin-left: -12px;*/
}

#MainNavigation .nav li li a {
	color: #514D4B;
	display: block;
	text-transform: capitalize;
	text-align: left;
	padding-top: 15px;
	padding-left: 12px;
	height: 15px;
	padding-bottom: 3px;
}

#MainNavigation .nav li:hover ul ul, #MainNavigation  .nav li.sfhover ul ul {
	left: -999em;
	}

#MainNavigation .nav li:hover ul,
#MainNavigation .nav li.sfhover ul,
#MainNavigation .nav li li:hover ul,
#MainNavigation .nav li li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto;
}


#MainNavigation .nav li li a:hover {background: #E8E8E3;}
#MainNavigation .nav li.fieldLi {padding: 5px 0}
#MainNavigation .nav input {margin: 2px 0 0 5px;}


#MainNavigation ul.level2 ul {
		margin:-35px 0 0 155px;				/* depending on the width/height of level 2 menu items */
		}


/*****************************************************************************/
/* Main Navigation >>                                                        */
/*****************************************************************************/
/*****************************************************************************/
/* Left Navigation >>                                                        */
/*****************************************************************************/
/* begin left nav*/
#leftNav ul {
	list-style-type: none;
	border: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #FAFBF6;
}
#leftNav li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E9ECD9;
}
#leftNav a {
	text-decoration: none;
	display: block;
	width: 100%;
	background-image: url(../images/arrowOff.gif);
	background-repeat: no-repeat;
	background-position: left 14px;
	text-indent: 10px;
	height: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftNav a:link, #leftNav a:visited {
	color: #FC9200;
	text-decoration: none;
}
#leftNav a:active {
	color: #FC9200;
	text-decoration: none;
}
#leftNav .gender a:hover {
	color: #FC9200;
	text-decoration: none;
	background-image: url(../images/arrowOff.gif);
	background-repeat: no-repeat;
	background-color: #e9ecd9;
}
#leftNav a.Brand:link {
	font-size: 11px;
	font-weight: bold;
	color: #FC9200;
	background-image: url(../images/arrowBrand.gif);
}
#leftNav .Brand, a.Brand:visited, a.Brand:link {
	font-size: 11px;
	font-weight: bold;
	color: #FC9200;
	background-image: url(../images/arrowBrand.gif);
}
#leftNav a.Brand:hover, a.Brand:active {
	font-size: 11px;
	font-weight: bold;
	color: #FC9200;
	background-image: url(../images/arrowBrand.gif);
}
#leftNav a.Selected:link {
	color: #FC9200;
	background-image: url(../images/arrowOff.gif);
	background-color: #FFFFFF;
	font-weight: bold;
}
#leftNav .Selected, a.Selected:visited, a.Selected:link {
	color: #FC9200;
	background-image: url(../images/arrowOff.gif);
	background-color: #FFFFFF;
	font-weight: bold;
}
#leftNav a.Selected:hover, a.Selected:active {
	color: #FC9200;
	background-image: url(../images/arrowOff.gif);
	background-color: #e9ecd9;
	font-weight: bold;
}
#leftNav .Subcat a {
	text-decoration: none;
	display: block;
	width: 100%;
	text-indent: 20px;
	height: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #fff;
}
#leftNav .Subcat a:link, #leftNav .Subcat a:visited {
	color: #FC9200;
	text-decoration: none;
}
#leftNav .Subcat a:active {
	color: #FF6600;
	text-decoration: none;
}
#leftNav .Subcat a:hover {
	color: #FF6600;
	text-decoration: none;
	background-image: url(../images/arrowOff.gif);
	background-repeat: no-repeat;
	background-color: #e9ecd9;
}
#LeftNavBanners {
	text-align: center;
}
#LeftNavBanners div {
	padding-top: 20px;
}

/*****************************************************************************/
/* << Left Navigation                                                        */
/*****************************************************************************/
/*****************************************************************************/
/* << Footer                                                                 */
/*****************************************************************************/
#Footer {
	width: 770px;
	height: 60px;
	text-align: center;
	clear: both;
	border-top: 1px solid #DFE3CC;
}
#Footer, #Footer a, #Footer a:link, #Footer a:visited {
	color : #999;
}
#Footer .copyright, #Footer .secondNavigation {
	margin: 8px 10px;
}

/*****************************************************************************/
/* Footer >>                                                                 */
/*****************************************************************************/
/*****************************************************************************/
/* << Dynamic Content                                                        */
/*****************************************************************************/
#Container {
	clear: both;
	width:770px;
	margin: 0px auto;
     background-color:#fff;
	position:relative;
}
#Container1 {
	clear: both;
	width:770px;
	margin: 0px auto;
	padding-top:10px;
     background-color:#fff;
}
#DynamicContent {
	float: left;
	min-width: 770px;	/* FF, Safari */
	min-height: 340px;	/* FF, Safari */
	background-color:#FFFFFF;
}
#Content1Column {
	float: left;
	padding: 10px;
}
/*****************************************************************************/
/* Dynamic Content >>                                                        */
/*****************************************************************************/
/*****************************************************************************/
/* << Link Button                                                            */
/*****************************************************************************/
div.actionButton {
	/*height: 30px;*/
	margin: 0px;
	padding: 0px;
}
div.actionButton ul.linkButton {
	/*height: 30px;*/
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 330px;
}
div.actionButton ul.linkButton li {
	float: left;
	margin-right: 5px;
	display: block;
	margin-bottom: 5px;
	/*margin-top: 5px;*/
}
div.actionButton a,
div.actionButton input,
div.actionButton button,
input.icButton {
	/*	Applies also to:
		.actionButton ul.linkButton li a,
		.actionButton ul.linkButton li input,
		.actionButton ul.linkButton li button
	*/
	height: 20px;
	display: block;
	border-style: none;
	background-color: #F59F19;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #FFF;
	vertical-align: middle;
}
div.actionButton a {
	/*	Applies also to:
		.actionButton ul.linkButton li a
	*/
	min-width: 20px;		/* FF */
	width: auto !important; /* FF */
	width: 20px;			/* IE6 */
	padding: 0px 8px 0px 8px;
	line-height: 21px;
}
div.actionButton input,
div.actionButton button,
input.icButton {
	/*	Applies also to:
		.actionButton ul.linkButton li input,
		.actionButton ul.linkButton li button
	*/
	padding: 0px 5px 1px 5px;
	cursor: pointer;
}
div.actionButton input.icButtonDisabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: default;
}
/*****************************************************************************/
/* Link Button >>                                                            */
/*****************************************************************************/
/*****************************************************************************/
/* << Calendar                                                               */
/*****************************************************************************/
/*
.calendar {
	width: 19px;
	height: 19px;
	text-indent: -1000px;
	background: url("../images/calendar.gif") no-repeat 0px 0px;
}
*/
a.calendar {
	float: left;
	display: block;
	margin-left: 3px;
}
/*****************************************************************************/
/* Calendar >>                                                               */
/*****************************************************************************/
/*****************************************************************************/
/* << User Messages                                                          */
/*****************************************************************************/
.fieldError, .errorField {
	color: #F00;
}
.fieldWarning, div.helpNote {
	color: #FF6600;
}
div.fieldWarning {
	margin-top: 2px;
	margin-bottom: 4px;
	background-image: url("../images/bullet_warning.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
}
/*****************************************************************************/
/* User Messages >>                                                          */
/*****************************************************************************/
/*****************************************************************************/
/* << Forms                                                                  */
/*****************************************************************************/
.form {
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #F1EFF2;
	margin: 10px 0px 10px 0px;
}
table.form td,
div.form .fieldElement {
	padding: 5px 5px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #F1EFF2;
}
.form .hightlight {
	background-color: #E9ECD9;
}
.form label, .form .label {
	font-weight: bold;
	color: #333;
}
.form .label,
.form .fieldElement,
.form .label img {
	vertical-align: top;
}
.form .fieldElement input,
.form .fieldElement select {
	width: 150px;
}
.form .fieldElement input.small,
.form .fieldElement select.small {
	width: 50px;
}
.form .fieldElement input.medium,
.form .fieldElement select.medium {
	width: 75px;
}
.form .fieldElement input.large {
	width: 250px;
}
.form .fieldElement select.large {
	width: auto;
}
.form .fieldElement input.date {
	width: 100px;
}
.form .fieldElement input.checkbox {
	border: 0px;
}
.form .fieldElement input.radio {
	border-style: none;
}
.form .fieldElement input.checkbox,
.form .fieldElement input.radio {
	background-color: transparent;
	width: 16px;
}
.form .fieldElement textarea {
	border: 1px solid #9E9E9E;
	color: #514D4B;
}
div.form  {
	width: 400px;
}
div.form fieldset div.fieldset {
	float: left;
	width: 400px;
	clear: left;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #F1EFF2;
}
div.form fieldset div.fieldset label,
div.form fieldset div.fieldset div.label {
	float: left;
	width: 100px;
	padding: 5px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #F1EFF2;
}
div.form fieldset div.fieldset label {
	display: block;
}
div.form fieldset div.fieldset div.label label {
	float: none;
	display: inline;
	width: auto;
	padding: 0px;
	border: 0px none;
}
div.form fieldset div.fieldset div.fieldElement {
	float: left;
	margin-left: -1px;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #F1EFF2;
}
div.form fieldset div.radio label,
div.form fieldset div.checkbox label {
	float: none;	/*cancel floating, should be on the div containg the label */
	display: inline;
	width: auto;
	padding: 0px;
}
div.form fieldset div.radio div.label,
div.form fieldset div.checkbox div.label {
	float: left;
	padding: 5px;
}
/*****************************************************************************/
/* Forms >>                                                                  */
/*****************************************************************************/
/*****************************************************************************/
/* << Banners                                                                */
/*****************************************************************************/
#HomePageMiddleB2C,
#HomePageMiddle,
#VehiculeSearchFormBanner,
#StoreLocatorFormBanner,
#HomePageBottomLeft,
#HomePageBottomCenter,
#HomePageBottomRight,
#HomePageDashBoardBottomLeft {
	float: left;
	margin: 10px;
}
/*****************************************************************************/
/* Banners >>                                                                */
/*****************************************************************************/
/*****************************************************************************/
/* << Tables                                                                 */
/*****************************************************************************/
table thead th {
	text-align: left;
	font-weight: bold;
	color: #333333;
}
table td,
table th {
	padding: 0px 3px;
}
/*****************************************************************************/
/* Tables >>                                                                 */
/*****************************************************************************/
/*****************************************************************************/
/* << Dialog                                                                 */
/*****************************************************************************/
#Dialog {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#Dialog .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #202d54;
	/*Moz*/-moz-opacity: 0.45;
	/*CSS3*/opacity: 0.45;
	z-index: 1;
}
#Dialog .opaque {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 770px;
	height: 400px;
	margin-top: -250px;
	margin-left: -390px;
	border: 10px solid #000;
	background-color: #fff;
	/*CSS3*/overflow-x: hidden;
	/*CSS3*/overflow-y: auto;
	z-index: 10;
}
#Dialog .button {
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	color: #000;
}
#Dialog .close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	border: 0px none;
	color: #fff;
	background-color: #000;
	font-weight: 800;
	z-index: 100;
}
/*****************************************************************************/
/* Dialog >>                                                                 */
/*****************************************************************************/

ul.list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: 0px;
}
ul.list li {
	background: url(../images/arrow.gif) no-repeat 0px 3px;
	padding-left: 12px;
	margin-bottom: 4px;
}
ul.list li a {
	text-decoration: none;
}


/* used as anonymous cms page content holder */
#b2b_page_cms_anonymous, #b2b_page_cms_authenticated {
	float: left;
	padding: 10px;
}
#scsStyleIDsDiv {
	margin-left: 80px;
}
.help {
	background-image: url(../images/icoHelp.gif);
	background-repeat: no-repeat;
	padding: 0px;
	float: right;
	height: 14px;
	width: 14px;
	margin-top: -17px;
	margin-right: 115px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor: pointer;
}
.pdf {
	display:block;
	height : 16px;
	padding-left: 23px;
	background:url(../images/pdf.gif) no-repeat 0 0;
}
#divTooltip {
	position: absolute;
	width: 175px;
	top: -1000px;
	left: -1000px;
	visibility: hidden;
	z-index: 500;
	background-color: #ffffff;
	top: 382px;
	left: 488px;
}
#divTooltip.normalStyle {
	top: 100px;
	padding: 5px;
	text-align: left;
	font-weight: 500;
	color: #515356;
	font-family: verdana,arial,helvetica;
	border: 1px solid #86aebb;
	cursor: default;
}


/*
#ProductTD {
	position: relative;
}
#ProductThumbnail {
	float: left;
}
#ProductDescription {
	float: left;
	font-size: 12px;
	padding-top: 30px;
	padding-left: 10px;
}*/