@import '../../public/styles/rpm-shared/import.css';

/*-------------------------------------------------------
CSS Stylesheet

 This section of the stylesheet defines the look & feel of the website and can be edited freely without
 disturbing the layout of the site.

///////////////////////////////////////////////////////*/

/*-------------------------------------------------------------------
Layout
===================================================================*/
/**/
#beta {float: none;
	width: 925px;
  	padding: 5px;
   ;
}
#alpha {dispLay: none;}
.slider {width:100%!important;}
@media (max-width: 768px) {

.slider {
    width: auto;
    height: auto!important;
    background-color: transparent;
    display: flex;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
  .slider h2 {
    font-size: 16px!important;
  	padding: 0 0 30px 30px!important;
  }
  .slider::before, .slider::after {
  display: none!important;
  }
}
#welcomeTAP {
    text-align: center;
}
#welcomeTAP h1{
    font-size: 28px !important;
    font-weight: bold;
    letter-spacing: -.5px;
    line-height: 1;
    text-align: center;
}
#welcomeTAP p {
	font-size: 15px;
  	line-height: 1.5;
}

@media (min-width: 1200px) {
.padding {
    padding: 5px 120px;
}
}

.btn-primary {
    background: #4F81BD !important;
    color: #fff !important;
    text-decoration: none !important;
}
.btn {
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 15px 25px !important;
    text-transform: uppercase !important;
}
#homepagefeatures a {
	text-decoration: none;
  	font-size: 14px;
	font-weight: bold;
}
#homepagefeatures td {
    border-bottom: 0px;
    border-top: 0px;
    padding: 20px;
    text-align: center;
    width: 25%;
}

#homepagefeatures h2 {
    text-align: center;
    font-size: 20px;
}

#topselect {float: none; 
  padding-bottom: 30px;
	height: 150px;
}
#bottomselect {
	float: none;
	width: 100%;
  	height: 220px;
}
.h1ad {
    width: 340px;
    float: left;
  	margin: 20px;
}
#bannertop {
    float: right;
    padding: 12px 25px 0 15px;
}

#selection {
    clear: none;
    float: none;
    width: 100%;
}

#selectvehicle {
float: left;
padding-bottom: 25px;
padding-left: 15px;
width: 250px;
border-radius: 5px;
}

#bottomselect h4{
	font-size: 14px;
  	color: blue;
  	font-weight: bold;
}
#searchparts {

float: left;
height: 190px;
padding-left: 25px;
border-radius: 5px;
}


#clickfor {
    float: right;
    text-align: left;
	padding-left: 15px;
	padding-right: 0px;
  	width: 380px
}
#clickfor img {
    width: 95%;
}


#featarea {
    float: none;
}

#featbrands {
    float: left;
	width: 100%;
	padding-left: 25px;
  	height: 350px;
}

#featbrands a {
    display: block;
    float: left;
    width: 19%;
    height: 10px;
    border: 1px solid #8f8f8f;
    text-align: center;
    padding: 50px 0;
}

/*#featbrands a img {
    width: 80%;
}*/

#categories {
    position: inherit;
    float: left;

}
dl {
    margin: 0 0 0 105px;
}
#categories dl:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

#categories dt {
    display: block;
    position: relative;
    z-index: 900;
	float: left;
}

#categories dt a {
    color: #463e32;
    display: inline-block;
    position: relative;
    text-decoration: none;
    z-index: 999;
    padding-right: 5px;
}

#categories dt a:active, #categories dt a:hover, #categories dt.hover a:link, #categories dt.hover a:visited {
    border-bottom: medium none;
    color: #000;
}

#categories .floatRight a:before, #categories dt a:first-child:before {
    content: none;
}

#categories dd {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #000;
    color: #463e32;
    display: none;
    font-size: 0.8em;
    left: 0;
    margin: 0;
    min-width: 20%;
    padding: 0.75em;
    position: absolute;
    text-align: left;
    top: 99.7%;
    z-index: 100;
}

#categories dl dd:nth-of-type(2) {
    left: 125px;
}

