/* Stylesheet - styles.css - Merged CSS File */
/* original source files are commented between sections */


/* ---breadcrumb.css--- */
/*
======================================================
>>Breadcrumb & Secure Shopping
======================================================
*/

/*
hack
#breadcrumb{ 
	float: left; 
	font-size: 1.5em; 	
	padding: 1em 0 1em; 
	text-transform: uppercase;
}
*/
#breadcrumb div{ padding: 0; }
#breadcrumb span{ font-size:1.5em; text-transform:uppercase; }
span#threeeasysteps{ color: red; position: relative; left: 11.55em;}
#secureshopping{ float: right; text-align: center;}
.previousbreadcrumb a{ color: #CCCCCC; text-decoration: none;}
.currentbreadcrumb { color: #005A00; }
.disabledbreadcrumb{ color: gray;}
.previousraiseline{ position: relative; top: -.5em; color: #CCCCCC;}
.raiseline{ position: relative; top: -.5em; color: gray;}

#step1 { padding: 0; font-size:1.5em; text-transform:uppercase; color: red; position: relative; top: -1em;}
#step2 { padding: 0; font-size:1.5em; text-transform:uppercase; color: red; position: relative; top: -1em; text-align:center;}

#checkout1AccountLogin { margin-left: 16.5em; margin-bottom:-1.5em; } /* checkout1 page */
#checkout1ChangeBilling { float: right; margin-right: 1em; margin-top: -1.5em; font-weight:bold; color: Blue; } /* checkout1 page */
#checkout1ChangeShipping { float: right; margin-right: 1em; margin-top: -1.5em; font-weight:bold; color: Blue; } /* checkout1 page */
.disabled { color: blue; }

#orderLists { margin-left: 2em; }

.addressImagebuttons { width: 30%; } /* address.html address alignment */

.related5Items img{ max-height: 100px; max-width: 100px; }
.emmyResults img{ max-height: 100px; max-width: 100px; }
.pageNumbering{ text-align:right; font-size: large; margin-right: 3em; }
/* ---cart.css--- */
/*
======================================================
>>Custom Format
======================================================
*/
img#topselector{ position: relative; top: .3em; left: -10.2em; }
img#bottomselector{ position: relative; top: -.5em; left: 0em; }


/* ---category.css--- */
/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#category {
	float: left; 
	padding: 0 2em 0 0;
	width: 36%;
	text-transform: uppercase;
}

div#category  h1{ font-size: 1.5em; font-weight: normal; }
div#category  h2{ font-size: 1.5em; color: #005A00; margin: 0 0 0 4.5em; }
div#category  h3{ color: #005A00; }
div#categorieslist {
	/*width: 64%; safari*/
	width: 60%;
	height: 35em;
	border-width: 3px;
	border-color: black;
	border-left-style:solid; 
	float: left; 
 }

/*
======================================================
>>Custom Format
======================================================
*/
.txtmmy{ margin: 1em 0; }
.txtmmy a{ float: right; font-size: .8em; margin: .4em 0;}

.txtmmy span{
	float: left;
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
	margin: 0 1em 0 0;
}

.list div { float: left; /*margin: 2em 0 0 1.2em; */}


.list table{
	float: left;  margin-left:20px;
}

.list td{ font-weight: bold; font-size: 1.3em; padding: 0 1.2em; }



/*
======================================================
>>Special Fonts
======================================================
*/


/* ---confirmorder.css--- */
/* 
======================================================
>>Site structure extended(layout)
======================================================
*/
img#topselector{ position: relative; top: .3em; left: 12.8em; }
img#bottomselector{ position: relative; top: -.5em; left: 23em; }

div.pmtshipsummary{ 
	float: left; 
	width: 25%; 
	color: black;
	/*/* text-transform: capitalize; */*/
	text-align: left;
	margin: 1em 2em;
}
div.pmtshipsummary .header{ 
	text-decoration: underline; 
	font-weight: bold; 
	padding: 0 0 .5em 0;
}
div.pmtshipsummary .item{ clear: both; } 
div.pmtshipsummary div{ padding: 0 .5em 0 0; }

/*
======================================================
>>Custom Format
======================================================
*/
#txtreview{ font-size: 1.1em; font-weight: bold; }
#termsconditions{ float: right; padding: 6em 1em 0 0; color: black;}
#plcordertop { float: right; position: relative; top: 2em; }
#plcordertop p{ position: relative; left: 2.5em; }
#plcorderbtm p{ position: relative; left: 2.5em; }


/* ---detail.css--- */
/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#imagecolumn{ float: left; width: 25%; margin: 1em; }
div#imagecolumn p{ margin: 0 2em; width: 80%; font-weight: bold; color: black; text-decoration: underline;}
div#imagecolumn .alsofits{ margin: 2em;}
div#detailscolumn{ float: left; width: 65%; color: black;}
div#detailsleft{ float: left; width: 20%; padding: 0 0 0 2em;}
div#detailsleft div{ color: red; font-size: 1.5em; margin: 1em 0; }
div#detailsright{ float: right; width: 75%;}

/*
======================================================
>>Custom Format
======================================================
*/
p#reddisclaimer{ color: red; position: relative; top: 0; left: 0;}
img#magnifyglass{ float: left; margin: .25em 1em 0; }
div#ymmtitle{ color: #005A00; margin: 0 6em 2em; }
p#partdescription{width: 29em; margin: 0 0 2em 0; }
#alsofits{ list-style-image: url('images/wheel.gif'); margin-left: 20px;}
#alsofits li{ margin: .25em; }
#alsofits a{ position: relative; top: -.25em; }
#alsofits span{ 
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline; 
	text-transform: uppercase; 
}


