@charset "utf-8";

/* CSS Document */

/*===========================================================================CSS BY html5 ====================*/

/**

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)

 * http://cssreset.com

 */

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,

table, caption, tbody, tfoot, thead, tr, th, td,

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;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

blockquote, q {

	quotes: none;

}

.trash-recptacle tr td
{
 vertical-align:top!important;
 padding-top:20px;
padding-left:20px;
}

.bus-shelter-cantilever tr td
{
 vertical-align:top!important;
 padding:20px;
}

.bus-shelter-cantilever tr td img
{
margin-bottom:20px;
}


blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.email-button
{
    float: right;
    text-decoration: none;
    /* border: 1px solid #888181; */
    padding: 10px;
    border-radius: 5px;
    background:#000000;
    color: white;
}

.box-title
{
text-align:center;font-size:20px;margin-top:10px;margin-bottom:10px;
}



@font-face {

font-family: 'Yanone Kaffeesatz';

font-style: normal;

font-weight: 400;

src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff') format('woff');

}

@font-face {

font-family: 'Yanone Kaffeesatz';

font-style: normal;

font-weight: 700;

src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRWwXwFHHZlCwprwJOQ-Se7k.woff') format('woff');

}

.clear {

clear: both;

}





/* =Fonts

-------------------------------------------------------------- */

/*body,*/

input, textarea, .page-title span, .pingback a.url {

font-family: Georgia, "Bitstream Charter", serif;

}

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {

font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}

input[type=submit] {

font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}

pre {

font-family: "Courier 10 Pitch", Courier, monospace;

}

code {

font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

/* =Global Elements

-------------------------------------------------------------- */





img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {

max-width: 100%;

height: auto;

}  	/* When images are too wide for containing element, force them to fit. */

/* Override height to match resized width for correct aspect ratio. */



.alignleft, img.alignleft {

display: inline;

float: left;

margin-right: 24px;

margin-top: 4px;

}

.alignright, img.alignright {

display: inline;

float: right;

margin-left: 24px;

margin-top: 4px;

}

.aligncenter, img.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignleft, img.alignright, img.aligncenter {

margin-bottom: 12px;

}

body {

z-index: -100;

font: 12px Arial, Helvetica, sans-serif;

background-color: #333;

background-image: url(images/bgrepeat.png);

background-repeat: repeat;

}

* {

margin: 0;

padding: 0;

}

#wrapper {

margin: 0 auto;

width: 1100px;

}

#pageshadow {

background-image: url(images/body-bg.png);

background-repeat: no-repeat;

background-position: center top;

}

#container {

background: #fff;

margin: 0 auto;

width: 960px;

}

.header {

width: 960px;

//height: 160px;
height:100px;

background: url(images/header.jpg) no-repeat;

}

.header h1 {
	color: white;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 120%;
	font-weight: normal;
	text-shadow: 4px 4px 4px black;
	//padding-top: 10px;
        padding-top: 3%;
	padding-left: 10px;

}

.sidebar-img
{
 width:100%;
}

.sidebar-title
{
 margin:10px 0px;
 text-align:center;
 font-size:14px;
}

.sidebar-title1
{
 margin:10px 50px;
 font-size:14px;
}
.sidebar-title3
{
 margin:10px 30px;
 font-size:14px;
}

.bus-box tr td
{
padding:10px;
}

.bus-box tr td img
{
 
 height:300px;
 width:100%;
}

.shade-table tr td
{
 width:50%;
 padding:10px;
}

.table-con tr td
{
padding-left:20px;
}

.align-title
{
text-align:center!important;
}

.table-canopy tr td img
{

width: 360px;
height:240px;

margin:10px;

}

.list-content
{

margin-left:20px;
margin-bottom:20px;

}

.shade-table tr td img
{
 width:100%;
 height:300px;
}

.shade-table tr td a
{
margin-top:10px;
}


.content, .content_12 {

float: left;

width: 582px;

clear: both;

}

.content_13 {

width: auto;

padding: 0 115px;

}

.content_12 p {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #777;

line-height: 22px;

}

.content h1 {

margin-top: 20px;

color: #272727;

letter-spacing: -1px;

margin-bottom: 10px;

font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;

font-size: 36px;

font-style: normal;

line-height: 120%;

font-weight: normal;

font-variant: normal;

padding-left: 10px;

border-bottom:1px solid #ddd;

padding-bottom:5px;

}