#categories dl dd:nth-of-type(3) {
    left: 405px;
}

#categories dl dd:nth-of-type(4) {
    left: 539px;
}

#categories dl dd:nth-of-type(5) {
    left: 678px;
}

#categories dd:hover, #categories dt:hover + dd {
    display: block;
}

#categories dd ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#categories dd a, #categories dd a:link, #categories dd a:visited {
    color: #463e32;
    display: block;
    text-decoration: none;
}

#categories dd a:active, #categories dd a:hover {
    color: red;
}

#categories img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #8f8f8f #8f8f8f #8f8f8f -moz-use-text-color;
    border-image: none;
    border-right: 1px solid #8f8f8f;
    border-style: solid solid solid none;
    border-width: 3px 1px 1px medium;
    opacity: 1;
}

#categories img:hover {
    opacity: 0.6;
}

#footer a, #footer p  {
    font-size: 12px;
}

.footerFloat {
    width: 90%;
    padding: 0 10px;
}

.footerFloatL {
    width: 100%;
    padding: 0 5px;
	float: left;
}

@media all and (min-width: 950px) {
    /*#footer {
        
        margin: auto;
        padding: 10px 5px !important;
        border: 1px solid gray;
    }*/

    #footer ul li {
        list-style: outside none none;
        padding-left: 0;
    }

    #footer ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    #footer ul a, ul a:visited {
        color: #000;
    text-decoration: none;
    font-size: 12px;
}

    .footerFloat {
        width: 26%;
        float: left;
    }

    .footerFloatL {
        width: 390px;
        float: left;
    }
}

.nav_menu_odd {
    clear: right;
    float: left;
  	width: 110px;
   
}

.nav_menu_even {
    float: unset;
    
}

.customcat_odd {
    
    float: none;
    width: 320px;
}

.customcat_even {
    float: none;
    width: 320px;
}

#categoriess {
    padding: 0 50px;
}

#badges {
    margin: 10px 0 50px 0;
}

#badges img {
    height: 55px;
}

.AuthorizeNetSeal, .badge {
    display: inline;
}
.badge {
  	background-color: transparent !important;
	padding: 0px !important;
}
/**/
#header {
    background: #444;
    padding: 0px;
}

#main {
    background: #FFF;
}

#fixednav #main {
    background: #FFF;
    background-position: left;
    background-repeat: repeat-y;
}
/**/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: right !important;
    margin: 0 0 20px 0;
}

.col-xs-12, .col-sm-5, .col-md-4 {
	position: unset !important;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#ctl00_SearchTermTB {
    width: 200px;
    text-align: center;
  	color: blue;
}
input {
  line-height: 24px;
}
#ctl00_SearchBtn {
    font-weight: bold;
  	color: blue;
}
#headersearch {
    padding: 50px 0;
}

#gamma {
    padding-top: 10px;
}

@media (max-width: 960px) {
#beta {
    padding: 0 !important;
}
}

@media (min-width: 992px) {
#alpha.col-md-3 {
    width: 25%;
  }
#beta.col-md-9 {
    width: 75%;
  }
#beta .wrapper {
    padding: 25px 50px;
}
#gamma.row {
    overflow: hidden; 
}
}

@media (min-width: 1200px) {
#alpha.col-lg-2 {
    width: 16.666667%;
  }
#beta.col-lg-10 {
    width: 83.33333333%;
  }
}

/*-------------------------------------------------------------------
~~Base
===================================================================*/

body {
    background: #666;
    background-position: center;
    background-repeat: repeat-y;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

img {
    border: 0;
}

p {
    line-height: 1.5;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -.5px;
    line-height: 1;
}

h2 {
    font-size: 14px;
    line-height: 1.286;
}

h3 {
    background: #F9F9F9;
    border: 1px solid #AAA;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px;
}

a {
    color: #0F2699;
}

a:hover {
    color: #0850B0;
}

/*-------------------------------------------------------------------
~~Header
===================================================================*/

/*TOP Most Portion - Logo & Links */
@media (min-width: 768px) {
#branding #logo, #branding #logo2 {
    text-align: left;
}
}
@media (max-width: 960px) {
  #branding #logo2 img {
    max-width: 90% !important;
  }
}

