/* CSS Document */
html {
	height:100%;
}
body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	background:#F7F9FB;
}
body #container{
	text-align:left;
}
#container{
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#171D2D;
	min-width:1000px;
	width:auto !important;
	width:1000px;
	
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	background:url(images/content.gif) center repeat-y;
}
#main{
	min-height:800px;
	height:auto !important;
	height:800px;
	background:url(images/background.gif) top repeat-x;
}
#header {
	height:301px;
	background:url(images/header-whypay.jpg) top center no-repeat;
	position:relative;
}
#header .nav {
	color:#6D3131;
	padding:25px 0 0 0;
	width:951px;
	height:276px;
	margin: 0 auto;
	
	position:relative;
}
#header .nav span {
	position:absolute;
	top:30px;
	right:56px;
}
#navbar {
	height:73px;
	background:url(images/navbar.gif) top center no-repeat;
	text-align:center;
}
#breadcrumb {
	height:51px;
	width:951px;
	margin: 0 auto;
	
	background:url(images/breadcrumb.gif) top center no-repeat;
}
#breadcrumb .nav {
	color:#8B8DAF;
	margin: 0px 80px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}
#content {
	
	width:951px;
	margin: 0 auto;
	
	background:url(images/content.gif) center repeat-y;
	
	padding: 0 0 178px 0;
}
#content .col1 {
	min-height:499px;
	height:auto !important;
	height:499px;
	
	float:left;
	padding:0 80px;
	width:460px;
	position: relative;
}
form td.description {
	text-align:right;
}
form td {
	padding: 0 0 5px 0;
}
form tr.description td {
	color:#6D3131;
	font-weight:bold;
	padding: 14px 0 5px 0;
}
form tr.submit td {
	padding: 14px 0 0 0;
}
#content .col2 {
	float:right;
	padding:0 56px;
	width:209px;
}
#content .col2 .clock {
	background:url(images/clock.jpg) top left no-repeat;
	width:245px;
	height:129px;
	margin:0 -20px 28px -20px;
}
#content .base {
	text-align:center;
	color:#8B8DAF;
	clear:both;
	padding:28px 401px 0 80px;
}
#footer {
	width:100%;
	position:absolute;
	bottom:0px;
	background:#F7F9FB url(images/footer01-bg.gif) center repeat-y;
	text-align:center;
	
}
#footer .address {
	color:#8B8DAF;
	padding: 30px 0 0 0;
	height:20px;
	width:951px;
	margin: 0 auto;
	
	line-height:20px;
	overflow:hidden;	
	
	background:url(images/footer01-top.gif) top center no-repeat;
	
}
#footer .copy {
	color:#8B8DAF;
	padding:0 0 30px 0;
	height:20px;
	width:951px;
	margin: 0 auto;
	line-height:20px;
	overflow:hidden;
	
	background:url(images/footer01-bottom.gif) bottom center no-repeat;
	
}
#footer .nav {
	color:#ffffff;
	padding: 10px 0;
	height:20px;
	line-height:20px;
	overflow:hidden;
	background:url(images/footer02.gif) top center repeat-x;
	
}
#footer .poweredby {
	color:#99A0B1;
	padding:9px 0;
	height:20px;
	line-height:20px;
	overflow:hidden;
	background:url(images/footer03.gif) bottom center repeat-x;
	
}
h1{
	margin:0;
	padding:0;
	font-size:18px;
	color:#32326E;
}
h2{
	font-size:14px;
	color:#6D3131;
}
h3{
	font-size:12px;
	color:#6D3131;
}
a img {
	border:none;
}
a {
	color:#6D3131;
	text-decoration:underline;
}
a:hover {
	color:#32326E;
}
a:visited {
	color:#32326E;
}
#header .nav a {
	color:#6D3131;
}
#breadcrumb a, #footer .address a, #footer .copy a {
	color:#8B8DAF;
}
#footer .nav a {
	color:#ffffff;
}
#footer .poweredby a {
	color:#99A0B1;
}
input.textbox{
	width:210px;
	border:1px solid #7B9DEF;
	background:#F7F9FB;
	}
ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
li {
	background: url(images/bullet.gif) left top no-repeat;
	padding-left: 15px;
	}
	
.hr {
	text-align:center;
	}
	
.hr img {
	margin:0 2px;
	}
	
.image-right {
	float:right;
	margin:0 -40px 14px 28px;
	}
	
#video {
	display:none;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-218px;
	}
	
#player {
	display:none;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-218px;
	}
.showhide {
	font-size: 14px;
	}
