/*********************************************************/
/* Autocom CSS by Harvey Keefe - Last updated 16/07/2009 */
/*********************************************************/

html {
    margin:0;
    padding:0;
    height:100%;
    max-height:100%;
    overflow:hidden;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background-color:#f1f1f1;
	height:100%;
	max-height:100%;
	overflow:hidden;
	position:relative;
	height:100%; 
    max-height:100%; 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    border:0;
}

form {
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	height:100%;
	max-height:100%;
	overflow:hidden;
	position:relative;
	height:100%; 
    max-height:100%; 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    border:0;
}

.autocom .pad1 {
    display:block;
    width:18px;
    height:0px;
    float:left;
}

.autocom .pad2 {
    display:block;
    height:218px; /* this needs to be the same height as the header */
}
	
.autocom #content-container {
	width:100%;
    display:block; 
    height:100%; 
    max-height:100%; 
    overflow:auto; 
    position:relative; 
    z-index:3;
    right:0px;
}
	
.autocom #footer-container {
	height:182px;
	background:#ccc;
    background-image:url(../Images/bottom-nav-side-bkgrd.jpg);
	background-repeat:repeat-x;
}

.autocom .displaynone{
    display:none;
}

.autocom #container { 
	width:760px;  /* was 760px using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000;
    text-align: left; /* this overrides the text-align: center on the body element. */
} 

.autocom #header-container { 
   position:absolute;
   margin:0;
   top:0;
   right:0px;
   display:block;
   width:100%;
   height:218px;
   background:#000;
   z-index:5;
   color:#000;
   border-bottom:0px solid #000; 
   background-image:url(../Images/header-container-bkgrd.jpg);
   background-repeat:repeat-x;
} 

.autocom #header  
{
    margin-left:auto;
	margin-right:auto;
    background-color:#000;
    /*background-image:url(../Images/header-bkgrd.jpg);
    background-repeat:no-repeat;*/ 
    background-image:url(../Images/header-bkgrd-2px.jpg);
    background-repeat:repeat-x; 
	width:760px;
	height:182px;
} 

.autocom #header .autocom-tagline {
    color:#fff;
    font-size:16px;
    text-align:right;
    font-weight:bold;
    float:right;
    margin-right:15px;
    margin-top:10px;
    width:auto;
}

.autocom #header .autocom-subtext1 {
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    float:left;
    width:290px;
    margin-left:0px;
    margin-top:30px; 
    margin-bottom:0px;
}

.autocom #header .autocom-subtext2 {
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    float:left;
    width:450px;
    margin-left:0px;
    margin-top:10px; 
    margin-bottom:0px;
    clear:left;
}
             
.autocom #header .autocom-logo
{
    float:left;
    width:220px;
    height:120px;
    margin-left:-10px;
    margin-top:-4px;
    border:0;
    padding:0px;
}

.autocom #header .autocom-bikes
{
    float:right;
    width:240px;
    margin-right:15px;
    margin-top:8px;
}

	
.autocom #header a:link { /* selectors must remain in this order to work 'lvha' */
	color:#fff;
	text-decoration:underline;
	}

.autocom #header a:visited {
	color:#fff;
	text-decoration:underline;
	}

.autocom #header a:hover {
	color:#fff;
	text-decoration:none;
	}

.autocom #header a:active {
	color:#fff;
	text-decoration:none;
	}


/*  Country and Currency Selector */

.autocom #selector {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 5px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#fff;
    font-size:12px;
    text-align:right;
}

.autocom #selector img {
	padding: 0px 3px 1px 3px; 
    border: 0;
    vertical-align:text-bottom;
}

/*  Country and Currency Selector */



/*  Main Navigation */

.autocom #navigation { 
    background-image:url(../Images/nav-bkgrd.jpg);
	background-repeat:no-repeat;
	height:36px;
	width:760px;
	/* margin-left:-18px;*/
	margin-left:auto;
	margin-right:auto; 
	padding-left:18px;
}

/*  Main Navigation */


