/* CSS Document */

body{
	color:#646464;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:150%;
	background:url(../images/site_bg.png) repeat-x;
}
A:link, A:visited, A:active {
	COLOR: #a9a9a9; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: normal;
}
A:hover {
	COLOR: #a9a9a9; 
	TEXT-DECORATION: underline; 
	FONT-WEIGHT: normal;
}
A.nav:link, A.nav:visited, A.nav:active {
	COLOR: #ffffff; 
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: normal;
}
A.nav:hover {
	COLOR: #CD3301; 
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: normal;
}
p, td{
	line-height: 1.5em;
}
p.mainIntro{
	font-size: 14px;
}
li{}

.prodDetails .prodDesc ul li {
color:#666666;
margin:3px 0px 0px;
width:100%;
}
.prodDetails .prodDesc ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
ul {
margin:10px;
padding:0px 0px 0px 15px;
}
div.prodDesc p {
margin:0pt;
}
div p {
padding:0.5em 0pt;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	line-height:100%;
	margin:0px;
	padding:0px;
}
h1{
	color:##D5D5D5;
	font-size:16px;
	margin:0;
}

h2 {
	font-size: 250%;
	color: #c8c8c8;
}
a.excel{
	color: #533192;	
}
a.glide{
	color: #339999;	
}
a.vibro{
	color: #7A026A;	
}
a.titus{
	color: #DB2414;	
}
a.neo{
	color: #CF6500;	
}
a.duo{
	color: #B20075;	
}
a.gyro{
	color: #DAB700;	
}
a.pod{
	color: #6CA838;	
}
a.o{
	color: #DAB700;	
}
.subtitle {
	color:#a9a9a9;
	float:left;
	font-size:14px;
	font-weight:normal;
	line-height:22px;
	margin:0pt;
	width:100%;
}
h3 {
	font-size: 200%;
}

h4 {
	font-size: 175%;
	font-weight: normal;
	color: #ff4b00;
}

h5 {
	font-size: 150%;
	color: #969696;
}

h6 {
	font-size: 125%;
	color: #ff4b00;
}

#site{
	width:780px;
	margin:auto;
	background:#FFFFFF;
}

#header{
	background:url(../images/header.png);
	height:105px;
	width:780px;
}
#strapline {
	PADDING-RIGHT: 0pt; PADDING-LEFT: 15.5em; Z-INDEX: 3; PADDING-BOTTOM: 0pt; WIDTH: 435px; PADDING-TOP: 2em
}
DIV#strapline  {
	FONT-WEIGHT: normal; FONT-SIZE: 1.1em; MARGIN: 0pt; COLOR: #999999; LINE-HEIGHT: 1.4em
}
DIV#strapline A {
	COLOR: #999999
}
#banner{
	text-align:center;
	margin: 25px 0 0;

}
#mainContent{	
	width:780px;
	float:left;
	background:#FFFFFF;
	padding: 20px 0 0;
}

#leftColumn{
	padding:0pt 0 0 8px;
	width:24%;
	float:left;
}

#content{
	width:70%;
	float:right;
	margin: 0 0 0 1%;
	padding: 0 5px 0 0;
}
#topNav{
	background:url(../images/topNav_bg.jpg) repeat-x;
	height:21px;
	width:100%;
}
#topNav ul.topLevel{
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	text-align:right;
	z-index:2;
	margin:1px;
	width:100%;
}
#topNav ul.topLevel li{
	padding:2px 17px 0;
	border-left:0px solid #FFFFFF;
	height:1.5em;
	float:right;
}
#topNav ul.topLevel li.on{
	background:#fff;
	color:#000;
}
#topNav ul.topLevel li:hover{	
	color:#000;
	background:#fff;
}
#topNav ul.topLevel li a{
	color:#DBDBDB;
	text-decoration:none;
}
#topNav ul.topLevel li a:hover{
	color:#000;
}
#howToOrder{
	padding: 0 0 0 5px;
}
#footer{
	float:left;
	margin:10px 0pt;
	width:100%;
}
.linkOn{
	color:#000 !important;
}
.prodContainer{
	width: 100%;
	margin: 5px 0;
	clear:both;
	float:left;
}
.prodImg img{
	width:250px;
	float:left;
}
.prodDetails{
	float:left;
	padding:0pt 0pt 0pt 10px;
	width:280px;
}
.prodTitle{
	float:left;
	width: 100%;
	color:#d5d5d5;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
}
.prodDesc{
	float:left;
	clear:both;
	width: 100%; 
}
.buyNow{
	border:1px solid #000000;
	clear:both;
	float:left;
	height:18px;
	margin:8px 0pt 0pt;
	padding:1px 0pt 0pt;
	text-align:center;
	width:100px;
}
.buyNow a{
	color:#000 !important;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	
}
.buyNow a:hover{
	color:#CC3300 !important;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
	
}

