/*Content CSS*/
body {
    margin:0 auto;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    background-attachment:fixed !important;
    background-position:inherit!important;
    color:#565656
}

img {
    border:none;
    outline:0
}

a {
    color:#565656;
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

.rspv-menu {
    display:none
}

.sf-menu-rspv li {
    float:none!important
}

.header-bar {
    /*height:40px;*/
	height:39px;
    /*background-color:#222;*/
	background-image:url(../images/jsdrive/jsdrive_left-top-back.png);
	/*box-shadow: 0 1px 1px 0 #787878;*/
	box-shadow: 0 2px 7px 0 #787878;
    clear:both
}

.header-text span {
    line-height:40px;
    color:#FFF;
    float:left;
}

.top-bar {
    width:920px;
    margin:0 auto
}

.top-right-menu {
    float:right
}

.top-bar a {
    /*line-height:40px*/
	line-height:39px
}

.ecom-feature{
	float:left;
}

.ecom-feature a{
	color:#f3f3f3;
	padding:0 10px;
	text-decoration:none;
}

.ecom-feature a:hover{
	text-decoration:underline;
}

div#lang {
    padding-left:10px;
    outline:none;
    color:#f3f3f3;
    display:inline-block;
    font-size:10px
}

div#lang a {
    color:#f3f3f3;
    text-decoration:none
}

div#lang a:hover {
    text-decoration:underline
}

.sheet {
    position:relative;
    z-index:0;
    margin:0 auto;
    width:100%
}

.top-header {
    width:920px;
    position:relative;
    margin:0 auto
}

.logo-header {
    width:430px;
    margin:10px auto
}

.social-tab {
    display:inline-block
}

.social-tab a {
    width:35px;
    height:35px;
    display:inline-block;
    margin-right:5px;
    transition:.3s;
	opacity:.7;
}

.social-tab a:hover{
	opacity:1;
}

.social-tab .google-ico {
    background-image:url(../images/google_logo.png)
}

.social-tab .twitter-ico {
    background-image:url(../images/twitter_logo.png)
}

.social-tab .facebook-ico {
    background-image:url(../images/fb_logo.png)
}

.sheet-body{
	position: relative;	
	z-index:-20;	
	padding: 0px; 
	width:920px;
	margin:10px auto;
}

.tab_content {
    padding:41px 10px 10px!important;
    margin:0!important
}

#btnAddToCart {
    outline:none;
    margin:5px 5px 5px 60px
}

#btnAddToCart + input + a {
    margin:11px 0 5px 7px!important;
    float:right!important
}

.product_thumb {
    float:left
}

#attr_div {
    float:left;
	width:320px;
}

#attr_div table table {
    margin-left:-2px;
	width:100%;
}

.table_information{
	width:100% !important;
}	

.productlisting_table td {
    width:50%
}

.productlisting_table table {
    margin-left:-2px
}

.image_table {
    text-align:center
}

.image_table img {
    max-width:200px!important;
    max-height:200px!important;
    height:auto;
	box-shadow: 0 0 5px 1px #999;
}

.image_table + div {
    margin:5px auto;
    height:auto;
    width:200px!important
}

.product-listing {
    margin:0!important;
    min-height:370px
}

.productlisting_table a[title="Read More"] img {
    margin:5px
}

.inputRequirement {
    color:red;
    font-style:italic;
    font-size:11px
}

.errMessage {
	font-size: 10px;
	line-height: 15px;
	padding-bottom: 10px;
	font-family: verdana;
	color: red;
}

.enquiry-table{
	padding:10px 0 0 0!Important;
}

.enquiry-table h2{
	margin:5px !important;
}

img#logo {
    max-height:150px;
}

div#content_heading {
    margin-bottom:15px;
    font-size:22px;
    font-weight:700
}

div#contentLayout div#column_maincontent_full {
    font-size:14px;
    overflow:hidden;
    width:890px;
    padding:15px;
    min-height:400px;
    margin-left:auto;
    margin-right:0;
    margin-bottom:10px;
    background-color:#fff;
}

div#contentLayout div#column_left {
    min-height:430px;
    padding:0;
    float:left;
    overflow:hidden;
    width:205px;
    background-color:#fff;
	box-shadow:0 0 10px 1px #ccc;
}

div#content p#page {
    font-size:12px;
    text-align:center;
    clear:both
}

div#footer {
    width:100%;
	background-color:#00304f;
}

div#footer .footer-inner {
    width:920px;
    margin:0 auto;
}

div#footer .footer-text {
    text-align:center;
    line-height:16px;
    /*font-size:.85em;*/
	font-size:11px;
    /*padding:10px 5px;*/
	padding: 10px 0px;
	color:#dedede;
}

div#footer .footer-text a{
	color:#dedede;
}

.visitor-counter {
    position:absolute;
    right:0;
    top:20px
}

.paging_no_result {
    text-align:center;
    width:100%;
    text-decoration:none
}

