@charset "utf-8";
/* CSS Document */

/******************************************
*
* Global stylesheet to be used on all pages.
*
*******************************************/

/*
* Basic styles
*/
body {
	background : #e2ded3 none repeat scroll 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding : 0px;
	border : 0px;
	margin : 0px;
	color : #000000;
	text-align:center;
}

h1, h4, h5, h6 {
	margin : 0px 0px 0px 0px;
}

h3 {
	font-size : 11px;
	margin : 0px 0px 5px 0px;
}
a {
	text-decoration : none;
}
a:link {
	color : #1133AA;
}
a:active {
	color : #000000;
}
a:visited {
	color : #1133AA;
}
a:hover {
	color : #1133AA;
}
a:hover {
	text-decoration: underline;
}
form {
	padding : 0px;
	margin : 0px;
}
select, option, input, textarea {
        font-size : 11px;
}
hr {
	height : 1px;
	margin : 1px 0px 1px 0px;
	border : 0px;
}
html>body hr {
	margin : 5px 0px 5px 0px;
}
ul{
	list-style-position: outside;	
	list-style-type : square;	
}
/*
* Base layout
*/
#page {
	position : relative;
	margin : 0px auto;
	width : 775px;
    background:#ffffff;
    height:100%;
}
#header {
	position : relative;
	width : 100%;
	padding : 0;
	margin: 0;
	border-bottom : 2px solid #ffffff;
}
#content {
	position : relative;
	clear : both;
	width : 100%;
	padding : 0;
	margin: 0;
	margin-top: 3px;
}
#contentLeft {
	position : relative;
	float : left;
	top : 10px;
	width : 153px;
	padding : 0;
	margin: 0;
}
#contentCenter {
	position : relative;
	float : left;
	left : 10px;
	top : 10px;
	width : 615px;
}
#wideContent {
	position : relative;
	clear : both;
	width: 100%;
}

.wideContentMargin { 
    height:20px;
}
#yourprofile {
	position: relative;
	float : left;
	left : 0;
	top: 0;
	padding: 3px 0px 0px 8px;
	width : 100%;
}
#confBox {
	float : center;
	left : 0;
	width : 550;
	border : 1px solid #666666;
	margin : 15;
	padding: 8px 8px 8px 8px;
	background : #e8e8e8;
	z-index: 2;
	visibility: visible;
        font-size : 13px;
        font-weight : bold;
        text-align : center;
        line-height: 12pt;
        color: #000000;
}
#errBox {
	float : center;
	left : 0;
	width : 550;
	border : 1px solid #666666;
	margin : 15;
	padding: 8px 8px 8px 8px;
	background : #e8e8e8;
	z-index: 2;
	visibility: visible;
        font-size : 13px;
        font-weight : bold;
        text-align : center;
        line-height: 12pt;
        color: #ff0000;
}
#cityList {
	height : 18px;
}
#cp {
	height : 18px;
}
#stateCode {
	height : 18px;
}
#pais {
	height : 18px;
}
#col {
	height : 18px;
}
#loginbox {
	position: relative;
	float : left;
	left : 0;
	width : 140px;
	border : 1px solid #CCCCCC;
	margin : 0;
	background : #efefef;
	z-index: 2;
	visibility: visible;
        font-size : 11px !important;
        line-height: 12pt;
        color: #000000;
}
#pistolbox {
	position: relative;
	float :  left;
	top: -20px;
	left: 0;
	width : 140px;
	border : 1px solid #CCCCCC;
	border-top-width : 0px;
	padding : 5px 0px 10px 8px;
	margin : 0px 0px 0px 0px;
        line-height: 12pt;
	font-size : 11px !important;
	z-index: 30;
        display: none;
}
#more_image {
	position: relative;
	top : 6px;
	text-align: right;
	margin-right: 5px;
}
#logoutBtn {
        text-align: center;
}
#goBtn{
        text-align: center;
}
#footer {
	position : relative;
	clear : both;
	left : 170px;
	width : 610px;
	padding : 0px;
	margin: 10px 0px 30px 0px;
	font-size : 10px;
	
}
.footerText{
border-top : 1px solid #000000;
font-weight : bold;
padding:25px;
}

#footerContent {
	position : relative;
	clear : both; 
	top: 25px;
	border-top : 1px solid #000000;
}

/*
* Header styles
*/
#logo {
	position : absolute;
	z-index : 102;
	left : 14px;
	top : 19px;
	z-index : 0;
}
#topmenu {
	position : relative;
	float : right;
	clear : both;
	margin : 4px 7px 0px 0px;
	color : #999999;
}
#topmenu ul {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
	font-size : 11px;
}
#topmenu li {
	display : inline;
}
#topmenu a {
	margin : 0px 2px 0px 2px;
}
#topmenu img {
	vertical-align : middle;
	padding-right : 5px;
}
#tabmenu {
	position : relative;
	float : left;
	clear : both;
	width : 100%;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}