/* ---main.css--- */
/* 
======================================================
>>Basic site styles
======================================================
*/

* { margin:0; padding:0; -moz-box-sizing:border-box;}
body { text-align: center; margin:0; padding:0; font-size:75%; font-family: Helvetica, Arial, sans-serif; }
img{ text-decoration: none; border-style: none; border: 0;}

/*.leftcolumn{ padding-right: 5%; float: left; width: 50%; } --chrome safari probs*/
.leftcolumn{ float: left; width: 48.6%; _width: 47.3%;} /*_ie_hack 8 */
.rightcolumn{ float: right; width: 49%; }
.toppadding { padding: 1em 0 0; }

/* Firefox Hack */
@-moz-document url-prefix()
{
.leftcolumn{ float: left; width: 47.35%;}
}

.bn { border:0; }
.fl { float:left; } 
.fr { float:right; }
.cl { clear:left; }
.cr { clear:right; }
.clear { clear: both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#headergray{
	height: 40px;
	background: #ffffff url('images/headergray.gif') repeat-x;
	padding: 5px 0 0;
	text-align: -moz-center;
	text-transform: uppercase;
}

#searchbar{
	float: left;	
	color: black;
	font-weight: bold;
	margin: 0 0 0 .5em;
	vertical-align: middle;
}

#btnroundsearch
{
	float: left;
	margin: 0px 0px 0px 5px;
}

div#menubar {width: 650px; margin: auto;/*float: left; margin-left: 100px;*/ }
div#menubar img{ position: relative; top: -3px;}
div#menubar a{ height: 22px; float: left; text-decoration: none; margin: 0 .6em 0; }
div#menubar p{ color: white; font-size: 1em; font-weight: bold; position: relative; top: -27px; }

/* Certifit */
.menubar{margin: auto; width: 907px;}
.menubar img{ position: relative; top: -3px;}
.menubar a{ height: 22px; float: left; text-decoration: none;}
.menubar p{ color: white; font-size: 1em; font-weight: bold; position: relative; top: -27px; }

.menubarbtn 
{
	background-image: url('images/button/btngray.gif'); 
	background-repeat:no-repeat; 
	padding-top: 5px;
	width: 151px; 
	height: 25px; 
	color: white;
	font-weight: bold;
	position: relative;
	top: -3px;
	cursor: pointer;
}

.btnYellow
{
    background-color: white;
    background-image: url("images/button/btnyellow.gif");
    background-repeat: no-repeat;
    border-style: none;
    color: black;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding-bottom: 7px;
    text-transform: uppercase;
    width: 100px;
}

#rightcolumnhome { width: 48%; float: right; _border-top: solid 3px #A5A5A5; _border-left: solid 3px #A5A5A5; } /*_for IE hacks */


/* Compunix */
#menubarbtn 
{
	background-image: url('images/button/btngray.gif'); 
	background-repeat:no-repeat; 
	padding-top: 5px;
	width: 150px; 
	height: 25px; 
	color: white;
	font-weight: bold;
	position: relative;
	top: -3px;
	cursor: pointer;
}

#viewcart{ position: relative; top: .5em; left: -3.2em; }
#txtviewcart{ position: relative; left: -1em; }



div#contentblock
{	
	clear: both;
	position: relative; 
	color: #005A00;
	min-height: 400px; 
	min-width: 980px;
	width: 980px; 	
	margin: 0 auto;
	color: black;
	text-align: left;
	/* text-transform: capitalize; */
	
}

div#homecontentblock
{
/*
	border-right: solid 3px #A5A5A5;
	border-bottom: solid 3px #A5A5A5;
*/	
	clear: both;
	position: relative; 
	color: #005A00;
	min-height: 400px; 
	min-width: 980px;
	width: 980px; 	
	margin: 0 auto;
	color: black;
	text-align: left;
	/* text-transform: capitalize; */
	padding-left: .25em;
	padding-top: .25em;
}
	

