@charset "UTF-8";

/* social media link format */
#mediabar{
float:right;
text-align:left;
}

#mediabar img{border:0;
}



body {
	font: 100%  Arial, Helvetica, sans-serif, Verdana;
	background-image: url(../images/mainbg1.png);
	
	background-position:top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #b1b1b1;
	
}
/* header graphic and navigation */
#headerimg
{

/*background-image:url(../images/headerbg.jpg);*/
/*background-attachment:scroll;*/
/*background-position:bottom;*/
/*background-repeat:repeat-x;*/
height:118px;
width:825px;
/*text-align:left;*/
/*vertical-align:bottom;*/
}

#headerimgtest
{

}
#headerimg img {border:0;
}

#navbar{ 
background-image:url(../images/navbar.jpg);
background-position:top right;
margin:auto;
padding:0;
}

#navbar img {padding:0;
border:0;
margin:0;
}

#navbar a {padding:0;
border:0;
margin:0;
}

/* Main container and main content */
.oneColElsCtr #container {
	background-image: url(../images/backgroundlowerright.png);
	background-attachment:scroll;
	background-position:bottom right;
	background-repeat:no-repeat;
	
	/*background-color:#000;*/

	width:825px;
	margin-left:auto;
	margin-right:auto;/* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif,  Verdana;
}


/*added*/
.oneColElsCtr #containercompany {
	
	background-attachment:scroll;
	/*background-color:#000;*/

	width:825px;
	height:911px;
	margin-left:auto;
	margin-right:auto;/* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif,  Verdana;
}
/*added */

/*added*/
.oneColElsCtr #containerdealerleads {
	
	background-attachment:scroll;
	/*background-color:#000;*/

	width:825px;
	height:954px;
	margin-left:auto;
	margin-right:auto;/* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif,  Verdana;
}
/*added */

/*added*/
.oneColElsCtr #containereshark {
	background-attachment:scroll;
	/*background-color:#000;*/
	width:825px;
	height:1408px;
	margin-left:auto;
	margin-right:auto;/* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif,  Verdana;
}
/*added */

/*added*/
.oneColElsCtr #containercontact {
	background-attachment:scroll;
	/*background-color:#000;*/
	width:825px;
	height:1198px;
	margin-left:auto;
	margin-right:auto;/* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Arial, Helvetica, sans-serif,  Verdana;
}
/*added */

#maincolumn{
	margin:20px 0 0 30px;
	width:450px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	}
	
#sidebar{
	float:right;
	width:260px;
	height:270px;
	border-left-width: 2px;
	
	border-left-color: #999;
	margin:20px 10px 0 10px;
	padding-left:5px;
	}
	
	#sidebar2{
	float:right;
	width:315px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #999;
	margin-top: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
	margin-left: 35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 30px;
	}
	
	/* styles for form */
	#myForm{padding:0;
	margin: 0 16px  0  16px;
	color:#ad0000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	font-weight:100;

}
.labelCol{
	float:left;
	width:60px;
	text-align:left;
	padding-right:5px;
}

.myRow{ height:50px;
}

.mySubmit{margin:auto;
text-align:right
}

/* boxes under maincolumn feature boxes 1 and 2 */
#featurebox1{ width:330px;
margin: 40px 0 0 0px;
}

#featurebox1 h1{background-image:url(../images/fbheading.png);
padding: 5px 5px 1px 5px;
margin-top:0px;
margin-bottom:0px;

/*cannot have myriad pro!!!*/
font-family:Myriad Pro, Verdana, Geneva, sans-serif;
font-size:14pt;
color:#0658ed;
}
#featurebox1 p{
	background-image: url(../images/fbbody.png);
	padding: 2px 5px 2px 5px;
	font-family:"Myriad Pro", Verdana, Geneva, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	font-size:10pt;
	font-weight:lighter;
	color:#fff;
}

#featurebox1 a{
padding: 2px 5px 2px 5px;

