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,  caption, tbody, tfoot, thead,  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%;
    vertical-align: baseline;
}
body {
    line-height: 1;
    min-width: 960px;
}
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;
}
caption,
th,
td {
    font-weight: normal;
    
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
small {
    font-size: smaller;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* End of RESET */


h1{

    font-size: 23px;
    font-family : 'Open Sans', sans-serif;
    text-transform: Uppercase;
    font-weight: normal;
    color: #2460b2;
}

h2{

    font-size: 16px;
    font-family : 'Open Sans', sans-serif;
    font-weight: bold;    
    color: #2460b2;

}

h3{

    font-size: 13px;
    font-family : 'Open Sans', sans-serif;
    font-weight: bold;    
    color: #2460b2;

}

body{

    font-size: 13px;
    font-family : 'Open Sans', sans-serif;      
    color: #333333;

}

a{
    font-size: 13px;
    font-family : 'Open Sans', sans-serif;      
    color: #ce6f07;
    text-decoration: none;

}

a:hover{       
    color: #2460b2;
    text-decoration: none;

}

li{
    font-size: 12px;
    font-family : 'FontAwesome';      
    color: #ce6f07;
padding: 0 0 5px;
}

.footer_col2 li {
	padding:0;
}

.content_container{
    width : 960px;
    margin: 0 auto;
}

.clear_both{
    clear: both;
}
/*--------------------HEADER----------------------------------*/

#header_search_wrapper{
    background-color: #efefef;
}

#header_search_wrapper #search-box .screen-reader-text{
    display: none;
}

#header_search_wrapper #search-box{
    float: right;

}

#header_search_wrapper #search-box #s{

}
#s {
    background-color: #2460b2;
    color: #88afe5;

    font-size: 13px; 
    margin: 0 -33px 0 0;
    padding: 6px 29px 7px 8px;
    width: 200px;
    border: medium none;

    transition-duration: 400ms;
    transition-property: width, background;
    transition-timing-function: ease; 

    /* Safari and Chrome */
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease; 

    /* Opera */
    -o-transition-duration:400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease; 


} 

#s:focus { width: 300px; } 


#searchsubmit {
    text-indent: -9999px;
    background-image: url('images/search_icon.png'); 
    border: medium none;
    height: 26px;
    width: 30px; 

}

#social_media_box{
    float:right;
    margin-left: 20px;
    padding-top: 5px;
    display:none;
}

a.facebook_link{
    width: 17px;
    height: 18px;
    background-image: url('images/face_logo.png');
    text-decoration: none;
    text-indent: -9999px;
    display: inline-block;

}

a.twitter_link{
    width: 17px;
    height: 18px;
    background-image: url('images/twit_logo.png');
    text-decoration: none;
    text-indent: -9999px;
    display: inline-block;

}

a.linkedin_link{
    width: 17px;
    height: 18px;
    background-image: url('images/link_logo.png');
    text-decoration: none;
    text-indent: -9999px;
    display: inline-block;

}

#header_menu_wrapper{
    padding-top: 5px;
    border-bottom:  solid 5px #2460b2;
    border-top:   solid 5px #2460b2;
    background-color: #fafafa;
    height: 75px;
}

#site_logo{

    float: left;
}

#menu_login_wrapper{
    float: right;
}

#login_wrapper .login{
    float: right;
    background: url('images/login_logo.png') no-repeat;
    padding-left: 14px;
    padding-top: 4px;
    background-position-y: 2px;

}

#login_wrapper .login a{
    text-decoration: none;
    color:#020202;
}

#login_wrapper .text-size {
    float: right;
    padding-left: 25px;
}

#login_wrapper .text-size p{
    color: #666666;
    display: inline-block;
}

#login_wrapper .text-size a{
    color: #666666;
    text-decoration: none;
}

.font-size-button{
    cursor: pointer;
}

.font-13{
    font-size: 13px;
}

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

.font-17{
    font-size: 17px;
}

#main_menu{
    padding-left: 65px;
    padding-top: 20px;
}

#main_menu > a{
    float: left;
}

.menu-main-menu-container{
    float: left;
}

ul#menu-main-menu >li{
    float: left;
    padding-left: 15px;
    position: relative;
}

ul#menu-main-menu > li > a{
    font-size: 15px;
    color: #2c2b2b;
    text-decoration: none;
    display:block;
    height:25px;
}

ul#menu-main-menu >li > ul {
    visibility: hidden;
    position: absolute;
    background-color: #2460b2;
    top: 25px;
    padding: 10px 0px;
    min-width: 200px;
    z-index: 9;
}

ul#menu-main-menu >li > ul > li{
    padding :10px 20px;

}