div#footerblock { 
	clear: both;
	position: relative;
	bottom: 0;
	min-width: 977px;
	width: 100%;	
	background: #A5A5A5;
	padding: 5px 0px;
	border-bottom: 2px solid #838383;
	margin: 1em 0;
	color: white;
	text-align: center;
}
#disclaimer{ clear: both; color: #5f5f5f; font-size: 7pt; }


/*
======================================================
>>General Classes
======================================================
*/
.contentarea{ position: relative; border: 0; width: 977px; margin: 0 auto;}

.footerlink{ float: left; width: 25%; }
.footerlink a:link, .footerlink a:visited{color: white; text-decoration: none; }
.footerlink a:hover{	color: white; text-decoration: underline; }
.footerlink h6{	border: 2px; border-right-style: solid}
.footerlink h6.both{	border: 2px; border-left-style: solid; border-right-style: solid;}
/*
======================================================
>>Headers 
======================================================
*/
h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; } 
h4 {font-size: 1.6em;}
h5 { font-size: 1.5em; }	/* Search By */
h6 { font-size: 1.4em; }	/* MMY */

/*
======================================================
>>Special Fonts
======================================================
*/
.red { color: red; }
.upper{ text-transform: uppercase;}
.nolinkline{ text-decoration: none; }
.nolinkline a{ text-decoration: none; }
.pointercursor{ cursor: pointer; }

div.slogan{
	font-size: 1.5em; 
	color: red; 
	font-weight: bolder; 
	font-style: italic; 
	text-align: center;
}
.slogan p{
	color: black; 
	font-size: .7em; 
	text-align: left; 
	font-style: normal;
	font-weight: normal; 
}
.slogan span{ font-weight: lighter; }
.slogan div{width: 8em; margin-left: auto; margin-right: auto;}
/* ---orderoptions.css--- */
/* 
======================================================
>>Site structure extended(layout)
======================================================
*/
img#topselector{ position: relative; top: .3em; left: 1em; }
img#bottomselector{ position: relative; top: -.5em; left: 11.2em; }

#acctframe{ 
	border: 1px solid #CCCCCC; 
	margin: -.4em 0 0 0; 
	height: 15em;
	/* text-transform: capitalize; */
}
#acctframe .headerrow{ font-size: 1.1em;	 font-weight: bold; padding: 1em; }
#acctframe .promo{ padding: 0 0 0 1em; }

#shipoptions{
	border: 1px solid #CCCCCC; 
	margin: -.4em 0 0 0; 
	height: 4em;
	/* text-transform: capitalize; */
	padding: 1.5em;
	/* text-transform: capitalize; */ 	
}

#shipoptions span { font-weight: bold; }

#ccoptions{
	border: 1px solid #CCCCCC; 
	margin: -.4em 0 0 0; 
	height: 13.5em;
	/* text-transform: capitalize; */
	padding: 1em 0;
}

#ccoptions .adjustccvlogos{ position: relative; top: 1.5em;}
#ccoptions .sslogointab{ float: left; position: relative; top: 2.5em; left: 8em; width: 10%; }

.financial{
	/* text-transform: capitalize; */
	color: black; 
	border: 1px solid #CCCCCC; 
	margin: -.4em 0 0 0; 
	height: 26em;
}

.txtcolumn{ float: left; width: 36%;  padding: 0 1em 0; }
.txtfieldcolumn{ float: left; width: 50%; padding: 0 0 1em 0;}
.txtfieldcolumn a{ position: relative; top: -.25em; }
.txtfieldcolumn select{ width: 13.15em;}
.txtddcolumn select { width: 5.75em; margin: 0 .5em;}

/*
======================================================
>>Custom Format
======================================================
*/
#btntopcontinueshopping{ float: right; position: relative; top: 2em;}
#btnbtmcontinueshopping{ position: relative; left: .9em;}

.copyinfo{ padding: 1em; }
.copyinfo span{ margin: 0 1em; text-decoration: underline; }

.linkbytab{
	color: black; 
	position: relative; 
	top: 2.75em; 
	left: 16em; 
	width: 15em;
}

/* ---orderreceived.css--- */
/* 
======================================================
>>Site structure extended(layout)
======================================================
*/
div#topsection{
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	color: black; 
	/* text-transform: capitalize; */ 
	margin: 2em;
	line-height: 2em;
}

div#topsection span{ font-weight: bold; }