.isc {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
	
.col1 .showhide {
	background:url(images/flag-icon.gif) top left no-repeat;
	height:28px;
	vertical-align:middle;
	margin-bottom:14px;
}
.col1 .showhide img {
	margin-right:4px;
}
.col1 .showhide a {
	padding-left:32px;
	line-height:28px;
}
#header .nav .showhide {
	position:absolute;
	bottom:15px;
	left: 50px;
	font-weight:bold;
}
.required, .error {
	font-weight:bold;
	color:red;
}

/********************************
	Nav (new)
********************************/

#nav {
	margin: 0;
	padding: 0;
	height: 73px;
	background:url(images/navbar.gif) top center no-repeat;
}
#nav ul {
	margin: 0 auto;
	padding: 0;
	width: 889px;
	height: 56px;
	position: relative;
	top: 8px;
	background-image: url(images/nav/bg.png);
	list-style: none;
}
#nav ul li {
	margin: 0;
	padding: 0;
	width: 127px;
	height: 53px;
	float: left;
	background-image: none;
}
#nav ul li a {
	display: block;
	height: 53px;
	background-repeat: no-repeat;
}
/*** Hover ***/
#nav ul li#homeNav a:hover {
	background-image: url(images/nav/home.png);
}
#nav ul li#aboutNav a:hover {
	background-image: url(images/nav/about.png);
}
#nav ul li#partnerNav a:hover {
	background-image: url(images/nav/partner.png);
}
#nav ul li#servicesNav a:hover {
	background-image: url(images/nav/services.png);
}
#nav ul li#dealersNav a:hover {
	background-image: url(images/nav/dealers.png);
}
#nav ul li#testimonialsNav a:hover {
	background-image: url(images/nav/testimonials.png);
}
#nav ul li#contactNav a:hover {
	background-image: url(images/nav/contact.png);
}
/*** Selected ***/
#nav ul li#homeNav.sel a {
	background-image: url(images/nav/home.png);
}
#nav ul li#aboutNav.sel a {
	background-image: url(images/nav/about.png);
}
#nav ul li#partnerNav.sel a {
	background-image: url(images/nav/partner.png);
}
#nav ul li#servicesNav.sel a {
	background-image: url(images/nav/services.png);
}
#nav ul li#dealersNav.sel a {
	background-image: url(images/nav/dealers.png);
}
#nav ul li#testimonialsNav.sel a {
	background-image: url(images/nav/testimonials.png);
}
#nav ul li#contactNav.sel a {
	background-image: url(images/nav/contact.png);
}

/***********************************
	Universals
***********************************/

.clearall { clear: both; }
.floatright { float: right; margin-left: 16px; }
.floatleft { float: left; margin-right: 16px; }

a.btn {
	padding: 6px 8px;
	color: #fff;
	background-color: #9d3037;
	display: block;
	float: right;
	text-decoration: none;
	font-size: 11px;
}
a.btn:hover {
	text-decoration: underline;
}

/***********************************
	DSC Products
***********************************/

#dscProducts {
	margin: 16px 0 0;
	padding: 0;
}
#dscProducts li {
	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
	width: 460px;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	list-style-position: inside;
	background: none;
	overflow: hidden;
	float: left;
	clear: left;
}
#dscProducts li p {
	margin: 0 0 10px;
}
#dscProducts li h3 {
	margin: 0 0 6px 0;
	font-size: 14px;
}
#dscProducts li h4 {
	margin: 6px 0 0 0;
	font-size: 14px;
	color: #6D3131;
}
#dscProducts li h3 span {
	float: right;
}

/***********************************
	DSC Distributors
***********************************/

.intro {
	
}
#dscDist {
	margin: 16px 0 0;
	padding: 0;
	overflow: hidden;
}
#dscDist li {
	margin: 0;
	padding: 16px;
	width: 196px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	list-style-position: inside;
	background: none;
	overflow: hidden;
	float: left;
}
#dscDist li.last {
	margin: 0;
	border-right: 0;
}
#dscDist li.bottom {
	border-bottom: 0;
}
#dscDist li h3, #dscDist li h4 {
	margin: 0 0 10px 0;
	font-size: 12px;
}
#dscDist li p {
	margin: 0 0 10px 0;
}


.dealerBadge {
	width: 110px;
	height: 110px;
	position: absolute;
	top: -14px;
	right: 143px;
	background-image: url(images/dealer_badge.png);
}
.dealerDealsBadge {
	width: 110px;
	height: 110px;
	position: absolute;
	top: -14px;
	right: 28px;
	background-image: url(images/dealer_deals_badge.png);
}
.dealerBadge a, .dealerDealsBadge a {
	height: 110px;
	display: block;
}

#esx {
	width: 209px;
	height: 53px;
	display: block;
	position: absolute;
	bottom: 14px;
	right: -10px;
}