body{
    font-family: 'Roboto', sans-serif !important;
}
#content {
	/*margin-left: 15px;
	margin-right: 15px;*/
	margin-bottom: 10px;
        margin-top: 15px;
}
#content .top .left {
	/*background: url('../image/content_top_left.png') no-repeat;*/
	width: 0px;
	height: 30px;
	float: left;
}
#content .top .right {
	/*background: url('../image/content_top_right.png') no-repeat;*/
	width: 8px;
	height: 30px;
	float: right;
}
#content .top .center h1{
	/* background: url('../image/content_top_center.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	height: 30px;
        background-color: #3e71b3;*/
        
	background-color: #FFF;
	color: #cc0808!important;
	border: 0px solid #beddea;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	height: auto;
	font-weight: 500;
	line-height: 1.1;
	font-size: 32px !important;
 /* padding: 0 25px;*/
  border-radius: 4px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;  
}
#content .top h1, .heading {
	padding: 12px 0px 0px 0px;
}   
#content h1, .heading {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;

}
#content h2, .subheading {
	color: #039242;
	font-size: 25px;
	font-weight: bold;
	margin:20px 0 0 0;

}
#content .middle {
	/*background: #FFFFFF;*/
	padding: 20px 0px 5px 0px;/*10px 3px 1px 3px;*/
	min-height: 30px;
}

#content .middle ul{
	padding-left: 20px;
	
}
#content .middle p{
	padding-top:3px;
	line-height:26px;	
}
#content .middle div{
	padding-top: 5px;	
}

#content .videobox {
	background: #FFFFFF;
	border: 1px solid #e3e3e3;
	width: 260px;
	height: 65px;
	padding: 10px 10px 10px 10px;
	position: relative;

}
/*#content .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#content .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#content .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin: 0 5px 10px 5px;
}
#header .bgimg {
	float: left;
	margin-right: 0px;
	width: 324px;
	height: 180px;
	padding-top: 0px;
	background: url('../image/bgimg.jpg') no-repeat;
	z-index: 1;
}*/
#header .div2 {
	float: left;
	padding-top: 9px;
	padding-left: 15px;
}
#header .div3 {
	float: right;
	height: 30px;
	width: 584px;
	font-size: 12px;
}

#header .div3 a {
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: left center;

}
#header .div4 {


}
#header .text {
	clear: right;
	float: right;
	color: #333333;
	text-decoration: none;


}
#header .div5 {
	clear: both;
	padding-top:0px;
}
/*#header .div5 .left {
	background: url('../image/header_1_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .div5 .right {
	background: url('../image/header_1_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .div5 .center {
	background: url('../image/header_1_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}*/
#header .div5 .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}

#header .div5 .video {
	float: right;
	margin-right: 10px;
}

#header .div5us {
	clear: both;
	padding-top:0px;
}

/*#header .div5us .left {
	background: url('../image/header_1_left_us.png') no-repeat;
	width: 5px;
	height: 37px;
	float: left;
}

#header .div5us .right {
	background: url('../image/header_1_right_us.png') no-repeat;
	width: 6px;
	height: 37px;
	float: right;
}

#header .div5us .center {
	background: url('../image/header_1_center_us.png') repeat-x;
	height: 37px;
	margin-left: 5px;
	margin-right: 5px;
}
*/
#header .div5us .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}

#header .div5us .video {
	float: right;
	margin-right: 10px;
}

#header .div6 {
	clear: both;
	margin-bottom: 8px;
}

/*#header .div6 .left {
	background: url('../image/header_2_left.png') no-repeat;
	width: 13px;
	height: 35px;
	float: left;
}

#header .div6 .right {
	background: url('../image/header_2_right.png') no-repeat;
	width: 13px;
	height: 35px;
	float: right;
}

#header .div6 .center {
	background: url('../image/header_2_center.png') repeat-x;
	height: 35px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}*/
#header .div7 {
	float: right;
	padding-top: 2px;
}
#header .div8 {
	float: left; margin-top: 8px;
}
#header .div9 {
	float: left;
	padding-bottom: 0px;

}
#header .div10 {
	float: left;
	margin-top: 2px;
}
#header .div11 {
	clear: both;
}
/*#header .div11 .left {
	background: url('../image/basket_1_left.png') no-repeat;
	width: 5px;
	height: 24px;
	float: left;
}
#header .div11 .right {
	background: url('../image/basket_1_right.png') no-repeat;
	width: 5px;
	height: 24px;
	float: right;
}
#header .div11 .center {
	background: url('../image/basket_1_center.png') repeat-x;
	height: 24px;
	margin-left: 5px;
	margin-right: 5px;
}*/
#header .div11 .nav {
	height: 24px;
	text-align: center;
	padding-top: 3px;
	color: #8c8c8c;

}
#header .search {
	padding-left: 695px;
	padding-top: 60px;
	color: #8c8c8c;
	font-weight: bold;
}

