body {background:#FFFFFF}

.sf-menu li li, .sf-menu li li:hover{
	border-bottom: 2px solid #494949;
	background: #fff;
}

.sf-menu li li a{
	background: rgba(73,73,73,0.9);
}

.sf-menu li li a:hover{
	background: #CF0000;
	padding: 12px 20px;
}
.sf-menu li a, .sf-menu li a:visited {
	color: #3C3C3C;
}

.keranjang{
	float:left;
	height:30px;
	width:30px;
	background:#494949 url(../images/Cart.png) no-repeat center;
}

.keranjangs{
	 width:30px;height:30px;float:left;
	 background:#494949 url(../images/Cart.png) no-repeat center;
}

.cart-atas-lo{font-weight:bold;font-size:20px;text-align:center;color:#CF0000;}

.cart-paling-atas-itu{ height:22px; width:30px;background:#494949 url(../images/Cart.png) no-repeat center;display: inline-table;margin-right: 10px;}

.menu-atas-one:hover{background:#CF0000;}

.menu_myaccount th:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8baf8f', endColorstr='#6e8e71');
	background: #494949;
}
.right-top-maccount{
	margin-right:12px; float:left; font-weight: bold; color: #CF0000; padding-top:14px;
}
.right-top-mcart{
	float:left; font-weight:bold;  margin-right:11px; padding-top:14px; color:#CF0000;
}
.green-tok{
	color:#CF0000;
}
input[type=submit].focus{
	border: 0; height:36px; font-size: 14px; color: #fff; padding: 10px 20px; float: left; background: #494949; cursor: pointer; margin-top:-4px;
}
#menus {
	width:100%;
	height:50px;
	background: #494949;
	position: relative;
	border-top: 2px solid #CF0000;
}
.sf-menu li:hover {
	border-bottom:3px solid #CF0000;
}
.menu-dropdown:hover{background:#eee;color:#CF0000;}
.shopping-bag .amount {
	color: #CF0000;
	min-width: 100px;
	position: relative;
	top: 3px;
	line-height:18px;
	transition:color 1s;
	font-size:14px;
}
.top-cart {
	color: #CF0000;
	min-width: 100px;
	position: relative;
	top: 3px;
	line-height:18px;
	transition:color 1s;
	font-size:18px;
}
.header-login{
	font-size:28px !important;
	font-style:normal;
	color:#CF0000;
}
.author-img-holder { border:8px solid #11748D; left: 40px; position: absolute; top: -80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius:100%; z-index:100 }
.con-side-left{
	height:215px; margin-top: 73px; background: #f8f8f8; border-top: 7px solid #11748D; border-bottom: 2px solid #11748D; position: relative;
}
.author-img-holder { border:8px solid #11748D; left: 40px; position: absolute; top: -80px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius:100%; z-index:100 }
.cont-right-two{
	display: block; margin: 0 0 5px; font-size: 24px; color:#CF0000; margin: 0 0 10px;
}
.slider3{
	width:206px;
	height:232px;
	background:#494949;
}
.left-isi2-content3{
	width:141px;
	height:63px;
	float:left;
	background:#494949;
}
.right-isi2-content3{
	width:65px;
	height:63px;
	float:right;
	background:#494949;
}
.qwww{
	width:32px;
	height:63px;
	background:#494949;
}
.oppp{
	width:32px;
	height:63px;
	background:#494949;
}
.h-line{
	background:#CF0000;
	width: 30px;
	height: 3px;
	position: absolute;
	margin-top:7px;
}
.k-line{
	background:#494949;
	width: 30px;
	height: 3px;
	position: absolute;
	margin-top:-2px;
}
.con-wel-off{
	padding:30px; background:#f7f6f6; border-bottom: 9px solid #494949; margin-bottom:20px;
}
.off-a-wide{
	color:#CF0000; margin: 0; font-size: 23px; line-height: 23px;
}
font.book-sale-one{
	margin-bottom:5px; color:#CF0000; font-size: 18px; line-height: 18px; font-weight:normal;
}
.hijau-tegak-tipis{
	font-style:normal;
	color:#CF0000;
}
.page .page-title, .single .page-title, .category .page-title, .tag .page-title  {
	font-weight: 300;
	padding: 20px 20px 20px 25px;
	background-color: #ffffff;
	word-spacing: 3px;
	border-bottom: 1px dotted #e1e1e1;
	margin: 0;
	color:#CF0000;
}
.title-contact-us{
	font-weight: 100;
	font-size:30px;
	padding: 10px;
	border-bottom: 1px dotted #e1e1e1;
	color:#CF0000;
	font-style:normal;
	margin-bottom: 20px;
	margin-top:0px !important;
}
.widgettitles {
	float:left;
	padding: 10px;
	background:#494949;
	color:#fff;
	font-size:16px;
	transition: color 1s;
}
.widgettitled {
	float:right;
	margin-right:-15px;
	padding: 10px;
	background:#494949;
	color:#fff;
	font-size:16px;
	transition: color 1s;
}
.widgettitle {
	padding: 10px;
	width:40px;
	background:#494949;
	color:#fff;
	font-size:16px;
	transition: color 1s;
}
#sidebar .widget.widget_contact .sms{
	font-size:120%;
	color:#CF0000;
	margin-bottom:10px;
}
div.product .product_title {
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	width: 432px;
	background:#494949;
	margin-bottom: 0px;
	color: #FFF;
	text-align:center;
	margin-left:50px;
	padding-top:10px;
	padding-bottom:10px;
}
.single-product .product_tabs ul.tabs li.active:first-child a {
	border-top: 3px solid #CF0000;
}
.single-product .product_tabs ul.tabs li.active a {
	background: #fff;
	text-decoration: none;
	-webkit-border-top-left-radius: 0em;
	-webkit-border-top-right-radius: 0em;
	-moz-border-radius-topleft: 0em;
	-moz-border-radius-topright: 0em;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	border-top: 3px solid #11748D;
}
.forgot-login{
	font-size:18px;
	text-transform:uppercase;
	color:#CF0000;
}
#content .product_paging span{
	color:#CF0000;
	background: #f5f5f5;
	padding: 2px 10px;
	border:1px solid #ddd;
	margin-left:-5px;
}
.single-product .summary .button {
	background:#494949 url(../images/shortcodes/button.png) repeat-x;
	border:0px;
	padding: 9px 10px !important;
	text-transform: uppercase;
	font: normal normal 10px Arial;
	display: inline-block;
	color: white !important;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
	color: #919191;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	margin-top:5px;
}
.col-1 h3, .col-2 h3  {
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 15px;
	color:#CF0000;
}
input.subkrip{
font-size: 18px;
font-family: Calibri;
font-weight: bold;
background:#494949;
padding: 10px 15px;
float: right;
color: #fff;
border: 0;
cursor: pointer;
}
.greenFT{
	color:#CF0000; text-decoration:none;
}
.gambar-ijo{
	background:#494949; color: #fff; height: 40px; left: 0; width: 30px; margin-left:5px; margin-right:10px; float:left; text-align:center; padding-left:6px; padding-right:6px;
}
.header-testimonial{
	background:#494949;
	padding:10px;
	color:#fff;
	font-size:20px;
}
#pagging_page_news span{color: white;background:#494949;padding: 2px 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.color-tamplate{
	color:#CF0000;
}
.customers_profile_1{background:#494949;border-bottom:4px solid #fff;}
.button, .button:visited, #submit, #submit:visited {
	background: #494949 url(../images/shortcodes/button.png) repeat-x;
	
		padding: 9px 10px !important;
	text-transform: uppercase;
	font: normal normal 10px Arial;
	
	display: inline-block;
	transition:color 1s;
	color: #ffffff;
	font-weight: bold;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;
}
.toggle p.tab-index a { font-size: 20px; display:block; line-height:22px;  padding:0 0 0 30px; cursor:pointer; color:#CF0000; transition:color 0.5s; }
.testimonial hr{border:solid 1px #11748D;width:85%;margin-top:0px;margin-bottom:0px;}
.testimonial .testimonial-name a.name, .testimonial .testimonial-name span.name {padding-left:10px;font-size:1.4em;float:right; color:#CF0000;}

@media (max-width: 1420px) and (min-width: 1200px) {
.container {

}
}

@media (max-width: 1720px) and (min-width: 1420px) {
.container {
width: 1400px !important;
}
}

@media (max-width: 2000px) and (min-width: 1720px) {
.container {
width: 1635px !important;
}
}


@media (max-width: 2200px) and (min-width: 2000px) {
.container {
width: 1875px !important;
}
#headerunder {
    min-width: 20%;
}
}


@media (min-width: 2200px) {
.container {
width: 2100px !important;
}
#headerunder {
    min-width: 15%;
}
}