#branding #logo {
    float: left;
    padding: 40px 20px 30px;
    text-align: center;
}
#branding #logo2 {
    float: left;
    padding: 10px 0;
}
@media (max-width: 960px) {
#nav #home, 
#nav #accountinfo, 
#nav #contact, 
#nav #logout {
    display: inline-block;
}
}

@media (min-width: 992px) {
#branding #nav {
    text-align: right;
}
}


#branding #nav {
    
    background: #222;
    font-size: 11px;
    margin: 0;
    text-align: center;
}
@media (min-width: 480px) {
#branding ul a {
    padding: 0 14px;
}
}

#branding ul {
    margin: 0;
    padding: 0 10px;
}
#branding li {
    display: inline-block;
    list-style: none;
    margin: 0;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#branding ul a {
    background: transparent;
    color: #999!important;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
}
#branding ul a:focus,
#branding ul a:hover {
    color: blue!important;
  text-decoration: none!important;}
 
/* Header - Search
=========================================== 

.header-search input[type="submit"] {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
    font-family: FontAwesome;
    padding: 7px 12px;
}
.header-search input[type="submit"],
.header-search .search {
    background: #f5f5f5;
    border: 0;
}
.header-search .search .btn {
   padding: 0 10px!important;
   height: 34px!important;
   line-height: 34px!important;
}
#ctl00_SearchBtn:hover {
   color: #d1273b;
}*/
  
/*STACKED Navigation*/

#headernav {
    background: #000;
    color: #FFF;
    font-size: 11px;
    height: 90px;
    margin: 0 -10px;
}

#headernav a {
    color: #FFF;
}

#headernav #categories,
#headernav #ourshop {
    margin: 0 0 0 10px;
    padding: 10px 0;
}

#headernav #categories a,
#headernav #ourshop a {
    font-weight: bold;
    text-decoration: none;
}

#headernav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#headernav a:hover {
}

#headernav #selectedapplication {
    float: right;
    padding: 10px 0;
    text-align: right;
}



/*MENU Navigation*/
@media (min-width: 768px) {
#headermenu .left {
    float: left !important;
   width: auto;
}
#headermenu .right {
    float: none !important;
    width: auto;
}
}

#headermenu {
    background: #333;
    border-top: 1px solid #444;
    color: #ccc;
    /*display: none;*/
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}

#headermenu a {
    color: #FFF;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */

/* So, effectively says: style all tiers in the menu this way... */

#headermenu ul ul {
    background: #222;
}

#headermenu ul ul a {
    color: #fff!important;
    font-size: 13px;
    text-transform: none;
}
#headermenu ul ul a:focus, 
#headermenu ul ul a:hover {
    color: #fff!important;
    text-decoration: none!important;
} 

/* The menu adapter generates a list item (li) in HTML for each menu item. */

/* Use this rule create the common appearance of each menu item. */

#headermenu ul.AspNet-Menu li {
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */

/* Use this rule create the common appearance of each menu item. */
@media (min-width: 992px) {
#headermenu ul.AspNet-Menu li.AspNet-Menu-WithChildren {
    width: auto!important;
    padding: 0px;
}
#headermenu .left {
    float: left !important;
}
#headermenu .right {
    float: right !important;
}
}

@media (max-width: 960px) {
#headermenu ul.AspNet-Menu li.AspNet-Menu-WithChildren {
    padding: 0px !important;
}
}


#headermenu ul.AspNet-Menu li.AspNet-Menu-WithChildren {
    cursor: pointer;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    
}

#headermenu .left{
    float: none !important;
    width: 100%;
}
#headermenu .right {float: right;}


/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */

/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */

/* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */

/* The second image comes from this rule (below). */

#headermenu ul.AspNet-Menu li a,
#headermenu ul.AspNet-Menu li span {
    background: transparent;
}
#headermenu ul.AspNet-Menu li a:hover {
    background: blue;
}

