/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; background-color: #111;}

a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper_bg {width:1025px; padding-top:10px; margin:0 auto; background-color:black; }
#site-wrapper { width:1025px; margin:0 auto; padding:0; }
#header { width:100%; height:190px; background-image:url(../images/ui-bg_loop_15_333333_21x21.png); background-repeat:repeat; }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(../images/headinfobg.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }
.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }
#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#content { width:100%; }
.tab-content{width:80%; min-height:500px;}
.tab-content-warranty{width:100%; min-height:500px;}
.tab-side{ width:15%; padding-left:5px; background-color:Aqua;}
#rightNav { float:left; width:20%;  }
#centerNav { float:left; width:100%; background-color:#EFEFEF; }
#right { float:left; width:80%; }
#footer { width:1025px; margin:0 auto; padding:0; text-align:center;}
#footer-images {padding-right:10px;}

.clear { clear:both; }
.slider-image {float:left;}
.fltRight{ float:right; padding-right:2px; padding-top:5px;}
.kite-mod-desc{width:600px;}
.kite-video{ float:right; padding-left:35px;}
.kite-video3{ float:right; padding-left:5px;}
.kite-mod2-buy{ text-align:center; padding-top:30px;}
.kite-mod3-buy{ text-align:center; padding-top:10px;}

.movie{ margin:1px 1px 1px 1px; float:right;}
.movie2{ margin:1px 1px 1px 1px; float:right;}
.movie3{ margin:1px 1px 1px 1px; float:right;}

.kite-mod-features{ border-style:solid; border-width:1px; border-color:#26b3f7; padding:5px 2px 5px 5px; }
.kite-mod-feature-buttons {padding-left:45px; padding-top:5px; }
.feature-wrap{height:380px;}

#kite-mod-1{ background-color:black; border-style:solid; border-width:1px; border-color:#26b3f7; width:860px; height:550px; overflow:hidden;}
#kite-mod-2{ background-color:#0972a5; border-style:solid; border-width:1px; border-color:#26b3f7; width:50px; height:550px; overflow:hidden;}
#kite-mod-3{ background-color:#0972a5; border-style:solid; border-width:1px; border-color:#26b3f7; width:50px; height:550px; overflow:hidden;}

#kite-mod-1-header { width:855;}
#kite-mod-2-header { width:855;}
#kite-mod-3-header { width:855;}

#mod-1-pic{display:none;}

#kite-mod-1-content{}
#kite-mod-2-content{display:none;}
#kite-mod-3-content{display:none;}

#kite-1-features-top{width:500px; padding:5px 2px 5px 5px; text-align:center; font-size:15px; border-style:solid; border-width:1px; border-color:#26b3f7; background-color:#0972a5;}
#kite-1-features { width:500px;}
#kite-1-tech { width:500px; display:none;}

#kite-2-features-top{width:300px; padding:5px 2px 5px 5px; text-align:center; font-size:15px; border-style:solid; border-width:1px; border-color:#26b3f7; background-color:#0972a5;}
#kite-2-features { width:300px;}
#kite-2-tech { width:300px; display:none;}

#kite-3-features-top{width:330px; padding:5px 2px 5px 5px; text-align:center; font-size:15px; border-style:solid; border-width:1px; border-color:#26b3f7; background-color:#0972a5;}
#kite-3-features { width:330px;}
#kite-3-tech { width:330px; display:none;}

.cl-warranty{width:390px; text-align:left;}
.cl-warranty-2{width:390px; text-align:left; padding-left:20px;}

.fb-share{ position:absolute; left:3px; top:10px;}



#modeltip { 
    display:none; 
    background:transparent url(jqtools/img/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}






/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 	    { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover   { background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	





/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:1000;
	}

/*  */





/* tooltip styling */ 
.picTT { 
    display:none; 
    background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 






td.news {background:url(../images/newsHeader);}