/*cannot have myriad pro!!!*/
font-family:Myriad Pro, Verdana, Geneva, sans-serif;
margin-top:0px;
margin-bottom:0px;
font-size:8pt;
font-weight:lighter;
text-decoration:none;
color:#3398be;
}

#featurebox2{ width:296px;
min-height:150px;
margin-right:210px;
float:right;
}

#featurebox2 h1{background-image:url(../images/fbheading.png);
padding: 5px 5px 1px 5px;
margin-top:0px;
margin-bottom:0px;
font-family:Myriad Pro, Verdana, Geneva, sans-serif;
font-size:14pt;
color:#0658ed;
}
#featurebox2 p{background-image: url(../images/fbbody.png);
padding: 2px 5px 2px 5px;
font-family:Myriad Pro, Verdana, Geneva, sans-serif;
margin-top:0px;
margin-bottom:0px;
font-size:10pt;
font-weight:lighter;
color:#fff;
}
#featurebox2 a{
padding: 2px 5px 2px 5px;
font-family:Myriad Pro, Verdana, Geneva, sans-serif;
margin-top:0px;
margin-bottom:0px;
font-size:8pt;
font-weight:lighter;
text-decoration: none;
color:#3398be;
}



img {border:none;
}

h1{
		font-family:Verdana, Geneva, sans-serif;
		font-size:23pt;
		margin-bottom:3px;
		font-weight: bold;
		font-stretch: extra-condensed;
		letter-spacing:2px;
	}
h2{
		font-family:Verdana, Geneva, sans-serif;
		margin:2px 5px 2px 0px;
		line-height:12pt;
		font-size:21pt;
		font-weight:100;
	}
h3{
		font-family:Verdana, Geneva, sans-serif;
		padding:0;
		margin:0;
		font-size:15pt;
		letter-spacing:3px;
		font-weight: lighter;
	}
	
p{ font-family:Arial, Geneva, sans-serif;
		font-size:12pt;
	}
	
	li{
	font-size:11pt;
	line-height:15pt;
	list-style-type: none;
	list-style-position: inside;
	
	}
.oneColElsCtr #container #mainContent #featurebox2 p strong {
	font-weight: bold;
}
#main{padding:42px 100px 0 60px;
background-image:url(../images/txtbody.jpg);
background-repeat:no-repeat;
background-color:#fff;
background-attachment:scroll;
background-position:bottom;
background-color:#FFF;
color:#000;
}
#main li{
	font-size:12pt;
	line-height:15pt;
	list-style-type: none;
	list-style-position: inside;
	}
	
	#eshark_ftrpic{
		float:right;
		margin:0 100px 0 0;/* 0 20px 0 0 */
		background-image:url(../images/esharkfeaturepic.png);
		width:177px;
		height:144px;
		text-align:center;
		vertical-align:bottom;
	}
		#eshark_ftrpic p{
			text-align:center;
			margin-top:113px;
			margin-bottom:10px;
			}
		
	#about_ftrpic{
		float:right;
		margin:0 100px 0 0;
		background-image:url(../images/aboutfeaturepic.png);
		width:177px;
		height:144px;
		text-align:center;
		vertical-align:bottom;
			}
		#about_ftrpic p{
			text-align:center;
			margin-top:113px;
			margin-bottom:10px;
			}
		
	#dealer_ftrpic{
		float:right;
		margin:0 100px 0 0;
		background-image:url(../images/dealerfeaturepic.png);
		width:177px;
		height:144px;
		text-align:center;
		vertical-align:bottom;
	}
		#dealer_ftrpic p{
			text-align:center;
			margin-top:116px;
			margin-bottom:10px;
		}
		
		#urpackage_ftrpic{
		float:right;
		margin:0 100px 0 0;
		background-image:url(../images/urpackagefeaturepic.png);
		width:177px;
		height:144px;
		text-align:center;
		vertical-align:bottom;
	}
		#urpackage_ftrpic p{
			text-align:center;
			margin-top:113px;
			margin-bottom:10px;
		}
	h4{ font-size:9pt;
	font-weight:100;
	color:#fff;
		margin-top:0px;
		padding:0;
		margin-left:10px;
		}

