body {
	line-height: normal;
	color: #C69F00;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:16px;
    background-image: url('https://www.dsliners.com/images/bkg2grey.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
}

.title {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
    background-color: #000099;
	color: #DCDCDC;
}

.subtitle {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
  color: #000000;
}
.buttontext {
	font-family: Tahoma;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
  color: #003366;
}
.header {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 24px;
	background-color: #0000CC;
  color: #C6C3C6;
}

.nav {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}
.userinput {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #CCCCCC;
	color: #003399;
}
.navLink {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding: 3px;
	background-color: #333366;
}

.sidebarHeader {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	background-color: #99FFFF;
}
.ItemHeader {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #FFFFFF;
  background-color: #333366;	font-weight: bold;

}
.PageTitle {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 50px;
	line-height: 50px;
	color: #C6BDFD;
	font-weight: bolder;
	font-style: oblique;
}
.MidTitle {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #C6BDFD;
	font-weight: bold;
	font-style: italic;
}
.MidWhite {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}
.MidText {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #C6BDFD;
	font-weight: normal;
	font-style: italic;
}
.InfoText {
	font-family:  franklin-gothic-urw, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #C6BDFD;
	font-weight: normal;
	font-style: normal;
}
.InfoWhite {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
}
.TopButtonText {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #FFFFFF;
	font-weight: bolder;
	font-style: normal;
}
.SmallItemHeader {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C60021;
}
.SmallItemHeaderReverse {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #0a1d9e;
	font-weight: bold;
	background-color: ffffff;
}

.sidebarFooter {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #333399;
}
.sidebar2 {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #CEA684;
	background-color: #990033;
}

.footer {
  font-family: franklin-gothic-urw, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: CEA684;
}

.legal {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 9px;
	color: #000000;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000033;
}

.titlebar {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
  background-color: #C60021;
}

.dingbat {
	font-family: franklin-gothic-urw, sans-serif;
	background-color: #CEA684;
	color: #990033;
	font-weight: bolder;
	font-size: medium;
	border-color: #84cfce;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}
.bluetextbold {
	font-family: franklin-gothic-urw, sans-serif;
	color: #0000CC;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}
.bluetext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #0000CC;
	font-size: 12px;
	font-style: normal;
}
.mediumtextbold {
	font-family: franklin-gothic-urw, sans-serif;
    color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
}
.whitetextbold {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}
.whitetextbold11 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
}
.whitetextbold10 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
}
.whitetext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
}
.hotsaletext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #990000;
	font-size: 12px;
	font-style: normal;
}
.smallgreytext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #eeeeee;
	font-size: 9px;
	font-style: normal;
}
.smallwhitetext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	font-style: normal;
}
.mediumtext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
	font-size: 14px;
	font-style: normal;
}
.mediumsaletextbold {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
}
.mediumsaletext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
	font-size: 14px;
	font-style: normal;
}
.mediumsaletextdark {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000099;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

.mediumsmalltext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #990000;
	font-size: 11px;
	font-style: normal;
}

.smalltextbold {
	font-family: franklin-gothic-urw, sans-serif;
	color: CEA684;
	font-weight: bold;
	font-size: 9px;
	font-style: normal;
}
.smalltext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
	font-size: 9px;
	font-style: normal;
}
.smallsaletextbold {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
	font-style: normal;
	background-color: #990000;
}
.smallsaletext {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	font-style: normal;
	background-color: #990000;
}


.smalltextbold2 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
}
.smalltext2 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #003399;
	font-size: 14px;
	line-height: normal;
	font-style: normal;
}
.smallsaletextbold2 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	background-color: #990000;
	line-height: normal;
}
.smallsaletext2 {
	font-family: franklin-gothic-urw, sans-serif;
	color: #0000FF;
	font-size: 14px;
	font-style: normal;
	background-color: #FFFFFF;
	line-height: normal;
}



.dingbatsmall {
	font-family: franklin-gothic-urw, sans-serif;
	color: #003399;
	font-weight: bolder;
	font-size: 14px;
	font-style: normal;
}
.MediumHeading {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #0066CC;
}
.MediumHeadingReverse {
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #990000;
}