#tabmenu ul {
	list-style-type : none;
	padding : 0px 0px 0px 7px;
	float : right;
	margin : 0px;
	height : 18px;
        white-space: nowrap;
	background: transparent url(/images/page/top_nav_left_space2.gif) no-repeat top left;
	border-bottom : 2px solid #FFB621;
}
#tabmenu li {
	padding : 1px 9px 1px 4px;
	float : left;
	background: #000000 url(/images/page/top_nav_space.gif) no-repeat top right;
}
#tabmenu li.last {
	background-image: url(/images/page/top_nav_rt_space.gif);
}
#tabmenu a {
	font-weight : bold;
	color : #FFFFFF;
}
#tabmenu a:hover {
	color : #FFB621;
}

/*this is the fix for branch search or motormatch link color*/
#tabmenu .topnavorange {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffb621; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
#tabmenu .topnavwhite {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

#masthead {
	position : absolute;
	z-index : 100;
	float : right;
	clear : both;
	width : 562px;
	height : 47px;
	top : 48px;
	left : 213px;
	background-color : #FF0000;
}
#mastheadimg {
	position : absolute;
	z-index : 101;
	float : left;
	top : -7px;
	left : -42px;
}
#mastheadcontent {
	padding : 14px 0px 10px 30px;
}
#headersearchbox {
	position : absolute;
	top : 3px;
	left : 160px;
}

.productsearchbox{width:162px}
.copytext { font-family: Arial, Helvetica, sans-serif; font-size: 12px}

/*
* Left column styles
*/
#login form {
	padding-bottom : 10px;
}
#userName {
	width : 120px;
	margin-bottom : 4px;
}
#password {
	width : 85px;
	margin-bottom : 8px;
}
hr.whiteHorRule {
	color : #FFFFFF;
	background-color : #FFFFFF;
	width:130px;
}
hr.grayHorRule {
	color : #CCCCCC;
	background-color : #CCCCCC;
	width:97%;
}
#zipCode {
	width : 85px;
}

/*
* Container styles
*/
.grayBorder{
	border : 1px solid #CCCCCC;
        padding : 10px;
        margin : 0px 0px 20px 0px;
	font-size : 11px;
}
#contentLeft .grayBorder {
	border-left : 0px;
}
.grayBG, .grayBGSearch {
	background-color : #EFEFEF;
}
.grayBGSearch {
	padding-top:5px;	
}

.searchProduct{
width: 178px;
margin-left:5px;
font-size:11px;
}

.sectionheaderSearch{
font-size: 12px; font-weight : bold;color : #000000;
padding-bottom:4px;}


.subheader {
	margin-bottom : 1px;
}
.subheader h2 {
	display : inline;
}

/*
* Button styles
*/
.submitBtn {
	vertical-align : top;
	padding : 1px 0px 1px 2px;
}

/*
* Tab styles
*/
ul.tabs {
	float : left;
	padding : 0px;
	margin : 0px;
	width : 100%;
	border-bottom : 2px solid #aaaaaa;
	list-style-type : none;
        line-height: 11pt;
}
li.tabOn {
	color : #FF0000;
	font-size : 11px;
	font-weight : bold;
	float : left;
	padding : 2px 7px 4px 6px;
	border-bottom : 1px solid #aaaaaa;
	border-right : 2px solid #FFFFFF;
	text-align : center;
	background: #aaaaaa url(/images/page/tab_rt_corner.gif) no-repeat top right;
}
li.tabOn a ,li.tabOff a,li.tabGray a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
}
li.tabOn a:visited ,li.tabOff a:visited,li.tabGray a:visited{
	color : #FFFFFF;
}
li.tabOn a:hover {
	color : #FDD017;
}

li.tabOff,li.tabGray {
   color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	float : left;
	border-bottom : 1px solid #7D7D7D;
	text-align : center;
	background: #7D7D7D url(/images/page/tab_rt_corner.gif) no-repeat top right;
}
li.tabOff{
	padding : 2px 7px 4px 6px;
	border-right : 2px solid #FFFFFF;
}

li.tabOff a:hover,li.tabGray a:hover {
	color : #FFCC00;
}

li.tabGray {
	padding : 2px 9px 4px 6px;
}