h5{ font-size:20pt;
	font-weight:bold;
	color:#000;

		}
		
		h7{ font-size:9pt;
	font-weight:100;
	color:#000;
		margin-top:0px;
		padding:0;
		margin-left:10px;
		}
		
#floater{float:right;
margin-top:-47px;
margin-right:-19px;
	border:none;
	position:relative;
	z-index:9;
}








#tdsnav
{
height:34px;
width:825px;
margin-left:auto;
margin-right:auto;
display:block;

}







A:link 
{
text-decoration: none;
color:white;
}

A:visited 
{
text-decoration: none;
color:white;
}

A:active 
{
text-decoration: none;
color:white;
}

A:hover 
{
color:white;
}


#socialmedia
{
height:118px; 
width:150px;
float:right;

}

#socialmediatop
{
height:82px; 
width:150px;
float:right;

}

#socialmediabottom
{
height:36px;
width:150px;
float:right;
padding-right:5px;
text-align:right;
}





#pagecontent
{
height:417px;
width:825px;
background-color:white;
}

#pagecontenttdscompany
{
height:767px;
width:825px;
background-color:white;
}
/* not working */
#pagecontenttdsdealerleads
{

height:810px;
width:825px;
background-color:white;
}

/*not working*/

#pagecontenttdseshark
{

height:1264px;
width:825px;
background-color:white;
}

#pagecontenttdscontact
{

height:1036px;
width:825px;
background-color:white;
}

.lavaLampBottomStyle 
{
position: relative;
height: 50px;
width: 825px;
background-color: black;
padding: 0px;
margin: 0px 0 0 0 ;
overflow: hidden;

   
}
.lavaLampBottomStyle li {
float: left;
list-style: none;
height:50px;
}


.lavaLampBottomStyle li.back 
{
border-bottom: 5px solid #c10000;
width: 9px;
height: 0px;
z-index: 8;
position: absolute;
}

.lavaLampBottomStyle li a 
{
font: 14px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 15px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 28px;
}   

.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited 
{
border: none;
}               


#emailus
{
font: bold 14px arial;
color:#fff;
}

#livechatpic
{
float:left;
width:150px;
height:
}

#livechatdesc
{
float:right;
width:165px;
margin: 15px 0 0 0;

}

#livechatdesc p
{
font: bold 14px arial;
color: #83a0db;
}

#livechatdescdark
{
float:right;
width:165px;
margin: 15px 0 0 0;
}

#livechatdescdark p
{
font: bold 14px arial;
color: #4264ab;
}





/*slider*/





a img {
border : 0;
}
div.wrap {
width : 825px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 825px;
}
div#header div#slide-holder {
z-index : 40;
width : 825px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {

width : 825px;
height : 417px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 5px;
width : 825px;
height : 46px;
display : none;
position : absolute;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/sliderimg/silde-navnew.png);
}
div#nav ul li a {
background : url(../images/sliderimg/nav.png) no-repeat;
}


#pagecontenttdscompanyleft
{
width: 480px;
height: 699px;
float:left;
padding-left: 20px;
padding-top: 45px;
background-color:white;
color: #444444;
font-size:90%;
}

#pagesidebarcompany
{
	float:right;
	width:248px;
	height:697px;
	border-left-width: 2px;

	border-left-color: #999;

	padding: 30px 10px 10px 10px; 
	background-color:black;
	background-image : url(../images/contactemailcompanybg.png);
}

#pagesidebareshark
{
	float:right;
	width:248px;
	height:1194px;
	border-left-width: 2px;

	border-left-color: #999;

	padding: 30px 10px 10px 10px; 
	background-color:black;
	background-image : url(../images/esharksidebar.png);
}

#pagesidebarcontact
{
	float:right;
	width:248px;
	height:640px;
	border-left-width: 2px;
	border-left-color: #999;
	padding: 30px 10px 10px 10px; 
	background-color:black;
	background-image : url(../images/contactsidebarbg.png);
}



