@charset "utf-8";
body {
	margin:0;
	padding:0;
	background-color:#000000;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
a, a:visited, a:active {
	color: #008080;
}
a:hover {
	text-decoration:none;
}
h2 {
	margin:0;
	font:bold 12px arial;
	background-color:#888888;
	color:#ffffff;
	padding:2px 8px;
}


#comparetables {
	font:normal 10px Arial, Helvetica, sans-serif;	

}


#loginform {
	margin:20px auto;
	padding:10px;
	text-align:left;
	width:400px;
}

.dleft {
	float:left;
	width:50%;
	
}
.dright {
	float:left;
	width:50%;
}

#loginform h1 {
	margin:0;
	font:normal 20px arial;
	color:orange;
}
#loginMessage {
	padding:10px 0;
	height:70px;
	text-align:center;
	font:normal 12px arial;
	color:#666666;
}

#loginform label {
	display:block;
	width:120px;
	margin:2px 10px 2px 0;
	padding:3px 0;
	text-align:right;
	float:left;
	font:bold 12px arial;
	color:#000000;
}
.formInput {
	display:block;
	width:180px;
	height:20px;
	margin:2px 0;
	padding:1px;
	float:left;
	border:1px solid #666666;
	font:normal 12px arial;
	color:#666666;
}
.formSubmit {
	display:block;
	height:24px;
	margin:2px 0;
	padding:0 10px;
	float:right;
	line-height:12px;

}

.clear {
	clear:both;
}



#container {
	margin:0 auto;
	padding:0;
	width:890px;
	text-align:left;
}
#header {
	padding:0;
	margin:0;
	height:76px;
	position:relative;
	text-align:right;
	width:100%;
}
#logo {
	width:210px;
	height:40px;
	background:transparent url('/images/logo.gif') top left no-repeat;
	position:absolute;
	top:18px;
	left:20px;
}




/*** SEARCHBOX ***/
#searchbox {
	width:180px;
	color:#a5a5a5;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	float:right;
	height:48px;
	padding:5px 0 0 0;
	text-align:left;
}
.searchform {
	margin:2px 0 0 0;
	padding:0;
}
#searchbox input#searchtext {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:16px;
	width:154px;
	margin:0 1px 0 0;
	padding:4px 0 0 3px;
	display:block;
	float:left;
	color:#ffffff;
	background-color:#4d4d4d;
	background:#4d4d4d url('http://www.vectrafitness.com/images/searchtextlefton.gif') top left no-repeat;
	border:none;
}
*html #searchbox input#searchtext {
	height:20px;
}
#searchbox input#searchgobutton {
	height:20px;
	width:22px;
	cursor:pointer;
	text-indent:-9999px;
	border:none;
	background:#4d4d4d url('http://www.vectrafitness.com/images/searchbuttonbg.gif') top right no-repeat;
	float:left;
}
#searchbox input#searchgobutton:hover {
	background-position:bottom right;
}
#IEhack #searchbox input#searchgobutton {
	width: 23px;
	font-size:0;
	color:#fff;
	text-align:right;
}



/*** LOCATORBOX ***/
#locatorbox {
	color:#a5a5a5;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	text-align:left;
	height:auto;
}
.locatorform {
	margin:2px 0 0 0;
	padding:0;
}
#locatorbox input#locatortext {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	height:16px;
	width:154px;
	margin:0 1px 0 0;
	padding:4px 0 0 3px;
	display:block;
	float:left;
	color:#ffffff;
	background-color:#6c6c6c !important;
	background:#6c6c6c url('/images/locatortextlefton.gif') top left no-repeat;
	border:none;
}
*html #locatorbox input#locatortext {
	height:20px;
}
#locatorbox input#locatorgobutton {
	height:20px;
	width:22px;
	cursor:pointer;
	text-indent:-9999px;
	border:none;
	background:#6c6c6c url('/images/locatorbuttonbg.gif') top right no-repeat;
	float:left;
}
#locatorbox input#locatorgobutton:hover {
	background-position:bottom right;
}
#IEhack #locatorbox input#locatorgobutton {
	width: 23px;
	font-size:0;
	color:#fff;
	text-align:right;
}




/*** NAVIGATION ***/

#toplinks {
	position:relative;
}
#toplinks span {
	line-height:35px;
	background:transparent url('/images/navdivider.gif') center right no-repeat;
}
#toplinks a span {
	visibility:hidden;
}
#toplinks a, #toplinks a:visited, #toplinks a:active {
	padding:0 7px 0 6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:35px;
	text-decoration:none;
}


#home { background:transparent url('/images/home_bg.gif') top center no-repeat; }
#products { background:transparent url('/images/products_bg.gif') top center no-repeat; }
#companyinfo { background:transparent url('/images/companyinfo_bg.gif') center top no-repeat; }
#support { background:transparent url('/images/support_bg.gif') top center no-repeat; }
#videolibrary { background:transparent url('/images/videolibrary_bg.gif') top center no-repeat; }
#findadealer { background:transparent url('/images/findadealer_bg.gif') top center no-repeat; }
#vectrastore { background:transparent url('/images/vectrastore_bg.gif') top center no-repeat;}
#home:hover, #products:hover, #companyinfo:hover, #support:hover, #videolibrary:hover, #findadealer:hover, #vectrastore:hover { background-position: bottom center; }
.selected { background-position: bottom center; }