.autocom #mainContent { 
	margin: 0 0 0 10px; /* set to 230px to use leftcontent the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 10px 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height:600px;
} 

.autocom #mainContent h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 10px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#000;
    font-size:1.00em;
}

.autocom #mainContent .PageContent h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 10px 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#000;
    font-size:0.88em;
}

.autocom #mainContent h2 {
    color:#000;
    font-size:0.88em;
    font-weight:bold;
    line-height:150%;
}

.autocom #mainContent h3 {
    color:#000;
    font-size:0.75em;
    font-weight:bold;
    line-height:150%;
}

.autocom #mainContent p {
    color:#000;
    font-size:0.75em;
    line-height:130%;
}

.autocom #mainContent .PageContent p {
    color:#000;
    font-size:0.75em;
    line-height:130%;
}

.autocom #mainContent .ProductPricing 
{
    margin-left:220px;
    text-align:left;
    height:220px;
}

.autocom #mainContent .ProductPricing p {
    color:#000;
    font-size:14px;
    line-height:130%;
}


.autocom #mainContent ul, .autocom #mainContent ol {
    color:#000000;
    font-size:0.75em;
    line-height:130%;
}

.autocom #mainContent table {
    color:#000000;
    font-size:16px;
    line-height:130%;
}

.autocom #mainContent a:link { /* selectors must remain in this order to work 'lvha' */
	color:#000;
	text-decoration:underline;
	}

.autocom #mainContent a:visited {
	color:#000;
	text-decoration:underline;
	}

.autocom #mainContent a:hover {
	color:#000;
	text-decoration:none;
	}

.autocom #mainContent a:active {
	color:#000;
	text-decoration:none;
}
	
.autocom #mainContent fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 10px;
	border: solid 1px #ccc;
	}
	
.autocom #mainContent .fieldset100 {
	margin:10px 0px 20px 0px; 
	padding:0px 10px 10px 10px;
	border: solid 1px #ccc;
	width:715px;
	}
	
.autocom #mainContent legend, .autocom #mainContent .legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666;
	font-weight:bold;
	font-size:0.75em;
	}	
	
.autocom #mainContent fieldset p {
    line-height: 130%;
    padding-bottom: 10px;
	}	
	
.autocom #mainContent fieldset table{
    font-size:0.75em;
}

.autocom #mainContent fieldset thead{
    font-weight:bold;
    background-color:#ccc;
    padding:3px;
}

.autocom #mainContent fieldset tbody{
padding:3px;
}

	
.autocom #mainContent input, .autocom #mainContent textarea {
    border: solid 1px #000;
    font-size:inherit;
}

.autocom #mainContent .button{
    border: solid 1px #000;
    color: #fff;
    background-color: #666;
    font-size:1.00em;
    font-weight:bold;
}

.autocom #mainContent .button-addtobasket{
    border: solid 1px #000;
    color: #fff;
    background-color: #666;
    font-size:1.00em;
    font-weight:bold;
    width:92px;
}

.autocom #mainContent .redbackground{
    background-color: #ff0000;
}

/*     Product Details   */

.autocom #MainContent .ProductName
{
    float:left;
    height:25px;
    text-align:left;
    display:block;
    width:100%;
    font-weight:bold;
}

.autocom #MainContent .ProductImage
{
    float:left;
    width:200px;
    max-width:200px;
    height:200px;
    text-align:left;
    padding:0;
    margin:0;
}

.autocom #MainContent #ProductImageEnlarge
{
    float:left;
    height:25px;
    width:200px;
    text-align:left;
    clear:left;
    padding-left:0px;
    margin-bottom:0px;
}

.autocom #MainContent #ProductImageEnlarge .Text
{
    font-size:10px;
    font-weight:bold;
    display:inline;
}

.autocom #mainContent .ProductPricingOrange {background-color:#FFF5E5;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingRed {background-color:#F9E8E9;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingGreen {background-color:#eef4e9;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingPurple {background-color:#F1EAF2;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingGrey {background-color:#f5f5f5;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingYellow {background-color:#fffee5;float:right;padding:5px 10px;width:250px;height:auto;}
.autocom #mainContent .ProductPricingLightBlue {background-color:#E5F5FA;float:right;padding:5px 10px;width:250px;height:auto;}