#pagesidebarurpackage
{
	float:right;
	width:248px;
	height:697px;
	border-left-width: 2px;
	border-left-color: #999;
	padding: 30px 10px 10px 10px; 
	background-color:black;
	background-image : url(../images/urpackagesidebar.png);
}

#pagesidebardealerleads
{
	float:right;
	width:248px;
	height:740px;
	border-left-width: 2px;
	border-left-color: #999;
	padding: 30px 10px 10px 10px; 
	background-color:black;
	background-image : url(../images/dealerleadssidebarlonger.png);
}



#pagesidebarspace
{
height:30px;
width:270px;
float:right;

}

#pagecontenttdscompanyleftspacer
{
width:480px;
height:415px;
}

#pagecontenttdsurapprovedleftspacer
{
width:480px;
height:185px;
}

#pagecontenttdsdealerleadsleftspacer
{
width:480px;
height:60px;
}

#pagecontenttdscontactleftspacer
{
width:480px;
height:20px;
}

#featureboxhomespacer
{
float:left;
width:340px;
height: 145px;
margin-left: 30px;
}

#pagecontenttdscompanylefttxt p
{
font-size:90%;

}



/* tdsleads short boxes */
#tdsleads
{
}

#tdsleads ul 
{
margin: 0;
padding: 0;
list-style: none;
}
  
#tdsleads ul li 
{
margin: 2px 0 0px 0; 
padding-left: 13px;
line-height: 24px; /* height of icon */
background-repeat: no-repeat;
background-position: 0 50%;
color:#444444;
font-size:90%;
}

#tdsleads ul li a 
{
padding-left: 30px; /* width of icon + whitespace */
}

.greybox { background-image: url(../images/tdsgreyboxbg.png); }

/* end tdsleads short boxes */



/*tdssharkteam long boxes */

#tdssharkteam
{

}

#tdssharkteam ul 
{
margin: 0;
padding: 0;
list-style: none;
}
  
#tdssharkteam ul li 
{
margin: 2px 0 0px 0; 
padding-left: 13px;

line-height: 24px; /* height of icon */
background-repeat: no-repeat;
background-position: 0 50%;
color:#444444;
font-size:90%;

}

#tdssharkteam ul li a 
{
padding-left: 30px; /* width of icon + whitespace */
}

.greyboxlong { background-image: url(../images/tdsgreyboxlongbg.png); }

/*end tdssharkteam long boxes*/


textarea 
{
     resize: none;
}

#tdslogotop
{
float:left;
height:118px;
width:300px;
}

#footer{
	width:825px;
	height:auto;
	margin-left:auto;
 	margin-right:auto;

}

#footerleft
{
width:665px;
float:left;
}

#footerright
{
color:#666666;
width:160px;
float:right;
}





#footer p{
	font-family:arial, Geneva, sans-serif;
	
	font-size:10px;
	margin:8px;
	text-align:left;
	color:#666;
}

#footerright p a:link  
{
color:#666;
text-decoration:none;
}

#footerright p a:visited   
{
color:#666;
text-decoration:none;
}

#footerright p a:active   
{
color:#666;
text-decoration:none;
}


#footerright p a:hover   
{
color:#666;
text-decoration:none;
}

#bgimage
{
background-position:top center;
margin-left:auto;
margin-right:auto;
background-image: url(../images/background_texture_revised.png);
background-repeat: no-repeat;

}

#blackbg
{
background-color:black;
background-image: url(../images/backgroundlowerright.png);
background-attachment:scroll;
background-position:bottom right;
background-repeat:no-repeat;
}




/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:417px;
	width:825px;
	/*margin-left: 15px;*/
	background-color:#000;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	/*left:0px;*/
}

div#rotator ul {
list-style: none;
margin-left: 0;
padding-left: 0em;
text-indent: 0em;
}
/* rotator image style */	
	div#rotator ul li img {
	/*border:1px solid #ccc;*/
	/*margin: 0px;*/
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}