.paging_row {
    text-align:center;
    width:100%;
    text-decoration:none
}

.plist_qtycol {
    padding-right:12px!important
}

#footer_ul {
    display:none
}

.login_box {
    width:230px;
    margin-top:15px;
    padding:20px 30px;
    border-radius:30px;
    border:1px solid rgba(155,154,128,1);
}

.login_box input[type="password"], .login_box input[type="text"]{
	width:150px !important;
}

.Block {
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:15px;
    min-height:15px
}

.Block-body {
    position:relative;
    z-index:1;
    padding:0
}

.BlockHeader {
    background:#222;
    padding:0 10px;
    margin-bottom:0;
}

.BlockHeader .t {
    line-height:30px;
    color:#fff;
    font-family:arial,tahoma,verdana,Helvetica,sans-serif;
    font-size:12px;
    font-style:normal;
    font-weight:700;
    white-space:nowrap
}

.BlockContent {
    position:relative;
    z-index:0;
    margin:0 auto;
    min-width:1px;
    min-height:1px;
    padding:0 15px
}

.BlockContent-body {
    position:relative;
    z-index:1;
    padding-top:8px
}

.BlockContent-body ul li {
    list-style-type:none;
    line-height:24px
}

.img_btn1,.img_btn2 {
    display:inline-block;
    margin:0 7px
}

.img_btn1 {
    cursor:pointer
}

.left_menu_btn {
    display:none;
    cursor:pointer;
    transition:1s
}

div.total-product table{
	text-align:center;
}

#gallery_outer{
	width: 670px !important;
}

#rg-navi{
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}
.btn {
	border: none;
	padding: 5px 13px 5px 13px;
	border-radius: 3px;
	background: #f3f3f3 !important;
	color:#565656 !important;
	outline: 0;
	cursor: pointer;
	transition:.3s;
	box-shadow: 0px 1px 3px #989494;
	margin:10px 3px !important;
}
.btn:hover {
	background-color: #ddd !important;
}
.btn[value="Checkout"], .btn[value="Proceed"]{
	/*font-size:18px;*/
}
/*End content CSS*/

/*Home page CSS*/
#SliderNameNavigation {
    position:relative;
    top:-30px
}

.blocks-container > div {
    float:left;
    width:300px;
    max-width:500px
}

.blocks-container > div > div{
	text-align:center;
	position:relative;
}

.blocks-container .block-col-2 {
    margin:0 10px;
    width:300px;
    max-width:500px;
	height:560px;
	background-color:#f81c1c;
}

.blocks-container .block-col-2 span{
	position:relative;
	display:block;
}	

.blocks-container div img {
    width:100%!important;
	height:auto !important;
}

.block-table .three-boxes-td {
    padding:10px 0
}

.three-boxes > div {
    width:32.6%;
    float:left;
    max-width:500px;
	min-height: 390px;
	text-align:center;
	/*box-shadow: 0 0 10px 1px #CCC;*/
	box-shadow: 5px 0 8px 0px #CCC;
	background-color: white;
}

.three-boxes img {
    /*width:100%!important;
    height:auto!important;*/
	opacity:.5;
	/*transition:.3s;*/
}

.three-boxes img:hover{
	opacity:1;
}

.three-boxes .center-box {
    margin:0 1.1%;
}
.overlay{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0);
	z-index: 1;
	transition:.3s;
}
.overlay span{
	opacity:0;
	display: block;
    line-height: 28px;
    font-size: 16px;
    color: white;
	text-transform:uppercase;
	transition:.3s;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.overlay:hover span{
	opacity:1;
	transition-delay:.2s;
}
.overlay:hover{
	background-color: rgba(0,0,0,.4);
}
/*END Home page CSS*/

#product_price {
    margin-right: 10px;
}

/* ############### ADD EXTRA CODE HERE ################# */
#content > div:nth-child(2) > center > table > tbody > tr:nth-child(odd) td{
	background-color: #F7F7F7;
}
#content > div:nth-child(2) > center > table > tbody > tr:nth-child(even) td{
	background-color: rgb(234, 239, 242);
}

#content > div:nth-child(2) > center > table > tbody > tr> td:nth-child(1){
	padding-left: 10px;
}
/*
.left-box1{
    width:33.3%!important;
    height:auto!important;

}
.center-box1{
    width:33.3%!important;
    height:auto!important;

}
.right-box1{
    width:33.3%!important;
    height:auto!important;

}*/
.report-boxes > div {
    /*width:33.3%;*/
    float:left;
    max-width:500px;
	text-align:center;
	/*box-shadow: 0 0 10px 1px #CCC;*/
	box-shadow: 5px 0 8px 0px #CCC;
	margin-bottom: 20px;
	margin-left:18px;
}

.report-boxes img {
    /*width:100%!important;
    height:auto!important;*/
	opacity:.8;
	transition:.3s;
}

.report-boxes img:hover{
	opacity:1;
}