.case {
  margin-bottom:10px;
 /* background:url('../image/box_top.png') no-repeat;*/
  margin-right:3px;
}
.case .caseTitle {
	padding-left:10px;
	padding-top:8px;
	height:20px;
	color: #FFFFFF;
	font-size: 12.5px;
	font-weight: bold;
}
.case .caseContent {
	color: #FFFFFF;
	margin-top:4px;
	font-size: 12.5px;
	font-weight: bold;
}
.button {
	padding-left: 4px;
	display: inline-block;
	margin-right: 5px;
	/*background: url('../image/button_left.png') top left no-repeat;*/
	text-decoration: none;
	color:#FFF;
}
.button span {
	color: #FFF;
	display: block;
/*	padding: 3px 15px 3px 5px;
	/*background: url('../image/button_right.png') top right no-repeat;*/
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
	text-align: right;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.categoryTable tr td {
  color:#1d87ca;
}

.categoryTable tr td a {
  color:#1d87ca;
}

.subcategoryDiv {
  border:solid 3px #4976b4;
}

.categoryTableGreen tr td {
  color:#799930;
}

.categoryTableGreen tr td a {
  color:#799930;
}

.subcategoryDivGreen {
  border:solid 3px #799930;
}

.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
}
.button_add_small, a.button_add_small:visited {
  padding-left:105px;
  padding-top:0px;
  padding-right:5px;
  padding-bottom:10px;
	margin-top: 30px;
	background: url('../image/button_add_small.png') no-repeat left center transparent;
	text-decoration: none;
	cursor:pointer;
}


#header .greenBar {
	clear: both;
	padding-top:0px;
}
#header .greenBar .left {
	background: url('../image/header_3_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .greenBar .right {
	background: url('../image/header_3_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .greenBar .center {
	background: url('../image/header_3_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .greenBar .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}
#header .greenBar .video {
	float: right;
	margin-right: 10px;
}

#header .greendarkBar {
	clear: both;
	padding-top:0px;
}
#header .greendarkBar .left {
	background: url('../image/header_8_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .greendarkBar .right {
	background: url('../image/header_8_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .greendarkBar .center {
	background: url('../image/header_8_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .greendarkBar .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}
#header .greendarkBar .video {
	float: right;
	margin-right: 10px;
}

#header .specialgiftkBar {
	clear: both;
	padding-top:0px;
}
#header .specialgiftkBar .left {
	background: url('../image/header_9_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .specialgiftkBar .right {
	background: url('../image/header_9_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .specialgiftkBar .center {
	background: url('../image/header_9_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .specialgiftkBar .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}
#header .specialgiftkBar .video {
	float: right;
	margin-right: 10px;
}

#header .darkBlueBar {
	clear: both;
	padding-top:0px;
}
#header .darkBlueBar .left {
	background: url('../image/header_4_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .darkBlueBar .right {
	background: url('../image/header_4_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .darkBlueBar .center {
	background: url('../image/header_4_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .darkBlueBar .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}
#header .darkBlueBar .video {
	float: right;
	margin-right: 10px;
}

.categoryTableDarkBlue tr td {
  color:#3e5d79;
}

.categoryTableDarkBlue tr td a {
  color:#3e5d79;
}

.subcategoryDivDarkBlue {
  border:solid 3px #3e5d79;
}

#header .redBar {
	clear: both;
	padding-top:0px;
}
#header .redBar .left {
	background: url('../image/header_5_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .redBar .right {
	background: url('../image/header_5_right.png') no-repeat;
	width: 6px;
	height: 32px;
	float: right;
}
#header .redBar .center {
	background: url('../image/header_5_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
}
#header .redBar .nav {
	height: 46px;
	text-align: center;
	padding-top: 1px;
	padding-left: 6px;
	color: #8c8c8c;
}
#header .redBar .video {
	float: right;
	margin-right: 10px;
}

.categoryTableRed tr td {
  color:#f44949;
}

.categoryTableRed tr td a {
  color:#f44949;
}

.subcategoryDivRed {
  border:solid 3px #f44949;
}

.view_content {
  margin-left:50px;
}

@media only screen and (max-width: 767px) {
	
.buttons {
    background: #F8F8F8;
    border: 1px solid #DDDDDD;
    padding: 5px;
        padding-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}
.buttons a { margin-bottom:10px; }

}