.ProductTabsOrange
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#ff9900;
    scrollbar-arrow-color:#FFF5E5;
    scrollbar-track-color:#FFF5E5; 
    scrollbar-shadow-color:#FFF5E5;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#FFF5E5;
    scrollbar-darkshadow-Color:#FFF5E5;
 }
 
 .ProductTabsRed
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#ff0000;
    scrollbar-arrow-color:#F9E8E9;
    scrollbar-track-color:#F9E8E9; 
    scrollbar-shadow-color:#F9E8E9;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#F9E8E9;
    scrollbar-darkshadow-Color:#F9E8E9;
 }
 
 .ProductTabsGreen
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#99cc33;
    scrollbar-arrow-color:#eef4e9;
    scrollbar-track-color:#eef4e9; 
    scrollbar-shadow-color:#eef4e9;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#eef4e9;
    scrollbar-darkshadow-Color:#eef4e9;
 }
 
  .ProductTabsPurple
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#b288b5;
    scrollbar-arrow-color:#F1EAF2;
    scrollbar-track-color:#F1EAF2; 
    scrollbar-shadow-color:#F1EAF2;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#F1EAF2;
    scrollbar-darkshadow-Color:#F1EAF2;
 }
 
   .ProductTabsGrey
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#999;
    scrollbar-arrow-color:#F5F5F5;
    scrollbar-track-color:#F5F5F5;
    scrollbar-shadow-color:#F5F5F5;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#F5F5F5;
    scrollbar-darkshadow-Color:#F5F5F5;
 }
 
   .ProductTabsYellow
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#ffff33;
    scrollbar-arrow-color:#FFFEE5;
    scrollbar-track-color:#FFFEE5; 
    scrollbar-shadow-color:#FFFEE5;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#FFFEE5;
    scrollbar-darkshadow-Color:#FFFEE5;
 }
 
   .ProductTabsLightBlue
{
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    scrollbar-face-color:#0099cc;
    scrollbar-arrow-color:#E5F5FA;
    scrollbar-track-color:#E5F5FA; 
    scrollbar-shadow-color:#E5F5FA;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:#E5F5FA;
    scrollbar-darkshadow-Color:#E5F5FA;
 }

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   