.contentheading,
.componentheading {
	margin: 0px 0px 5px 0px;
	/*padding: 5px 0px 5px 0px;*/
	/*font-family: Arial Narrow, Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	/*line-height: 100%;*/
	font-weight: normal;
	color: #d5d5d5;	
	letter-spacing:1px;
}

#content_container div p{
	padding:0.5em 0pt;
}
/* menu */
.click-menu {
    width: 200px;
}
.click-menu .box1 {
    background-color: #1E1E1E;   
	color: #fff; 
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
	border-width: 0px;
    border-color: #8402A4;
    border-style: dashed dashed dashed dashed;
    cursor: pointer;
    position: relative;
}
.click-menu .box1-hover {
    background-color: #D5D5D5;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
    border-width: 0px;
    border-color: #552B73;
    border-style: solid solid solid solid;
    cursor: pointer;
    position: relative;
}
.click-menu .box1-open {
    background-color: #1E1E1E;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
    border-width: 0px;
    border-color: #552B73;
    border-style: solid solid none solid;
    cursor: pointer;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #1E1E1E;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
    border-width: 0px;
    border-color: #552B73;
    border-style: solid solid none solid;
    cursor: pointer;
    position: relative;
}

.click-menu .orange, .click-menu .orange h1, .click-menu .orange h1 a{
	background:#D5D5D5;
	color:#000;	
}
.click-menu .box2 {
    background-color: #747474;    
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
	margin-bottom: 5px;
	border-width: 0px;
    border-color: #8402A4;
    border-style: dashed dashed dashed dashed;
    cursor: pointer;
    position: relative;
}
.click-menu .section .on {
    background-color: #D5D5D5;    
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
	margin-bottom: 5px;
	border-width: 0px;
    border-color: #8402A4;
    border-style: dashed dashed dashed dashed;
    cursor: pointer;
    position: relative;
}
.click-menu .section .on a{
	color:#000;
}
.click-menu .box2-hover{
    background-color: #747474;
    color: #000;
    font-weight: normal;
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    padding: 5px 5px;
	margin-bottom: 5px;
    border-width: 0px;
    border-color: #552B73;
    border-style: solid solid solid solid;
    cursor: pointer;
    position: relative;
}


.click-menu div h1, .click-menu div h1 a{
	color: #fff;
	FONT-SIZE: 11px;
	font-weight:normal;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}

.click-menu .section {
    background-color: #fff;
    FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana, tahoma;
    font-size: 11px;
    line-height: 10px;
    padding: 5px 0px 6px 8px;
    border-width: 0px;
    border-color: #552B73;
    border-style: none solid solid solid;
    display: none;
}
.click-menu .section a {
    color: #fff;
	FONT-SIZE: 11px;
	font-weight:normal;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: #fff;
	FONT-SIZE: 11px;
	font-weight:normal;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .box2 {
}
.click-menu .box2-hover {
    background: #000000;
}
.click-menu .section .active,.click-menu .section .active:hover {
    color: yellow;
}
/* menu */
.smallTxt {
	font-size:12px;
}
.left {
float:left;
}