@charset "utf-8";
/* CSS Document */

/*--Text--*/

body {
	font-family:Arial, Helvetica, sans-serif;
}

.product {
	display:none;
	position:absolute;
	margin-left:-9000px;
}

a:link {text-decoration:none; color:#8cbf29;}
a:visited {text-decoration:none; color:#8cbf29;}
a:hover {text-decoration:underline; color:#578700;}
a:active {text-decoration:underline; color:#578700;}

/*--Site Structure--*/

#wrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:980px;
	height:59px;
	margin-left:auto;
	margin-right:auto;
}

#top-content {
	height:455px;	
	width: 980px;
	position:relative;
	background-image:url('images/Cruz_02.jpg');
}

#bottom-content {
	width: 980px;
	height:650px;
	margin-top:65px;
	position:relative;
}

#specs {
	width: 400px;
	height:375px;
	margin-right:40px;
	margin-top:15px;
	margin-left:15px;
	float:left;
	font-size:.95em;
	clear:left;
	display:none;

}

#uses {
	width: 400px;
	height:375px;
	margin-right:40px;
	margin-top:15px;
	margin-left:15px;
	float:left;
	font-size:.95em;
	display:block;
	clear:left;

}

#intro-accessory {
	display:none;
}

#t301-accessory {
	display:block;
}

#t103-accessory {
	display:none;
}

#r101-accessory {
	display:none;
}

.specline {
	border-bottom:1px #CCCCCC solid; 
	height:25px; 
	width:400px;
	margin-bottom:4px;
}

.useline {
	border-bottom:1px #CCCCCC solid; 
	height:30px; 
	width:400px;
	margin-bottom:12px;
}


.spec_1 {
	text-align:left; 
	font-weight:bold; 
	float:left;
	margin-left:7px;
	font-family:Arial, Helvetica, sans-serif;
}

.use_1 {
	text-align:left; 
	float:left;
	margin-left:7px;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
}


.spec_2 {
	text-align:right; 
	float:right;
	margin-right:7px;
	font-family:Arial, Helvetica, sans-serif;
}

#features {
	width:980px;
	height:265px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-15px;
	float:left;
	clear:both;
}


.prod-box {
	width:220px;
	height:250px;
	float:left;
	padding:15px;
	margin-right:5px;
	margin-left:8px;
	/*border-right:1px #8cbf29 solid;*/
	margin-top:18px;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;

}

.box {
	width:275px;
	height:108px;
	float:left;
	padding:15px;
	margin-right:10px;
	margin-left:8px;
	margin-top:25px;
	border:1px #8cbf29 solid;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;

}

#footer {
	width:980px;
	height:82px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	clear:both;
	color:#FFFFFF;

}

.infopage {
	width:790px; 
	padding:35px;
	height:400px; 
	background-color:#FFFFFF; 
	position:relative;
	padding-top: 20px;
	left:40px;
	top:11px;
	font-size:.85em;

}

.info-title {
	width:100%; 
	border-bottom:2px #8cbf29 solid;
	margin-bottom:24px;

}


.product-topcontent {
	width:500px; 
	height:400px; 
	background-color:#FFFFFF; 
	position:absolute; top:20px; 
	left:40px;

}

.product-description {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	float:left;
	width:86%;
	line-height:1.3em;
	margin-left:25px;
	margin-top:10px;
	padding-top:10px;
	font-size:.8em;
	border-top:1px #8cbf29 solid;
}

.price {
	width:150px;
	float:left;
	clear:both;
	margin-left:25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin-top:15px;

}

#footer-links {
	margin-left:15px;
	margin-top:10px;
	width:412px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	
}

#footer-links a {
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	
}

#footer-links a:hover {
	padding-top:8px;
	color:#CCCCCC;
	text-decoration:underline;
	
}

#footer-phone {
	margin-left:74px;
	margin-top:10px;
	width:250px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:18px;
	
}

#footer-logo {
	width:180px;
	height:41px;
	float:left;
	margin-top:6px;
	margin-left:15px;
}

#social {
	width:42px;
	height:180px;
	z-index:100; 
	right:35px; top:0px;
	position:absolute;
}

/*--Social Image Replacements--*/

.viewnow2 a {
	position:absolute;
	width:69px;
	height:28px;
	text-indent:-9009px;
	margin-top:4px;
	background-image:url(images/view.png);
    background-position:0 0;
	outline:none;
}

