body {
    font-family: 'Helvetica','Tahoma', 'Arial', 'sans-serif';
    color: #323232;
    background: #ebebeb;
    margin: 10px 0px 10px 0px;

    padding-top: 60px;
}


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





    /*Nav Bar Logo*/

    .navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 3px;
  width: auto;

}










.navbar-inverse {
    background-color: red;
}

    .navbar-inverse .navbar-nav > li > a {
        color: white;
    }

    .navbar-inverse .navbar-brand {
        color: white;
    }

#navback {
    background-color: red;
    border: solid;
    border-width: 1px;
    height: 30px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Arial', 'sans-serif';
    color: black;
    /*background-image: url("../images/background.png");*/
}

    #navback a {
        color: black;
        font-size: 1.2em;
    }

#social {
    margin-top: 45px;
}


#slogan {
    position: absolute;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: central;
    /*padding-left: 90px;*/
    padding-right: 70px;
    line-height: normal;
}

    #slogan p {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        text-align: center;
        vertical-align: central;
        font-size: 1.4em;
        line-height: normal;
        font-family: Orbitron;
    }

#pageHead {
    background-color: black;
    height: 900px;
    text-align: left;
    vertical-align: middle;
    margin-top: 10px;
}

#pageTop {
    background-color: black;
    height: 20px;
}


#megaHomepage {
    clear: both;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    #megaHomepage img {
        height: 100%;
        margin: 50px;
    }


#megatronCallOut {
    position: absolute;
    border: 0px solid #3F0C1F;
    /*background-color: red;*/
    /*box-shadow: 8px 5px 10px #888888;*/
    padding: 5px;
    margin: 10px 20px 0 0;
    opacity: 1;
    bottom: 50%;
    right: 30%;
    width: 30%;
    font-family: "Permanent Marker";
    color: black;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
    max-height: 200px;
    max-width: 600px;
}



#carousel.carousel {
    color: Black;
    font-size: 1.6em;
    font-weight: 900;
}

#carousel2.carousel {
    color: black;
    font-size: 1.5em;
    font-weight: 900;
}


#carousel3.carousel {
    color: black;
    font-size: 1.5em;
    font-weight: 900;
}



/*Home page text boxes left middel & right*/


#hp-box-left, #hp-box-middle, #hp-box-right, #AU-box-left, #moreInfo {
    height: 200px;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    z-index: 99;
    background-color: #fff;
        border-radius: 1px;


}


.mainTopic span{
background-color: #4CAF50;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
        text-transform: uppercase;

        border-color: #000;
        color: #fff;
        opacity: 1;
        z-index: -1;
}



    #hp-box-left:hover, #hp-box-middle:hover, #hp-box-right:hover, #moreInfo:hover {
        /*box-shadow: 0 1px 5px 1px #cccccc;*/
    }

    #hp-box-left span, #hp-box-middle span, #hp-box-right span, #AU-box-left span, #moreInfo span {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
        text-transform: uppercase;
        background-color: dimgrey;
        border-color: #000;
        color: #fff;
        opacity: 1;
        z-index: -1;
    }

   #AU-box-left span {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
        text-transform: uppercase;
        background-color: #4CAF50;
        border-color: #000;
        color: #fff;
        opacity: 1;
        z-index: -1;
    }


    #hp-box-left p, #hp-box-middle p, #hp-box-right p, #AU-box-left p {
        position: absolute;
        top: 20px;
        right: 0;
        width: 100%;
        color: #353535;
        padding: 10px;
    }

            .breakSection {
            text-align: center;
            font-size: 1.1em;
            text-transform: uppercase;
            background-color: #4CAF50;
            border-color: #000;
            border-width: 2px;
            color: #fff;
            opacity: 1;
            z-index: -1;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-top:10px;
            margin-bottom:10px;
        }
        .center-block {
            width: 250px;
            padding: 8px;
            background-color: #f2f2f2;
        }

#tileText {
    font-size: 3em;
}


#brandname {
    font-family: "Orbitron";
    color: white;
    font-size: 1.2em;
}


/*Home page text boxes images*/
.social1 {
    width: 50px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 60px;
}
/*Home page text boxes buttons*/