/* ORANGE Backgrounds */
.ProductTabsOrange .ajax__tab_header					{ background:url(/images/tabs/orange-tab-line.gif) repeat-x bottom; }
.ProductTabsOrange .ajax__tab_outer					{ background:url(/images/tabs/orange-tab-right.gif) no-repeat right; }
.ProductTabsOrange .ajax__tab_inner					{ background:url(/images/tabs/orange-tab-left.gif) no-repeat; }
.ProductTabsOrange .ajax__tab_tab						{ background:url(/images/tabs/orange-tab.gif) repeat-x; }
.ProductTabsOrange .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/orange-tab-active-right.gif) no-repeat right; }
.ProductTabsOrange .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/orange-tab-active-left.gif) no-repeat; }
.ProductTabsOrange .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/orange-tab-active.gif) repeat-x; }
.ProductTabsOrange .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/orange-tab-active-right.gif) no-repeat right; }
.ProductTabsOrange .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/orange-tab-active-left.gif) no-repeat; }
.ProductTabsOrange .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/orange-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsOrange .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsOrange .ajax__tab_outer					{ height:29px; }
.ProductTabsOrange .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsOrange .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsOrange .ajax__tab_body						{ font-size:1.0em;border:1px solid #ff9900;border-top:0;padding:10px;background-color:#FFF5E5; }


/* RED Backgrounds */
.ProductTabsRed .ajax__tab_header					{ background:url(/images/tabs/red-tab-line.gif) repeat-x bottom; }
.ProductTabsRed .ajax__tab_outer					{ background:url(/images/tabs/red-tab-right.gif) no-repeat right; }
.ProductTabsRed .ajax__tab_inner					{ background:url(/images/tabs/red-tab-left.gif) no-repeat; }
.ProductTabsRed .ajax__tab_tab						{ background:url(/images/tabs/red-tab.gif) repeat-x; }
.ProductTabsRed .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/red-tab-active-right.gif) no-repeat right; }
.ProductTabsRed .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/red-tab-active-left.gif) no-repeat; }
.ProductTabsRed .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/red-tab-active.gif) repeat-x; }
.ProductTabsRed .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/red-tab-active-right.gif) no-repeat right; }
.ProductTabsRed .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/red-tab-active-left.gif) no-repeat; }
.ProductTabsRed .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/red-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsRed .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsRed .ajax__tab_outer					{ height:29px; }
.ProductTabsRed .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsRed .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsRed .ajax__tab_body						{ font-size:1.0em;border:1px solid #ff0000;border-top:0;padding:10px;background-color:#F9E8E9; }


/* GREEN Backgrounds */
.ProductTabsGreen .ajax__tab_header					{ background:url(/images/tabs/green-tab-line.gif) repeat-x bottom; }
.ProductTabsGreen .ajax__tab_outer					{ background:url(/images/tabs/green-tab-right.gif) no-repeat right; }
.ProductTabsGreen .ajax__tab_inner					{ background:url(/images/tabs/green-tab-left.gif) no-repeat; }
.ProductTabsGreen .ajax__tab_tab						{ background:url(/images/tabs/green-tab.gif) repeat-x; }
.ProductTabsGreen .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/green-tab-active-right.gif) no-repeat right; }
.ProductTabsGreen .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/green-tab-active-left.gif) no-repeat; }
.ProductTabsGreen .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/green-tab-active.gif) repeat-x; }
.ProductTabsGreen .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/green-tab-active-right.gif) no-repeat right; }
.ProductTabsGreen .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/green-tab-active-left.gif) no-repeat; }
.ProductTabsGreen .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/green-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsGreen .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsGreen .ajax__tab_outer					{ height:29px; }
.ProductTabsGreen .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsGreen .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsGreen .ajax__tab_body						{ font-size:1.0em;border:1px solid #99cc33;border-top:0;padding:10px;background-color:#eef4e9; }


/* PURPLE Backgrounds */
.ProductTabsPurple .ajax__tab_header					{ background:url(/images/tabs/purple-tab-line.gif) repeat-x bottom; }
.ProductTabsPurple .ajax__tab_outer					{ background:url(/images/tabs/purple-tab-right.gif) no-repeat right; }
.ProductTabsPurple .ajax__tab_inner					{ background:url(/images/tabs/purple-tab-left.gif) no-repeat; }
.ProductTabsPurple .ajax__tab_tab						{ background:url(/images/tabs/purple-tab.gif) repeat-x; }
.ProductTabsPurple .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/purple-tab-active-right.gif) no-repeat right; }
.ProductTabsPurple .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/purple-tab-active-left.gif) no-repeat; }
.ProductTabsPurple .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/purple-tab-active.gif) repeat-x; }
.ProductTabsPurple .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/purple-tab-active-right.gif) no-repeat right; }
.ProductTabsPurple .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/purple-tab-active-left.gif) no-repeat; }
.ProductTabsPurple .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/purple-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsPurple .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsPurple .ajax__tab_outer					{ height:29px; }
.ProductTabsPurple .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsPurple .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsPurple .ajax__tab_body						{ font-size:1.0em;border:1px solid #b288b5;border-top:0;padding:10px;background-color:#F1EAF2; }


/* GREY Backgrounds */
.ProductTabsGrey .ajax__tab_header					{ background:url(/images/tabs/grey-tab-line.gif) repeat-x bottom; }
.ProductTabsGrey .ajax__tab_outer					{ background:url(/images/tabs/grey-tab-right.gif) no-repeat right; }
.ProductTabsGrey .ajax__tab_inner					{ background:url(/images/tabs/grey-tab-left.gif) no-repeat; }
.ProductTabsGrey .ajax__tab_tab						{ background:url(/images/tabs/grey-tab.gif) repeat-x; }
.ProductTabsGrey .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/grey-tab-active-right.gif) no-repeat right; }
.ProductTabsGrey .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/grey-tab-active-left.gif) no-repeat; }
.ProductTabsGrey .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/grey-tab-active.gif) repeat-x; }
.ProductTabsGrey .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/grey-tab-active-right.gif) no-repeat right; }
.ProductTabsGrey .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/grey-tab-active-left.gif) no-repeat; }
.ProductTabsGrey .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/grey-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsGrey .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsGrey .ajax__tab_outer					{ height:29px; }
.ProductTabsGrey .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsGrey .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsGrey .ajax__tab_body						{ font-size:1.0em;border:1px solid #999;border-top:0;padding:10px;background-color:#F5F5F5; }


/* YELLOW Backgrounds */
.ProductTabsYellow .ajax__tab_header					{ background:url(/images/tabs/yellow-tab-line.gif) repeat-x bottom; }
.ProductTabsYellow .ajax__tab_outer					{ background:url(/images/tabs/yellow-tab-right.gif) no-repeat right; }
.ProductTabsYellow .ajax__tab_inner					{ background:url(/images/tabs/yellow-tab-left.gif) no-repeat; }
.ProductTabsYellow .ajax__tab_tab						{ background:url(/images/tabs/yellow-tab.gif) repeat-x; }
.ProductTabsYellow .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/yellow-tab-active-right.gif) no-repeat right; }
.ProductTabsYellow .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/yellow-tab-active-left.gif) no-repeat; }
.ProductTabsYellow .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/yellow-tab-active.gif) repeat-x; }
.ProductTabsYellow .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/yellow-tab-active-right.gif) no-repeat right; }
.ProductTabsYellow .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/yellow-tab-active-left.gif) no-repeat; }
.ProductTabsYellow .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/yellow-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsYellow .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsYellow .ajax__tab_outer					{ height:29px; }
.ProductTabsYellow .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsYellow .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsYellow .ajax__tab_body						{ font-size:1.0em;border:1px solid #ffff33;border-top:0;padding:10px;background-color:#FFFEE5; }


/* LIGHT BLUE Backgrounds */
.ProductTabsLightBlue .ajax__tab_header					{ background:url(/images/tabs/lightblue-tab-line.gif) repeat-x bottom; }
.ProductTabsLightBlue .ajax__tab_outer					{ background:url(/images/tabs/lightblue-tab-right.gif) no-repeat right; }
.ProductTabsLightBlue .ajax__tab_inner					{ background:url(/images/tabs/lightblue-tab-left.gif) no-repeat; }
.ProductTabsLightBlue .ajax__tab_tab						{ background:url(/images/tabs/lightblue-tab.gif) repeat-x; }
.ProductTabsLightBlue .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/lightblue-tab-active-right.gif) no-repeat right; }
.ProductTabsLightBlue .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/lightblue-tab-active-left.gif) no-repeat; }
.ProductTabsLightBlue .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/lightblue-tab-active.gif) repeat-x; }
.ProductTabsLightBlue .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/lightblue-tab-active-right.gif) no-repeat right; }
.ProductTabsLightBlue .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/lightblue-tab-active-left.gif) no-repeat; }
.ProductTabsLightBlue .ajax__tab_active .ajax__tab_tab	{ background:url(/images/tabs/lightblue-tab-active.gif) repeat-x; font-weight:bold; }