div#topsection h3{ 
	font-size: 1.5em; 
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase; 
}
div#topsection h4{ 
	font-size: 1.2em; 
	font-weight: bold;
	text-transform: uppercase; 
}
div.pmtshipsummary{ 
	float: left; 
	width: 25%; 
	color: black;
	/* text-transform: capitalize; */
	margin: 1em 2em;
}
div.pmtshipsummary .header{ 
	text-decoration: underline; 
	font-weight: bold; 
	padding: 0 0 .5em 0;
}
div.pmtshipsummary .item{ clear: both; } 
div.pmtshipsummary div{ padding: 0 .5em 0 0; }


/* ---printablereceipt.css--- */
/* 
======================================================
>>Site structure extended(layout)
======================================================
*/
div#printcontent{ width: 800px; }

div#topsection{
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	color: black; 
	/* text-transform: capitalize; */ 
	margin: 2em;
	line-height: 2em;
}

div#topsection span{ font-weight: bold; }


div#topsection h3{ 
	font-size: 1.5em; 
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase; 
}
div#topsection h4{ 
	font-size: 1.2em; 
	font-weight: bold;
	text-transform: uppercase; 
}
div.pmtshipsummary{ 
	float: left; 
	width: 25%; 
	color: black;
	/* text-transform: capitalize; */
	margin: 1em 2em;
}
div.pmtshipsummary .header{ 
	text-decoration: underline; 
	font-weight: bold; 
	padding: 0 0 .5em 0;
}
div.pmtshipsummary .item{ clear: both; } 
div.pmtshipsummary div{ padding: 0 .5em 0 0; }


/* ---searchresults.css--- */
/*
======================================================
>>Custom Format
======================================================
*/
p#reddisclaimer{ color: red; position: relative; top: 0; left: 0;}

.searchresults {
	border-collapse:collapse;
	border-spacing:0px;
	border-bottom: 2px solid #bfbfbf;
	width: 100%;
}

.searchresults th{
	color: #005A00;
	text-transform: uppercase;
	border-bottom: 2px solid #bfbfbf;
}

.searchresults span{
	position: relative;
	top: -2.3em;
	left: 1.6em;
	text-transform: uppercase; 
	font-size: .8em; 
}

.searchresults p.nostock{ text-transform: uppercase; font-size: .8em; color:red; }
.searchresults div{ position: relative; top: .8em; }
.searchresults input{ position: relative; left: -1em; font-size: 1.5em; }

.searchresults td{
	border-bottom: 2px solid #bfbfbf;
	text-align: left;
	white-space: nowrap;
	padding: 0 .25em;
}


/* ---shape.css--- */
/*
======================================================
>>Shapes and Buttons Styles
======================================================
*/
/*======== SearchBox ========*/
/* Show only to IE PC \*/
* html .boxhead h6 {height: 1%;} /* For IE 5 PC */

.searchbox {
	color: #005A00;
	text-transform: uppercase;
	width: 100%;
	background: url('images/searchbox/sbbodythin-r.gif') no-repeat bottom right;
}
.searchboxhead {
	background: url('images/searchbox/sbhead-r.gif') no-repeat top right;
	text-align: center;
}
.searchboxhead h5 {
	background: url('images/searchbox/sbhead-l.gif') no-repeat top left;
	padding: .6em .6em;
	line-height: 1em;
}
.searchboxbody {
	background: url('images/searchbox/sbbody-l.gif') no-repeat bottom left;
	padding: 1em 0;
}

.searchboxbody div{ margin: 0 1em 1.5em .8em; /*margin: 0 2em 2.2em; */}
.searchboxbody select{ float: right;	width: 8em;	/* text-transform: capitalize; */	font-size: 1em;	margin: -1.5em 0 0; }

#searchboxmainpage {
	color: #005A00;
	float: right;
	text-transform: uppercase;
	width: 18.3em;
	background: url('images/searchbox/sbbody-r.gif') no-repeat bottom right;
	
}

.searchboxbodyexpanded {
	background: url('images/searchbox/sbbody-l.gif') no-repeat bottom left;
	margin:0;
	padding:0;
	border:0;

}
.searchboxbodyexpanded div{ margin: 0 2em 2em; }
.searchboxbodyexpanded select{ float: right;	width: 8em;	/* text-transform: capitalize; */	font-size: 1em;	margin: -1.5em 0 0; }


#btnSearchBox{
	padding: 0em 0em .75em;
	margin: 0em 0em 0em 22%;
}

#MMY_MainContainer{
	text-align: center;		
}
/*
#MakeSelector
{
	padding-bottom: 20px;
}
#YearSelector
{
	padding: 20px;
}
#ModelSelector
{
	padding: 20px;
}
*/


