@import url('navigation.css');
@import url('pfrotator.css');
@import url('forms.css');
/* ===================
Global Colors:
VinSolutions Dk Blue:		#005288;
VinSolutions Lt Blue:		#7da7d9;
Green:                      #3ab44a;
Dk Grey:					#333333;
Med Grey:					#555555;
Lt Grey:					#dddddd;
=================== */

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption 
	{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}
a {text-decoration:none; cursor:pointer;}
.clearfix {clear: both; }
	.clearfix:after {
		content: ".";
		visibility: hidden;
		display: block;
		clear: both;
		height: 0;
		font-size: 0;
	}
hr {
    background:transparent none;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:#005288;   
}

/* Global Styles */
body {
	background-color: #dddddd; 
	color: #333333;
	font: 12px "Trebuchet MS", Helvetica, sans-serif; 
}
	h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Helvetica, sans-serif;}
		h1 {color: #005288; font-size: 24px; font-weight: bold; margin: 0 0 10px 0;}
		h2 {font-size: 22px; font-weight: bold; margin: 0 0 10px 0;}
		h3 {font-size: 20px; font-weight: normal; margin: 0 0 10px 0;}
		h4 {font-size: 18px; font-weight: bold; margin:  0 0 10px 0;}
		h5 {font-size: 16px; font-weight: bold; margin: 0 0 5px 0;}
		    h5.green {color:#3ab44a; text-transform:uppercase;}
		    
		h6 {font-size: 14px; font-weight: bold; margin: 0 0 5px 0;}
		    h6.blue {color:#005288; text-transform:uppercase; margin:5px 0 5px 0;}
		        h6.blue:hover {color:#555555;text-decoration:underline;}
		    .blue {color: #005288;}
		        span.blue {
		            font: bold 13px "Trebuchet MS", Helvetica, sans-serif;
		            text-transform:uppercase; 
		            margin: 0 0 10px 0; 
		        }
		p {line-height: 16px; margin: 0 0 5px 0;}
		
		a, a:visited {color:#005288; font-size: 11px; text-decoration: none;}
			a:hover {color: #555555; text-decoration: underline;}
		
		span.smallSubTitle {
			color: #999999; 
			font-size: 14px; 
			font-style: italic;
			font-weight: normal;
		}
		
		span.blueCaps {text-transform: uppercase;}
		p span.smallP {font-size: 10px;}
			
	/* Global Sprites */
		/* Background images for containers, sprite_primary_containers.psd */
		.sprite_pc {background-image: url(../images/sprites/sprite_primary_containers.png); background-repeat: no-repeat;}
		
		/* All Icons, Social Network Icons, symbols, etc sprite_icons.psd */
		.sprite_icons {background-image: url(../images/sprites/sprite_icons.png); background-repeat: no-repeat;}
		
		/* All Buttons site wide, sprite_buttons.psd */
		.sprite_buttons {background-image: url(../images/sprites/sprite_buttons.png); background-repeat: no-repeat;}
		
/* Structural Elements */

	/* Dealerlogin slide down panel */
	div#dealerlogin {
	    width:100%;
	    height:30px;
	    border-bottom:solid 1px #555555;
	    background-color:#aaaaaa;
	}
    
div#outerWrapperContainer {
	background: url(../images/bgs/outer_wrapper_bg_container.png) repeat-y scroll 0 0;
	margin: 0 auto;
	width: 998px;
}
	div#outerWrapper {
		background: #82aac5 url(../images/bgs/outer_wrapper_bg.gif) repeat-x scroll 0 0;
		margin: 0 auto;
		min-height: 1200px;
		padding-bottom:70px;
		width: 990px;
	}
		/* Main Content Container Styles */
		.innerWrapper {margin: 0 auto; width: 963px;}
		
			div#primaryFeatureWrapper,
			div#innerPrimaryFeatureWrapper,
			div#masthead, 
			div#productBarWrapper,
			div#productInfoWrapper,
			div#innerMainContentWrapper,
			div#mainContentWrapper,
			div#doormatContainer,
			div#footer 
				{margin: 0 auto 20px auto; width: 963px;}
				
				div#masthead {
					height: 150px; 
					position: relative; 
					z-index:3;
				}
		
		/* Main Containers - Primary Feature, main content containers, doormat/footer, etc */
		div#primaryFeatureWrapper {
			background: url(../images/bgs/primary_feature_bg.png) no-repeat scroll 0 0;
			height: 510px; 
			position: relative;
			text-align:center;
			z-index:1;
		}
		div#primaryFeatureWrapper embed,
		div#primaryFeatureWrapper object 
			{margin-top:-1px;}
			div#innerPrimaryFeatureWrapper {
				height: 219px;
				margin: 0 0 0 14px;
				position: relative;
			}
		div#innerMainContent {padding: 20px 15px 20px 20px; position: relative;}

/* Primary Feature contents located in pfrotator.css */

/* Sprite shapes for specific containers */
.top, .fill, .bottom 
	{float: left; width: 963px;}
	.top, .bottom 
		{height: 11px;}
	.fill {background-repeat: repeat-y;}
	
		/* Positioning for background images in the mainContentWrapper only */
		div#mainContentWrapper .top {background-position: 0px 0px;} 
		div#mainContentWrapper .fill, 
		div#innerMainContentWrapper .fill 
			{background-position: -964px 0px}
		div#productInfoWrapper .bottom, 
		div#mainContentWrapper .bottom, 
		div#innerMainContentWrapper .bottom 
			{background-position: -1928px 0px;}
		
		/* Positiong for background images in the doormat/footer only */
		div#doormatContainer .top {background-position: -2892px 0px;}
		div#doormatContainer .fill {background-position: -3856px 0px;}
		div#doormatContainer .bottom {background-position: -4820px 0px;}
		
/* Masthead elements */
.vinLogo {
	background: transparent url(../images/VinSolutions-logo.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 113px;
	margin-top: 25px;
	width: 296px;
}
	.vinLogo span {display: none;}
	
	/* Utility Navigation & Primary Navigation is located in navigation.css */
	
/* Main Content Inner Styles */
.mainFirstCol {
	float: left;
	padding: 5px 15px 5px 15px;
	width: 430px;
}
.mainSecondCol, 
.mainThirdCol 
	{
		float: left;
		height: 224px;
		padding: 5px 15px 5px 15px;
		position: relative;
		width: 208px;
	}
span.hDivider {
	background: url(../images/horz_divider.gif) no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 246px;
	width: 1px;
}
	ul.taglineList li {margin: 0 0 10px 0;}
		ul.taglineList li a.listItem {
			color: #555555;
			font-size: 16px; 
			font-weight: bold;
			text-decoration: none;
		}
			ul.taglineList li .listItem:hover {color: #7da7d9; text-decoration: none;}
			ul.taglineList li a.listItem span.listItemSmall {
				color: #7da7d9; 
				font-size: 12px; 
				font-weight: normal; 
				text-decoration: none;
			}
				span.listItemSmall:hover {color: #555555 !important;}
			
			ul.taglineList li .listItem span.arrowIcon {
				background-position: -1px -1px;
				display: block;
				float: left;
				height: 24px;
				margin: 0 10px 10px 0;
				width: 24px;
			}
			span.taglineStyle {color: #005288;}
	
	.mainSecondCol h5 span.twitterIcon {
		background-position: -111px -74px;
		display: block;
		float: left;
		height: 40px;
		margin-right: 10px;
		width: 34px;
	}
	
	/* Inner Structural Elements */
	div#innerLeftCol {width: 200px;}
	
		div#innerLeftCol,
		div#innerLeftUpperCol,
		div#innerLeftLowerCol,
		div#innerRightCol 
			{float: left; position: relative;}
		
			div#innerLeftUpperCol {margin-bottom: 20px; width: 200px;}
			div#innerLeftLowerCol {
				background-color: #eef2f6;
				color: #005288;
				margin-bottom: 20px;
				-moz-border-radius: 3px;
				padding: 15px 15px 15px 15px;
				width: 170px;
			}
				a.headingTitle {
					color: #005288;
					font-size: 14px; 
					font-weight: bold;
				}
					.headingTitle:hover {color: #555555; text-decoration: underline;}
					span.largeStrong {font-size: 13px; font-weight: bold;}
					span.mediumLight {font-size: 11px; font-weight: normal;}
					a.mediumLink {
						color: #005288; 
						font-size: 11px; 
						font-weight: bold;
					}
						.mediumLink:hover {color: #555555; text-decoration: underline;}
				
			div#innerRightCol {padding: 0 15px 15px 20px; width: 693px;}
			    div#innerRightCol ul, 
			    div#innerRightCol ol 
			    	{padding: 10px 10px 10px 10px;}
			        div#innerRightCol ul li {
			        	list-style: disc inside;
			        	padding: 5px 10px; 
			        	text-indent:-15px;
			        }
			        div#innerRightCol ol li {
			        	list-style:decimal inside;
			        	padding:5px 10px;
			        	text-indent:-15px;
			        }
			
				/* Icons for h1 elements, products icons, header icons; all located in sprite_icons */
				span.headerIcon {
					display: block;
					float: left;
					height: 40px;
					margin: 0 10px 10px 0;
					width: 32px;
				}
				span.productIcon {background-position: 0 0;}
				span.contactIcon {background-position: -297px -74px;}
				
				div#contentWrapper {
					border-bottom: 1px solid #999999;
					float: left;
					margin-bottom: 20px;
					padding: 20px 15px 20px 15px; 
				}
					ul.innerContentUL {
						float: left;
						padding: 20px 15px 20px 15px; 
						position: relative;
					}
						.descriptionBlock {
							float: left;
							margin: 10px 20px 0 25px;
							width: 260px;
						}
						.descriptionBlock .checkTitle {float: left; margin-bottom: 10px;}
							.descriptionBlock span.checkTitleText {
								color: #005288;
								display: block;
								font-size: 14px;
								font-weight: bold;
								padding-top: 3px;
							}
							span.checkbox {
								background-position: -25px -1px;
								display: block;
								float: left;
								height: 20px;
								margin: 0 0 0 -25px;
								width: 21px;
							}
							ul.descriptionLists {float: left; padding-left: 15px;}
								ul.descriptionLists li {
									color: #555555; 
									list-style: none outside url(../images/list_disc.png); 
									margin-bottom: 5px;
								}
							
			/* Call To Action Lower Section */
			div#lowerCTA {
			    border-top: 1px solid #005288;
				font-size: 14px;
				font-weight: bold;
				line-height: 20px;
				margin: 15px auto 0 auto;
				padding: 15px 0 0 0;
				text-align: center;
				width: 100%;
			}
				span.signupSection {
					display: block; 
					margin: 10px auto; 
					width: 385px;
				}
/* Product Online Demo Portal Page */
.productDemoContainer {width:600px;}
    .productDemoContainer ul li {   
        float:left;
        list-style-type:none !important;
        margin-bottom:10px;
        width:400px;
    }
        .productDemoContainer ul li:hover a {color:#555555; text-decoration:underline:}
	
/* Button Elements Site wide */
	.signUpNowBtn,
	.demoArrow,
	.questionsBtn,
	.scheduleDemoBtn 
		{
			border: 0 none;
			cursor: pointer;
			display: block;
		}
	/* SEO purposes > span with every button describing button, then it's not displayed */
	span.buttonSpan {display: none;}
	
	/* Sign Up Now button */
	.signUpNowBtn {
		background-position: 0px 0px;
		float: left;
		height: 25px;
		margin-left: 32px;
		width: 140px;
	}	
		.signUpNowBtn:hover {background-position: 0px -25px;}
	/* Schedule a Demo Button */
	.scheduleDemoBtn {
	    background-position: -234px -50px;
	    float: left;
	    height: 25px;
	    margin-left: 32px;
	    width: 184px;
	}
	    .scheduleDemoBtn:hover {background-position: -234px -75px;}
		/* text to side of Sign Up Button */
		span.buttonNote	{
			float: left;
			font-size: 11px;
			font-weight: normal;
			margin-left: 10px;
			padding-top: 5px;
		}
		
	/* Demo Arrow Button */
	.demoArrow {
		background-position: 0px -50px;
		height: 53px;
		margin: 0 0 10px 0;
		width: 180px;
	}
		.demoArrow:hover {background-position: 0px -103px;}
		
	/* Questions Square Button */
	.questionsBtn {
		background-position: 0px -156px;
		height: 53px;
		width: 178px;
	}
		.questionsBtn:hover {background-position: 0px -209px;}
	
	
/* Twitter & Testimonial styling */
.tweetContainer,
.testimonialContainer  
	{padding: 0 10px 0 10px;}
	.testimonialContainer {position:absolute; display:none;}

a.vinTwitter {
	color: #7da7d9;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: none;
	width: 100%;
}
	.vinTwitter:hover {color: #005288; text-decoration: none;}
	
	span.subTitle {font-size: 14px; font-weight: bold;}
	
	.tweetEntry a.tweetEntryUrl,
	.testimonialBlock 
		{
			color: #555555;
			display: block;
			font-size: 11px;
			font-weight: normal;
			margin: 5px 0 5px 0;
		}
		.testimonialBlock {font-size: 12px; font-weight: bold;}
		    .testimonialBlock span.clickreadmore {
		        font-weight:normal;
		        font-size:10px;
		        font-style:italic;
		    }
		
		.tweetEntry a.tweetEntryURL {color: #555555; text-decoration: none;}
			.tweetEntry .tweetEntryURL:hover {color: #005288; text-decoration: underline;}
		
		span.testimonialCustomer, 
		span.testimonialCustomerInfo 
			{
				clear:both;
				display: block;
				float: right;
				text-align: right;
			}
			span.testimonialCustomer {
				font-size: 12px; 
				font-style: italic; 
				font-weight: bold;
				margin-top: 5px;
			}
			span.testimonialCustomerTitle,
			span.testimonialDiv,
			span.testimonialCustomerDealership 
				{
					display: block;
					float: right;
					font-size: 11px;
					font-style: italic;
					font-weight: normal;
					text-align: right;
				}
	
	/* Read More Link */
	a.readMoreLink {
		bottom: -20px;
		color: #7da7d9;
		display: block;
		font-weight: bold;
		position: absolute;
		right: 25px;
	}
		.readMoreLink:hover {color: #555555; text-decoration: underline;}
		
/* Doormat Contents */
.doormatContent {
	padding: 5px 15px 5px 15px;
	position: relative;
	width: 923px;
}
	ul.doormatColumn {
		color: #ffffff;
		font-size: 12px;
		float: left; 
		padding-bottom: 10px;
		width: 145px;
	}
		ul.wideCol {margin-left: 18px; width: 180px;}
			ul.doormatColumn li {line-height: 18px;}
			ul.doormatColumn li a.doormatTopLink,
			ul.doormatColumn li a 
				{
					color: #ffffff; 
					font-size: 12px;
					text-decoration: none;
				}
				ul.doormatColumn li a.doormatTopLink {font-size: 13px; font-weight: bold;}
					ul.doormatColumn li a:hover {color: #333333; text-decoration: underline;}
					
/* Footer Contents */
div#footer p {
	color: #005288; 
	font-size: 11px;
	padding-left: 15px;
}

/* Twitter widget styles */
div#twitter {
	margin-bottom: 2em;
	font-size:10px;
	width: 195px;
}
	div#twitter h2 {
		background-color: #888;
		color: #fff;
		font-size: 1.1em;
		margin: 0;
		padding: 0.4em 1em;
	}
	
	p#preloader {
		background: transparent url("loader.gif") 1em center no-repeat;
		margin: 0;
		padding: 1em 1em 1em 3em;
	}
		ul#twitter_update_list {
			list-style-type: none;
			margin: 0;
			padding: 0;
			padding-right:10px;
		}
			ul#twitter_update_list li {
				border-bottom: 1px solid #ccc;
				margin: 0;
				padding: 0.8em 0 1em 0;
			}
				ul#twitter_update_list li a {color: #555555;} /* timestamp link */
				ul#twitter_update_list li span {display: block;}
					ul#twitter_update_list li span a {color: #005288;} /* links in tweet */
					ul#twitter_update_list li.firstTweet {}
					ul#twitter_update_list li.lastTweet {border-bottom: none;}
					a#profileLink {
						background-color: #888;
						color: #fff;
						display: block;
						padding: 0.3em 1em;
					}

/*product bar styles */
div#productBarWrapper {
    margin-bottom:0;
    position:relative;
    z-index:50;
}
	ul.products,
	ul.products li
		{
			cursor:pointer;
			display:block;
			float:left;
		    height:70px;
		    list-style-type:none;
		    margin:0;
		    padding:0;
		}
		ul.products li.productbar {
		    background: transparent url('../images/sprites/sprite_products.png') no-repeat;
		    height:70px;
		    width:117px;
		}
		    ul.products li.crm {background-position:0 0;}
		        ul.products li.crm:hover, ul.products li.crm.selected {background-position:0 -70px;}
		    ul.products li.ilm {background-position:-117px 0;}
		        ul.products li.ilm:hover, ul.products li.ilm.selected {background-position:-117px -70px;}
		    ul.products li.bdc{background-position:-235px 0;}
		        ul.products li.bdc:hover, ul.products li.bdc.selected {background-position:-235px -70px;}
		    ul.products li.inventory{background-position:-352px 0;}
		        ul.products li.inventory:hover, ul.products li.inventory.selected {background-position:-352px -70px;}
		    ul.products li.training{background-position:-469px 0;}
		        ul.products li.training:hover, ul.products li.training.selected {background-position:-469px -70px;}
		    ul.products li.websites{background-position:-585px 0;}
		        ul.products li.websites:hover, ul.products li.websites.selected {background-position:-585px -70px;}
		    ul.products li.service{background-position:-702px 0;}
		        ul.products li.service:hover, ul.products li.service.selected {background-position:-702px -70px;}    
		    ul.products li.vinsolutions{background-position:-819px 0; width:144px;}
		        ul.products li.vinsolutions:hover, ul.products li.vinsolutions.selected {background-position:-819px -70px; width:144px;}
		        
		        ul.products li.vinsolutions a {display:block;height:70px;width:144px;}
		            ul.products li.vinsolutions a:hover {text-decoration:none;}
            