.content_13 h1, .content_12 h1 {

margin: 20px 0 10px -10px;

color: #272727;

letter-spacing: -1px;

font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;

font-size: 36px;

font-style: normal;

line-height: 120%;

font-weight: normal;

font-variant: normal;

padding-left: 10px;

}

.content h2 {

color: #A60002;

margin-bottom: 10px;

font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;

font-size: 32px;

line-height: 120%;

font-weight: bold;

padding-left: 10px;

}

.content p.p_2, .content p {

font-size: 12px;

color: #444445;

line-height:22px;

padding: 0 0 10px 10px;

}

.sidebar, .sidebar_2 {

padding:10px;

float: right;

width: 320px;

background: #f5f5f5;

border: 1px solid #dadada;

}

.sidebar h2, .sidebar_2 h2 {

font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;

font-weight: normal;

color: white;

font-size: 21px;

line-height: normal;

margin-bottom: 0px;

-moz-border-radius-topright: 4px;

-moz-border-radius-topleft: 4px;

-webkit-border-top-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

padding-top: 4px;

padding-right: 8px;

padding-bottom: 4px;

padding-left: 8px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 0px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #666;

border-right-color: #666;

border-bottom-color: #666;

border-left-color: #666;

background-color: #910800;

border-top-right-radius: 4px 4px;

border-top-left-radius: 4px 4px;

}

.sidebar p {

line-height: 25px;

}

#wrapper_footer {

margin: 0 auto;

width: 960px;

color: #BEC5CB;

padding: 10px 0px;

background-color: #13161A;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

}

.footer {

margin: 0 auto;

width: 960px;

padding:0 10px;

}

.coyright {

float: left;

width:70%;

}

.icon {

float: right;

width: 25%;

}

.icon P {

margin-top: 8px;

float: left;

width: auto;

margin-right: 10px

}

.icon img {

float: left;

margin-top: 7px;

margin-right: 10px;

}

img.pic {

margin: 0 20px;

}

.content_botoom {

background: #ccc;

border-top: 1px solid #000;

}

.content_bot {

float: left;

}

img.add {

float: right;

margin-top: -5px;

margin-right: 10px;

}

.add_cart {

float: right;

width: 200px;

height: 41px;

background: #E8E8E8;

margin-top: -40px;

}

span.item {

color: #000;

}

/****************************MENU*******************************/

#nav {

z-index: 10;

position: relative;

background: #333;

background: url(images/nav-bg.jpg) repeat-x bottom;

font: 12px Arial, Helvetica, sans-serif;

height: 40px;

border-right-width: 1px;

border-left-width: 1px;

border-right-style: solid;

border-left-style: solid;

border-right-color: #000;

border-left-color: #000;

}

#nav_12 {

z-index: 10;

position: relative;

background: #40474f;

font: 12px Arial, Helvetica, sans-serif;

height: 40px;

}

.sf-menu, .sf-menu * {

margin: 0;

padding: 0;

list-style: none;

}

.sf-menu {

line-height: 1.0;

}

.sf-menu ul {

position: absolute;

top: -999em;

width: 12em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

width: 100%;

}

.sf-menu li:hover {

visibility: inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

float: left;

position: relative;

}

.sf-menu a {

display: block;

position: relative;

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

left: 0;

top: 37px; /* match top ul list item height */

z-index: 99;

}

/* ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {

top: -999em;

} */

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li:hover li li:hover ul, ul.sf-menu li.sfHover li li.sfHover ul {

left: 12em; /* match ul width */

top: -1px; /* to accomodate top border */

}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {

top: -999em;

}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {

left: 12em; /* match ul width */

top: 0;

}

.sf-menu {

float: left;

margin-bottom: 0em;

width: 960px;

font-size: 11px;

}

.sf-menu a { /* top level menu items */

padding: 16.5px 12px;

text-decoration: none;

}

.sf-menu li li a {

border-bottom: 1px solid #000; /* sub menu borders */

border-left: 1px solid #000;

border-right: 1px solid #000;

padding: 10px 12px;	/* set drop down menu height by adjusting the 10px value */

line-height: 18px;

width: 210px;

background: #444;

}

.sf-menu li li:first-child {

border-top: 1px solid #000; /* sub menu top border */

}