/* When a menu item contains no submenu items it is marked as a'leaf'and can be styled specially by this rule. */


#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf span {
    border-bottom: 0;
    font-weight: normal;
    padding: 0 20px;
}


#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {

}
/* While you hover over a list item (li) you are also hovering over a link or span because */

/* the link or span covers the interior of the li. So you can set some hover-related styles */

/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */

#headermenu ul.AspNet-Menu li a:hover,
#headermenu ul.AspNet-Menu li span.Asp-Menu-Hover {
}

#headermenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover {

}

/* -------------------------------------------------------------------------- */

/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */

/* whose class is AspNet-Menu-Horizontal. */

/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */

/* a specific place in the web page. Your web site will likely use a different technique to position your */

/* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */

/* There is nothing, per se, that is magical about these particular property value choices. They happen to */

/* work well for the sample page used to demonstrate an adapted menu. */


#headermenu .AspNet-Menu-Horizontal {
    position: relative;
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */

/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */

/* up from left to right. In other words, this width needs to be the width of the individual */

/* top tier menu items multiplied by the number of items. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu {
  position: static;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */

/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */

/* the topmost tier's appearance. */

/* Remember that only the topmost tier of the menu is horizontal. The second and third tiers are vertical. */

/* So, they need a much smaller width than the top tier. Effectively, the width specified here is simply */

/* the width of a single menu item in the second and their tiers. */


#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
    left: 0;
    padding: 10px 0;
    top: 44px;
    width: 100%;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */

/* One exception is the width set here. We will override this width with a more specific rule (below) */

/* That sets the width for all menu items from the second tier downward in the menu. */


#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu li {
    position: static;
    text-align: center;
    width: 9em;
}

/* This rule establishes the width of menu items below the top tier. This allows the top tier menu items */

/* to be narrower, for example, than the sub-menu items. */

/* This value you set here should be slightly larger than the left margin value in the next rule. See */

/* its comment for more details. */

#headermenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
    text-align: left;
    width: 19em;
}


#ctl00_Header_SelectedApplicationMenu_ApplicationNameLabel {
    
    padding: 0 20px;
}
#headermenu #selectedapplication_menu {
    
    padding: 0;
    position: relative;
}
#headermenu #selectedapplication_menu a {
    background: blue;
    color: #fff!important;
    display: inline-block;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    text-align: center;
    text-decoration: none!important;
    
}
#headermenu #selectedapplication_menu a:focus,
#headermenu #selectedapplication_menu a:hover {
    background: #4F81BD;
    color: #fff!important;
}

@media (min-width: 768px) {
#ctl00_Header_SelectedApplicationMenu_SelectYMMPanel {
   width: 300px!important
}
}

@media (min-width: 768px) {
#headermenu #selectedapplication_menu {
    clear: none;
}
#headermenu #selectedapplication_menu a {
   text-align: center;
   
}
#ctl00_Header_SelectedApplicationMenu_ApplicationNameLabel {
    display: inline-block;
}
}

#ctl00_Header_SelectedApplicationMenu_SelectYMMPanel {
    background: #222;
    left: auto !important;
    padding: 30px;
    right: 0 !important;
    margin-top: -8px;
    /*top: 44px !important;
    width: 100% !important;*/
}

@media (max-width: 768px) {
  #headermenu #selectedapplication_menu a {
   text-align: center;
   width: 100% !important;
   padding: 0px;
}
  #ctl00_Header_SelectedApplicationMenu_SelectYMMPanel {
    background: #222;
    left: auto !important;
    padding: 30px;
    right: 0 !important;
    text-align: center;
  }
  
  #ctl00_Header_SelectedApplicationMenu_ApplicationNameLabel {
    display: none;
}
  
}

/* End of header div */

#endheader {
}

/*-------------------------------------------------------------------
~~Fixed Nav
===================================================================*/

#alpha #welcome {
    background: url('../../public/images/bg_blk_65.png');
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: #fff;
    padding: 10px;
}

