@charset 'utf-8';
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 3px; }
.accordion li > h2 b {background-color: #F3F3F3; display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic li > h2 { background: #D7D7D7; color: #999999; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }

/****************************************** Dark */
.dark { padding: 5px 5px 5px 5px; background: #FFFFFF;}
.dark li > h2 { background: #FFFFFF; font-size: 16px; line-height: 2.7em; font-weight: bold;}
.dark li > h2 span { background: #F3F3F3; color: #828282; border: 1px solid #CCCCCC; text-shadow: -1px 1px 0 #FFFFFF;}
.dark li > h2 b { color: #f47a40; font-size: 20px; }
.dark h2.selected span, .dark h2.selected span:hover { 
	border: 1px solid #f47a40;
	-webkit-transition:border-color .3s ease-in;
	-moz-transition:border-color .3s ease-in;
	-o-transition:border-color .3s ease-in;
	transition:border-color .3s ease-in;
}
/*.dark h2.selected b { background: #434343\9; }*/
.dark li > div { background: #FFFFFF; margin-left: 5px; }

/* ****************************** Blueberry */
.blueberry { padding: 5px 5px 5px 5px; background: #FFFFFF;}
.blueberry li > h2 { background: #FFFFFF; font-size: 16px; line-height: 2.7em; font-weight: bold;}
.blueberry li > h2 span { background: #F3F3F3; color: #828282; border: 1px solid #CCCCCC; text-shadow: -1px 1px 0 #FFFFFF;}
.blueberry li > h2 b { color: #717AB3; font-size: 20px; }
.blueberry h2.selected span, .blueberry h2.selected span:hover
{ 
	border: 1px solid #717AB3;
	-webkit-transition:border-color .3s ease-in;
	-moz-transition:border-color .3s ease-in;
	-o-transition:border-color .3s ease-in;
	transition:border-color .3s ease-in;
}

.blueberry li > div { background: #FFFFFF; margin-left: 5px; }


/* ****************************** Bronze */
.bronze { padding: 5px 5px 5px 5px; background: #FFFFFF;}
.bronze li > h2 { background: #FFFFFF; font-size: 16px; line-height: 2.7em; font-weight: bold;}
.bronze li > h2 span { background: #F3F3F3; color: #828282; border: 1px solid #CCCCCC; text-shadow: -1px 1px 0 #FFFFFF;}
.bronze li > h2 b { color: #CEA306; font-size: 20px; }
.bronze h2.selected span, .bronze h2.selected span:hover
{ 
	border: 1px solid #CEA306;
	-webkit-transition:border-color .3s ease-in;
	-moz-transition:border-color .3s ease-in;
	-o-transition:border-color .3s ease-in;
	transition:border-color .3s ease-in;
}

.bronze li > div { background: #FFFFFF; margin-left: 5px; }


/* ****************************** Slime */
.slime { padding: 5px 5px 5px 5px; background: #FFFFFF;}
.slime li > h2 { background: #FFFFFF; font-size: 16px; line-height: 2.7em; font-weight: bold;}
.slime li > h2 span { background: #F3F3F3; color: #828282; border: 1px solid #CCCCCC; text-shadow: -1px 1px 0 #FFFFFF;}
.slime li > h2 b { color: #A9AC07; font-size: 20px; }
.slime h2.selected span, .slime h2.selected span:hover
{ 
	border: 1px solid #A9AC07;
	-webkit-transition:border-color .3s ease-in;
	-moz-transition:border-color .3s ease-in;
	-o-transition:border-color .3s ease-in;
	transition:border-color .3s ease-in;
}

.slime li > div { background: #FFFFFF; margin-left: 5px; }





/****************************************** Standard Blue */

.standardBlue { padding: 5px 5px 5px 5px; background: #FFFFFF;}
.standardBlue li > h2 { background: #FFFFFF; font-size: 16px; line-height: 2.7em; font-weight: bold;}
.standardBlue li > h2 span { background: #F3F3F3; color: #828282; border: 1px solid #CCCCCC; text-shadow: -1px 1px 0 #FFFFFF;}
.standardBlue li > h2 b { color: #1D94B4; font-size: 20px; }
.standardBlue h2.selected span, .standardBlue h2.selected span:hover
{ 
	border: 1px solid #1D94B4;
	-webkit-transition:border-color .3s ease-in;
	-moz-transition:border-color .3s ease-in;
	-o-transition:border-color .3s ease-in;
	transition:border-color .3s ease-in;
}

.standardBlue li > div { background: #FFFFFF; margin-left: 5px; }



/*************************************** Rounded */
.rounded { -webkit-border-radius: 4px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/***************************************** Light */
/**************************************** Stitch */

.slider-inner {
	padding: 20px;
}

.slider-inner h3 {
	color: #666666;
	margin: 0px 0px 0px 20px;
}

.slider-inner p {
	padding: 20px;
}

.sliderContentList 
{
    padding: 0px;
    margin:  0px 20px 0px 20px;
}

.with-list-below
{
    margin-bottom: 5px;
    padding: 0px 0px 5px 0px;
}

#vw-img {
	position: absolute;
	bottom: 0;
	margin-left: 80px;
	z-index: -1;
}