/* Default CSS Stylesheet for a new Web Application project */

body { 
	font-family: Ubuntu, Tahoma, Geneva, sans-serif; 
	margin: 0px; 
	font-size: 0.9em;
}

h1 { 
	margin: 0px;
	color: #990000;
	font-size: 1.2em;
	font-weight: 300;
	font-size: 20px;
}

a { color : #660000; }

.topNav { display: none; }
.bottomLogo { margin: 10px auto; text-align: center; }

header, nav, footer  
{
    display: block; /* Old IE HTML5 Fix */
}

header  
{
    background: #560000;
    background-image: url('/images/v2/header_back.jpg');
    height: 60px;
}
header img.logo { display: block; height: 35px; margin: 0px auto; padding-top: 10px; }

nav img { margin: 0px; display: inline-block; padding: 0px; }

nav 
{
    display: none;
    background: #DFDAD0;
    background-image: -moz-linear-gradient(top, #EDE9E0 0%, #CBC6B8 100%);
    background-image: -o-linear-gradient(top, #EDE9E0 0%, #CBC6B8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDE9E0), color-stop(1, #CBC6B8));
    background-image: -webkit-linear-gradient(top, #EDE9E0 0%, #CBC6B8 100%);
    background-image: linear-gradient(to bottom, #EDE9E0 0%, #CBC6B8 100%);
    border-bottom: 2px solid #B40000;
}

.roundedBottomContainer { display: none; background-color: #EBE7DE; }

footer 
{
    background: #DED8CC;
    background-image: -moz-linear-gradient(top, #EBE7DE 0%, #D1C9BC 100%);
    background-image: -o-linear-gradient(top, #EBE7DE 0%, #D1C9BC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBE7DE), color-stop(1, #D1C9BC));
    background-image: -webkit-linear-gradient(top, #EBE7DE 0%, #D1C9BC 100%);
    background-image: linear-gradient(to bottom, #EBE7DE 0%, #D1C9BC 100%);
    padding: 15px;
}
	
.main,
.sidebar { display:block; width:100%; }
	
#mainDiv {
	min-width: 320px; 
	margin: 0px auto; 
	vertical-align: top;
	background-color: #fff;
}
	
.map { height: 150px; }

#agentList img 
{
    margin-left: 10px; border: 0px;
}
                     
.lineList { -moz-column-count:2; -webkit-column-count:2; column-count:2; font-size: 13px; }
.cityList { -moz-column-count:2; -webkit-column-count:2; column-count:2; font-size: 13px; }

.hidemobile { display: none; }

footer a { display: block; }
.footerSep { display: none; }
	
input[type="text"], input[type="tel"]  { line-height: 27px; height: 27px; font-family: Ubuntu, Tahoma, Geneva, sans-serif; padding: 0px 5px; }
textarea {  line-height: 25px; height: 50px; font-family: Ubuntu, Tahoma, Geneva, sans-serif; padding: 0px 5px; }
select { line-height: 27px; height: 31px; font-family: Ubuntu, Tahoma, Geneva, sans-serif; padding: 0px; }

.lineList a, .cityList a { display: block; padding-bottom: 4px; }

.sectionheader { width: 100%; display: block; border: 1px solid #444; border-left-width: 0px; border-right-width: 0px; padding: 10px 10px; font-size: 16px; font-weight: 300; margin: 20px 0px 15px -10px; }

.lineTable td { padding: 3px; border: 1px solid #444; border-left-width: 0px; border-right-width: 0px; }

.formRow { margin-top: 8px; }
.formRow label { display: block; margin: 0px 0px 8px 0px; font-weight: 700; }
.responsiveFormEntry { width: 100%; margin: 0px; }
input[type="tel"].responsiveFormEntry { width: 97%;}
.submitFormRowbutton { display: block; margin: 15px 0px; width: 100%; }

.greyButton, .blueButton, .redButton, .orangeButton, .greenButton { font-size: 20px; height : 34px; }

.ratingSprite 
{
    margin: 5px 0px 12px 0px;
    display: inline-block;
    padding: 0px;
    background-image: url('/images/v2/spritestars_trans.png');
    background-repeat: no-repeat;
    height: 18px;
    padding-left: 90px;
}

/* Second breakpoint at 960px */
@media all and (min-width: 768px)
{
   
   .greyButton, .blueButton, .redButton, .orangeButton, .greenButton { font-size: 13px; height : 29px; }
   
    .formRow label { display: inline-block; min-width: 100px; padding-left: 15px; font-weight: 300; }
    .responsiveFormEntry { width: auto; }
    input[type="tel"].responsiveFormEntry { width: auto;}
    .submitFormRowbutton { display: inline-block; margin: 10px 0px 0px 122px; width: auto; }
   
    .topNav { margin: 10px auto; max-width: 1000px; min-width: 768px; display: block; text-align: right; }
    .topNav a,
    .topNav a:link,
    .topNav a:visited 
    { 
        display: inline-block; 
        margin: 0px 5px 0px 10px; 
        color: #660000; 
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
    }
    .topNav a:hover
    { 
        text-decoration: underline;
        color: #B40000;
    }
    .bottomLogo { max-width: 1000px; min-width: 768px; text-align: left; }
	.main { float: left; width:69.5%; border-right: 1px solid #999; }
	.sidebar { float: left; width:29.5%; margin-left 5px;  }
	.map { height: 250px; }
	#mainDiv { max-width: 1000px; min-width: 768px; }
	.content { margin: 10px 15px 20px 15px; }
	body { 	background-color: #EEECE6; }
	h1 { font-size: 22px; }
	nav { display: block; height: 50px; }
	header { height: 100px; border-radius: 5px 5px 0px 0px; }
	header img.logo { display: inline-block; height: 50px; margin: 20px 0px 0px 20px; padding-top: 0px }
    footer { border-radius: 0px 0px 5px 5px; min-height: 100px; }
    .drpRoundStyle 
    {
        margin: 15px 0px;
        border-radius: 5px; 
        -moz-box-shadow: 0 0 10px #222;
        -webkit-box-shadow: 0 0 10px #222;
        box-shadow: 0 0 10px #222;
    }
    
    #innnernav {
	    display: table; 
	    left: 0;
	    top: 0;
    }

    #innnernav ul {
	    display:table-row;
	    text-align: center;
	    font-weight: 300;
	    text-transform: uppercase;	
	    font-size: 17px;
    }

    #innnernav li {
	    list-style-type: none;
	    display:table-cell;
    }
    
    #innnernav li a,
    #innnernav li a:link,
    #innnernav li a:visited 
    {
	    margin: 0px 15px 0px 15px;
	    padding: 15px 0px 16px 0px;
	    display: inline-block; 
	    text-decoration: none;
	    color: #660000;
	    width: 100%;
    }
    
    #innnernav li a:hover 
    {
        color: #B40000;
        background-color: rgba(149, 131, 103, 0.4);
    }
    
    .roundedBottomContainer { display: block; background-color: #EBE7DE; height: 15px; }
    .roundedBottom { background-color: #fff; border-radius: 0px 0px 10px 10px; height: 10px;         
                     -moz-box-shadow: 0px 3px 3px rgba(34, 34, 34, 0.3);
                     -webkit-box-shadow: 0px 3px 3px rgba(34, 34, 34, 0.3);
                     box-shadow: 0px 3px 3px rgba(34, 34, 34, 0.3);  }
                     
    .lineList { -moz-column-count:1; -webkit-column-count:1; column-count:1; font-size: 14px; }
    .cityList { -moz-column-count:5; -webkit-column-count:5; column-count:5; font-size: 11px; }
    
    footer a { display: inline-block; }
    .footerSep { display: inline-block; margin: 0px 9px; }

    .hidemobile { display: inline; }
    .isBlock { display: block; }
   
    .sectionheader { width: 100%; display: block; border: 0px solid #fff; margin: 15px 0px; padding: 0px; font-size: 18px; }

    .hidedesktop { display: none; }
    
    #agentList { padding-right: 15px; }

}

hr {
    border : none;
    border-top : dotted 1px #cccccc;
    color : #cccccc;
    height : 1px;
}

.greyButton
{
    cursor : pointer;
    padding: 4px 15px;
    color: #fff;
    border-radius: 3px;
    color: #555;
    border :  1px solid #bbb;
    background-color: #ddd;
}

.blueButton
{
    cursor : pointer;
    padding: 4px 15px;
    color: #fff;
    border-radius: 3px;
    border :  1px solid #2F839D;
    background: -moz-linear-gradient(#65A3E0, #1969B0); /* FF 3.6+ */
    background: -ms-linear-gradient(#65A3E0, #1969B0); /* IE10 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65A3E0), color-stop(100%, #1969B0)); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(#65A3E0, #1969B0); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#65A3E0, #1969B0); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A3E0', endColorstr='#1969B0'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A3E0', endColorstr='#1969B0')"; /* IE8+ */
    background: linear-gradient(#65A3E0, #1969B0); /* the standard */
}

.redButton
{
    cursor : pointer;
    padding: 4px 15px;
    color: #fff;
    border-radius: 3px;
    border :  1px solid #B0281A !important;
	background: -moz-linear-gradient(#DD4B39, #C53727) !important; /* FF 3.6+ */
	background: -ms-linear-gradient(#DD4B39, #C53727) !important; /* IE10 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DD4B39), color-stop(100%, #C53727)) !important; /* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(#DD4B39, #C53727) !important; /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#DD4B39, #C53727) !important; /* Opera 11.10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD4B39', endColorstr='#C53727') !important; /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD4B39', endColorstr='#C53727')" !important; /* IE8+ */
	background: linear-gradient(#DD4B39, #C53727) !important; /* the standard/* th); /* the standard */
}

.orangeButton
{
    cursor : pointer;
    padding: 4px 15px;
    color: #fff;
    border-radius: 3px;
    border :  1px solid #EB5200 !important;
	background: -moz-linear-gradient(#FD934C, #F9760C) !important; /* FF 3.6+ */
	background: -ms-linear-gradient(#FD934C, #F9760C) !important; /* IE10 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FD934C), color-stop(100%, #F9760C)) !important; /* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(#FD934C, #F9760C) !important; /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#FD934C, #F9760C) !important; /* Opera 11.10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD934C', endColorstr='#F9760C') !important; /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD934C', endColorstr='#F9760C')" !important; /* IE8+ */
	background: linear-gradient(#FD934C, #F9760C) !important; /* the standard/* th); /* the standard */
}

.greenButton
{
    cursor : pointer;
    padding: 4px 15px;
    color: #fff;
    border-radius: 3px;
    border :  1px solid #299B27 !important;
	background: -moz-linear-gradient(#3CD059, #2CB848) !important; /* FF 3.6+ */
	background: -ms-linear-gradient(#3CD059, #2CB848) !important; /* IE10 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3CD059), color-stop(100%, #2CB848)) !important; /* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(#3CD059, #2CB848) !important; /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#3CD059, #2CB848) !important; /* Opera 11.10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CD059', endColorstr='#2CB848') !important; /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3CD059', endColorstr='#2CB848')" !important; /* IE8+ */
	background: linear-gradient(#3CD059, #2CB848) !important; /* the standard/* th); /* the standard */
}

span.openDay {
    display: inline-block; 
    min-width: 100px;
}

span.openHours {
    display: inline-block; 
    font-style: italic;
}