/*
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM                                MMMMMM
MMMM                              ?MMMMMMM
MMMM                             MMMMMMMMM
MMMM                           MMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM                   MMMMMMMMMMMMMMMMMMM
MMMM                 ?MMMMMMMMMMMMMMMMMMMM
MMMM                MMMMMMMMMMMMMMMMMMMMMM
MMMM              ?MMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      ?MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM     MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM   MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM IMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
*/

/* #Reset & Basics
================================================== */
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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		/* customize_background */ background-color:#337533; /* customize_background */
		background-image: url(/packages/radius/themes/radius/images/grain-bg-1.png);
		background-repeat: repeat;
		font-size: 14px;
		line-height: 22px;
		font-family: 'Vollkorn';
		font-weight: 400;
		color: #444444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
	h1 { font-family: 'Ubuntu';font-weight: 400;/* customize_h1 */ color:#444444; /* customize_h1 */font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-family: 'Ubuntu';font-weight: 300;/* customize_h2 */ color:#444444; /* customize_h2 */font-size: 35px; line-height: 40px; margin-bottom: 15px; }
	h3 { font-family: 'Ubuntu';font-weight: 400;/* customize_h3 */ color:#444444; /* customize_h3 */font-size: 24px; line-height: auto; margin-bottom: 12px; }
	h4 { font-family: 'Ubuntu';font-weight: 400;/* customize_h4 */ color:#444444; /* customize_h4 */font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-family: 'Ubuntu';font-weight: 400;/* customize_h5 */ color:#444444; /* customize_h5 */font-size: 17px; line-height: 24px; }
	h6 { font-family: 'Ubuntu';font-weight: 400;/* customize_h6 */ color:#444444; /* customize_h6 */font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { font-family: 'Vollkorn';font-weight: 400;/* customize_body */ color:#444444; /* customize_body */margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 22px; line-height: 28px; color: #444444; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 2px dotted #444444; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: dotted #ddd; border-width: 2px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
	
	pre, code {
	font-family: monospace;
	}


/* #Links
================================================== */
	a, a:visited { /* customize_link */ color:#669900; /* customize_link */ text-decoration: underline; outline: 0; }
	a:hover, a:focus { /* customize_link_hover */ color:#476b00; /* customize_link_hover */ }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;margin-left: 20px; }
	ul { list-style: disc;padding-left: 15px; }
	ol { list-style: decimal;padding-left: 15px; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;}
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	.inputs-list {list-style: none;padding-left: 0;}

/* #Images
================================================== */

	img {
		max-width: 100%;
		height: auto; 
		display: block;}


/* #Base 960 Grid
================================================== */

	.fcontainer                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.fcontainer .column,
	.fcontainer .columns                         { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
	.row                                        { margin-bottom: 20px; }
	
	/* Nested Column Classes */
	.column.alpha, .columns.alpha               { margin-left: 0; }
	.column.omega, .columns.omega               { margin-right: 0; }
	
	/* Base Grid */
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 30px;  }
	.fcontainer .two.columns                     { width: 90px; }
	.fcontainer .three.columns                   { width: 150px; }
	.fcontainer .four.columns                    { width: 210px; }
	.fcontainer .five.columns                    { width: 270px; }
	.fcontainer .six.columns                     { width: 330px; }
	.fcontainer .seven.columns                   { width: 390px; }
	.fcontainer .eight.columns                   { width: 450px; }
	.fcontainer .nine.columns                    { width: 510px; }
	.fcontainer .ten.columns                     { width: 570px; }
	.fcontainer .eleven.columns                  { width: 630px; }
	.fcontainer .twelve.columns                  { width: 690px; }
	.fcontainer .thirteen.columns                { width: 750px; }
	.fcontainer .fourteen.columns                { width: 810px; }
	.fcontainer .fifteen.columns                 { width: 870px; }
	.fcontainer .sixteen.columns                 { width: 930px; }
	
	.fcontainer .one-third.column                { width: 290px; }
	.fcontainer .two-thirds.column               { width: 610px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 60px;  }
	.fcontainer .offset-by-two                   { padding-left: 120px; }
	.fcontainer .offset-by-three                 { padding-left: 180px; }
	.fcontainer .offset-by-four                  { padding-left: 240px; }
	.fcontainer .offset-by-five                  { padding-left: 300px; }
	.fcontainer .offset-by-six                   { padding-left: 360px; }
	.fcontainer .offset-by-seven                 { padding-left: 420px; }
	.fcontainer .offset-by-eight                 { padding-left: 480px; }
	.fcontainer .offset-by-nine                  { padding-left: 540px; }
	.fcontainer .offset-by-ten                   { padding-left: 600px; }
	.fcontainer .offset-by-eleven                { padding-left: 660px; }
	.fcontainer .offset-by-twelve                { padding-left: 720px; }
	.fcontainer .offset-by-thirteen              { padding-left: 780px; }
	.fcontainer .offset-by-fourteen              { padding-left: 840px; }
	.fcontainer .offset-by-fifteen               { padding-left: 900px; }
	
	#responsive-nav {
	display: none;
	}	
	
/* #Tablet (Portrait)
================================================== */
	
	/* Note: Design for a width of 768px */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.fcontainer                                  { width: 768px; }
	.fcontainer .column,
	.fcontainer .columns                         { margin-left: 10px; margin-right: 10px;  }
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 28px; }
	.fcontainer .two.columns                     { width: 76px; }
	.fcontainer .three.columns                   { width: 124px; }
	.fcontainer .four.columns                    { width: 172px; }
	.fcontainer .five.columns                    { width: 220px; }
	.fcontainer .six.columns                     { width: 268px; }
	.fcontainer .seven.columns                   { width: 316px; }
	.fcontainer .eight.columns                   { width: 364px; }
	.fcontainer .nine.columns                    { width: 412px; }
	.fcontainer .ten.columns                     { width: 460px; }
	.fcontainer .eleven.columns                  { width: 508px; }
	.fcontainer .twelve.columns                  { width: 556px; }
	.fcontainer .thirteen.columns                { width: 604px; }
	.fcontainer .fourteen.columns                { width: 652px; }
	.fcontainer .fifteen.columns                 { width: 700px; }
	.fcontainer .sixteen.columns                 { width: 748px; }
	
	.fcontainer .one-third.column                { width: 236px; }
	.fcontainer .two-thirds.column               { width: 492px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 48px; }
	.fcontainer .offset-by-two                   { padding-left: 96px; }
	.fcontainer .offset-by-three                 { padding-left: 144px; }
	.fcontainer .offset-by-four                  { padding-left: 192px; }
	.fcontainer .offset-by-five                  { padding-left: 240px; }
	.fcontainer .offset-by-six                   { padding-left: 288px; }
	.fcontainer .offset-by-seven                 { padding-left: 336px; }
	.fcontainer .offset-by-eight                 { padding-left: 384px; }
	.fcontainer .offset-by-nine                  { padding-left: 432px; }
	.fcontainer .offset-by-ten                   { padding-left: 480px; }
	.fcontainer .offset-by-eleven                { padding-left: 528px; }
	.fcontainer .offset-by-twelve                { padding-left: 576px; }
	.fcontainer .offset-by-thirteen              { padding-left: 624px; }
	.fcontainer .offset-by-fourteen              { padding-left: 672px; }
	.fcontainer .offset-by-fifteen               { padding-left: 720px; }
	
	#responsive-nav {
	display: none;
	}
	
	#back-top {
	display: none;
	}
		
	}
	
	
/*  #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
	.fcontainer { width: 300px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column  { width: 270px; padding: 0 15px; }
	
	/* Offsets */
	.fcontainer .offset-by-one,
	.fcontainer .offset-by-two,
	.fcontainer .offset-by-three,
	.fcontainer .offset-by-four,
	.fcontainer .offset-by-five,
	.fcontainer .offset-by-six,
	.fcontainer .offset-by-seven,
	.fcontainer .offset-by-eight,
	.fcontainer .offset-by-nine,
	.fcontainer .offset-by-ten,
	.fcontainer .offset-by-eleven,
	.fcontainer .offset-by-twelve,
	.fcontainer .offset-by-thirteen,
	.fcontainer .offset-by-fourteen,
	.fcontainer .offset-by-fifteen { padding-left: 0; }
		
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}	
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}
		
	}
	
	
