@charset "UTF-8";
/* CSS Document */

html {
    position: relative;
    min-height: 100%;
}

body {
	padding:0px;
	margin: 0 0 83px;
	font-family: 'Roboto', sans-serif;
	-webkit-text-size-adjust:none;
	font-size:12px; 
min-width:1250px;
}

p {
	font-weight:400;
	font-size:12px;
}

b {
	font-weight:700;
}

h1 {
	font-size:26px;
	font-weight:700;
	margin-bottom:4px;
}

h3 {
	font-size:19px;
	margin-bottom:-4px;
}


h4 {
	font-size:15px;
	margin-bottom:-4px;
	font-weight:700;
}

i {
	font-size:15px;
	font-style:italic;
	font-weight:300;
}

a {
	color:#ed1c24;
}

ul {
	margin-left:-16px;
}

.accordion {
	float:left;
	width:200px;
	margin-right:30px;
}

#accordion a {
color:#ffffff;
}

.faq a {
color:#ffffff;	
}

.faq {
color:#ffffff;	
}

#main {
overflow:hidden;
padding-bottom:70px;
	clear:both;
	width:850px;
	padding-left:90px;
	padding-right:90px;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
}




#content {
	float:left;
	width:600px;
}

#accordion p a:hover {
	color:#ed1c24;
}

#search td {
	padding-left:5px;
}

/* Header */

.header{
    text-align:center;
    background-color:#ffffff;
	min-width:1030px;
    width:100%;
	height:100px;
	z-index:9999 !important;
}

#head {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	z-index:9999 !important;
}

#mobile-header {
	width:100%;
	padding:10px;
	padding-bottom:3px;
	box-sizing:border-box;
	text-align:center;
}

#header-scroll {
	text-align:center;
	margin-top:-100px;
	min-width:1030px;
	padding-top:7px;
	width:100%;
	background:url(images/scroll-header-border.png) repeat-x;
	float:left;
	overflow:hidden;
	height:82px;
	z-index:9999 !important;
}

.scroll-animation {
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
  margin-top: 0px !important;
  position:fixed;
}


#mobile-divider {
	text-align:center;
	padding-top:7px;
	width:100%;
	background:url(images/mobile-divider.png) repeat-x;
	height:22px;
	z-index:9999 !important;
	clear:both;
}

#ctl-logo {
	width:648px; 
	height:57px;
	padding:23px 15px 20px 55px;
	float:left;
}

#ctl-logo-mobile {
	max-width:250px; 
	height:auto;
	width:100%;
	padding:10px;
}



#ctl-logo-small {
	width:139px;
	height:45px;
	float:left;
	margin-left:45px;
	margin-top:5px;
	
}

#menu {
	width:100%;
	background: url("images/nav-background.png") repeat-x;
	height:58px;
	float:left;
	font-size:15px;
	z-index:9999 !important;
}

#stray {
	background:url(images/stray-line.png) no-repeat;
	position:absolute;
	top:146px;
	width:838px;
	height:16px;
}
#stray-scroll {
	position:absolute;
	top:64px;
}

#stray-footer {
	position:absolute;
	bottom:70px;
	z-index:999999;
}

#search {
	float:right;
	margin-top:18px;
	padding-right:45px;
	width:250px;
}

input.gsc-search-button {
	background: url("images/search-button.png");
	border:none !important;
	background-color:#FFFFFF !important;
	width:58px !important;
	min-width:58px !important;
	height:28px !important;
	min-height:28px !important;
	}

div.gsc-clear-button {
	display:none;
}

#search-icon {
	padding-left:4px; 
	margin-bottom:-3px;
}

#search-field {
	height:18px;
}

.menu {
	font-weight:700;
	font-size:15px;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	width:750px;
	margin-left:auto;
	margin-right:auto;
		
}

#menu li {
	float:left;
	padding-top:17px;
	padding-right:20px;
	
	
}

#menu li:last-child {
	padding-right:0px;
}

#menu a {
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}

#menu a:hover {
 /* background:url(images/underline.png) no-repeat;
 padding-bottom:40px;
*/
}


#menu-small {
	float:right;
	padding-top:4px;
	font-size:15px;
	position:relative;
}


#menu-small ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu-small li {
	float:left;
	padding-top:15px;
	padding-right:17px;
}

#menu-small li:last-child {
	padding-right:45px;
}

#menu-small a {
	text-decoration:none;
	color:#000000;
}

#menu-small a:hover {
	/*
 background:url(images/underline-scroll.png) no-repeat;
 padding-bottom:40px;
*/
}


/* Footer */