#alpha #welcome ul {
    border-top: 1px solid #fff;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

#alpha #welcome a {
    color: #FFF;
}

#alpha h4 {
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}

#alpha #categorylist,
#alpha #brandlist {
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;
}

#alpha #categorylist ul,
#alpha #brandlist ul {
    border-top: 1px solid #AAA;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

/*-------------------------------------------------------------------
~~Footer
===================================================================*/

#footer {background-color: #888;
}

#footer a {
    color: #000;
}

#footer #copyright {
    color: #000;
    float: left;
    padding: 10px 0;
}

#footer #poweredby {
    float: right;
    padding: 10px 0;
}

/*-------------------------------------------------------------------
~~AJAX
===================================================================*/

.popup {
    background: url('../../public/images/bg_blk_85.png');
    border: 1px solid #000;
    color: #FFF;
    padding: 15px;
}

.popup h2 {
    color: #FFF;
    margin-top: 0;
}

.popup .action {
    border-top: 1px solid #FFF;
    padding: 10px 0 0 0;
}

.display {
    visibility: hidden;
}

.updateprogress {
    text-align: center;
}

/*-------------------------------------------------------------------
~~MODULES
===================================================================*/

.module {
    background: #F9F9F9;
    border: 1px solid #AAA;
    margin-bottom: 10px;
    padding: 5px;
}

.module span {
}

.module .section {
    border-bottom: 1px solid #AAA;
}

.module .label {
    float: left;
    font-weight: bold;
    width: 45px;
}

.module .receipt {
    display: block;
    float: right;
    width: 155px;
}

.module .title {
    background: #D1D1D1;
    border-bottom: 1px solid #A0A0A0;
    font-weight: bold;
    padding: 5px;
}

.module .title .text {
    padding-top: 2px;
}

.module .title select {
    font-size: 11px;
}

.module .title a {
    color: #FFF;
}

.module .empty {
    border-bottom: 1px solid #DDD;
    color: #A0A0A0;
    padding: 20px;
    text-align: center;
}

.module_bottom_border {
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
}

.module_bottom {
    margin-bottom: 15px;
}

/*-------------------------------------------------------------------
~~Default.aspx (HomePage)
===================================================================*/

#homepagefeatures {
}

#homepagefeatures table {
    border-collapse: collapse;
    width: 100%;
}
/*
#homepagefeatures td {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 20px;
    text-align: center;
    width: 25%;
}*/

#homepagefeatures img {
    margin: 0 0 10px 0;
}

/*-------------------------------------------------------------------
~~ItmBrand.aspx (Brands Page)
===================================================================*/

#allbrands {
}

#allbrands table {
    border-collapse: collapse;
    width: 100%;
}

#allbrands td {
    border-bottom: 1px solid #AAA;
    border-top: 1px solid #AAA;
    padding: 20px;
    text-align: center;
    width: 25%;
}

#allbrands img {
    margin: 0 0 10px 0;
}

/*-------------------------------------------------------------------
~~Item.aspx (Product Listing Page)
===================================================================*/

tr.spec td {
    border-bottom: 1px dotted #CCC;
}

td.spec_name {
    font-weight: bold;
    width: 25%;
}

/*-------------------------------------------------------------------
~~ItmGroup.aspx (Product Listing Page)
===================================================================*/

#navigationcolumn ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navigationcolumn ul ul {
    padding-left: 10px;
}

#navigationcolumn li {
    margin: 2px 0;
}

#navigationcolumn .options {
    border-bottom: 1px dotted #000;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

#navigationcolumn #vehicle {
}

#navigationcolumn #brand {
}

#navigationcolumn #category {
}

#productcolumn {
}

#productcolumn table {
    border-collapse: collapse !important;
}

#productcolumn td {
    border: 0;
    border-bottom: 1px dotted #000 !important;
    border-top: 1px dotted #000 !important;
}

/*-------------------------------------------------------------------
~~ItmGroupDetail.aspx (Product Group Detail Page)
===================================================================*/

