body {
	font-family: "Helvetica Neue", Arial; 
	color: #333f8a; 
}	

#wrapper {
	width: 841px; /* fixed width ensures list items won't wrap underneath */
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
} 

h1, h3 {
	font-size: 18pt; 
	text-align:center; 
	font-weight:bold;
	margin-bottom: 30px;
}

h3 {
	font-size: 14pt;
	margin-bottom: 0px;
	margin-top: 5px;
}

h4 {
	font-size: 14pt;
	font-weight: bold;
}	

td {
	padding: 10px;
	padding: 5px 70px 5px 0px ;
}	

.nav, .nav2, .nav4, .nav5, .nav6, .nav7, .nav8, .navPromo {
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;   /* no bullets on navigation bar links */
	float: left;   /* create horizontal navigation bar */
}

img {
	display: block;
	border: 0;
	margin-right: auto;   /*center image */
	margin-left: auto;
}

.nav li, .nav2 li, .nav4 li, .nav5 li, .nav6 li, .nav7 li, .nav8 li, .navPromo li {
	float: left; 
}

.video {
	margin-left: 170px;
}	

ul {
	margin-top: 0;
	margin-bottom: 0;
	border-right: 1px solid #808080;
	float: left;
}

.nav a{
    width: 206px;
    display: block;
	border-left: 1px solid #808080;	
	border-top: 1px solid #808080;
	border-bottom: 1px solid#808080;   /*handle right border separately so border doesn't double up */
	background-image: url(Images/gray.png);
	text-decoration: none;
	color: #37408A;
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-size: 15pt;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial;
}

.navLogo a {
	width: 425px;
	background-image: url(Images/grayLogo.png);
}

.navB {
	background-image: url(Images/blue.png);
}	

.nav2 a, .nav4 a, .nav5 a, .nav6 a, .nav7 a, .nav8 a, .navPromo a {
	width: 209px;
	display: block;
	border-left: 1px solid #808080;	
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background-image: url(Images/shortGray.png);
	text-decoration: none;
	color: #37408A;
	text-align: center;
	height: 21px;
	line-height: 21px;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial;
}

.nav4 a {
	width: 139px;
}

.nav6 a {
	width: 279px;
}

.nav5 a {
	width: 167px;
}

.navPromo a {
	width: 839px;
}

.nav7 a {
	width: 41px;
}

.nav8 a {
	width: 419px;
}	

.nav a:hover {
	background-image: url(Images/Hover.png);
}

.nav a#navLogo:hover {
	background-image: url(Images/hoverLogo.png);
}	

.nav2 a:hover, .nav4 a:hover, .nav5 a:hover, .nav6 a:hover, .nav7 a:hover, .nav8 a:hover, .navPromo a:hover {
	background-image: url(Images/shortHover.png)!important;
}	

body#icsMain a#navLogo {
	background-image: url(Images/blueLogo.png);
}

a#softwareLink {
	background-image: url(Images/blue.png);
	color: #efefef;
} 

body#contact a#softwareLink,
body#icsMain a#softwareLink,
body#contactSales a#softwareLink,
body#contactBilling a#softwareLink,
body#contactSupport a#softwareLink,
body#contactPhone a#softwareLink,
body#contactFax a#softwareLink {
	background-image: url(Images/gray.png);
	color: #37408A; 
} 

body#contact a#contactLink,
body#contactSales a#contactLink,
body#contactBilling a#contactLink,
body#contactSupport a#contactLink,
body#contactPhone a#contactLink,
body#contactFax a#contactLink {
	background-image: url(Images/blue.png);
	color: #efefef;
}

.nav a#softwareLink:hover {
	background-image: url(Images/Hover.png)!important;
}	
	