/*href button like formats*/

.goButton a{
    clear: both;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#button4 {
    clear: both;
    position: absolute;
    bottom: 5px;
    right: 5px;

}



.btn {
    background-color: #f44336; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    box-shadow: 3px 2px 7px #888888;
    height: 30px;
    width: 90px;
}


    .btn a {
        color: white;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }


    .btn:hover {
        background-color: #4CAF50;
        color: white;
    }


.btnAdd {
    background-color: #f44336; /* Green */
    border: none;
    color: white;
    width: 160px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    box-shadow: 3px 2px 7px #888888;
}

    .btnAdd:hover {
        background-color: #4CAF50;
        color: white;
    }


.btn-danger:hover{

          background-color: #4CAF50;
}

.dealNumGauge{
   width: 40px; 
   height: 120px;    
   position: absolute;   
   left: 0;
   right: 0;
   top:110px; 

}


.urlButtonRight{
    position: absolute;
    right:10px;
    top:160px;
  width: 150px;
}

.urlButtonLeft{
    position: absolute;
    right:170px;
    top:160px;
    width: 150px;
}





/* Random Deal Cards*/

.randomDealDescButton {

  width: 150px;
}


.randomDealHomeButton{

  width: 150px;
  margin:0 auto;
  margin-bottom:10px;
  margin-top:10px;

}

.center-block-home {  
    width:150px;  
    padding:8px;  
    background-color: #f2f2f2;  

    } 

.center-block {  
    width:265px;  
    padding:8px;  
    background-color: #f2f2f2;  

    } 

.dealcard  {
    height:450px;
        position:relative;
    margin: auto;
    padding:1px;  
    background-color: #fff; 
    border-style: solid;
    border-width: 1px;
    border-color:#D8D6D6;
    box-shadow: 2px 1px #999;
    margin-top:15px;
}


.dealcardImg  {
    height:150px;

}


/*Recomendation cards*/
.recoCard  {
    height:320px;
    width:150px;
   
    position:relative;
    margin: auto;
    padding:1px;  
    background-color: #fff; 
    border-style: solid;
    border-width: 1px;
    border-color:#D8D6D6;
    box-shadow: 2px 1px #999;
    margin-top:15px;

}

.recoCardImg  {
    height:100px;
    margin-top:15px;
    max-width: 110px;

}


.recoDealDescButton  {
   width:130px;
   background-color: #E1E4E1; 
   color:#4CAF50;


}
.card-text{
  
    font-size:.8em;
}
.recoDealStoreLogo {
position:relative;
bottom:0px;
height: 30px;
margin-top:10px;   
left:0px;

}



/*URL cards*/
.urlCard  {
    height:220px;
    width:150px;
   

    position:relative;
    margin: auto;
    padding:1px;  
    background-color: #fff; 
    border-style: solid;
    border-width: 1px;
    border-color:#D8D6D6;
    box-shadow: 2px 1px #999;
    margin-top:15px;


}

.urlCardImg  {
    height:100px;
       margin-top:15px;
        max-width: 110px;

}


.UrlDealDescButton  {
   width:130px;
   background-color: #E1E4E1; 
   color:#4CAF50;


}
.card-text{
  
    font-size:.8em;
}
.urlDealStoreLogo {
    position:relative;
    bottom:0px;
    height: 30px;
    margin-top:10px;   
    left:0px;

}
.urlDealMI{
position:absolute;
bottom:10px;
height: 30px;
 
margin-left: 27px;



}


/*Home Page Recomendation cards*/
.HPrecoCard  {
    height:280px;
    width:150px;
    position:relative;
    margin: auto;
    padding:1px;  
    background-color: #fff; 
    border-style: solid;
    border-width: 1px;
    border-color:#D8D6D6;
    box-shadow: 2px 1px #999;
    margin-top:15px;
}









#ddmenuopen ul {
    background-color: black;
}

/*#Pheading1 
{
    background-color:gray;
    color: white;
}
#Pheading2 
{
    background-color:gray;
    color: white;
}
#Pheading3
{
    background-color:gray;
    color: white;
}*/



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

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

