/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 398px; height: 299px; } 
	
	.coda-slider .panel img {
		float: left;
		display: inline;
		margin-left: 6px;
	}
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 398px }
	
	/* Arrow styling */
	.coda-nav-left a { float: left; display: inline; margin-top: -163px; position: relative; cursor: pointer; }
	.coda-nav-right a { float: right; display: inline; margin-top: -163px; position: relative; cursor: pointer; }
	.coda-nav-left a img, .coda-nav-right a img { border: 0; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background-position: left; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	/*.coda-nav { width: 100%; float: left; }
	.coda-nav ul { width: 100%; float: left; display: inline; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; margin-right: 1px; padding: 3px 6px; text-decoration: none }*/
	
	.coda-nav { width: 398px; height: auto; float: left; display: inline; }
	.coda-nav ul { width: 100px; height: auto; float: left; display: inline; list-style: none; margin-left: 165px; }
	.coda-nav ul li { float: left; display: inline; margin-right: 3px; }
	.coda-nav ul li a { width: 11px; height: 19px; float: left; display: inline; text-decoration: none; background: url(/img/slides_index/nav.gif) no-repeat right; }
	.coda-nav ul li a:hover { background-position: center; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	/* Take the tour */
	#takethetour .coda-slider-wrapper .coda-nav {
        width: 100%;
        float: left;
        display: inline;
        margin-top: 15px;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul {
        width: auto;
        margin: 0;
        padding: 0;
        margin-left: 50px;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul li {
        width: auto;
        float: left;
        display: inline;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul li a {
        width: auto;
        background: none;
        font-size: 14px;
        font-weight: bold;
        color: #C1C1C1;
        margin: 0 40px 0 40px;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul li a:hover {
        text-decoration: underline;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul li a.current {
        color: #1A3AA6;
    }
    #takethetour .coda-slider-wrapper .coda-nav ul li a.current:hover {
        text-decoration: none;
    }
    #takethetour .coda-slider-wrapper .coda-slider {
        width: 910px;
        height: 420px !important;
        margin-left: 25px;
        margin-top: 10px;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel {
        width: 910px;
        height: auto !important;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel img {
       margin: 0;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel #left {
        width: 212px;
        height: auto;
        float: left;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel #left dl {
        width: 200px;
        text-align: right;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel #left dl dt {
        float: right;
        font-size: 22px;
        font-weight: bold;
        background-color: #FFFF99;
        padding: 3px;
        margin-top: 17px;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel #left dl dd {
        width: 100%;
        float: right;
        display: inline;
        margin-top: 5px;
        margin-bottom: 8px;
        line-height: 18px;
    }
    #takethetour .coda-slider-wrapper .coda-slider .panel #right {
       width: 212px;
       height: auto;
       float: left;
   }
   #takethetour .coda-slider-wrapper .coda-slider .panel #right dl {
       width: 200px;
       float: right;
       text-align: left;
   }
   #takethetour .coda-slider-wrapper .coda-slider .panel #right dl dt {
       float: left;
       font-size: 22px;
       font-weight: bold;
       background-color: #FFFF99;
       padding: 3px;
       margin-top: 17px;
   }
   #takethetour .coda-slider-wrapper .coda-slider .panel #right dl dd {
       width: 100%;
       float: left;
       display: inline;
       margin-top: 5px;
       margin-bottom: 8px;
       line-height: 18px;
   }
   
   
   /* Features */
	#features .coda-slider-wrapper .coda-nav {
       width: 100%;
       float: left;
       display: inline;
       margin-top: 27px;
       background: url(/img/features_timeline.gif) no-repeat center top;
   }
   #features .coda-slider-wrapper .coda-nav ul {
       width: auto;
       margin: 0;
       padding: 0;
   }
   #features .coda-slider-wrapper .coda-nav ul li {
       width: 75px;
       height: 75px;
       float: left;
       display: inline;
       margin-left: 10px;
       margin-right: 37px;
       margin-top: 1px;
       text-align: center;
   }
   #features .coda-slider-wrapper .coda-nav ul li.alt {
       margin-right: 0;
   }
   #features .coda-slider-wrapper .coda-nav ul li a {
       width: 100%;
       height: auto;
       float: left;
       background: none;
       text-align: center;
       color: #1A3AA6;
       font-size: 12px;
   }
   #features .coda-slider-wrapper .coda-nav ul li a:hover {
        text-decoration: underline;
   }
   #features .coda-slider-wrapper .coda-nav ul li a img {
       border: 0;
       margin-bottom: 5px;
   }
   #features .coda-slider-wrapper .coda-nav ul li a span {
       width: 100%;
       float: left;
       line-height: 13px;
   }
   #features .coda-slider-wrapper .coda-slider {
       width: 850px;
       height: 390px !important;
       margin-left: 55px;
       margin-top: 10px;
   }
   #features .coda-slider-wrapper .coda-slider .panel {
       width: 850px;
       height: auto !important;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures {
       width: 794px;
       height: auto;
       float: left;
       display: inline;
       margin-left: 27px;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures {
       width: 794px;
       height: 313px;
       float: left;
       display: inline;
       margin-top: -1px;
       background: url(/img/slides_features/bg_features.jpg) no-repeat;
       position: relative;
       z-index:10;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures dl {
       width: 735px;
       height: auto;
       float: left;
       display: inline;
       margin-top: 18px;
       margin-left: 26px;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures dl dt {
       width: 100%;
       height: auto;
       float: left;
       display: inline;
       text-align: left;
       font-size: 28px;
       font-weight: bold;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures dl dd {
       width: 100%;
       height: auto;
       float: left;
       display: inline;
       margin-top: 2px;
       text-align: justify;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures dl dd img {
       float: right;
       display: inline;
       margin-left: 35px;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .contentfeatures .startfeatures {
       margin: 0;
       float: left;
       display: inline;
       margin-top: 18px;
       margin-left: 26px;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures {
       width: 100%;
       height: 22px;
       float: left;
       position: relative;
       z-index: 11;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img {
       margin: 0;
       float: left;
       display: inline;
   }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step1 { display: none; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step2 { margin-left: 75px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step3 { margin-left: 196px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step4 { margin-left: 318px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step5 { margin-left: 435px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step6 { margin-left: 562px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step7 { margin-left: 685px; }
   #features .coda-slider-wrapper .coda-slider .panel .boxfeatures .arrowfeatures img.step8 { display: none; }