.ProductTabsLightBlue .ajax__tab_header 					{ font-size:12px; height:29px;}
.ProductTabsLightBlue .ajax__tab_outer					{ height:29px; }
.ProductTabsLightBlue .ajax__tab_inner					{ padding-left:3px; }
.ProductTabsLightBlue .ajax__tab_tab						{ padding:8px 10px; margin:0; }
.ProductTabsLightBlue .ajax__tab_body						{ font-size:1.0em;border:1px solid #0099cc;border-top:0;padding:10px;background-color:#E5F5FA; }

/*     Product Details   */


.autocom #mainContent .Panel-KitContents
{
    margin:15px 0px;
    
}

.autocom #mainContent .GridView-KitContents
{
    width:500px;
    font-size:12px;
    padding:3px;
}

.autocom #mainContent .GridView-KitContents .Price
{
    width:80px;
    text-align:right;
}


.autocom #mainContent .GridView-KitContents .RetailPrice {
	color:#000;
	font-weight:normal;
	text-decoration:line-through;
}

.autocom #mainContent .GridView-KitContents .PromPrice {
	color:#df124c;
	font-weight:bold;
}

.autocom #mainContent .GridView-KitContents .Saving {
	color:#333;
	font-weight:bold;
}


.autocom #mainContent .GridView-Row
{
    vertical-align:top;
    height:20px;
}