#images {
    border: 1px solid #AAA;
    padding: 0;
}

#mainimage {
    color: #AAA;
    padding: 10px;
    text-align: center;
}

#mainimage img {
    padding: 10px;
}

.additionalimages {
    background: #f0f0f0;
    margin: 10px 0 0 0;
    padding: 10px;
}

.additionalimages .borderimages input {
    background: #AAA;
    padding: 1px;
    vertical-align: top;
}

.yourprice {
    background: #FFF;
    border: 1px solid #AAA;
    color: #C20000;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    text-align: center;
}

.addtocartbutton {
    font-weight: bold;
    padding: 3px;
    width: 100%;
}

#reviews {
}

#reviews .review {
    background: #FFF;
    border: 1px solid #000;
    margin: 0 20px 10px 20px;
    padding: 5px;
}

#reviews .reviewheading {
    background: #000;
    color: #FFF;
    margin: -5px;
    padding: 5px;
}

/*-------------------------------------------------------------------
~~ShoppingCart.aspx (Shopping Cart)
===================================================================*/

#shoppingcart {
}

#shoppingcartsummary {
    background: #AAA;
    color: #FFF;
    margin: 0 0 0 0;
    padding: 10px;
    text-align: right;
}

#cartactions {
    padding: 40px 0;
    text-align: right;
}

/*-------------------------------------------------------------------
~~Login.aspx
===================================================================*/

#login {
    margin: 0 60px 100px 60px;
}

#login .label {
    float: left;
    margin: 2px 0;
    padding: 2px 0;
    width: 150px;
}

#login br {
    clear: both;
}

#login .loginmodule {
    background: #F0F0F0;
    border: 1px solid #AAA;
    padding: 0 10px 10px 10px;
}

#login .logininstructions {
    font-weight: bold;
}

#login .logininputs input {
    width: 98%;
}

#login .loginsubmit {
    border-top: 1px solid #AAA;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
}

/*-------------------------------------------------------------------
~~Checkout.aspx
===================================================================*/

#checkout fieldset .label {
    float: left;
    margin: 2px 0;
    padding: 3px 5px;
    text-align: right;
    width: 150px;
}

#checkout fieldset {
    border: 0;
    padding: 0 0 0 50px;
}

#checkout fieldset .styledinput {
    border: 1px solid #AAA;
    margin: 2px 0;
    padding: 2px 5px;
    width: 200px;
}

#checkout fieldset .styledselect {
    border: 1px solid #AAA;
    margin: 2px 0;
    padding: 2px;
    width: 212px;
}

#checkout br {
    clear: both;
}

#cartsummary {
    background: #F9F9F9;
    border-bottom: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: right;
}

#cartsummary span {
    padding: 5px 0;
}

#cartsummary .section {
    border-bottom: 1px solid #AAA;
}

#cartsummary .label {
    float: left;
    font-weight: bold;
    width: 750px;
}

#cartsummary .receipt {
    display: block;
    float: right;
    width: 150px;
}

#processorder {
    border-top: 1px solid #AAA;
    margin: 15px 0 0 0;
    padding: 5px;
}

/*-------------------------------------------------------------------
~~Order.aspx (Order Page)
===================================================================*/

#orderheading {
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
}

/*-------------------------------------------------------------------
~~OurShop/Default.aspx (Our Shop Area)
===================================================================*/

#ourshopnavigation {
}

#ourshopcontent {
}

/*-------------------------------------------------------------------
~~Data Web Controls
===================================================================*/

.styledtable,
.DetailsViewStyle {
    border-collapse: collapse;
    width: 100%;
}

.styledtable td {
    border: 1px solid #AAA;
    padding: 5px;
    text-align: left;
}

.evenrow {
    background: #FFF;
}

.oddrow {
    background: #FFF;
}