.sf-menu a, .sf-menu a:visited { /* main level menu color */

color: #FFF;

}

.sf-menu a:hover {

color: #ccc;

}

.sf-menu li li a, .sf-menu li li a:visited { /* sub menu text color */

color: #FFF;

}

.sf-menu li li, .sf-menu li li li {

background-color: #444; /* drop-down menu background color */

}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

background-color: #666; /* drop-down menu hover color */

}

.sf-menu li {

}

.first-item a {

border-left: none;

}

.sf-menu li li, .sf-menu li li li {

background-image: none;

}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

background: url(images/nav-bg-hov.jpg) repeat-x bottom;

outline: 0;

}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

background-image: none;

outline: 0;

}

li.menu_gape {

margin-left: 300px;

}

/*****************************Sidebar menu******************/



.navi_menu {

margin: 0 auto;

width: 320px;

}

.navi_menu ul {

margin: 0px;

list-style-type: none;

-moz-border-radius-bottomright: 4px;

-moz-border-radius-bottomleft: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-bottom-left-radius: 4px;

padding-top: 2px;

padding-right: 1px;

padding-bottom: 0px;

padding-left: 1px;

background-color: #666;

border-bottom-right-radius: 4px 4px;

border-bottom-left-radius: 4px 4px;

}

.navi_menu ul li {

padding: 0;

display: block;

line-height: 100px;

}

.navi_menu ul li.bg {

border: none;

}

.navi_menu ul li a {

display: block;

line-height: 8px;

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

color: white;

background-color: #999;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #666;

padding-top: 5px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 10px;

}

.navi_menu ul li a:hover {

text-decoration: none;

color: white;

background-color: #666;

}

.navi_menu ul li img.menu1 {

margin-right: 10px;

}

a:hover img.menu1 {

border: solid 1px #CCC;

-moz-box-shadow: 1px 1px 5px #999;

-webkit-box-shadow: 1px 1px 5px #999;

box-shadow: 1px 1px 5px #999;

}

img.menu13 {

margin-bottom: 20px;

}

/*****************************Sidebar menu******************/



/*******************Contact Us**********************/



#contact_form {

font-family: Verdana, Arial, "Times New Roman";

font-size: 12px;

color: #666;

}

/** FORM STYLES GENERAL **/

.content_12 input, select, textarea {

font-size: 11px;

color: #999999;

width: 280px;

height: 28px;

border: #CCC solid 1px;

/** BORDER RADIUS HACKS **/

border-radius: 5px;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

}

.content_12 input:hover, select:hover, textarea:hover {

border: 1px solid #999;

}

.content_12 input:focus, select:focus, textarea:focus {

border: 1px solid #999;

}

/** FORM STYLE: select **/

.content_12 select {

padding: 5px 5px 3px 5px;

}

.content select option {

cursor: pointer;

padding: 5px;

}

/** FORM STYLE: textarea **/

.content_12 textarea {

height: 80px;

padding: 4px 2px 2px 4px;

font-family: Verdana, Arial, "Times New Roman";

}

/** FORM STYLE: input **/

.content_12 input {

padding: 0 5px 0px 5px;

background-position: 7px 5px;

background-repeat: no-repeat;

}

input#send:hover {

background: url(../img/contact/send_button2.png);

border: none;

}

.content_12 label {

display: inline-block;

width: 100px;

vertical-align: top;

margin-top: 6px;

}

.content_12 span {

border: 0;

padding: 0;

margin: 0;

display: block;

margin-bottom: 25px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #777777;

line-height: 22px;

}

.content_12 textarea {

width: 290px;

}

.subject {

font-size: 11px;

color: #999999;

width: 200px;

}

input#send {

padding: 0;

cursor: pointer;

width: 103px;

height: 34px;

background: url(images/send_btn.png) no-repeat;

border: none;

text-indent: -99999px;

}

input#send:hover {

background: url(images/send_btn_h.png) no-repeat;

border: none;

}

/*******************Contact Us END**********************/



/*******************TABLE END**********************/

.yellow {

color: #F90;

}

.O {

font-size: 36px;

}

#wrapper #pageshadow #container .content_13 .O .clear {

font-size: 10px;

}

.H24 {

font-size: 24px;

}



/* ;;;;;;;;;;;;;;;;;;;;; ========== NEW CSS STYLE ;;;;;;;;;;;;;;;;;; */