/* #Mobile (Landscape)
================================================== */
	
	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.fcontainer { width: 420px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column { width: 390px; padding: 0 15px; }
	
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}
		
	}
	
	
/* #Clearing
================================================== */
	
	/* Self Clearing Goodness */
	.fcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
	.row:after,
	.clearfix:after {
	clear: both; }
	.row,
	.clearfix {
	zoom: 1; }
	
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
/* THEME STYLES */
	
/* #General
================================================== */

#top-bar-wrap {
width: 100%;
/* customize_top_bar_wrap_background */ background-color:transparent; /* customize_top_bar_wrap_background */
border-top: 4px solid;
/* customize_top_border_color */ border-color:#444444; /* customize_top_border_color */
}

#header-wrap {
width: 100%;
/* customize_header_wrap_background */ background-color:transparent; /* customize_header_wrap_background */
}

#main-wrap {
width: 100%;
/* customize_main_wrap_background */ background-color:transparent; /* customize_main_wrap_background */
}

#footer-top-wrap {
width: 100%;
/* customize_footer_wrap_top_background */ background-color:transparent; /* customize_footer_wrap_top_background */
}

#footer-bottom-wrap {
width: 100%;
/* customize_footer_wrap_bottom_background */ background-color:transparent; /* customize_footer_wrap_bottom_background */
}