th {
    background: #fff url(../../public/images/bg_silver.gif) repeat-x left center;
    border: 1px solid #AAA;
    color: #000;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

/*Used for Empty Datalists, Gridviews, etc.*/

.empty {
    border: 5px solid #AAA;
    color: #AAA;
    padding: 25px;
    text-align: center;
}

/*-------------------------------------------------------------------
~~DetailsView
===================================================================*/

.AspNet-DetailsView {
    position: relative;
    width: 100%;
}

.AspNet-DetailsView textarea {
    height: 250px;
    width: 99%;
}

.AspNet-DetailsView input[type='text'],
.AspNet-DetailsView input[type='password'] {
    border: 1px solid #ddd;
    font-size: 11px;
    padding: 3px;
    width: 250px;
}

div.AspNet-DetailsView-Header,
div.AspNet-FormView-Header {
    background: #fff url(../../public/images/bg_silver.gif) repeat-x left center;
    border: 1px solid #ccc;
    color: #666;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

div.AspNet-DetailsView-Data ul {
}

/* Each field defined for the DetailsView generates an individual list item (li) in the rendered HTML. */

/* Each li effectively is a row in a table (though no table tag is generated by the adapter). */

div.AspNet-DetailsView-Data li {
    background-color: #FFF;
    border-bottom: 1px solid #ddd;
    color: #333333;
    min-height: 1.4em; /* ADDED for Firefox */
    padding: 5px 0 !important;
    vertical-align: middle;
}

/* Every other field is marked as being "Alternate." */

/* This allows you to define an "alternating row" style (though the adapter doesn't actually generate an HTML table). */

div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate {
    background-color: #F7F7F7;
}

/* This corresponds to the HeaderText attribute of an <asp:BoundField>. */

span.AspNet-DetailsView-Name {
    display: block;
    font-weight: bold;
    left: 0;
    padding: 0 5px;
    position: absolute;
    text-align: right;
    width: 35%;
}

/* This corresponds to the DataField attribute of an <asp:BoundField>. */

span.AspNet-DetailsView-Value {
    display: block;
    margin-left: 39%;
}

/*-------------------------------------------------------------------
~~Year Make Model Submodel Form
===================================================================*/

#ymmform {
    margin: 0;
    padding: 0;
}

#ymmform select {
    color: #000000;
    margin: 2px 0 2px 0;
    width: 100%;
}

#ymmform input {
    color: #000000;
    font-weight: bold;
    margin: 2px 0 2px 0;
    padding: 2px;
    width: 100%;
}

#vehicles {
    margin: 10px 0;
}

#vehicles table {
    border-collapse: collapse;
    width: 100%;
}

#vehicles td {
    border: 1px solid #aaa;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#vehicles .make {
    background: #AAA;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

#vehicles .titles {
    background: #CCC;
}

#vehicles .partnumber {
    white-space: nowrap;
    width: 10%;
}

#vehicles .year {
    white-space: nowrap;
    width: 10%;
}

#vehicles .specsname,
#vehicles .specsvalue {
    font-size: 11px;
    font-style: oblique;
}

#vehicles .specsvalue {
    text-align: left;
}

#vehicles tr.odd {
    background: #f3f7fe;
}

#vehiclefilters a {
    margin: 0 5px 5px 0;
}

#groupdetails {
    background: #f0f0f0;
    border: 1px solid #aaa;
    margin-bottom: 10px;
    padding: 5px;
}

#tabs {
    margin: 15px 0;
}

.filtervehicles {
    background: #f0f0f0;
    border: 1px solid #AAA;
    margin: 10px 0;
    padding: 10px;
}

.filtervehicles a {
    margin-right: 5px;
}

#alpha .search {
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;
}

#alpha .search input[type=text] {
    width: 100px;
}

#alpha .search h4 {
    border-bottom: 1px solid #AAA;
    margin-bottom: 5px;
}

/*-------------------------------------------------------------------
~~Demo
===================================================================*/

.demo {
    background: url('../../public/images/bg_green.gif');
    color: #FFF;
    font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-serif;
    padding: 10px;
}

.demo h1 {
    border: 0;
    color: #fff;
    font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-serif;
    font-size: 16px;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.demo a,
.demo a:hover {
    color: #fff;
}

.customerlevel {
    text-align: right;
}