#footer {
	z-index:999999;
	position: absolute;
    left: 0;
	background:url(images/footer.png) repeat-x;
	width:100%;
	bottom:0px;
	height:81px;
	margin-left:auto;
	margin-right:auto;
	min-width:1250px;
}

#copyright {
		width:300px;
		margin-top:13px;
	font-size:11px;
	padding-left:-115px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:6px;
	text-align:center;
	color:#ffffff;
}

#social-icons {
	margin-right: 35px;
	margin-top: -40px;
	float: right;
	height: 50px;
	width: 150px;
	cursor: pointer;
}

#social-icons ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#social-icons li {
	float:left;
}

#facebook {
	background:url('images/social-icons.png');
	width:44px;
	height:37px;
}

#facebook:hover {
	background:url('images/social-icons-hover.png');
}

#youtube {
	background:url('images/social-icons.png') -44px 0 no-repeat;
	width:45px;
	height:37px;
}

#youtube:hover {
	background:url('images/social-icons-hover.png') -44px 0 no-repeat;
}

#google-map {
	background:url('images/social-icons.png') -89px 0 no-repeat;
	width:40px;
	height:37px;
}

#google-map:hover {
	background:url('images/social-icons-hover.png') -89px 0 no-repeat;
}


/* Home */

#welcome {
	width:850px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#intro {
	float:left;
	width:400px;
	padding-top:5px;
	padding-bottom:15px;
}

#our-brands {
	padding-right:20px;
	padding-top:45px;
	float:right;
	width:400px;
}


#quick-links {
	position:relative;
	clear:both;
	padding-top:25px;
	width:878px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border-top:solid 1px #e3e2e1;
}

.ql {
	position:relative;
	float:left;
	cursor:pointer;
	border-bottom:1px solid #e3e2e1;
	width:200px;
	margin:7px;
	margin-right:13px;
	padding-bottom:10px;
}

.ql-image {
	float:left;
	padding-bottom:5px;
}

.ql-desc {
	color:#000000;
	border:none;
	font-size:14px;
	font-weight:500;
	padding:5px;
	height:20px;
	width:190px;
}

.ql a {
	text-decoration:none;	
}


	.ql:hover {
	border-bottom:7px solid #e3e2e1;
	-webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}



#slideshow {
	cursor:pointer;
	width:973px;
	height:441px;
	padding:0px;
	position:relative;
	clear:both;
	top:-7px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:8px;
	margin-bottom:0px;
}

#menu-bottom {
position:absolute;
top:144px;	
background:url(images/menu-bottom.png) repeat-x;
height:50px;
width:100%;
min-width:1030px;
z-index:999;
}

#net {
	width:1030px;
	margin-left:auto;
	margin-right:auto;	
}

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
       only screen and (    min--moz-device-pixel-ratio: 1.3 ),
       only screen and (      -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
       only screen and (         min-device-pixel-ratio: 1.3 ),
       only screen and ( min-resolution: 124.8dpi ),
       only screen and ( min-resolution: 1.3dppx ) {

       #menu {
           background: url( 'images/nav-background-2x.png' ) repeat-x top left / 194px 58px;
       }
	   
	   #menu-bottom {
	   background: url( 'images/menu-bottom-2x.png' ) repeat-x top left / 730px 11px;
	   }
	   
	   #stray {
		   background: url( 'images/stray-line-2x.png' ) no-repeat top left / 838px 16px;
	   }
	   
	   input.gsc-search-button {
		   background: url( 'images/search-button-2x.png' ) no-repeat top left / 61px 31px;
	   }
	   
	   #footer {
		   background: url( 'images/footer-2x.png' ) repeat-x top left / 194px 81px;
	   }
	   
	   #facebook {
	background:url('images/social-icons-2x.png') 0 0 no-repeat;
	background-size:126px 37px;
	width:44px;
	height:37px;
}

#facebook:hover {
	background:url('images/social-icons-hover-2x.png') 0 0 no-repeat;
background-size:126px 37px;
}

#youtube {
	background:url('images/social-icons-2x.png') -44px 0 no-repeat;
	width:45px;
	height:37px;
background-size:126px 37px;
}

#youtube:hover {
	background:url('images/social-icons-hover-2x.png') -44px 0 no-repeat;
background-size:126px 37px;
}

#google-map {
	background:url('images/social-icons-2x.png') -89px 0 no-repeat;
	width:40px;
	height:37px;
background-size:126px 37px;
}

#google-map:hover {
	background:url('images/social-icons-hover-2x.png') -89px 0 no-repeat;
background-size:126px 37px;
}

#header-scroll {
	background: url( 'images/scroll-header-border-2x.png' ) repeat-x top left / 730px 107px;
}

}