li.tabY {
	float : left;
	padding : 2px 10px 4px 8px;
	border-bottom : 1px solid #FDD017;
	text-align : center;
	background: #FDD017 url(/images/page/tab_rt_corner.gif) no-repeat top right;
}  
li.tabY a{
	font-size : 11px;
	font-weight : bold;
	color : black;
}
li.tabY a:visited {
	color : black;
}
li.tabY a:hover {
	color : blue;
}

/*
* Font styles
*/
.messageCopy{
	font-size : 11px;
	color : #666666;
}
.small {
	font-size : 11px;
}
.bold {
	font-weight : bold;
}
.black {
	color : #000000;
}

#breadcrumbs {
	margin : 5px 0px 12px 0px;
	font-size : 11px;
}

#searchHeader a {
	font-weight : bold;
	font-size : 11px;
	color : #ffffff;
	text-decoration : underline;
}
#searchHeader a:hover {
	color : #000000;
}
#contentLeft h2 {
	padding-left : 5px;
}

/*
* List styles
*/
.noBullets {
	margin : 0px;
	padding : 0px;
	border : 0px;
	text-align :left;
	list-style-type : none;
}

.clearfix {
	display : inline-table;
}

/*
* FROM NEW GLOBAL 
*
*/
h1, h4, h5, h6 {
	margin : 0px 0px 0px 0px;
}

#pageTitle {
	border-bottom : 1px solid #000000;
}

.pageTitle {
	font-size : 26px;
	font-weight : bold;
}

.pageSubtitle {
	font-size : 18px;
	font-weight : bold;
}

#pageTitleRtContent{
	position: relative;
	float: right;
	padding-top: 10px;
}

/*
* FROM ITEM DETAILS
*/
.ArBlack10{font-size : 10px;}
.copyboldtext {font-size: 12px;FONT-WEIGHT: bold}
.ArBlackBold10{font-family : Arial; font-size : 12px; color: #000000; font-weight : 600;}
.ImagoBlackXBold28{font-family : Arial; font-size : 28px; color: #000000; font-weight : bold;}
.readytorderbx {font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration : none;}
.smboldblack {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.redcopy {COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px}
.RockBoldItalRed18{font-family: Arial; font-size : 18px; color : #FF0000; font-weight : bold;}

#PageTitle {
	position : relative;
	top: 0px;
	left: -5px;
	width : 100%;
}

.PageTitleBG {
	position : relative;
	left :  -10px;
    border-bottom : 2px solid #000000;
	padding : 0;
	margin : 0;
	font-family : Arial;
	font-size : 28px;
	color: #000000;
	font-weight : bold;
}

#ErrorTag {
    padding: 3px 0 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #FF0000;
    font-weight : 600;
}

#alsoConsider {
	position : absolute;
	font-size : 10px;
	width : 146px;
	top : 240px;
	left : -162px;
	padding : 0;
	margin: 0px 0px 3px 0px;
}
#alsoConsider .headline{
	border : 0px;
	margin : 0;
	text-align: center;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	width : 100%;
	min-height : 18px;
	height : 18px;
	background: #FF0000 url(/images/page/tab_rt_corner.gif) no-repeat top right;

}
#alsoConsider .cnt{
	width : 100%;
	border : 1px solid #CCCCCC;
	margin : 0px;
	padding : 2px 0px 5px 0px;
}
#alsoConsider .image {
        text-align: center;
        clear: both;
}
#alsoConsider .desc {
        text-align: center;
	padding : 5px 5px 5px 5px;
	margin-bottom: 2px;
        font-weight: bold;
}
#alsoConsider ul{
	list-style-type : none;
        left  : 0px;
	padding : 0px 5px 0px 2px;
	margin: 0;
}
#alsoConsider li{
	padding : 0px 0px 2px 2px;
}

#ReturnTop {
	position : relative;
	width: 100%;
	clear: both;
	text-align: right;
	padding-top: 10px;
}

/*
*Mine for Conversion
*/

/* Added for bulkItemCompare_body */
#bulkItemContainer {
	position: relative;
	margin-top: 40px;
}

/* Added for compareItems_body */
#comparisonSelectionContainer {
	position: relative;
	float: left;
	left : -5px;
	margin: 0px;
	padding: 0px;
}

#comparisonTableContainer {
	position: relative;
	float: left;
	padding: 0px;
}

/*Added For SubHeaderMenu */
#headerMenuContainer {
	position : relative;
	margin: 0px;
	padding-bottom: 5px;
	width : 100%;
}

#headerMainMenu {
	position : relative;
	margin: 0px;
	padding: 0px;
	width : 100%;
}
#headerLeft {
	position : relative;
	float: left;
	padding: 0;
	margin: 0;

}
#headerRight{
	position : relative;
	float: right;
	padding-top: 12px;
}