/*======== Frame Tab ========*/
.frametabgradient{
	background: url('images/frametab/frametab_gradient.gif') repeat-x;
	height: 30px;
	margin: 1em 0 0;
	width: 15.5em;
}
.frametabtop div { /* top left side */
   background: url('images/frametab/frametab_tl.gif') no-repeat top left;
}
.frametabtop { /* top right side */
   background: transparent url('images/frametab/frametab_tr.gif') no-repeat top right;
}
.frametabtop div, .frametabtop{
   width: 100%;
   height: 30px;
   font-size: 1px;
}

.frametabcontent {
	color: #005A00;
	margin: -2em 0 0 .5em;
	font-weight: bold;
	/* text-transform: capitalize; */
	white-space: nowrap;
}

/****** left column frame table ******/
table.frametable{
	margin: -.5em 0 0;
	font-size: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #ced0ce;
	width: 100%;
}

.frametable tr{
	height: 2em;
}

.frametable a{
	margin: 1em;
	font-weight: bold;
	/* text-transform: capitalize; */		
}

/**** related items add-on ****/
.relateditem{ font-size: .8em; width: 100%;}

.btntable a { text-decoration: none; margin: 0; height: 1em;}
.btntable img{ position: relative; left: 4em; }
.btntable span{ 
	color: black; 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	position: relative; 
	top: -1em; 
	left: -4.75em;
}

.noborder { width: 80%; margin-left: auto; margin-right: auto;}
.noborder a{ text-decoration: none; }
.part-price {width: 90%; /*margin: 0 3em;*/ font-size: 1.2em; }
.part-price a{ float: left; /*width: 30%;*/  margin: 0 0 0 2em;}
.part-price span{ float: right; color: red; /*width: 55%;*/ margin: 0 2em 0 0;}
.description { 
	float: left; 
	width: 90%; 
	margin: 0 .5em; 
	font-size: 1em; 
}


/* ---shoppingcart.css--- */
/*
======================================================
>>Shopping Cart
======================================================
*/
#cartstyle { text-transform: uppercase; clear:left;}
#cartstyle p{ margin: 0 .5em; }
#cartstyle img{ width: 70%; margin: 0 -.5em; }
#tblheaders{ font-size: .8em; font-weight: bold; text-transform: uppercase; }
#tblheaders td{ padding: 0 0 0 1em; }

div#cartsection{ clear: left; width: 100%;}

div#totalbox{
	float: right;
	width: 30em; 
	border: 1px solid #cccccc; 
	/*font-size: 1.1em;*/ 
	text-transform: uppercase; 
	position: relative;
	top: -6px;
	left: -5px;
	color: Black;
	font-weight: bold;
}

div#totalboxCart
{
	-moz-box-sizing: border-box;
	float: right;
	width: 30em; 
	border: 1px solid #cccccc; 
	padding: .75em; 
	/*font-size: 1.1em;*/ 
	text-transform: uppercase; 
	/*position: relative;*/
	top: -41px;
	left: -5px;
	color: Black;
	font-weight: bold;
}

td.totalboxCart
{
	-moz-box-sizing: border-box;
	float: right;
	width: 30em; 
	border: 1px solid #cccccc; 
	padding: .75em; 
	/*font-size: 1.1em;*/ 
	text-transform: uppercase; 
	/*position: relative;*/
	top: -21px;
	left: -5px;
	color: Black;
	font-weight: bold;
}

div#totalboxConfirm{
	float: right;
	width: 30em; 
	border: 1px solid #cccccc; 
	font-weight: bold;
	padding: .75em; 
	/*font-size: 1.1em;*/ 
	text-transform: uppercase; 
	position: relative;
	top: -1px;
	
	color: Black
}

div#totalboxConfirmPrint{
	float: right;
	width: 30em; 
	border: 1px solid #cccccc; 
	font-weight: bold;
	font-size: 12px;
	padding: .75em; 
	/*font-size: 1.1em;*/ 
	text-transform: uppercase; 
	position: relative;
	top: 0px;
	left: 0px;
	color: Black
}


div#totalbox p{ font-size: 1.2em; font-weight: bold;}
div#total{ clear: right; font-size: 1.2em; }
/* Compunix */
.shipMethod{ font-size: 0.6em; }


div#zipcodelookup { clear: right; }
div#zipcodelookup p{ font-size: .8em; font-weight: normal;}
div#zipcodelookup span{ position: relative; top: .25em; }

#zipcodelookup{font-size: .8em; font-weight: normal;}

#btnback{ position: relative; left: 2em; }

.qtycenter{ text-align: center;}
.panelpadding{ padding: 1.5em 0 0;}

.link{ width: 11em}
.link input{ font-size: 1.25em; position: relative; top: 1.25em; left: .25em}
.link div{ 
	font-size: .75em; 
	text-decoration: underline; 
	margin: 0 0 .75em 0;
	position: relative; top: -.85em; left: 5em; 
}