#top-bar {
padding: 20px 0;
/* customize_top_bar_background */ background-color:#337533; /* customize_top_bar_background */
border-radius: 0 0 5px 5px;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
display: none;
}

header {
/* customize_header_background */ background-color:transparent; /* customize_header_background */
border-radius: 0 5px 0 0;
}

#header {
padding: 10px 0 30px 0;
}

#main {
padding: 30px 0;
/* customize_main_background */ background-color:#ffffff; /* customize_main_background */
border-radius: 0 5px 0 0;
}

footer {

}

#footer-top {
padding: 20px 0;
/* customize_footer_top_background */ background-color:#337533; /* customize_footer_top_background */
border-radius: 0 0 5px 5px;
background-image: url(/packages/radius/themes/radius/images/grain-bg-1.png);
background-repeat: repeat;
}

#footer-bottom {
padding: 20px 0;
/* customize_footer_bottom_background */ background-color:transparent; /* customize_footer_bottom_background */
}

#banner {
margin-bottom: 30px;
}

#banner img {
border-radius: 5px;
}

#copyright p {
margin-bottom: 0px;
}

#login {
text-align: right;
}

#login p {
margin-bottom: 0px;
}

/* Show/Hide */

.top-bar-show-hide {
width: auto;
height: auto;
border-radius: 0 0 5px 5px;
position: relative;
float: right;
margin-right: 15px;
}

.top-bar-show-hide span p {
/*
position: absolute;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.5);
left: 12px;
*/
/* customize_tab_link_colour */ color:#FFFFFF; /* customize_tab_link_colour */
font-family: 'Oswald';
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
line-height: 12px;
cursor: move;
margin-bottom: 0;
padding: 5px 10px;
}

.top-bar-show-hide:hover {
/* customize_expand_button_hover_colour */ background-color:#606060; /* customize_expand_button_hover_colour */
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

.top-bar-show-hide {
/* customize_expand_button_colour */ background-color:#444444; /* customize_expand_button_colour */
}

/* #Navigation
================================================== */

/* IPAD */

#controls li {
    display: block;
}

#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

#controls li .hover_controls {
    float: right;
    display: none;
}

#controls li:hover .hover_controls {
    display: block;
}

#controls {
margin: 0;
padding: 0;
}

/* HORIZONTAL */

#horizontal-nav {
padding: 0;
}

#horizontal-nav ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}

#horizontal-nav ul li {
position: relative;
float: left;
margin-bottom: 0;
}

#horizontal-nav ul li a {
float: left;
height: 32px;
margin-right: 5px;
padding: 0 20px;
position: relative;
/* customize_nav_tab_colour */ background-color:#e6e6e6; /* customize_nav_tab_colour */
background-image: url(/packages/radius/themes/radius/images/tab-bottom-shadow.png);
background-position: bottom center;
background-repeat: repeat-x;
line-height: 32px;
border-radius: 5px 5px 0 0;
-webkit-transition: all 0.5s ease; /* For chrome & safari */
-moz-transition: all 0.5s ease; /* For mozilla firefox */
-o-transition: all 0.5s ease; /* For opera */
transition: all 0.5s ease;
/* customize_nav_link_colour */ color:#454545; /* customize_nav_link_colour */
font-family: 'Oswald';
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.8px;
text-decoration: none;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected {
/* customize_nav_tab_hover_colour */ background-color:#FFFFFF; /* customize_nav_tab_hover_colour */
/* customize_nav_link_hover_colour */ color:#444444; /* customize_nav_link_hover_colour */
background-image: none;
}

