/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/
html {
font-size:14px;
}
body {
color:#333333;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
text-align:left; font-weight:normal;
font-style:normal;
background:#FFFFFF;
}
div.container {
background:transparent;
}
/*------------ SCREEN < 768px AND < TEMPLATE WIDTH ---------------*/
@media (max-width: 767px) {
.container {
width: 100%;
}
[class*="span"] {
width: 100%;
}
.two [class*="span"] {
width: 50%;
}
.full .container, .full .row {
width:100%;
}
.full .cell_pad {
margin: 0;
padding: 0;
}
}
/*------------ SCREEN >= 768px AND < TEMPLATE WIDTH ---------------*/
@media (min-width: 768px) {
.container {
width: 750px;
}
.span1 {
width: 8.33333333%;
}
.span2 {
width: 16.66666667%;
}
.span3 {
width: 25%;
}
.span4 {
width: 33.33333333%;
}
.span5 {
width: 41.66666667%;
}
.span6 {
width: 50%;
}
.span7 {
width: 58.33333333%;
}
.span8 {
width: 66.66666667%;
}
.span9 {
width: 75%;
}
.span10 {
width: 83.33333333%;
}
.span11 {
width: 91.66666667%;
}
.span12 {
width: 100%;
}
.full .container, .full .row {
width:100%;
}
.full .cell_pad {
margin: 0;
padding: 0;
}
}
/*------------ SCREEN >= 992px AND < TEMPLATE WIDTH ---------------*/
@media (min-width: 992px) {
.container {
width: 970px;
}
}
/*------------ SCREEN >= TEMPLATE WIDTH ---------------*/
@media (min-width: 1230px) {
.container, .row {
width:1200px;
}
[class*="span"] {
margin-left: 0;
}
.content_sparky {
width:49.99999998%;
}
}
.one .span1 {
width: 8.33333333%;
}
.one .span2 {
width: 16.66666667%;
}
.one .span3 {
width: 25%;
}
.one .span4 {
width: 33.33333333%;
}
.one .span5 {
width: 41.66666667%;
}
.one .span6 {
width: 50%;
}
.one .span7 {
width: 58.33333333%;
}
.one .span8 {
width: 66.66666667%;
}
.one .span9 {
width: 75%;
}
.one .span10 {
width: 83.33333333%;
}
.one .span11 {
width: 91.66666667%;
}
.one .span12 {
width: 100%;
}
.fluid .container, .fluid .container .row {
width: 100%;
}
.cell_pad {
padding:0px 0px;
margin:0px 10px;
}
/*------------ COMMON SETTINGS ---------------*/
a {
color:#8B1E20;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:none;
}
h1, h1 a {
color:#333333;
font-size:32px;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
text-align:left; font-weight:normal;
font-style:normal;
}
h2, h2 a {
color:#333333;
font-size:28px;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
text-align:left; font-weight:normal;
font-style:normal;
}
h3 {
color:#333333;
font-size:18px;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
text-align:left; font-weight:normal;
font-style:normal;
}
h4 {
color:#333333;
font-size:16px;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
text-align:left; font-weight:normal;
font-style:normal;
}
img {
border:none;
}
/*--------------LOGO----------------*/
.sparky_logo, .sparky_logo a {
color:#999999;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:normal;
text-align:left; text-decoration:none;
}
.sparky_slogan {
color:#999999;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:normal;
text-align:left;}
/*--------------DROP-DOWN----------------*/
ul.mnu_mainmenu {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:100;
white-space:nowrap;
text-align:left;
position:relative;
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
}
.mnu_mainmenu ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:100;
background:#eeeeee;
}
.mnu_mainmenu ul {
width:160px;
border:1px solid #dddddd;
padding:12px;
}
.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
display:block;
margin:0;
text-decoration:none;
color:#666666;
font-size:14px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:0;
font-weight:normal;
font-style:normal;
height:30px;
cursor:pointer;
}
.mnu_mainmenu > li.active > a, .mnu_mainmenu > li.active > span {
color:#000000 !important;
cursor:pointer;
}
.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a,
.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
color:#dddddd;
}
.mnu_mainmenu > li {
display:inline-block;
position:relative;
text-align:center; margin:0;
padding:0;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
background:#dddddd;
}
.mnu_mainmenu > li.active {
background:#ffcc00;
}
.mnu_mainmenu > li:first-child {
border-left:1px solid #cccccc;
}
.mnu_mainmenu li:hover {
position:relative;
background:#666666;
}
.mnu_mainmenu li ul li:hover {
background:#e6e6e6;
}
.mnu_mainmenu li ul li {
height:25px;
border-bottom:1px solid #dddddd;
padding:0 10px;
text-align:left;}
.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
line-height:25px;
font-size:14px;
color:#333333;
font-weight:normal;
font-style:normal;
padding-top:0;
cursor:pointer;
}
.mnu_mainmenu li ul li:hover > a,
.mnu_mainmenu li ul li:hover > span {
color:#333333;
}
.mnu_mainmenu li ul ul {
left:160px;
margin-top:-12px;
}
.mnu_mainmenu ul ul {
top:0px;
}
.mnu_mainmenu .sub {
font-size:10px;
line-height:normal;
display:block;
}
.mnu_mainmenu > li > ul {
display: none;
}
/*--------------ACCORDION----------------*/
.mnu_menu-links ul {
background:#ffffff;
}
.mnu_menu-links li, .mnu_menu-links li li ul {
border:1px solid #ffffff;
border-radius:5px;
background:#ffffff;
}
.mnu_menu-links li a {
font-family:"Segoe UI", Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}
.mnu_menu-links li a:hover {
color:#666666 !important;
}
.mnu_menu-links li ul li a {
color:#666666;
font-size:14px;
}
.mnu_menu-links li ul li a:hover {
color:#666666 !important;
}
select.tinynav {
float: right;
width: 40px;
height: 30px;
border:none;
text-indent: -9999px;
background: url(/images/tinynav.png);
-webkit-appearance: button;
border-radius: 0;
}
select.tinynav:before {
content: "\f061";
}
/*--------------SCROLL TO TOP----------------*/
#back-top {
position: fixed;
bottom: 25px;
right: 25px;
}
#back-top span {
width: 60px;
height: 60px;
display: block;
margin-bottom: 7px;
background: url(/images/top.png) no-repeat center center;
cursor: pointer;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
/*--------------FONT RESIZE----------------*/
#font_resize a {
padding:0 2px;
}