.btnsection{ clear: right; width: 100%;}
.btnsection .left{ float: left;  position: relative; top: 1em; }
.btnsection .right{ float: right; position: relative; top: 3em;}
.btnsection .right p{ left: 1.9em; }
.btnsection .rightnoadjust{ float: right; position: relative; top: 1em;}
.btnsection .rightnoadjust p{ left: 1.9em; }


/* ---shoppinghome.css--- */
/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#headerblocktall { 
	min-width: 970px;
	width: 100%;
	margin: auto;
	text-align: center;
	color: white; 
}
div#headergreengray{height: 234px; min-width: 970px; background: #ffffff url('images/headergreengray.gif') repeat-x;}
div#bottomsection{ clear: both; width: 937px; margin: 0 0 0 40px;}

/*
======================================================
>>Header Area
======================================================
*/
div#txtright{ float: right; margin: .5em .5em 0 0; width: 10em; } 
#txtright p{ text-align: right; font-size: 1em; }
#txtright span{	font-size: 1.1em; }
p#flashlogo{ position: absolute; left: 50%; margin-left: -383px; }
img#betalogo{ position: absolute; left: 50%; margin-left: -383px; }

/*
======================================================
>>Content Area
======================================================
*/

/*
======================
>>Upper Section
======================
*/
/*
#slogancolumn{ float: left; width: 49%; }
#slogancolumn div{ padding: 0 0 1.5em 2em; }
#searchbycolumn{float: right; width: 50%; padding-left: 2%}
*/
#slogancolumn{ float: left; width: 45%; padding: 0 3%;}
#slogancolumn div{ padding-bottom: 1em; }
#searchbycolumn{float: left; width: 45%;}

#toprightgrid{ padding: 1em 0 0 .87em; }
#freeshipping{ float: right; margin: .5em .5em 0 0; }


/*
======================
>>Table Style
======================
*/
table.grid {	border-collapse: collapse; width: 100% }
table.grid a{ text-decoration: none; }
table.grid img{ position: relative; left: 5em; }
table.grid td.half{ width: 50%; }
table.grid td.quarter{ width: 25%; }

table.grid p { 
	font-family: arial black; 
	text-transform: uppercase; 
	font-size: 1em;
	color: #005A00;
	position: relative;
	left: 1em;
}

table.grid span {
	font-family: arial;
	text-transform:uppercase;
	font-size: 1.5em;
	color: black;
}

table.grid td {
	height: 170px;
	line-height: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #A5A5A5;
}

.notdpadding td{ padding: 0px; }

/* ---template.css--- */
/* 
======================================================
>>Site structure basic(layout)
======================================================
*/
div#txtupperright{ float: right; margin: 1em 1em 0 0; width: 10em; } 
div#txtupperleft{ float: left; margin: 1em 0 0 1em; width: 10em; }
#txtupperleft p{text-align: left; font-size: 1em; }
#txtupperright p{ text-align: right; font-size: 1em; }
#txtupperright span{	font-size: 1.1em; }
#logo a{	background: url('images/logo.png') no-repeat; }

div#headerblock { 
	height: 132px;
	min-width: 977px;
	width: 100%;
	margin: auto;
	text-align: center;
	color: white; 
}

div#headergreen{ height: 101px; min-width: 977px; background: #ffffff url('images/headergreen.gif') repeat-x;}
div#sidebar { float: left; width: 19%;}
div#content { float: right; width: 79.75%; padding: 1em 0 1em 1em; margin: 0; }
div#content table { font-size: 12px; padding: 3px;}
div#content table td { padding: 5px; }
div#innerContent { float: left; width: 100%; padding: 1em 0 1em 1em;}
div#sidebar a{ color: #005A00; }

/* 
======================================================
>>Site structure extended(layout)
======================================================
*/
#horizontalsection{ padding-top: 2em;}
.horizontalsection{ clear: both; width: 95%; margin: 0 auto; padding-top: 2em;}
.relateditemstable td{ width: 25%; }

/*
======================================================
>>Custom Format
======================================================
*/
/*
	==============================
	>>Button Formatting
	==============================
*/
.btnpaypal{ float: right; margin: .1em 2em;}
.button a{ text-decoration: none;}
.button p{
	color: black;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold; 
	position: relative; 
	top: -2.2em; 
	left: .9em;
}

.redprice{ color: red; font-size: 1.5em; }
.blackprice{ font-size: 1.5em; }
.selectShipping{ font-size: 0.9em; }
/* Compunix */
.graylabel{ font-size: 12px; color: Gray;}

/* Compunix */
/* added */
/*
======================================================
>> Homepage Grid
======================================================
*/