#nav {
	clear:both;
	font:normal 12px Arial, Helvetica, sans-serif;
	list-style-type:none;
	list-style-position:outside;
	padding:0 0 0 11px;
	width:618px;
	height:23px;
	z-index:1000;
	text-align:center;
	float:right;
	margin:0 0 0 0;
	background:transparent url('/images/navbg3.gif') top right no-repeat;
}

#nav ul {
	margin:0;
	padding:0 2px 6px 2px;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	display:none;
	width:140px;
	top:34px;
}

#nav ul ul {
	margin:0 0 0 0;
	line-height:normal;
	top:auto;
}

/* TOP NAV LINKS */
#nav li a, #nav li a:visited, #nav li a:active {
	font:bold 12px arial;
	display:block;
	padding:0 5px 0 4px;
	color:#ffffff;
	text-decoration:none;
	line-height:35px;
}

#nav li a:hover {
	color:yellow;
}
#nav li a span {
	visibility:hidden;
}


/* DROPDOWN LINKS */
#nav li ul li a, #nav li ul li a:visited, #nav li ul li a:active {
	font:bold 12px arial;
	display:block;
	padding:0;
	color:#616161;
	text-decoration:none;
	text-indent:10px;
	line-height:23px;
	background-color:#FFFFFF;
}
#nav li ul li a:hover {
	background:#808080 url('/images/dropLinkBg.gif') center right no-repeat;
	color:yellow;
}
#nav li {
	float:left;
	position:relative;
}
#nav li ul a {
	width:136px;
	height:auto;
	float:left;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}
.dropMenu {
	margin:0;
	padding:0 2px 6px 2px;
	list-style-type:none;
	list-style-position:outside;
	line-height:20px;
	text-align:left;
	position:absolute;
	display:none;
	background:transparent url('/images/dropMenuBg.gif') bottom left no-repeat;
}
#nav ul li ul {
	position:absolute;
	display:none;
	top:-7px;
	left:134px;
}

.sideMenu {
	position:absolute;
	display:none;
	width:310px;
	z-index:1500;
}
.sideMenuItem {
	width:300px;
	padding:6px 0 0 0;
	background:transparent url('/images/sideMenuTop.gif') top left no-repeat;
	z-index:1540;
}
.sideMenuContent {
	border:2px solid #eeeded;
	border-width:0 2px;
	background-color:#FFFFFF;
	color:#6e6e6e; 
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:4px 10px;
	z-index:1550;
}
.sideMenuBottom {
	height:6px;
	background:transparent url('/images/sideMenuBottom.gif') top left no-repeat;
}


/* SIDEMENU ITEM LINKS */
#nav ul ul li a, #nav ul ul li a:visited, #nav ul ul li a:active {
	display:inline;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	background:none;
	background-position:center left;
	color:#7b7b7b;
	text-decoration:underline;
}
#nav ul ul li a:hover {
	color:#000000;
}
#nav li ul li .list {
	background-position:left 4px;
}
#nav li ul li a.learnmoreLink, #nav li ul li a.learnmoreLink:visited, #nav li ul li a.learnmoreLink:active {
	display:inline;
	background:transparent url('/images/learnmorebg.gif') center left no-repeat;
	padding:0 0 0 4px;
	color:#008080;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#nav li ul li a.learnmoreLink:hover {
	background:transparent url('/images/learnmorebg.gif') center left no-repeat;
	color:#000000;
}
#nav li ul li h3 {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
}




/*** HOMEFLASH ***/
#homeflash {
	margin:0;
	padding:0;
	height:390px;
}
#productflash {
	margin:0;
	padding:0;
	height:342px;
	background-color:#008080;
}
#insideflash {
	margin:0;
	padding:0;
	height:38px;
	background:#008080 url('../images/headernonflash3.gif') top center no-repeat;
}




/*** MAIN CONTENT ***/
#main {
	padding:0;
	margin:0;
}
#main a, #main a:visited, #main a:active {
	color:#7b7b7b;
}
#main a:hover {
	text-decoration:none;
}
#maincontent {
	padding:0 12px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
#maincontent2 {
	padding:0 0 0px 0;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
*html #maincontent2 {
	width:100%;
}
#leftCol {
	line-height:18px;
}
#right {
	line-height:18px;
}

/*** COLUMN DEF'S ***/
/* NO COLUMN */
.nocolumn {
	background:transparent url('/images/mainbgwhite.gif') top center repeat-y;
}
.nocolumn #maincontent {
	background:transparent url('/images/maintopwhite.gif') top center no-repeat;
}
.nocolumn2 #maincontent {
	background:transparent url('/images/maintopwhite2.gif') top center no-repeat;
}
.nocolumn #maincontent2 {
	background:transparent url('/images/mainbottomwhite.gif') bottom center no-repeat;
	width:100%;
}
.nocolumn #leftCol {
	padding:20px 30px 20px 30px;
	width:auto;
	float:none;
}
.nocolumn #right {
	display:none;
}