#headercontainer {
	width:100%;
}

#menucontainer {
	width:100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.my_size_xs{ font-size:8px;  }
.my_size_sm{ font-size:12px; }
.my_size_md{ font-size:16px; }
.my_size_lg{ font-size:20px; }
.my_size_xl{ font-size:24px; }
.my_size_xx{ font-size:32px; }
.my_size_3x{ font-size:50px; }

.my_menu_bar_background{
	color: #C69F00;
	 background-color: transparent;
	 font-size:20px;
	font-weight: bold;	 
}

.my_menu_bar {
	color: #C69F00;
	font-size:20px;
	border:none;
	background-color: transparent;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: bold;
}
.my_menu_bar:hover{ 
	color: #FFFFFF;
	font-size:20px;
	 background-color: transparent;
	font-weight: bold;
	font-family: franklin-gothic-urw, sans-serif;
}

.my_menu_bar_curr{ 
	font-family: franklin-gothic-urw, sans-serif;
	color: #C69F00;
	 font-size:20px;
	font-weight: bold;
	 background-color: transparent;

}

.my_menu_bar_text{
	color: #C69F00;
	 background-color: transparent;
	 font-size:20px;
	 font-family: franklin-gothic-urw, sans-serif;
	font-weight: bold;
}
.my_submenu {
	margin-left:30px;
	 background-color: transparent;
	 font-size:18px;
	 font-family: franklin-gothic-urw, sans-serif;
	font-weight: bold;
}

.my_submenu:hover{ 
	 background-color: transparent;
	 font-size:18px;
	font-weight: bold;	 
font-family: franklin-gothic-urw, sans-serif;
}
.dropdown-menu {
	background-color: #333333;
	 font-size:18px;
	font-weight: bold;	
}

.my_submenu_item {
	color: #C69F00;
	 background-color: transparent;
	 font-size:18px;
	font-weight: bold;	 

}
.my_submenu_item:hover {
	color: #FF0000;
	 background-color: transparent;
 	 font-size:18px;
	font-weight: bold;

}

.my_alt_text{ 
	color: #C69F00;
	font-family: franklin-gothic-urw, sans-serif;
}
.my_input_text{ 
	color: #222222;
	font-family: franklin-gothic-urw, sans-serif;
}
.my_title{
	font-family: franklin-gothic-urw, sans-serif;
	color: #C69F00;
	font-size: 150%;
	font-weight: bold;
}
.my_subtitle{ 
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
}
.my_std_text{ 
	font-family: franklin-gothic-urw, sans-serif;
	color: #FFFFFF;
}

.my_rev_text{ 
	font-family: franklin-gothic-urw, sans-serif;
	color: #C69F00;
}
.my_inv_text{ 
	font-family: franklin-gothic-urw, sans-serif;
	color: #000000;
}
.my_textbox {
	color: #ffffff;
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	padding: 5%;
	background-color: #222222;

}
.my_titlebox {
	color: #ffffff;
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	padding-right: 5%;
	padding-top: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
	background-color: #222222;
}






.link_active {
	color: #FFFFFF;
	background-color: #055fab;

}
#headerinfocontainer {
	width:100%;


}
#navcontainer {
	width:100%;
	margin-left:0px;
	text-align:center;

}
#headertopbar2{
	height:5px;
	width:100%;
}

#headerlogo2{
	width:230px;
	height:75px;

}

#headermenu {
	width:100%;

}

#mainbody {
	width:100%;

}
#headerbodybar2{
	width:100%;
	height:50px;
}

#footercontainer {
	width:100%;
	background-color: rgb(51,51,51,0.5);
	
}

#footerinfocontainer {
	width:100%;

}
#footerspacercontainer2{
	width:100%;
	height:50px;

}

#homepagecontainer2{
	background:none;
}

.homepagetext {
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 2px 2px 4px #000000;
}
#testimonialcontainer{
	background:none;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.container-fluid {
	padding-top: 0%;
	padding-bottom: 0%;
	padding-right: 0%;
	padding-left: 0%;
	margin:0;
}