.catBlock 
{
	float: left;
	float: left;
	border: solid 3px #A5A5A5;	
	margin-left: -3px;
	margin-top: -3px;
	/*height: 170px;
	border-top: solid 3px #A5A5A5;
	border-left: solid 3px #A5A5A5;
	width: 25%;*/	
	height: 14em;
	width: 49%;
	_width: 50.6%; /*ie_hack*/
}

.catBlock p
{
	color: #005A00;
	font-family: Arial black;
	font-size: 1em;
	left: 1em;
	position: relative;
	text-transform: uppercase;	
	width: 75%;	
}

.catBlock span
{
	color: Black;
	font-family: Arial;
	font-size: 1.5em;
	text-transform: uppercase;	
}

.catBlock a {text-decoration: none;}

.catImg { text-align: center;}

.browseCat 
{  
	position: relative;
	border: 1px solid #CED0CE; 
	top: -5px; 
	padding-left: 15px;
	padding-bottom: 5px;
}

.browseCatCell
{
	padding-top: 8px;
	font-weight: bold;
}

#catBlock
{
	float: left;
	border: solid 3px #A5A5A5;	
	margin-left: -3px;
	margin-top: -3px;
	
	/*height: 170px;
	border-top: solid 3px #A5A5A5;
	border-left: solid 3px #A5A5A5;
	width: 25%;*/
	height: 14em;
	width: 24%;

}

#catBlock p
{
	color: #005A00;
	font-family: Arial black;
	font-size: 1em;
	left: 1em;
	position: relative;
	text-transform: uppercase;	
	width: 75%;
}

#catBlock span
{
	color: Black;
	font-family: Arial;
	font-size: 1.5em;
	text-transform: uppercase;	
	}

#catBlock a {text-decoration: none;}

#catImg { text-align: center;}

#browseCat 
{  
	position: relative;
	border: 1px solid #CED0CE; 
	top: -5px; 
	padding-left: 15px;
	padding-bottom: 5px;
}

#browseCatCell
{
	padding-top: 8px;
	font-weight: bold;
}


/*
======================================================
>> Search Box
======================================================
*/

#MMY_go{text-align: center; padding: 1.07em 1.5em;}
#MMY_MakeSelect{padding-bottom: 1.5em;}
#MMY_ModelSelect{padding-bottom: 1.5em;}
#MMY_YearSelect{padding-bottom: 1.5em;}
#MMY_DescriptionSelect{padding-bottom: 1.5em;}

#smMMY { color: Red;}

input.searchMMY
{
	background-color: Green;
	border-style: none;
	background-image: url('images/btnsearchby.png');
	background-repeat: no-repeat;
	width: 133px;
	height: 29px;
	cursor: pointer;
}

/*
======================================================
>> Shopping Cart
======================================================
*/

input.AddToCartButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	margin-left: 5px;
}


table { border-collapse: collapse; border-spacing: 0;}

td.cartForm { width: 250px; padding-left: 10px;}

.resultRow td { border-top: 2px solid #BFBFBF;}

#greenTitle
{
	color:#005A00; 
	text-transform:uppercase; 
	text-align: center;
	font-size: 1.5em; 
	font-weight: bold ;}
	
	#greenTitleB
{
	color:#005A00; 
	text-transform:uppercase; 
	text-align: left;
	font-size: 1.5em; 
	font-weight: bold ;}

.variantprice{color: red; font-size: 18px; }

/* Yellow Buttons */
input.CheckoutNowButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 144px;
	height: 28px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-right: 5px;
	float: right;
	clear: right;	
}

input.ContinueShoppingButton
{
	float: left;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 145px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-right: 5px;
}

input.UpdateCartButton
{
	float: right;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
}


input.btnYellow
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
}

input.ReviewPageContinueCheckoutButton
{
	float: right;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 145px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	clear: right;

}

input.ShippingOptionsButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideryellow.gif');
	background-repeat: no-repeat;
	width: 160px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-right: 5px;
}

input.RequestEstimatesButton
{
	float: right;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
}

input.SelectAddressButton, input.EditAddressButton, input.UpdateAccountButton, input.AccountPageContinueCheckoutButton, input.btnRequestEstimate, input#ctrlEstimateAddress_GetEstimateButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
}


.input.ContinueCheckoutButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
}


input.CartDeleteButton
{
	background-color: White;
	font-size: 0.65em;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-transform: uppercase;	
	text-align: left;
	width: 70px;
}

input.CartUpdateButton
{
	background-color: White;
	font-size: 0.65em;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-transform: uppercase;
	width: 76px;

}

.hidden
{
	display: none;
}

span.colSpace
{
	padding-left: 1px;
}