ul#menu-main-menu >li > ul > li:hover{
    background-color: #001f60;
}

ul#menu-main-menu >li > ul > li a{
    color: #ffffff;
    text-decoration: none;

    display: inline;
}

ul#menu-main-menu >li > ul > li a:hover{
    color: #ffffff;
    text-decoration: none;
}
ul#menu-main-menu >li > ul > li > ul{
    display: none;
}
/********************* Slider********************/

#slider_wrapper{
    background-color: #001f60;
    background-image: url('images/slider_bg.jpg');

    background-position: center;
    width: 100%;
    height: 308px;
    padding: 58px 0;
    background-repeat: no-repeat;

}

#slider_titles_wrapper{
    float : left;
    width: 216px;
    height:305px;


}

.slider_titles{
    float: left;
    width: 193px;
    height: 30px;
    background-color: #fff;

    border-bottom: solid 1px #d8d6d4;
    text-align: center;
    padding-top: 20px;
}

.slider_titles:hover{
    background-color: #ce6f07;
    cursor: pointer;
}

.slider_titles_arrow{
    display: none;
    float: left;
    width: 19px;
    height: 51px;
    background-repeat:no-repeat;
	background-image: url('images/arrow.png');

}

#images_slider_wrapper{
    float: left;
    margin-left: 20px;
    width: 523px;
    height:310px;
    margin-right: 31px;


}
#images_slider_wrapper .slider_js{
    display: none;
}
#images_slider_wrapper .slider_js:first-of-type{
    display: block;
}
#images_slider_wrapper img{
    position: absolute;
}

#content_slider_wrapper{
    float: left;
    background-image: url('images/slider_content_bg.png');
    text-align: center;
    height: 220px;
    padding-top: 65px;
    padding-left: 15px;
    padding-right: 15px; 
    padding-bottom: 20px;
    width: 140px;
    color: #fcf5ee;
}

#content_slider_wrapper .slider_js{
    display: none;
}

#content_slider_wrapper .slider_js:first-of-type {
    display: block;
}

#content_slider_wrapper h1{
    color: #fcf5ee;
    padding-bottom: 15px;
    font-weight: normal;
    font-size: 24px;

}

/********************* Home main Content********************/

#home_main_content{
    padding-top: 50px;
    padding-bottom: 50px;
}

.home_posts{
    float: left;
    border-right:  solid 1px #ce6f07;
    width: 265px;
    padding-right: 40px;
    margin-left: 41px;
    min-height: 350px;
}
.home_posts:first-of-type{
    margin-left: 0;
}
.home_posts:last-of-type{
    border: none;
    padding-right: 0;
}
.home_posts_img{
    padding-bottom: 20px;
}

.home_posts h1{
    padding-bottom: 25px;
    background-image: url('images/timer_logo.png');
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height:25px;
}

.home_posts h1:first-letter{
    /*padding-left: 30px;*/
}

.home_posts:first-of-type h1{
    background-image: url('images/cart_icon.png');
}

.home_posts:last-of-type h1{
    background-image: url('images/lamp_logo.png');
}

.home_readmore a{
    padding-top: 10px;
    float: right;
    color: #ce6f07;
    text-decoration: none;
}

.home_posts_content {
	line-height:18px;
}
/********************* Footer********************/

#footer_wrapper{
    background-color: #001f60;
    border-top: solid 5px #ce6f07;
    padding-top: 55px;
    padding-bottom: 55px;
    color: #fff;

}

.footer_col1{
    float: left;
    width: 250px;
    margin-right: 90px; 
}
.footer_col2{
    float: left;
    width: 170px;
    padding-left: 3px;

    margin-right:50px;

    padding-top: 12px;
}
.footer_col2_last{
    margin-right: 0;
}
.footer-menu a {
    color: #fff;
    line-height: 20px;
}
#copyright_wrapper{
    padding : 20px 0;
    color : #eeeff2;
    text-align: center;
    background-color: #00143f;
}

#copyright_wrapper a{

    color : #eeeff2;
    text-decoration: none;
}

#social_media_box_footer{
display:none;
    padding-left: 7px;
    padding-top: 10px;
}

#social_media_box_footer a.facebook_link{
    background-image: url('images/face_footer_logo.png');
    margin-right: 10px;

}

#social_media_box_footer a.twitter_link{
    background-image: url('images/twitt_footer_logo.png');
    margin-right: 10px;
}

#social_media_box_footer a.linkedin_link{
    background-image: url('images/link_footer_logo.png');
}

#address{
    padding-left: 7px;
    padding-top: 25px;
    line-height: 20px;
}