#header_container {
    width:100%;
    text-align:center;
    background-image: url('https://www.dsliners.com/images/header/blank.png');
    background-size: cover;	
}

#header_left {
    float:left;
}

#header_center {
    display: inline-block;
    margin:0 auto;
}

#header_right {
    float:right;
}
.trans_white_40 {
   background-color: rgba(255,255,255,0.4);
}
.trans_grey_50 {
   background-color: rgba(128,128,128,0.5);
}
.trans_gold_50 {
   background-color: rgba(198,159,0,0.5);
}
.trans_red_50 {
   background-color: rgba(200,0,0,0.5);
}
.solid_gold {
   background-color: rgba(198,159,0,1);
}
.solid_white {
   background-color: rgba(255,255,255,1);
}
.solid_black {
   background-color: rgba(0,0,0,1);
}
#nav-toggle-button{
    background-color:rgba(198,159,0,1);
}
.solid_grey {
   background-color: rgba(128,128,128,1);
}

.navbar .navbar-toggle .icon-bar {
    background-color: #c69f00;
}
.navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}

#contact_info{
	background-image: url('https://www.dsliners.com/images/contactus.jpg');
	background-size: cover;
	height: 60%;
	width:100%;
	padding-top:20%;
	margin:0px;
	text-align:center
}

.whiteshadow {
	text-shadow: 2px 2px 1px #ffffff;
}
.goldshadow {
	text-shadow: 2px 2px 1px #C69F00;
}
.home_automotive{
	background-image: url('https://www.dsliners.com/images/home_automotive.jpg');
	background-size: cover;
	height: 60%;
	width:100%;
	padding-top:20%;
	margin:0px;
	text-align:center
}
.home_commercial{
	background-image: url('https://www.dsliners.com/images/home_commercial.jpg');
	background-size: cover;
	height: 60%;
	width:100%;
	padding-top:20%;
	margin:0px;
	text-align:center
}
.home_usage{
	background-image: url('https://www.dsliners.com/images/home_usage.jpg');
	background-size: cover;
	height: 60%;
	width:100%;
	padding-top:20%;
	margin:0px;
	text-align:center
}
/* ======================================================================================================================= */
/* Responsive mods will go here, as needed */
/* ======================================================================================================================= */
/* Custom, iPhone Retina */ 


}
@media only screen and (min-width : 320px) {
.contact_form{
	height: 120%;
	padding-top:0;
	margin:0px;
	text-align:left
}
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.contact_form{
	height: 120%;
	padding-top:0;
	margin:0px;
	text-align:left
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.contact_form{
	height: 60%;
	padding-top:0;
	margin:0px;
	text-align:left
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.contact_form{
	height: 60%;
	padding-top:0;
	margin:0px;
	text-align:left
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.contact_form{
	height: 60%;
	padding-top:0;
	margin:0px;
	text-align:left
}

}

.colorswatch {
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:10px;
	background-color: #000000;
	text-align:center;
	height: 7%;
}

@media only screen and (min-width : 480px) {
.colorswatch {
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:10px;
	background-color: #000000;
	text-align:center;
	height:7%;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.colorswatch {
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:12px;
	background-color: #000000;
	text-align:center;
	height:12%;
	padding-top:1%;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.colorswatch {
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:14px;
	background-color: #000000;
	text-align:center;
	height:10%;
	padding-top:1%;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.colorswatch {
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: normal;
	font-size:14px;
	background-color: #000000;
	text-align:center;
	height:10%;
	padding-top:1%;
}

}



#color_container {
	z-index: 1000;
	
}

#colortint {
	position:absolute;
	left:0;
	top:0;
	z-index: 2000;
	opacity:0.70;
	filter:alpha(opacity=70);	
}

#colormask {
	position:absolute;
	left:0;
	top:0;
	z-index: 3000;
}
#colortext {
	position:absolute;
	left:10%;
	top:80%;
	z-index: 4000;
	color:#000000;
}

.nopadgrid {
padding:0;
margin-bottom:0;
}