/*--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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body{background:#382E22 url(images/body_bg.jpg) repeat-x center top;}
#loading_image{position:fixed; bottom:0; left:0; background:#880101; color:#fff; font-weight:bold; width:120px; height:30px; line-height:30px; padding:5px;}
#outer{width:1000px; margin:0 auto; text-align:center;}
#outer_full{width:1000px; margin:0 auto 100px auto; text-align:center;}
#header, #content, #footer{text-align:left;}

#navigation{height:41px; line-height:41px; float:right;}
#navigation ul{list-style-type:none; width:auto; margin:0;}
#navigation ul li{display:block; float:left;}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{height:41px; font-size:12px; display:block; float:left; color:#fff; padding:0 10px; text-decoration:underline;}
#navigation ul li.current_page_item a, #navigation ul li.current_page_item a:link, #navigation ul li.current_page_item a:visited,
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.selected{color:#fff; text-decoration:none;}

#header{padding:15px 0 0 0;}
#footer{background: transparent url(images/split.gif) repeat-x center top; margin:15px 0 0 0; padding:10px; width:980px; color:#fff;}
#footer_content{color:#fff; font-size:11px;}
#content_header{background: transparent url(images/content_header_bg.png) no-repeat center top; font-size:0; height:19px;}
#content{padding:0 20px; width:960px;}
#content_footer{background: transparent url(images/content_footer_bg.png) no-repeat center top; font-size:0; height:19px;}
#content{color:#4A4A4A; background: transparent url(images/content_bg.png) repeat-y center top;}

h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS",Arial,Georgia,Arial,Helvetica,sans-serif; font-size:25px; line-height:normal;}
h1{color:#5C4C3C;}
h2{font-size:23px; color:#6C8A40;}
h3{font-size:20px; color:#4A4A4A;}
h4{font-size:18px; color:#5b8900;}
h5{font-size:16px;}
h6{font-size:14px;}
p,h1,h2,h3,h4,h5,h6,ol,ul{margin:0 0 15px 0;}
p{line-height:18px;}
a, a:link, a:visited{color:#0665b5; text-decoration:none;}
a:hover, a:active{color:#3ca6ff; text-decoration:underline;}
.error{margin:0 0 10px 0; border-top:1px #f00 solid; border-bottom:1px #f00 solid; background:#ffe3e3; color:#f00; padding:5px;}
.success{margin:0 0 10px 0; border-top:1px #39f solid; border-bottom:1px #39f solid; background:#dbedff; color:#39f; padding:5px;}
.error p, .success p{margin:0;}
ul,ol{margin-left:30px;}
ul{list-style:disc;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}
.hide{display:none;}
.valid{font-weight:bold;}
.invalid{font-weight:bold; color:#f00;}
#tbub{margin:15px 0 0 0;}

div#feature_list {width: 750px; height: 240px; overflow: hidden; position: relative; margin:0;}
div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}
ul#tabs {left: 0; z-index: 2; width: 320px;}
ul#tabs li {font-size: 12px;}
ul#tabs li img {padding: 5px; border: none; float: left; margin: 10px 10px 0 0;}

ul#tabs li a, ul#tabs li a:link {
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
	color:#000;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url(images/feature-tab-current.png);
	color: #fff;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 463px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 463px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #fff;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
}

#tooltip{
	position:absolute;
	border:2px dashed #ff9000;
	background:#ffe400;
	padding:2px 5px;
	color:#000;
	display:none;
	z-index:100;
	}
.big{display:block; font-size:16px; font-weight:bold; padding: 7px 0 15px 0; text-transform: uppercase;}
.split_hz{margin:10px 0; border-top:1px #eee solid;}
table.signup_login{margin:10px 0;}
table.signup_login td{padding:5px;}
input.signup_login{border:2px #f4e6b9 solid; background:#f9f2db; width:300px; padding:2px; color:#333; font-size:14px; font-weight:bold;}


#product_footer {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 20; /*--Keeps the panel on top of all other elements--*/
	background: #544133;
	border-bottom: none;
	width: 1000px;;
	left:50%;
	margin-left:-500px;
	height:200px;
}

*html #product_footer { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#product_footer_on_off{position:absolute; height:20px; width:49px; top:-20px; left:0;}
.open{background:transparent url(images/products_close.gif) no-repeat top center; cursor:pointer;}
.close{background:transparent url(images/products_open.gif) no-repeat top center; cursor:pointer;}

/*----- Carousel------*/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 180px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 180px;
	text-align:center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/**
 * Overwrite for having a carousel with dynamic width.
 */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 920px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}


/*----- End carousel -------*/