/* DEALER LOCATOR COLUMN */
.dealercolumn {
	background:transparent url('/images/mainbgwhite.gif') top center repeat-y;
}
.dealercolumn #maincontent {
	background:transparent url('/images/maintopwhite.gif') top center no-repeat;
}
.dealercolumn2 #maincontent {
	background:transparent url('/images/maintopwhite2.gif') top center no-repeat;
}
.dealercolumn #maincontent2 {
		background:transparent url('/images/mainbottomwhite.gif') bottom center no-repeat;
	width:100%;
}
.dealercolumn #leftCol {
	padding:20px 10px 20px 10px;
	width:1px;
	float:left;
}
.dealercolumn #right {
	padding:20px 20px 10px 20px;
	width:805px;
	float:left;
}
*html .dealercolumn #leftCol {
	width:678px;
}
*html .dealercolumn #right {
	width:183px;
}




/* RIGHT COLUMN */
.rightcolumn {
	background:transparent url('/images/mainbgright.gif') top center repeat-y;
}
.rightcolumn #maincontent {
	background:transparent url('/images/maintopright.gif') top center no-repeat;
}
.rightcolumn2 #maincontent {
	background:transparent url('/images/maintopright2.gif') top center no-repeat;
}
.rightcolumn #maincontent2 {
	background:transparent url('/images/mainbottomright.gif') bottom center no-repeat;
	width:100%;
}
.rightcolumn #leftCol {
	padding:20px 30px 20px 30px;
	width:618px;
	float:left;
}
.rightcolumn #right {
	padding:20px 10px 20px 10px;
	width:163px;
	float:left;
}
*html .rightcolumn #leftCol {
	width:678px;
}
*html .rightcolumn #right {
	width:183px;
}



/* LEFT COLUMN */
.leftcolumn {
	background:transparent url('/images/mainbgleft.gif') top center repeat-y;
}
.leftcolumn #maincontent {
	background:transparent url('/images/maintopleft.gif') top center no-repeat;
}
.leftcolumn2 #maincontent {
	background:transparent url('/images/maintopleft2.gif') top center no-repeat;
}
.leftcolumn #maincontent2 {
	background:transparent url('/images/mainbottomleft.gif') bottom center no-repeat;
	width:100%;
}
.leftcolumn #leftCol {
	padding:20px 10px 20px 10px;
	width:173px;
	float:left;
}
.leftcolumn #right {
	padding:20px 30px 20px 30px;
	width:610px;
	float:left;
}
*html .leftcolumn #leftCol {
	width:188px;
}
*html .leftcolumn #right {
	width:678px;
}





/** PHOTO GALLERY & THUMBS **/
#littlegallery {
	display:inline-table;
	float:right;
	width:170px;
	min-height:300px;
	margin:10px 0 0 10px;
}
#littlegallery a img {
	border:1px solid #bbbbbb;
	margin:2px;
}
#littlegallery a img:hover {
	border:1px solid #000000;
}








.list {
	display:block;
	padding:0 0 0 8px;
	margin:3px 0 6px 0;
	background:transparent url('/images/blackdoublearrow.gif') left 7px no-repeat;
}

.listarrow, .listarrow:active, .listarrow:visited {
	display:block;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	background:transparent url('/images/blackdoublearrow.gif') center left no-repeat;
	color:#000000;
}


/*** FEATURESBOX ***/
#features {
	margin:0 24px;
	padding:18px 0;
	clear:both;
	width:100%;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#D8D8D8;
}
.featurebox {
	padding:0;
	margin:0 24px 0 0;
	background:#3d3d3d url('/images/featureboxleft.gif') top left no-repeat;
	float:left;
	width:264px;
}
.featurebox a, .featurebox a:active, .featurebox a:visited {
	color:#EAF900;
}
.featurebox a:hover {
	text-decoration:none;
}
.featurebox .featureboxinside {
	padding:8px 15px;
	height:84px;
	background:transparent url('/images/featureboxright.gif') top right no-repeat;
}
.featurebox .list {
	padding:0 0 0 8px;
	background:transparent url('/images/arrowwhite.gif') center left no-repeat;
}
*html .featurebox .featureboxinside {
	height:100px;
}


/*** FOOTER ***/
#footer {
	margin:0;
	color:#666666;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#bottomfooter {
	padding-top:20px;
	color:#666666;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}


#storefooter {
	text-align:center;
	margin-left:25px;
	margin-right:auto;
	clear:both;
}



#footer a, #footer a:active, #footer a:visited {
	color:#666666;
}
#footer a:hover {
	text-decoration:none;
}
#footer .left {
	width:45%;
	float:left;
	text-align:left;
}
#footer .right {
	width:45%;
	float:right;
	text-align:right;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#nav li a, #nav li a:visited, #nav li a:active {
		padding:0 5px 0 4px;
	}
}