#horizontal-nav ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
z-index: 25;
/* customize_sub_nav_background_colour */ background-color:#FFFFFF; /* customize_sub_nav_background_colour */
border-radius: 0 0 5px 5px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li:hover > ul {
opacity: 1;
position: absolute;
top: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#horizontal-nav ul li ul li {
margin: 0;
padding: 0;
}

#horizontal-nav ul li ul li a {
margin: 0;
padding: 10px;
height: auto;
width: 180px;
display: block;
text-align: left;
line-height: normal;
/* customize_sub_nav_link_colour */ color:#444444; /* customize_sub_nav_link_colour */
background-image: none;
background-color: transparent;
line-height: normal;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
}

#horizontal-nav ul li ul li:last-child a {
border-bottom: 2px dotted rgba(255,255,255,0);
}

#horizontal-nav ul li ul li a:hover, #horizontal-nav ul li ul li a.nav-path-selected {
/* customize_sub_nav_hover_colour */ background-color:#444444; /* customize_sub_nav_hover_colour */
/* customize_sub_nav_link_hover_colour */ color:#FFFFFF; /* customize_sub_nav_link_hover_colour */
}

#horizontal-nav ul li ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
padding: 0; 
margin: 0;
z-index: 25;
background-color: #FFFFFF; 
border-radius: 0 0 0 0;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li ul li:hover > ul {
opacity: 1;
position: absolute;
top: 0;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

/* VERTICAL */

#vertical-nav {
margin: 0;
padding: 0;
}

#vertical-nav ul {
padding: 10px;
list-style: none;
border: 1px solid #000000;
}

#vertical-nav ul li {
margin: 0;
padding: 0;
position: relative;
}

#vertical-nav ul li a {
display: block;
color: #444444;
border-bottom: 1px dotted rgba(255,255,255,0.5);
padding: 10px 5px;
margin: 0;
text-decoration: none;
}

#vertical-nav ul li:hover {

}

#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected, #vertical-nav ul li a.nav-path-selected {
}

#vertical-nav ul li.nav-selected {

}

#vertical-nav ul li.nav-path-selected {

}

#vertical-nav ul li ul {
height: auto;
width: 200px;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
margin: 0;
z-index: 25;
}

#vertical-nav ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#vertical-nav ul li ul li a {

}

#vertical-nav ul li ul li a:hover, #vertical-nav ul li ul li a.nav-selected, #vertical-nav ul li ul li a.nav-path-selected {

}

#vertical-nav ul li.nav-dropdown > a:after {

}

#vertical-nav ul li ul li.nav-dropdown > a:after {

}

/* RESPONSIVE */

#responsive-nav {
padding: 0;
margin: 15px 0 15px 0;
}

#responsive-nav select {
width: 100%;
border: 1px solid rgba(0,0,0,0.1);
padding: 5px;
border-radius: 5px;
}

/* #Buttons
================================================== */

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-size: 14px;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

/* Back To Top */

#back-top {
bottom: 43%;
position: fixed;
right: 20px;
}

#back-top a {
/* customize_back_to_top_color */ background-color:#FFFFFF; /* customize_back_to_top_color */
box-shadow: 0 0 3px rgba(0,0,0,0.1);
background-image: url(/packages/radius/themes/radius/images/grain-bg-1.png);
background-repeat: repeat;
height: 40px;
width: 40px;
text-indent: -999999px;
display: block;
border-radius: 40px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#back-top a:hover {
/* customize_back_to_top_hover_color */ background-color:#000000; /* customize_back_to_top_hover_color */
}

#back-top a span {
background-image: url(/packages/radius/themes/radius/images/back-to-top-icon.png);
background-position: center center;
background-repeat: no-repeat;
height: 40px;
width: 40px;
display: block;
}

/* Form Focus */

.input-focus {
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

/* Copyright */

#copyright {
font-size: 90%;
line-height: 32px;
}

/* customize_miscellaneous */  /* customize_miscellaneous */