div#productInfoWrapper {margin-top:-10px;} 
	div#productInfoWrapper .bottom {margin-bottom:20px;}     
div.productInfo {display:none;}
    div.productInfo div.body {
        background-color:#ffffff;
        border:solid 1px #AFAFAF;
        border-bottom:none;
        border-top:none;
        float:left;
        padding: 20px 10px 10px 10px;
        margin:-10px 0 0 0;
        overflow:hidden;
        position:relative;
        width:941px;
        z-index:1;
    }
	    ul.leftColDropDown, 
	    ul.rightColDropDown 
		    {
		    	color:#222222;
		        float:left;
		        font-size:12px;
		        line-height:16px;
		        margin-right:20px;
		        min-height:80px;
		        padding-left:15px;
		        width: 335px;
		    }
	        ul.rightColDropDown {padding-right:35px; width:320px;}
	        .productInfo ul.checkmark {list-style-image: url('../images/checkmark.gif'); list-style-position: inside;}
	            .productInfo ul.checkmark li {padding: 0 10px; text-indent:-22px;}
	            .productInfo ul.checkmark li.plusManyMore {
	                font-style:italic;
	                font-weight:bold;
	                list-style:none;
	                padding: 10px 0 0 32px;
	            }
        
    /* Sprite for CTA buttons in Product Drop Downs for homepage */
    .sprite_dropdown_btns {
        background-image: url('../images/sprites/sprite_dropdown_buttons.gif');
        background-repeat:no-repeat;
        display:block;
        float:left;
        height:53px;
        margin-bottom:15px;
        width:180px;
    }
        .crmDD {background-position:0px 0px;}
            .crmDD:hover {background-position:0px -53px;}
        .ilmDD {background-position:0px -106px;}
            .ilmDD:hover {background-position:0px -159px;}
        .bdcDD {background-position:0px -212px;}
            .bdcDD:hover {background-position:0px -265px;}
        .inventoryDD {background-position:0px -318px;}
            .inventoryDD:hover {background-position:0px -371px;}
        .trainingDD {background-position:0px -424px;}
            .trainingDD:hover {background-position:0px -477px;}
        .websiteDD {background-position:0px -530px;}
            .websiteDD:hover {background-position:0px -583px;}
        .serviceDD {background-position:0px -636px;}
            .serviceDD:hover {background-position:0px -689px;}
            
        a.moreDetails, a.moreDetails:visited {
            display:block;
            font-size:14px;
            font-weight:bold;
            float:left;
            text-decoration:none;
            width:180px;
        }
            a.moreDetails:hover {color:#555555; text-decoration:underline;}
    
    
    input.goBtn {
        background: transparent url(../images/sprites/sprite_buttons.png) no-repeat scroll -1px -262px;
        border:0 none;
        display:block;
        float:left;
        height:20px;
        margin-top:0px;
        text-indent: -9999px;
        width:38px;
    }
        input.goBtn:hover {background-position: -39px -262px;}
        
        /*testimonial page styles */
    div.testimonialWrapper {
    	border-top:solid 1px #333333;
    	min-height:100px;
        padding:20px 0px;
    }
        div.testimonialWrapper span.testimonialBlock {font-size:14px; font-weight:normal;}
        div.testimonialWrapper span.testimonialCustomer {margin-top:0px}
        div.testimonialWrapper span.testimonialCustomerInfo span.testimonialCustomerTitle {margin-top:0px; display:block;}
        
/*staff page styles*/
.staffcontainer {margin: 0 auto;}
	.staff_columns {
		display:inline;
		float:left;
		padding:5px;
		width:100%;
	}
		.staff_columns .staff_member {
		    clear:none;
		    display:block;
		    float:left;
			height:180px;
			padding:0px 0px;
			text-align:center;
			width:135px;
		}
			.staff_columns .staff_member .staff_member_image {
				border: 1px #000 !important;
				height:150px;
				padding:0px 0px 5px 0px;
				width:120px;
			}
			.staff_columns .staff_member .staff_member_desc_container {float:left; width: auto;}
			.staff_columns .staff_member .staff_member_title {
				clear:both;
				color:#12488F;
				display:block;
				float:left;
				font: bold 10px Arial, Helvetica, sans-serif;
				margin: 0px 0px;
				padding-left:0px 0px;
				text-align:center;
				width:100%;
			}
			.staff_columns .staff_member .staff_member_desc {color:#000000; font: 8px Arial, Helvetica, sans-serif;}
			.staff_columns .staff_member .staff_member_phone {font-weight:bold;}

/*testimonial rotator styles */
a.testimonialrotatorlink{
	border:0; 
	color:inherit;
	display:block; 
	outline:0;  
	text-decoration:none;
}
	a.testimonialrotatorlink:hover {
		color:inherit;
		display:block;  
		text-decoration:none;
	}

/*website gallery styles */
div.galleryContainer {}
    div.galleryContainer div.galleryItem {
        height:450px;
        float:left;
        width:auto;
    }
        div.galleryContainer div.galleryItem img {margin:10px; outline:none;}
        div.galleryContainer div.galleryItem h3 {margin: 0 0 0 10px;}
        
/* bottom navigation styles */
div.bottomnav {
	background-color:#80A5BE;
    border-top:solid 1px #555555;
    bottom:0px;
    display:none;
    height:35px;
    left:0px;
    position:fixed;
    text-align:center;
    width:100%;
    z-index:1000;
}
    div.bottomnav ul {margin:0px auto 0px auto; width:956px;}
	    div.bottomnav ul li {
	        float:left;
	        height:70px;
	        margin-top:-45px;
	    }
    div.bottomnav ul li a.buttonbar {
    	background: transparent url(../images/sprites/bottom-buttons.png);
        display:block;
        height:70px;
        width:183px;
    }
    
        div.bottomnav ul li a.demo {background-position:0 0; margin-right:10px;}
            div.bottomnav ul li a.demo:hover {background-position:0 -70px;}
        div.bottomnav ul li a.learnmore {background-position:-549px 0; margin-right:10px;}
            div.bottomnav ul li a.learnmore:hover {background-position: -549px -70px;}
        div.bottomnav ul li a.contact {
            background-position:-366px 0;
            border-right:0;
            margin-right:10px;
        }
            div.bottomnav ul li a.contact:hover {background-position:-366px -70px;}
        div.bottomnav ul li a.testimonials {background-position:-183px 0; margin-right:10px;}
            div.bottomnav ul li a.testimonials:hover {background-position:-183px -70px;}
        div.bottomnav ul li a.login {background-position:-732px 0;}
            div.bottomnav ul li a.login:hover {background-position:-732px -70px;}
    
  /* Live Support Flyout */  
    div.livesupport {
        height:131px;
        position:fixed;
        right:-975px;
        top:300px;
        width:1010px;
        z-index:1000;
    }
        div.livesupport div.tab {
            background:transparent url('../images/livesupport_tab.png') no-repeat;
            float:left;
            height:131px;
            width:40px;
        }
        div.livesupport div.body {
        	background:transparent url('../images/livesupport_bg.png') repeat-x;
            float:left;
            height:131px;
            margin-top:1px;
            width:970px;
        }
            div.livesupport div.body ul li {
                float:left;
                height:70px;
                margin-top:28px;
            }
            div.livesupport div.body ul li a.buttonbar {
            	background: transparent url(../images/sprites/bottom-buttons.png);
                display:block;
                height:70px;
                width:183px;
            }
            
                div.livesupport div.body ul li a.demo {background-position:0 0; margin-right:10px;}
                    div.livesupport div.body ul li a.demo:hover {background-position:0 -70px;}
                div.livesupport div.body ul li a.learnmore {background-position:-549px 0; margin-right:10px;}
                    div.livesupport div.body ul li a.learnmore:hover {background-position: -549px -70px;}
                div.livesupport div.body ul li a.contact {
                    background-position:-366px 0;
                    border-right:0;
                    margin-right:10px;
                }
                    div.livesupport div.body ul li a.contact:hover {background-position:-366px -70px;}
                div.livesupport div.body ul li a.testimonials {background-position:-183px 0; margin-right:10px;}
                    div.livesupport div.body ul li a.testimonials:hover {background-position:-183px -70px;}
                div.livesupport div.body ul li a.login {background-position:-732px 0;}
                    div.livesupport div.body ul li a.login:hover {background-position:-732px -70px;}