#headerTabImages{
	position : relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border-top : 2px solid #000000;
	width : 100%;
}
#headerSubMenu{
	position : relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width : 100%;
}
/* Holds content that is dynamically rewritten into another div */
#hiddenInfo1 {
visibility: hidden;
position: absolute;
top: -500px;
}

/* for wide content format - moved to base layout*/

/* For cases where the grainger submenu immediately precedes content */
#narrowContent {
	position: relative;
	clear:both;
	float: left;
	margin: 0px 0px 10px;
}

/*for editorial layout - was secondaryInfotorial*/
/*editorial box under profile*/
#editorialContent {
	position : relative;
	float: left;
	width: 100%;
	font-size : 10px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}	

#profileDynamicBox {
	position : relative; 
	z-index: 10;
}

.infotorialContent {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 5px;
	padding: 0px;
	border: 0px;
}



/* orderstatus dropdown "layers"*/
.onlineLayer {
position:absolute;
visibility:hidden;
}


.bigfont12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*for homepageCSS*/
A.searchHome:LINK {color : #FF0000;}
A.searchHome:ACTIVE {color : #000000;}
A.searchHome:HOVER {color : #00009F;}


#branchbox, #searchbox {
	border : 1px solid #CCCCCC;
	padding : 10px 0px 10px 10px;
	margin : 0;
	margin-bottom : 19;
	visibility: visible;
        font-size : 11px !important;
        line-height: 12pt;
        color : #000000;
}

.sectionheader{font-weight : bold;}
.idpasswordtext{font-size:12px; color: #333333;padding-right:2px;}
.greycopysmall{COLOR:#666666;  FONT-SIZE:11px}
.ArRedBold12{font-size:12px; color: #FF0000;}
.ArBlack12{font-size:12px;}


/*spacing for when more and profile box div are not displayed*/
#notLoggedIn {
	position:relative;
	width:100%;
	margin-top:8px;
	margin-bottom:5px;
	border:0px;
	padding:0px;
}

/* Branch Locator */

#contentBoxLocator {
	position : relative;
	float : left;
	width : 152px;
	padding : 0;
	margin: 0;
}

/* Quick Item Entry Styles */
#typeItParent,#typeItChild{
	position: relative;
        visibility: visible; 
}
#copyPasteParent, #copyPasteChild{
	position: absolute;
	top: 42px;
	width: 135px;
        visibility: hidden;
}
#typeItChild{
	vertical-align:bottom;
}

#typeItChild, #copyPasteChild, .backtabstyle ,.backtabstyle{
	background:#CCCCCC;
}
#typeItChild,#copyPasteChild, .backtabcolor, .backtabcolor{
	background:#EFEFEF;
}
/*
Quick Order styles
*/
.padding2px{ padding:2px; }
.marginBottom10px{ margin-bottom:10px; font-size:11px;}
.quickOrderTextArea{ margin-bottom:10px; text-align:center; }
.quickOrderButton{ text-align:center;padding:2px; }

.typeItMaintab{
width:149px;
font-size: 11px;text-decoration : none;
}
.typeItQty{ float:left;margin-left:5px; }
.typeItItem{float:right;margin-right:10px; }
.typeItItemQty{float:left;padding:3px;margin-left:3px;}
.typeItItemNum{float:right;padding:3px;}
.typeItBtn{text-align:center;padding:3px;}
.typeItOrderpad { text-align:center;padding:1px}



.eproHeader {text-align:left;vertical-align:top; font-size: 24px;color:white; }
.eproInfotorial { float: left;	margin-top: 10px; }

/* Categories and Product Tabs Iframe styles */

.searchIndex {background-color:#EFEFEF; height:20px;text-align:center;}
.categoryBody {margin-top:2px; margin-left:5px; margin-right:0px;}
.categoryText {font-weight: normal; font-size: 12px; padding:2px;}
.categoryTopglobalText{font-size: 12px; color: #999999; float:left; padding:2px;}

#homepageCategory a {
        position: relative;
}
#homepageCategory a span {
    display: none;
}
#homepageCategory a:hover {
    background-color:#FFFFFF;
    z-index: 50;
}
#homepageCategory a:hover span {
        position: absolute;
        width:295px;
        padding:3px;
        margin:2px;
        border: 1px solid #c8c8c8;
        top:24px;
        left:35px;
        z-index: 100;
        display: block;
        background-color: #FFFFCC;
        font-family: Arial, Helvetica, sans-serif;
        font-size : 11px;
		  text-decoration: none;
        color:#000000;
}