.autocom #mainContent .GridView-Downloads {
    padding:3px;
    font-size:0.75em;
}

.autocom #mainContent .GridView-Downloads-Sub {
    padding:3px;
    font-size:1.0em;
}

.autocom #mainContent .GridView-Downloads img, .autocom #mainContent .GridView-Downloads-Sub img {
    padding-right:10px;
}

.autocom #mainContent .GridView-Downloads-Row, .autocom #mainContent .GridView-Downloads-Sub-Row
{
    vertical-align:top;
    height:25px;
}

	
.autocom #mainContent ul{
    font-size:0.88em;
}

/*
.autocom #mainContent table{
    font-size:0.88em;
} */

.autocom #mainContent .TableProducts {
    width:740px;
    padding:3px;
    font-size:0.75em;
    margin-top:5px;
}

.autocom #mainContent .TableProducts thead {
    font-weight:bold;
    background-color:#ccc;
    padding:3px;
}

.autocom #mainContent .TableProducts tbody {
padding:3px;
}

.autocom #mainContent .TableProducts .PartNo {
	color:#000;
	font-weight:bold;
	width:50px;
}

.autocom #mainContent .TableProducts-Row {
    vertical-align:middle;
    height:25px;
}

.autocom #mainContent .TableProducts .Price {
	color:#df124c;
	font-weight:bold;
}

.autocom #mainContent .TableProfessionals {
    padding:3px;
    font-size:0.75em;
    width:415px;
}

/*
.autocom #mainContent .table-products-image {}
*/


/*    Pre 2009 Systems    */

.autocom #oldproducts table thead
{
    font-weight:bold;
    background-color:#fff;
    padding:3px;
}

.autocom #oldproducts table tbody
{
    padding:10px;
}

.autocom #oldproducts table tfoot
{
    text-align:right;
}

.autocom #oldproducts img 
{
    border:solid 0px #000;
}


/*  Main content */



/*  Featured Products */

.autocom #featuredproduct-container {
	margin: 0; 
	padding: 0; 
	border: solid 0px #000;
	width:238px;
	padding:4px;
}

.autocom .featuredproduct-red {height:710px; margin:0px 0px 5px 0px;border: solid 1px #ff0000;background-color:#ffffff;}
.autocom .featuredproduct-green {height:710px; margin:0px 0px 5px 0px;border: solid 1px #99cc33;background-color:#ffffff;}
.autocom .featuredproduct-lightblue {height:710px; margin:0px 0px 5px 0px;border: solid 1px #0099cc;background-color:#ffffff;}
.autocom .featuredproduct-yellow {height:710px; margin:0px 0px 5px 0px;border: solid 1px #ffff33;background-color:#ffffff;}
.autocom .featuredproduct-grey {height:710px; margin:0px 0px 5px 0px;border: solid 1px #999;background-color:#ffffff;}
.autocom .featuredproduct-orange {height:710px; margin:0px 0px 5px 0px;border: solid 1px #ff9900;background-color:#ffffff;}
.autocom .featuredproduct-blue {height:710px; margin:0px 0px 5px 0px;border: solid 1px #0066cc;background-color:#ffffff;}
.autocom .featuredproduct-purple {height:710px; margin:0px 0px 5px 0px;border: solid 1px #cc66cc;background-color:#ffffff;}

.autocom #featuredproduct-container h3 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#fff;
    font-size:0.88em;
    font-weight:bold;
}

.autocom #featuredproduct-container h4 {
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#000;
    font-size:0.75em;
    font-weight:bold;
    margin:5px;
}

.autocom #featuredproduct-container p {
    color:#000000;
    font-size:0.75em;
    line-height:130%;
    margin:5px;

}

.autocom #featuredproduct-container img {
	/*padding: 2px 2px 2px 5px; 
     float:center; */
    border: 0;
    padding:auto 0 ;
    margin-left:19px;
    margin-right:5px;
}

.autocom #featuredproduct-container ul {
    margin-left:20px;
    margin-right:20px;
    font-size:0.75em;
}

.autocom #featuredproduct-container .featuredproduct-header-red {height:40px; margin:0;padding: 3px; background-color:#ff0000;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-green {height:40px; margin:0;padding: 3px; background-color:#99cc33;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-lightblue {height:40px; margin:0;padding: 3px; background-color:#0099cc;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-yellow {height:40px; margin:0;padding: 3px; background-color:#ffff33;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-grey {height:40px; margin:0;padding: 3px; background-color:#666;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-orange {height:40px; margin:0;padding: 3px; background-color:#ff9900;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-blue {height:40px; margin:0;padding: 3px; background-color:#0066cc;text-align:left;}
.autocom #featuredproduct-container .featuredproduct-header-purple {height:40px; margin:0;padding: 3px; background-color:#cc66cc;text-align:left;}


.autocom #featuredproduct-container .featuredproduct-content {
	text-align:left;
	background-color:#fff;
	height:85px;
}

.autocom #featuredproduct-container .featuredproduct-footer {
	padding: 3px; 
    background-color:#fff;
    text-align:left;
}


/*  Main content - Featured Products */




/*  Main content */

.autocom #basketstatus {
	margin: 0; 
	margin-bottom:10px;
	padding: 5px 5px 0px 0px; 
    font-size:0.69em;
    text-align:right;
    position:relative;
    top:0;
    right:0;
    z-index:1;
}