#producttable1 {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}


.img1 {
    margin: 0px 10px 0px 0px;
    -moz-box-shadow: 1px 1px 1px 1px #777777;
    -webkit-box-shadow: 1px 1px 1px 1px #777777;
    box-shadow: 1px 1px 1px 1px #777777;
}


.img2 {
    margin: 0px 10px 20px 0px;
    -moz-box-shadow: 1px 1px 1px 1px #777777;
    -webkit-box-shadow: 1px 1px 1px 1px #777777;
    box-shadow: 1px 1px 1px 1px #777777;
    float: right;
}


/*  Tracking URL page*/

#two h1 {
    font-size: 2em;
}

.Chart1 {
    Height: 251px;
    importtant;
    Width: 100px;
    importtant;
}

/* Clearing Floats */


/* Main Styles */



/* Table Designs*/





.tabH {
    border-color: #629600;
    background-color: #629600;
    color: #000;
    width: 200px;
    padding: 5px 10px 5px 0px;
    border-collapse: collapse;
}


.GRIDHEAD th {
    color: #fff;
    font-size: 1em;
    background-color: #000;
    width: 1%;
    height: 30px;
    border: none;
    vertical-align: middle;
    text-align: center;
}



.gridrow {
    text-align: center;
}

    .gridrow td {
        border: none;
        border-bottom: solid 1px black;
    }

    .gridrow tr {
        border-bottom: solid 1px black;
    }



.dlist2 {
    text-align: left;
    padding: 100px,100px, 100px 100px;
    font-size: medium;
    border-bottom: 1px solid #000;
    border-bottom-style: solid;
}




/* Used for the add url page*/
#addURLTable {
    margin-bottom: 10px;
}

    #addURLTable td {
        border-bottom: dashed;
        border-bottom-color: black;
        border-bottom-width: 1px;
        min-width: 80px;
        padding: 10px;
    }

    #addURLTable p {
        font-size: 1.1em;
    }


/********** Small devices only **********/
@media (min-width: 1px) and (max-width: 992px) {
    /* Home Page */
    #bs-example-navbar-collapse-1 {
        background-color: white;
        color: black;
        position: relative;
        z-index: 1000;
        border: solid;
        border-color: black;
        border-width: 1px;
    }


    #carousel3.carousel {
        color: black;
        font-size: .8em;
        font-weight: 900;
    }


    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: black;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: red;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu {
        background-color: white;
    }



    #bs-example-navbar-collapse-1 a {
        color: black;
    }

        #bs-example-navbar-collapse-1 a:hover {
            background-color: lightgrey;
        }

    #megaHomepage {
        clear: both;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .jumbotron p {
        font-size: .9em;
        font-family: "Finger Paint";
    }


    .smallContainer {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}
/********** med/larg devices only **********/
@media (max-width: 900px) {
    /* Home Page */
    #bs-example-navbar-collapse-1 {
        /*background-color: white;*/
        color: black;
        position: relative;
        z-index: 1000;
        border: solid;
        /*border-color: black;*/
        border-width: 0px;
    }

        #bs-example-navbar-collapse-1 a {
            color: black;
        }

    #megaHomepage {
        clear: both;
        height: 40%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #megaHomepage {
        clear: both;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
}





@media (max-width: 996px) {

    .carousel {
        font-size: 1.5em;
    }
}

@media (max-width: 500px) {
    .carousel {
        font-size: 1.2em;
    }
}

@media (max-width: 400px) {
    .carousel {
        font-size: 1em;
    }
}



@media (max-width: 450px) {

    .twoTU {
        font-size: 20px;
    }

    .jumbotron p {
        font-size: .6em;
        font-family: "Finger Paint";
    }

    body {
        width: 100%;
    }

    .smallContainer {
        padding-right: 0;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        width: 375px;
    }

    h1 {
        font-size: 20px;
    }
}





#footer {
    text-align: center;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    overflow: auto;
    background: #ebebeb;
    color: black;
}

    #footer a {
        color: black;
    }

#copyright {
    text-align: center;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    overflow: auto;
    background-color: #ebebeb;
    color: black;
}