/* SHOPPING TABLE */

/* Item Name */
td.itemName
{
	font-family: Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	width: 250px;
}

td.itemSKU
{
	font-family: Helvetica,Arial,sans-serif;
	text-transform: uppercase;

}

/* Shopping Cart Items Table */
td.shpTable
{
	padding: 5px;	
}

/* "Tab"  */
#boxTab
{
	background-image: url('images/nav-header-bg.gif');
	background-repeat: no-repeat;
	color: #005A00;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	height: 20px;
	width: 200px;
	padding: 3px 0 0 5px;	
}

.boxTab
{
	background-image: url('images/nav-header-bg.gif');
	background-repeat: no-repeat;
	color: #005A00;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	height: 20px;
	width: 200px;
	padding: 3px 0 0 5px;	
}

.boxTabTable
{
	border: 1px solid #CED0CE; 
	margin-top:-2px;
}

/*
.boxTabTotalSummary
{
	width: 100%;
	border-left: 1px solid #CED0CE; 
	border-right: 1px solid #CED0CE; 
	border-bottom: 1px solid #CED0CE;	
}
*/

.shoppingCartSubTotals
{
	float: right;
	border-left: 1px solid #CED0CE; 
	border-right: 1px solid #CED0CE; 
	border-bottom: 1px solid #CED0CE;
	width: 362px;	
}

#clearLeft { clear: left; }

#clearRight { clear: right; }

#floatLeft { float: left; }
#floatRight { float: right; }

table.wo td{ padding:0;}

#Autos{ float: left; padding-left: 20px; font-weight: bold; font-size: 1.3em; width: 160px; }

/*
======================================================
>> Category Page
======================================================
*/

div#categoryWide {
	float: left; 
	padding: 0 2em 0 0;
	width: 60%;
	text-transform: uppercase;
}

div#categoryWide  h3{ color: #005A00; }
div#categoryWide  h1{ font-size: 1.5em; font-weight: normal; }
div#categoryWide  h2{ font-size: 1.5em; color: #005A00; margin: 0 0 0 4.5em; }

/*
======================================================
>> Checkout Review Page
======================================================
*/

#left { text-align:left; font-size: 1.1em; font-weight: bold; clear:left; color: Black; }
#right { text-align:right; font-size: 1.1em; font-weight: bold; clear:left; color: Black; }

.BackButton
{
	float: left;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-top: 3px;
}



.clearMMY
{
	font-size: 11px;
}


/*
======================================================
>> Estimate Box
======================================================
*/
#estimator table
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#estimator input.btn
{
	float: right;
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
}

#pnlShippingAndTaxEstimator
{
	text-transform: none;
	width: 100%;
	

}

/*
======================================================
>> Singin Page
======================================================
*/

.SmallButton /* signin page */
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnyellow.gif');
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
	/*padding-top: 3px;*/
	float: right;
}

.XLargeButton /* signin page */
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwidestyellow.gif');
	background-repeat: no-repeat;
	width: 210px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-right: 5px;
}

.LargeButton
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
	float: left;
}

.LargeButtonSignIn
{
	background-color: white;
	border-style: none;
	background-image: url('images/button/btnwideyellow.gif');
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	cursor: pointer;
	color: black;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 7px;
	
}





#pnlShippingAndTaxEstimator table td
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
.ShippingAndTaxEstimateAddress .ErrorMessage
{
	height: 0px;
	overflow: visible;
}
.ShippingAndTaxEstimateAddress .Value
{
	text-align: right;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
.ShippingAndTaxEstimateAddress .Caption
{	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: 700;	
}
#ctrlEstimateAddress_State, #ctrlEstimateAddress_Zip
{
	font-size: 11px;
}
#ctrlEstimateAddress_Zip
{
position: relative;
top: 8px;
}
#zipcodelookup
{
		
}

.ShippingAndTaxEstimator
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.ShippingAndTaxEstimator .Caption
{
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70%;
}
.ShippingAndTaxEstimator .Value
{
	text-align: right;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 30%;
}

#estimator table td
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*checkout1 page */

td.addressLabel
{
	width:35%;
	text-align: left;
}

td.addressInput
{
	width:67%
}

td.accountLeftLabel
{
	width: 15%;
	text-align: right;
	vertical-align: middle;
}

td.accountLeftInput
{
	width: 33%;
	vertical-align: middle;
}

td.accountRightLabel
{
	width: 19%;
	text-align: right;
	vertical-align: middle;
}

td.accountRightInput
{
	width: 33%;
	vertical-align: middle;
}

.chkover13
{
	visibility: hidden;
	display: inline-table;
}

.errorMessages
{
	font-weight: bold;
	color: Red;
	font-size: 14px;
}