.autocom #basketstatus img {
	padding: 0px 3px 1px 3px; 
    border: 0;
    vertical-align:text-bottom;
}

/*  Main content */



/*  Product Search */

.autocom #productsearch {
	margin: 0; 
	padding: 0px 0px 0px 10px; 
    font-size:0.69em;
    text-align:left;
    height:30px;
    background-image:url(../Images/product-search-bkgrd.jpg);
    background-repeat:no-repeat;
}

.autocom #productsearch .productsearch-label {
    color:#fff;
    font-size:12px;
    font-weight:bold;
}

.autocom #productsearch .productsearch-textbox {
    border:solid 1px #333;
    background-color:#fff;
	color:#333;
	height:18px;
	margin-top:3px;
}

.autocom #productsearch .productsearch-button {
    color:#fff;
    font-size:13px;
    background-color:#666;
	border: solid 1px #333;
	margin-top:3px;
}

/*   Product Search  */



.autocom #bottom-nav { 
	margin:0;
	background:#cccccc;
	background-image:url(../Images/bottom-nav-bkgrd.jpg);
	background-repeat:no-repeat;
	height:145px;
	width:760px;
	text-align:right;
	
	margin-left:auto;
	margin-right:auto;
} 

.autocom #bottom-nav-container { 
	margin:0px;
    width:495px;
    padding-left:235px;
    padding-top:30px;
    float:left;
}

.autocom #bottom-nav-left { 
     float:left;
     width:150px;
     border-right:solid 0px #fff;
     display:inline-block;
     text-align:left;
}

.autocom #bottom-nav-middle {
     float:none; 
     width:135px;
     border-right:solid 0px #fff;
     margin:0px 25px 0px 10px;
     display:inline-block;
     text-align:left;
}

.autocom #bottom-nav-right { 
    float:right;
    width:150px;
    display:inline-block;
    text-align:left;
}

.autocom #bottom-nav-container ul {
	margin:0px;
	padding:0;
	}

.autocom #bottom-nav-container li {
	padding:0;
	list-style:none;
	font-weight: normal;
    color: #000;
    font-size:11px;
    margin-bottom:-3px;
    line-height:160%;
	}
	
	
.autocom #bottom-nav-container a:link { /* selectors must remain in this order to work 'lvha' */
	color:#000;
	text-decoration:underline;
	}

.autocom #bottom-nav-container a:visited {
	color:#000;
	text-decoration:underline;
	}

.autocom #bottom-nav-container a:hover {
	color:#000;
	text-decoration:none;
	}

.autocom #bottom-nav-container a:active {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}	

.autocom #bottom-nav-container p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-size:0.69em;
}