body#softPark a#parkLink,
body#softStyleSuite a#softStyleLink,
body#softST a#softStyleLink,
body#softST a#stLink,
body#stQuotes a#softStyleLink,
body#stQuotes a#stQuoteLink,
body#treatSuite a#softTreatLink,
body#superPoint a#superpointLink,
body#softSC a#softStyleLink,
body#softSC a#scLink,
body#softSD a#softStyleLink,
body#softSD a#salondataLink,
body#contactSales a#contactSalesLink,
body#contactBilling a#contactBillingLink,
body#contactSupport a#contactSupportLink,
body#contactPhone a#contactPhoneLink,
body#contactFax a#contactFaxLink,
body#softSDCompare a#softStyleLink,
body#softSDCompare a#comparisonLink,
body#twPos a#softTreatLink,
body#twPos a#twPosLink,
body#twMgr a#softTreatLink,
body#twMgr a#twMgrLink,
body#twAdmin a#softTreatLink,
body#twAdmin a#twAdminLink,
body#treatdata a#softTreatLink,
body#treatdata a#treatdataLink,
body#twQuotes a#softTreatLink,
body#twQuotes a#twQuoteLink {
	background-image: url(Images/shortBlue.png);   /*Displays which page user is currently on by highlighting link */
	color: #efefef;
}

body#software ul#moveLeft {
	position: relative;   
	right:-800px; 
}		
	
a.downloadLink, a.promoLink, #formAgree, #formDisagree {
	width: 200px;
	display: block;
	border: 1px solid #808080;	
	background-image: url(Images/shortGray.png);
	text-decoration: none;
	color: #37408A;
	text-align: center;
	height: 21px;
	line-height: 21px;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial;
}

a.promoLink {
	color: green;
}

.dlButton a:hover {
	background-image: url(Images/shortHover.png);
}

div.dlButton {
	margin-left: 285px;
	margin-bottom: 30px;
}	

div.main, div.footer {
	background-color:#e9e9e9;
	border: 1px solid #808080;
	clear: both;
}

div.main {
	padding-left: 45px; 
	padding-right:45px;
    padding-bottom: 50px; 
    font-size: 11pt;  
    margin-top: 2px;
	text-align:left;
	position : relative;
}

body#treatSuite #trialPromo {
	margin-bottom: 0;
	color: green;	
}

body#treatSuite .main {
	height : 250px;
}

.FormIndent {
	display: inline-block;
	width: 140px;
}

body#softSD .image {
	margin-top: -115px;	
}

body#twMgr .image {
	margin-top: -165px;	
}

.image {
	float : right;
	position : relative;
	margin-top: -200px;
	padding-left: 15px;
	/*margin-left: 480px; */
}

.image img{
	width: 220px;
	height: 180px;
}

body#softSD .image{
	margin-top: -20px;
}

body#softSD .img{
	height: 100px;
	width: 100px;
}

body#twAdmin .image {
	margin-top: -175px;
}	


.content {
	/*float: left; */  /* Room for screen shot image of software */
	position : relative;
	left: 0;
	width: 465px;
}

.leftImage {
	/* float: left; */
	position : relative;
	left: 0;
	width: 250px;
	margin-top: 40px;
}

.rightContent {
	margin-top: -140px;
	margin-left: 270px;
	padding-right: 35px;
}

.treatImages {
	float : left;
	margin: 15px;
	margin-bottom: 15px;
	width: 140px;
	height: 103px;
	padding-left: 17px;
}	
 
div.footer {
	height: 20px; 
	font-family: "trebuchet ms"; 
	font-size: 11pt; 
	text-align:center;
    padding-top: 5px; 
    padding-bottom: 5px;
    margin-top: 2px;
}

body#twQuotes .main,
body#stQuotes .main {
	font-weight: bold;
	padding-left: 70px;
	padding-right: 70px;
}

.main img{
	margin-left: -17px;
	display:inline;
}

.main img.closeQuote {
	margin-left: 1px;
}

.quoteName {
	font-weight:  normal;
	text-align: center;
	font-style: italic;
	margin-bottom: 25px;
}

/* IE 5 placement bug */
* html #treatPics img {
	width: 100%;
}

* html .nav {
	border-bottom: 1px solid #808080;
}

* .content{
	padding-right: 0;
	margin-right: 0;
}	

* img{
	margin-left: 1px;
}	

* td img{
	padding-left : 20px;
}