ul.mainbullet{
	list-style-image: url(../images/bluebullet-001.png);
	padding-left:20px;
}
ul.subbullet{
	list-style-image: url(../images/bullet.gif);
	padding-left:20px;
}
h3{
	  padding-bottom: 6px;
}
/*
li {
	padding-left: 5px;
}*/
@media screen and (max-width: 730px) {
.career {
     display: none !important;
    }
}
@media screen and (min-width:640px) and (max-width: 768px) {
.boxtext {
     display: none !important;
    }
}
#page {
     display: none !important;
}
#content > div.total-product > table > tbody > tr > td > span {
     display: inline !important;
     text-align:center !important;
}
#content > div.table_information {
	display: inline !important;
}
body > div.main > div > div.top-header > ul > li:nth-child(2) > ul > li:nth-child(1) > a{
	pointer-events: none;

}
body > div.main > div > div.top-header > ul > li:nth-child(2) > ul > li:nth-child(2) > a {
	pointer-events: none;
}
.paging_no_result {
	display: none !important;
}
#ul-year{
	display: none !important;
}
.month_outer{
	display: none !important;
}
#navigation > ul.rspv-menu-1 > li:nth-child(1){
	display: none !important;
}
#navigation > ul.rspv-menu-1 > li:nth-child(2){
	display: none !important;
}
#navigation > ul.rspv-menu-1 > li:nth-child(3){
	display: none !important;
}
#navigation > ul.rspv-menu-2 > li.item-with-ul > ul > li:nth-child(1) > a{
	pointer-events: none;
}
#navigation > ul.rspv-menu-2 > li.item-with-ul > ul > li:nth-child(2) > a {
	pointer-events: none;
}
/* ##################################################### */
.top-header table tbody tr td {
    padding: 0px;
    margin: 0px;
    height: auto;
    display: flex;
    justify-content: center;
    width: 100%;
}
.top-header table tbody tr td:first-child {
    display: none;
}

footer {
    background-color: #c20303;
    position: relative;
    z-index: 1;
}
footer .splitter {
    background-color: #ac0;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
        color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
        to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);

    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    
    -moz-box-shadow: 1px 1px 8px gray;
    -webkit-box-shadow: 1px 1px 8px gray;
    box-shadow: 1px 1px 8px gray;

    height: 20px;
}
footer > ul {
    list-style: none outside none;
    margin: 0 auto;
    max-width: 910px;
    overflow: hidden;
    padding: 25px 0;
    position: relative;
    width: 100%;
}
footer > ul li {
    float: left;
    padding: 20px 15px;
    width: 25%;

    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
footer > ul li:first-child {
    padding-left: 0;
}
footer > ul li:nth-child(3) {
    padding-right: 0;
}
footer > ul li .icon {
    color: #999999;
    float: left;
    font-size: 80px;
    line-height: 80px;
}
footer > ul li .text {
    color: #848889;
    font-size: 13px;
    line-height: 20px;
     margin-left:0px;
    position: relative;
    text-align: justify;
}
.text h4 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}
.text a {
    border-bottom: 1px dotted transparent;
    color: #FFDD00;
    font-weight: 500;
}
.text a:hover {
    border-color: #FFDD00;
}
footer .bar {
    background-color: #1E2629;
    padding: 20px 0;
}
footer .bar-wrap {
    font-size: 12px;
    margin: 0 auto;
    max-width: 910px;
    position: relative;
    width: 100%;
}
.links {
    float: left;
    list-style: none outside none;
    position: relative;
}
.links li {
    float: left;
    margin-right: 10px;
}
.links a {
    color: #778888;
}
.links a:hover {
    color: #FFFFFF;
}
.social {
    position: absolute;
    right: 0;
    top: 0;
}
.social a {
    color: #778888;
    margin-left: 0px;
}
.social a:hover {
    color: #FFFFFF;
}
.social .icon {
    display: inline-block;
    font-size: 36px;
    margin-right: 5px;
    vertical-align: middle;

    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition:  -o-transform .3s linear;
    transition: transform .3s linear;
}
.social a:hover  .icon {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social .info {
    display: inline-block;
    vertical-align: middle;
}
.social .info .follow {
    display: block;
}
.social .info .num {
    display: block;
}
.copyright {
    color: #778888;
    /*margin-top: 5px;*/
}

/* responsive rules */
@media screen and (max-width: 1000px){
    .links, .social, .copyright{
        float:none;
        text-align:center;
    }
    .social {
        position:relative;
        margin:10px 0;
    }
    .links li {
        display:inline-block;
        float:none;
    }
    .bar {
        position:relative;
    }
    .bar-wrap {
        margin-bottom:0;
    }
}

@media screen and (max-width: 835px)  {
    footer > ul li {
        float:none;
        width:auto;
		padding: 20px 15px!important;;
    }
}

@media screen and (max-width: 768px)  {
    .links li {
        margin-right:5px;
    }
}
.follow {
    padding: 0;
    margin: 0;
    margin-top: -8px !important;
}