/********************* DEFAULT TEMPLATE ********************/
#main_content_container{
    padding:50px 0;
}
#sidebar{
    float: left;
    width: 170px;
    margin-right: 20px;
	background-image: url('images/sidebar_bg.png');
    height: 700px;	
}

#sidebar_breadcrumb{
    background-image:url('images/sidebar-bread-crumbs.png');
    padding : 20px;
    padding-bottom: 50px;
    padding-right: 5px;
    border-top: 5px solid #2460b0;
    margin-bottom:  20px;
}

.mgcm_menu_box /*  The Box Around the Child Menu*/
{

}

.mgcm_level_0 > li /*  The Class Assigned to root level UL.*/
{
    background-image: url('images/arrow_bg.png');
    background-repeat: no-repeat;

padding:0 0 0 15px;
    background-position-y: 2px;
}

.mgcm_level_0 >li:first-letter{
    /*padding-left: 15px;*/
}

.mgcm_level_0 > li > a{
    font-weight: bold;
    color: #2460b2;
    text-decoration: none;
}

.mgcm_level_1 /*  The Class Assigned to child ULs of the Root Level UL.  Please note that each generation of children adds one to the number.  Depending on how deep the menu goes, there might be a _2, _3, _4 version of this class*/
{
    padding-top: 20px;
}

.mgcm_level_1 a
{
    color: #000;
    text-decoration: none;
   /* line-height: 30px;*/
}

.mgcm_level_1 a:hover{
    font-weight: bold;
}

.mgcm_level_3 {
	display:none;
    
}

.mgcm_level_4 {
	display:none;
    
}

.mgcm_level_5 {
	display:none;
    
}


.mgcm_level_6 {
	display:none;
    
}



.mgcm_current_page /* The Class assigned to the li which corresponds to the current page being viewed */
{
    font-weight: bold;
   

}
#sidebar_bg{
    width: 100%;

}

#content{
    float: left;
    width: 770px;
    line-height: normal;

}

#content h1{
    padding-bottom: 20px;
    border-bottom: solid 1px #dbdada;
}

.page_content{
    padding-top: 20px;
}

.page_content h3{
    padding-bottom: 10px;
}

/********************* Custom Template TEMPLATE ********************/

.box{
    width: 365px;
    /*min-height: 345px;*/
    padding-bottom: 60px;
}

.box a{
    text-decoration: none;
}

.box h2 {
	padding-top: 10px;
	    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.box h2 a{
    /*padding: 20px 0;*/
    color: #2460b2;
    /*border-bottom: solid 1px #cccccc;*/
        font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.box p{
    padding-top: 5px;
    color:#666666;
}
.left_box{
    float: left;
    margin-right: 40px;
}

.right_box{
    float: left;
}

.right_box:after{
    clear: both;
}

.search_result
{
	padding:10px 0px;
	margin-bottom:10px;
	border-bottom:1px solid #dbdada;
}

.search_result h2 a
{
	color:#2460b2;
	font-size:18px;
	text-decoration:none;
	
}

.search_result h2
{
	margin-bottom:8px;
}

td img.aligncenter
{
	display:block;
	margin:0px auto;
}


.customer_box {
        margin: 10px 0;
    padding: 15px 0 40px;
}

.customer_box h3 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 15px;
}

.customer_box > div {
    padding-left: 25px;
}

.customer_box img {
	padding-bottom:15px;
	padding-left:15px;
}

/* product pages */

.product_content {
	 padding: 15px 0 65px;
	
	
}

.product_content h3 {

   /*   color: #333;
    font-size: 18px;*/
    margin-bottom: 15px;
    padding-left: 15px;
}

.page_content td {
    padding-bottom: 55px;
    width: 33%;
}


.page_content ul {
    list-style: disc;
    margin:7px 0;
}

.page_content li {
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    margin: 0 0 0 18px;
    padding: 1px 0;
  }
.zi{
font-size:13px;
line-height:15px;
}

.bt{
font-size:25px;
color:#345294;
padding-top:10px;
}

.bt2{
font-size:20px;
color:#345294;
padding-top:12px;
padding-bottom:12px;
}

.bt3{
font-size:15px;
color:#345294;


}


a.a1 {
	font-size: 13px;
    font-family : 'Open Sans', sans-serif;      
    color: #000000;
}
a.a1:link {
	text-decoration: none;
}
a.a1:visited {
	text-decoration: none;
}
a.a1:hover {
	text-decoration: none;font-weight:bold;
	
}
a.de:active {
	text-decoration: none;
}


.demo{
  padding-left: 15px;
  
  background-color: rgba(255,255,255,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
.demo p{
  color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .demo{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .demo p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }