@media screen {
    body {
        background: url('/App_Themes/Marathon/Images/background.jpg' ) top left repeat;
        line-height: 140%;
    }
    a {
        color: #00a106;
    }
    iframe {
        border: 1px #ccc solid;
    }
    #wrapper {
        width: 1020px;
        margin: auto;
        box-shadow: 0px 0px 15px 5px #888;
    }

    .homepageBottom {
        padding: 30px;
        text-align: left;
    }

    #featureProductsGrid .homepageBottom {
        background: url(/App_Themes/Marathon/images/homeBottomBg2.png) top left repeat-x;
        padding: 30px;
    }

    #homepageIcons {
        padding: 5px;
        text-align: center;
    }

    .homepageBottom .contactIcons { font-weight: bold;}

    .homepageBottom .contactIcons strong {font-size: 17px; color: #006600; }

    #homepageIcons img {
        padding: 0 5px 5px 0;
    }

    div.homePageHeader H1 {
        font-size: 15px;
        color: #006600;
        padding: 10px 30px;
        margin: 0;
        font-weight: bold;
        line-height: 23px;
        border-bottom: 1px dashed #ccc;
    }

    /* Main Nav */
    .navigation {
        position: relative;
        z-index: 100;
    }

    .navigation ul, .navigation li {
        padding: 0;
        margin: 0;
    }

    .navigation .content {
        list-style-type: none;
        padding: 0;
        margin: 0;
        z-index: 100;
        position: relative;
    }

    .navigation .content li {
        float: left;
        text-align: left;
        z-index: 100;
        border-right: white 1px solid;
    }

    .navigation .content li:last-child {
        border: none;
    }
	
	.navigation .content li:last-child  a {
	    padding-left: 10px;
	}	
    .navigation .content li.tab.show:before {
        content: url(images/navRollOverLeft.png);
        position: absolute;
        margin-left: -6px;
    }

    .navigation .content li.tab:first-child.show:before {
        content: url(images/navRollOverLeftLeft.png);
        position: absolute;
        margin-left: 0;
    }

    .navigation .content li > a,
    .navigation .content li > span {
        display: block;
        margin: 0 0 0 0px;
    }

        .navigation .content li > a.flexible {
            color: #88d1ee;
        }

    .navigation .content li.show > a,
    .navigation .content li.show > span {
        color: black;
        background: #bfdc29;
    }

        .navigation .content li.show > a.flexible,
        .navigation .content li.show > span.flexible {
            color: #40acd7;
        }

    .navigation .content li.tab.show > a,
    .navigation .content li.tab.show > span {
        background: url(images/navRollOverBG.png) no-repeat top right;
        color: #58595b;
    }

    .navigation .content li > a .small,
    .navigation .content li > span .small {
        font-size: 14px;
        line-height: 18px;
    }

    .navigation .content li > span {
        cursor: default;
    }

    .navigation .content li .Menu {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 9999;
        border-top: 3px solid #bfdc29;
        box-shadow: 0 5px 5px #999;
        background: #fefffd; /* Old browsers */
        background: -moz-linear-gradient(top, #fefffd 0%, #f8fbe7 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefffd), color-stop(99%,#f8fbe7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefffd 0%,#f8fbe7 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefffd 0%,#f8fbe7 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefffd 0%,#f8fbe7 99%); /* IE10+ */
        background: linear-gradient(to bottom, #fefffd 0%,#f8fbe7 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffd', endColorstr='#f8fbe7',GradientType=0 ); /* IE6-9 */
    }

    .navigation .content li:first-child .Menu {
        border-top-left-radius: 0;
    }

    .navigation .content li.show .Menu {
        display: block;
        min-height: 300px;
    }

    .navigation .content li .Menu a {
        color: #006600;
        font-size: 10px;
        line-height: 100%;
        padding: 6px 0;
    }

        .navigation .content li .Menu a:hover {
            color: black;
        }

        .navigation .content li .Menu .MenuTable {
            margin: 15px;
            position: absolute;
        }

    .navigation .content li .Menu .MenuTable td {
        vertical-align: top;
        padding: 0 25px 0 0;
        white-space: nowrap;
    }

    .navigation .content li .Menu .menuCategory {
        margin: 15px;
    }

    .navigation .content li .Menu .MenuPromo {
        float: right;
        text-align: center;
        width: 210px;
        margin: 32px 10px 5px 0;
        overflow: hidden;
    }

        .navigation .content li .Menu .MenuPromo a:hover {
            text-decoration: none;
        }

        .navigation .content li .Menu .MenuPromo h2 {
            color: #a03204;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: bold;
            line-height: 19px;
            margin: .5em 0 .25em;
        }

    .navigation .content li.show .Menu .MoreLinks {
        position: absolute;
        bottom: 22px;
        left: 32px;
    }

    /* Main Nav */

    #webpageContent {
        padding: 0 30px;
    }

    #footer table {
        float: left;
        margin-left: 4%;
        text-align: left;
        line-height: 160%;
    }

    #footer table:first-child {
        margin: 0px;
    }

    #footer table th {
        border-bottom: 1px dashed white;
    }


    #footerContainer {
        padding: 20px;
    }

    #footer:after, #footerContainer:after {
         content: "."; 
        visibility: hidden; 
        display: block; 
        height: 0; 
        clear: both;
    }

    #footer #copyright {
        background: url(/App_Themes/Marathon/images/footercopyright.png) repeat-x top left;
        display: block;
        padding: 15px;
        margin-top: 10px;
    }

    #footer #copyright a {
        display: inline;
    }

    #footer a {
        color: white;
        display: block;
    }

    #footer a:hover {
        text-decoration: underline;
    }

    #footerSocial a {
        display: inline;
    }

   .quickViewButtonHide {
        display: none;
        position: absolute;
        padding: 40px 0 0 0;
        margin:auto;
        cursor: pointer;
    }
    .quickView {
        height: 150px;
        width: 150px;
        vertical-align: middle;
        margin: auto;
    }
    .quickViewDetails .pageHeader {
        padding: 0;
    }
    /* background for main page when modal popup is visible */
    .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

    /* style for modal popup dialog */
    .modalPopup {
        background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:450px; }

    /* style for header of modal popup dialog */
    .modalPopupHeader  {
        cursor:move; background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold; }

    /* style for text of modal popup dialog */
    .modalPopupText { padding:10px; }

    #simplemodal-container a.modalCloseImg {
        background:url(/App_Themes/Marathon/images/modalclose.png) no-repeat; /* adjust url as required */
        width: 40px;
        height:40px;
        display:inline;
        z-index:3200;
        position:absolute;
        top:-20px;
        right:-15px;
        cursor:pointer;
    }

    #simplemodal-container 
    {
        /*overflow:hidden;*/
    }

    /* style for the click to view price popup */
    .pricePopup {
        background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px;
        position:absolute; left:50%; margin-left:-150px; z-index:99; }

    /* style for header of modal popup dialog */
    .pricePopupHeader {
        background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold; }

    /* used on the click to view price display */
    .pricePopup span.fieldHeader { display:block;float:left;width:135px;text-align:right;margin-right:6px; }
    .pricePopup span.fieldValue { display:block;float:left; }
    #contentLayout #mainPanel {
        padding: 30px;
    }

    #large-product-img {
        height: 300px;
        width: 300px;
        overflow: hidden;
        text-align: center;
        border: #ccc 1px solid;
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    #large-product-img img{
        width: auto;
        max-width: 300px;
        max-height: 300px;
        border: none;
    }
    .gallery-item  {
         width: 50px;
         height: 50px;
         overflow: hidden;
         border: 1px solid #ccc;
         float: left;
         margin-left: 5px;
         text-align: center;
         display: table-cell;
         vertical-align: middle;
    }
    #imagegallery {
        float: right;
        padding-top: 15px;
    }
    #imagegallery ul {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    #imagegallery img{
       cursor: pointer;
       max-height: 50px;
       max-width: 50px;
       width: auto;
       border: none;
    }
    .simplemodal-overlay {
        background: black;
    }

    .popupModal {
        padding: 3px 5px;
        border: 1px solid #00a106;
        font-weight: bold;
        font-size: 9px;
        margin: 3px 0 3px 1px;
        color: #00a106;
    }
    .TireSpecs td, .TireSpecs th {
        padding: 8px 5px;
        border: 1px black solid;
    }
    .AlsoSee {
        width: 100%;
    }
    .AlsoSee a{
        color: #00a106;
    }
    .AlsoSee a:hover{
        color: black;
    }
    .emailInput {
        border: 1px solid #00a106;
        padding: 20px;
    }
    .emailInput th {
        text-align: left;
        vertical-align: top;
        padding: 0 10px 15px 10px;
    }
    .emailInput td {
        text-align: left;
        vertical-align: top;
        padding-bottom: 10px;
    }
    .emailInput input[type='text'], .emailInput textarea {
        width: 80%;
        padding: 2px;
    }

    .emailInput select {
        width: 82.5%;
        padding: 2px;
    }

    .measureList {
        margin-left: 10px;
    }
    .measureList li {
        margin-left: 10px;
    }
    #table3 th {
        background: #ccc;
        color: white;
        padding: 5px;
    }
    #table3 td {
        background: #f8fbe7;
        padding: 5px;
    }
    .faq td{
        padding: 5px;
    }

    .CheckOutButton {
        color: black;
        border: 1px black solid;
        background: #f6e102; /* Old browsers */
        background: -moz-linear-gradient(top, #f6e102 0%, #e8ac03 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e102), color-stop(100%,#e8ac03)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6e102 0%,#e8ac03 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6e102 0%,#e8ac03 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6e102 0%,#e8ac03 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6e102 0%,#e8ac03 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e102', endColorstr='#e8ac03',GradientType=0 ); /* IE6-9 */
    }
}