.viewnow2 a:hover {
	position:absolute;
	width:69px;
	height:28px;
	margin-top:4px;
	text-indent:-9009px;
	background-image:url(images/view.png);
    background-position:0 -28px;
	outline:none;
}

.viewnow a {
	position:absolute;
	width:69px;
	height:28px;
	text-indent:-9009px;
	margin-top:6px;
	margin-left:100px;
	background-image:url(images/view.png);
    background-position:0 0;
	outline:none;
}

.viewnow a:hover {
	position:absolute;
	width:69px;
	height:28px;
	margin-left:100px;
	margin-top:6px;
	text-indent:-9009px;
	background-image:url(images/view.png);
    background-position:0 -28px;
	outline:none;
}

.download a {
	position:absolute;
	width:69px;
	height:28px;
	text-indent:-9009px;
	margin-top:6px;
	margin-left:100px;
	background-image:url(images/Download.png);
    background-position:0 0;
	outline:none;
}

.download a:hover {
	position:absolute;
	width:69px;
	height:28px;
	margin-top:6px;
	margin-left:100px;
	text-indent:-9009px;
	background-image:url(images/Download.png);
    background-position:0 -28px;
	outline:none;
}

.submit a {
	position:absolute;
	margin-top:8px;
	width:77px;
	height:36px;
	text-indent:-9009px;
	background-image:url(images/submit.png);
    background-position:0 0;
	outline:none;
}

.submit a:hover {
	position:absolute;
	margin-top:8px;
	width:77px;
	height:36px;
	text-indent:-9009px;
	background-image:url(images/submit.png);
    background-position:0 -36px;
	outline:none;
}

.buynow2 a {
	position:absolute;
	margin-top:8px;
	width:65px;
	height:30px;
	text-indent:-9009px;
	background-image:url(images/buynow2.png);
    background-position:0 0;
	outline:none;
}

.buynow2 a:hover {
	position:absolute;
	margin-top:8px;
	width:65px;
	height:30px;
	text-indent:-9009px;
	background-image:url(images/buynow2.png);
    background-position:0 -30px;
	outline:none;
}



.buynow a {
	position:absolute;
	margin-top:8px;
	width:78px;
	height:36px;
	text-indent:-9009px;
	background-image:url(images/buynow.png);
    background-position:0 0;
	outline:none;
}

.buynow a:hover {
	position:absolute;
	margin-top:8px;
	width:78px;
	height:36px;
	text-indent:-9009px;
	background-image:url(images/buynow.png);
    background-position:0 -36px;
	outline:none;
}

.demo a {
	position:absolute; 
	bottom:30px; 
	right:-13px;
	text-indent:-9009px;
	outline:none;
	width:200px;
	height:68px;
	background-image:url(images/demo_sprite.png);
    background-position:0 0;

}

.demo a:hover {
	position:absolute; 
	bottom:30px; 
	right:-13px;
	text-indent:-9009px;
	outline:none;
	width:200px;
	height:68px;
	background-image:url(images/demo_sprite.png);
    background-position:0 -68px;

}

#social ul {
	width:100%;
	margin-right:5px;
   
}

#social ul li {
   display:block;
   list-style-type:none;

   
}

#social ul li#social1 a {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social1.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#social ul li#social1 a:hover {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social1.png);
   background-position:0 -46px;
   text-indent:-9009px; outline:none;

}

#social ul li#social2 a {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social2.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#social ul li#social2 a:hover {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social2.png);
   background-position:0 -46px;
   text-indent:-9009px; outline:none;

}

#social ul li#social3 a {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social3.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#social ul li#social3 a:hover {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social3.png);
   background-position:0 -46px;
   text-indent:-9009px; outline:none;

}

#social ul li#social4 a {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social4.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#social ul li#social4 a:hover {
   display:block;
   height:46px;
   width:45px;
   background-image:url(images/social4.png);
   background-position:0 -46px;
   text-indent:-9009px; outline:none;

}

/*--Feature Box Image Replacements--*/

#features ul {
	width:100%;
	margin-left:-40px;
   
}

#features ul li {
   display:block;
   float:left;
   list-style-type:none;
   padding:18px;

   
}

#features ul li#features1 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features1.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features1 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features1.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}
/*
#features ul li#features2 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features2.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features2 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features2.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}

#features ul li#features3 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features3.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features3 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features3.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}
*/
#features ul li#features2 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/r101_feature.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features2 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/r101_feature.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}

#features ul li#features3 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/t301_feature.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features3 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/t301_feature.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}