.contwrap, .navi_menu ul li, .navi_menu ul li a, .content_13, .content_12, .solerlifgt ul li a span img, .content_botoom, .footer, .cinfomap a img, .solerPoint, .watcvideo, .apmfigur ul li img {box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;}

.navi_menu ul li, .navi_menu ul li a, .content_13, .solerlifgt, .content_12, .solerlifgt ul li a span img, .content_botoom, .content_bot, .pagepriv, .content_13 p, .solerPoint, .solerPoint ol li, .tablestyle, .tablestyle table, .apmfullfuild ul li img, .coyright span, .cinfomap a img, span.yellowp a, .apmfigur ul li.seplisfuild img, .watcvideo, .apmfigur, .about-infocont, .apmfigur ul li img {width:100%;}

.icon h3, .icon .socialmed, .navi_menu ul li, .navi_menu ul li a, .navi_menu ul li span, .about-infocont, .content_13, .solerlifgt, .solerlifgt ul li, .content_12, .pagepriv, .content_13 p, .solerPoint, .coyright span, .cinfomap, span.yellowp a, .tablestyle, .watcvideo, .apmfigur, .apmfigur ul li {float:left;}

.infodetails {float:right;}

.pagepriv span a {display:inline-block;}

.pagepriv {margin-top:30px;}

.navi_menu ul li span {margin-right:7px;}

.content_13 h2, .about-infocont h3, .infodetails span {
	margin-bottom:10px;
	color: #000;
}

.solerlifgt ul li {margin-right:20px;}

.navi_menu ul li span + span, .solerlifgt ul li + li + li + li, .apmfigur ul li:last-child, .apmfigur ul li.zeromarright {margin-right:0px;}

.content_13 p, .solerPoint, .coyright span {margin-bottom:10px;}

.contwrap, .watcvideo {padding:10px;}

.solerlifgt ul li, .apmfigur ul li {list-style:none;}

.pagepriv span a, .tablestyle table thead th, span.yellowp a:hover {color:#fff;}

span.yellowp a, .about-infocont a, .content_bot a {color:#000;}

.pagepriv span a, .solerlifgt ul li a, span.yellowp a, .about-infocont a:hover, .content_bot a:hover{text-decoration:none;}

p strong, .infodetails span strong, .content_13 h2 {font-weight:700;}

.icon h3 {margin:10px 10px 0 0;}

.navi_menu ul li span + span {line-height:50px;}

.content_13, .content_12, .content_botoom {padding:15px;}

.showcont, .content_botoom, .apmfigur ul li, .watcvideo, span.yellowp {text-align:center;}

.content p, .about-infocont p, .content_13 p {text-align:justify;}

.showcont {text-transform:uppercase;}

.content_bot a {font-size:15px;}

.watcvideo, .about-infocont h3, span.yellowp, .content_13 h2 {font-size:18px;}

.content p, .about-infocont p, .content_13 p {line-height:22px;}

.solerlifgt ul li {width:23.37%;}

.solerlifgt ul li a span img, .cinfomap a img, .apmfigur ul li img {padding:5px; border:1px solid #ddd;}

.solerlifgt ul li a span img {height:150px;}

.showcont {font-size:13px;}

.solerlifgt ul li a span {margin-bottom:10px;}

.pagepriv span a {padding:7px 12px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#5A5A5A;}

.pagepriv span a:hover {background:#8C8C8C;}

.solerPoint {padding-left:20px;}

.solerPoint ol li {margin-bottom:7px;}

.apmfigur ul li {margin:20px 20px 20px 0; width:296px;}

.apmfigur ul li img {height:230px;}

/*-------------- table style ------------------*/

.tablestyle table {margin:20px 0px;}

.tablestyle table thead th {padding:15px; background:#006600; border:1px solid #006600; border-right:1px solid #fff;}

.tablestyle table thead th + th + th + th + th + th + th {border-right:1px solid #006600;}

.tablestyle table tbody td {padding:10px; border:1px solid #999;}

/*-------------- table style end ------------------*/

.watcvideo {background:#ddd;}

.cinfomap {width:60%;}

.infodetails {
	width:38%;
	font-size: x-large;
}

span.yellowp a {padding:10px 0px; background:#FF0;}

span.yellowp a:hover {background:#000;}