.autocom #footer  
{
    height:37px;
	background:#999;
	background-image:url(../Images/footer-bkgrd.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.autocom #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-size:9px;
    color:#fff;
}

.autocom #advertising 
{
    height:100px;
	background:#000;
	width:100%;
	text-align:center;
	padding:5px 0px 0px 0px;
}

.autocom #advertising img
{
    border:0;
}

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* AJAX */

.modalbackground {
	background-color:#333;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:6;
}

.modalpanel {
	background-color:#fff;
	border:3px solid #fff;
    Width:auto;
    position:relative;
    height: 550px;
    z-index:6;
}

.autocom .locationbackground {
	background-color:#333;
	filter:alpha(opacity=100);
	opacity:1;
}

.autocom .locationpanel {
	background-color:#f1f1f1;
	border:2px solid #fff;
    Width:300px;
    margin:auto;
    height:180px;
    z-index:3;
}

.autocom #selectlocationheader {
    text-align:left;
    height:37px;
    background-color:#666;
}

.autocom #selectlocationheader h3
{
	padding: 5px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color:#fff;
    font-size:14px;
    font-weight:bold;
}

.autocom #selectlocationbody {
    text-align:left;
    height:100px;
    padding:10px;
    margin:0;
}

.autocom #selectlocationbody ul {
	margin:0;
	padding:0;
	}

.autocom #selectlocationbody li {
	padding:0;
	list-style:none;
	font-weight: normal;
    color: #000;
    font-size:0.65em;
    line-height:130%;
	}


.autocom #selectlocationfooter {
    text-align:center;
    height:23px;
    background-color:#666;
}


.autocom .line  /** replaces the <hr/> tag to render correctly in all browsers **/
{
    background-repeat: repeat-x;
	background-image: url(../Images/Line-LightBlue.gif);
    width: 100%;
    height: 1px;
}

.modalProductBackground {
	background-color:#333;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:6;
}

.modalProductPopup {
	background-color:#ffffff;
	border:2px solid #333;
    Width:500px;
    position:absolute;
    height:530px;
    margin-top:250px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    z-index:6;
}

.modalProductPopupHeader
{
    margin:0;
    padding:0;
    height:30px;
}

.modalProductPopupHeader
{
    margin:0;
    padding:0;
    float:left;
    font-size:16px;
    display:inline;
}

.modalProductPopupButton 
{
    border:solid 1px #000;
    background-color:#ccc;
    text-align:right;
    display:inline;
    float:right;
}

.modalProductPopupImage 
{
    padding:5px;
    border:solid 0px #fff;
    text-align:center;
}

.modalProductPopupFooter p
{
    font-size:12px;
    color:#fff;
    text-align:center;
}



.autocom #mainContent .GridView { 
	border: solid 1px #666;
	padding:3px;
	width:100%;
}

.autocom #mainContent .GridView a:link { /* selectors must remain in this order to work 'lvha' */
	color:#000;
	text-decoration:underline;
	font-size:0.75em;
	}

.autocom #mainContent .GridView a:visited {
	color:#000;
	text-decoration:underline;
	font-size:0.75em;
	}

.autocom #mainContent .GridView a:hover {
	color:#000;
	text-decoration:none;
	font-size:0.75em;
	}

.autocom #mainContent .GridView a:active {
	color:#000;
	text-decoration:none;
	font-size:0.75em;
	}

.autocom #mainContent .GridView-Header { 
	background-color:#333;
	font-weight:bold;
	color:#fff;
}

.autocom #mainContent .GridView-AlternateRow { 
	background-color:#f1f1f1;
}

.autocom #mainContent .GridView-SelectedRow { 
	background-color:#f1f1f1;  /* was corporate red #DF124B */
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}

.autocom #mainContent .GridView-Pager { 
	background-color:#ccc;
	text-align:center;
}

.autocom #mainContent .GridView-Footer { 
	background-color:#666;
	text-align:left;
	font-size:0.75em;
	width:inherit;
}

.autocom .TextBox-WaterMark { 
	color:#666;
}

.autocom .Popup-Calendar{ 
	font-size:11px;
	background-color:#fff;
}

.autocom .Popup-Calendar table { 
	background-color:#fff;
	border:solid 1px #000;
	font-size:11px;
}

.autocom .Popup-Calendar thead { 
	background-color:#ccc;
	font-weight:bold;
	font-size:11px;
}

.autocom .Popup-Calendar tr { 
	background-color:#fff;
	font-size:11px;
}