#features ul li#features4 a {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features4.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#features ul li#features4 a:hover {
   display:block;
   height:205px;
   width:204px;
   background-image:url(images/features4.png);
   background-position:0 -205px;
   text-indent:-9009px; outline:none;

}


/*--Header Image Replacements--*/

#header ul {
	width:100%;
	margin-left:-40px;
   
}

#header ul li {
   display:block;
   float:left;
   list-style-type:none;
   padding:0;
   
}

#header ul li#nav1 a {
   display:block;
   height:59px;
   width:126px;
   background-image:url(images/nav_1.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav1 a:hover {
   display:block;
   height:59px;
   width:126px;
   background-image:url(images/nav_1.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav2 a {
   display:block;
   height:59px;
   width:105px;
   background-image:url(images/nav_2.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav2 a:hover {
   display:block;
   height:59px;
   width:105px;
   background-image:url(images/nav_2.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav3 a {
   display:block;
   height:59px;
   width:112px;
   background-image:url(images/nav_3.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav3 a:hover {
   display:block;
   height:59px;
   width:112px;
   background-image:url(images/nav_3.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav4 a {
   display:block;
   height:59px;
   width:70px;
   background-image:url(images/nav_4.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav4 a:hover {
   display:block;
   height:59px;
   width:70px;
   background-image:url(images/nav_4.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav5 a {
   display:block;
   height:59px;
   width:102px;
   background-image:url(images/nav_5.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav5 a:hover {
   display:block;
   height:59px;
   width:102px;
   background-image:url(images/nav_5.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav6 a {
   display:block;
   height:59px;
   width:160px;
   background-image:url(images/nav_6.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav6 a:hover {
   display:block;
   height:59px;
   width:160px;
   background-image:url(images/nav_6.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav7 a {
   display:block;
   height:59px;
   width:140px;
   background-image:url(images/nav_7.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav7 a:hover {
   display:block;
   height:59px;
   width:140px;
   background-image:url(images/nav_7.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}

#header ul li#nav8 a {
   display:block;
   height:59px;
   width:165px;
   background-image:url(images/nav_8.png);
   background-position:0 0;
   text-indent:-9009px; outline:none;

}

#header ul li#nav8 a:hover {
   display:block;
   height:59px;
   width:165px;
   background-image:url(images/nav_8.png);
   background-position:0 -59px;
   text-indent:-9009px; outline:none;

}


/*--Image Rotator--*/
.main_view {
	float: left;
	position: relative;
	padding:0;
}
/*--Window/Masking Styles--*/
.window {
	height:455px;	width: 980px;
	background-image:url('images/Cruz_02.jpg');
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -15px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding:10px;
	background-image:url('images/dot1.png');
	background-repeat:no-repeat;
	outline:none;
}
.paging a.active {
	padding:10px;
	background-image:url('images/dot2.png');
	background-repeat:no-repeat;
	outline:none;
}
.paging a:hover {font-weight: bold;}



/*--Image Rotator Product Page--*/
.product_main_view {
	float: left;
	position: relative;
	padding:0;
}
/*--Window/Masking Styles--*/
.product_window {
	height:400px;	width: 500px;
	margin-top:15px;
	background-color:#FFFFFF;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.product_image_reel {
	position: absolute;
	top: 0; left: 0;
}
.product_image_reel img {float: left;}

/*--Paging Styles--*/
.product_paging {
	margin-left:auto;
	margin-right:auto;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.product_paging a {
	padding:10px;
	background-image:url('images/dot1.png');
	background-repeat:no-repeat;
	outline:none;
}
.product_paging a.active {
	padding:10px;
	background-image:url('images/dot2.png');
	background-repeat:no-repeat;
	outline:none;
}
.product_paging a:hover {font-weight: bold;}

/*Product Page Navigation*/

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 980px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/product-nav.png);
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
 /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
ul#topnav li:hover { color:#FFFFFF;}


ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:36px;
	display: none; /*--Hide by default--*/
	width: 980px;
	font-size:12px;
	background: #8cbf29;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
text-decoration: underline; 
}

/*Accessory Page Navigation*/

ul#accessorynav {
	margin: 0; padding: 0;
	float: left;
	width: 790px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/product-nav.png);
}
ul#accessorynav li {
	float: left;
	margin: 0; padding: 0;
 /*--Divider for each parent level links--*/
}
ul#accessorynav li a {
	padding: 10px 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

ul#accessorynav li a:hover {
	background-image:url(images/hover-nav.png);
}