@import "fonts/steelfish.css";
@import "fonts/grotzechdcnlight.css";
@import "fonts/wearetrippin.css";
.h4meta {padding-left:40px;background: url(../image/features_sprite.png) no-repeat 0 -40px; margin-bottom:10px; line-height:25px;}

.ktkbg3 { float:left; width:200px; margin-right:10px; margin-bottom:10px;}
.ktkbg3 .jdl_grk { font-size:12px; font-family:Tahoma, Geneva, sans-serif; margin:10px 0px;}

.box_tak { margin:10px; padding:10px; color: #333; background-color:#E0E0E0; border:1px solid #575757; border-radius:10px;}

.ffot { background-color:#222222; width:100%; padding:15px 0px;}
.link_ft ul { list-style:none; padding-left:0px; width:260px;}
.link_ft ul li { list-style:none; padding-left:0px; line-height:12px; border-bottom:1px dotted #626262; margin:4px 0px; padding-bottom:7px;}
.link_ft a:link,
.link_ft  a:visited { font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; font-size:12px;border:none !important;}
.link_ft a:hover { font-family:Tahoma, Geneva, sans-serif; color: #F60; text-decoration:none; font-size:12px; border:none !important;}

.ket_detail { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color: #F90;}

.garing { font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;color: #F60; font-size:16px; }

.desinya {font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:300;}

.fixed p { font-family:Verdana, Tahoma, Geneva, sans-serif; font-size:13px/1.5px;}

.perview_teaser { font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; 
color:#FFF; font-size:18px; font-style:italic; margin-bottom:15px; line-height:25px;}

.blockquote { margin:10px 0px; padding:5px 0px; border-bottom:1px solid #999;  border-top:1px solid #999; color: #FC3;
border-bottom:1px solid #999; font-size:20px; font-family:grotzechdcnlight, sans-serif; line-height:30px;}

.h10 { height:10px;}.h15 { height:15px;} .h5 { height:5px;}
.icoa_apps {border:none !important; margin-right:3px;}
.putih12 {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.menutab { padding: 0; clear: both; }
			.menutab li { display: inline; }
			.menutab li a {  padding:10px; float:left;  text-decoration: none; color: #FFF; font-weight: bold; font: 12px Tahoma, sans-serif;}
			.menutab li.active a { background: #999; font: 11px Tahoma, sans-serif; }
			.contentmenutab { float: left; clear: both;  border-top: 1px solid #cacbcc; border-left: none; padding: 0px 0px 10px; width: 660px; font: 12px Tahoma, sans-serif;  }
/* RESET ----*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* COMMON STYLES ----*/
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	height:100%;
}
body{ 
	font-size:12.5px;
	font-family: Arial, Helvetica, sans-serif; 
	line-height:20px;
	color: #A2A2A2;
	background-color:#000;
}
a{ text-decoration:none; color:#FFF; }
a:hover{ text-decoration:underline; color:#DD430E;  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
a img{ border:none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
p, ul, ol, pre, code{ margin-bottom:20px; }
ul{ list-style-type:square; list-style-position:inside; }
ul.checklist{ list-style-image:url(../image/bg-checklist.png); }
ul.nav-list, ul.post-list { padding:0; list-style:none;}
ul.simple-list-underlined { padding:0; list-style:none;}
ul.simple-list-underlined li { padding:8px 0; list-style:none; border-bottom:1px solid #e1e1e1;}
ul.nav-list a { display:block; padding:8px; border-bottom:1px solid #e1e1e1; text-decoration:none;}
ul.post-list a { padding:8px; text-decoration:none; margin-left:5px; display:block; border-bottom:1px solid #e1e1e1; display:block; float:left;}
ul.post-list li { clear:both; float:left; background-color:#f5f5f5;}
ul.post-list li a img { float:left; margin:5px 8px 0 0; background-color:#ffffff; padding:4px; border:1px solid #e1e1e1;}
ul.post-list li a:hover img {border:1px solid #DD430E;}
ul.nav-list a:hover { border-bottom:1px solid #DD430E; background-color:#f8f8f8;}
.highlight { background-color:#DD430E; padding:1px 3px; color:#ffffff;}
.dropcap {float: left; margin: 5px 5px 0 0; padding: 5px 10px; background-color:#DD430E; color:#ffffff; font-size:24px;}
.error-message, .success-message, .info-message, .notice-message{ padding:10px 10px 10px 40px; margin-bottom:10px;}
.error-message{ border-left:5px solid #fbc2c4; background:#fbe3e4 url(../image/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
.error-message a{ color:#8a1f11; }
.success-message{ border-left:5px solid #c6d880; background:#e6efc2 url(../image/bg-msg.png) no-repeat 0 -220px; color:#264409; }
.success-message a{ color:#264409; }
.info-message{ border-left:5px solid #92cae4; background:#d5edf8 url(../image/bg-msg.png) no-repeat 0 -72px; color:#205791; }
.info-message a{ color:#205791; }
.notice-message{ border-left:5px solid #ffd324; background:#fff6bf url(../image/bg-msg.png) no-repeat 0 -148px; color:#514721; }
.notice-message a{ color:#514721; }
/* HEADINGS ----*/
h1,h2,h3,h4,h5,h6{ color:#333333; }
h1,h2,h3,h4,.htabs a, div.product .product-price, .post-date{ font-family: WearetrippinShort; }
.heading-title { border-bottom:1px solid #e1e1e1; padding-bottom:12px; margin-bottom:30px; color:#F90; }
.sidebar .heading-title { margin-bottom:15px; }
small {font-size:11px; color:#999999;}		
h1{ font-size:30px; line-height:38px; margin-bottom:20px; }
h2{ font-size:28px; line-height:30px; margin-bottom:20px; }
h3{ font-size:21px; line-height:20px; margin-bottom:15px;  }
h4{ font-size:18px; line-height:20px; margin-bottom:15px;  }
h5{ font-size:16px; line-height:20px; margin-bottom:10px;  }
h6{ font-size:14px; line-height:18px; margin-bottom:10px;  }
.r_more, .r_more_right {
	font-size:10px;
	color:#F8F8F8 !important;
	float:left;
	clear:left;
	background-color:#333333;
	padding:3px 8px;
	text-decoration:none;	
}
.r_more_right {
	float:right;
	clear:both;
}
.r_more:hover, .r_more_right:hover {
	background-color:#DD430E;
	text-decoration:none;
}
img.image-align-left {
	float:left;
	margin:7px 10px 5px 0;
}
img.image-align-right {
	float:right;
	margin:7px 0 5px 10px;
}
img.image-align-none {
	margin:0px 0 30px 0;
}
a.button, input.button, a.button-inline {
	cursor: pointer;
	font-size:14px;
	color:#F8F8F8 !important;
	background-color:#333333;
	padding:12px 15px;
	text-decoration:none;
	border:none !important;
}
a.button {
	display: inline-block;
	text-decoration: none;
	position:relative;
	z-index:0;
	overflow:hidden;
}
a.button-inline {
	display: inline;
	text-decoration: none;
}
a.button:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #555555;
    box-shadow: 0 0 30px 20px #555555;
}
a.button:hover:before {
    background: 0 0 #ffa200;
    box-shadow: 0 0 20px 15px #ffa200;
}
a.button:hover, input.button:hover {
	background-color:#DD430E;
}
a.button-orange {
	background-color:#DD430E;
}
a.button-green {
	background-color:#79bc0f;
}
a.button-blue {
	background-color:#00baf7;
}
a.button-red {
	background-color:#ea0000;
}
a.button-orange:hover, a.button-green:hover, a.button-blue:hover, a.button-red:hover {
	background-color:#333333;
}
a.button-orange:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #ffa200;
    box-shadow: 0 0 30px 20px #ffa200;
}
a.button-green:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #c8f580;
    box-shadow: 0 0 30px 20px #c8f580;
}
a.button-blue:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #d5f5ff;
    box-shadow: 0 0 30px 20px #d5f5ff;
}
a.button-red:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #ffbdbd;
    box-shadow: 0 0 30px 20px #ffbdbd;
}
a.button-orange:hover:before, a.button-green:hover:before, a.button-blue:hover:before, a.button-red:hover:before {
    background: 0 0 #555555;
    box-shadow: 0 0 20px 15px #555555;
}
.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
.text-orange { color:#DD430E; }
.breadcrumb {
	color: #c5c5c5;
	margin-bottom: 15px;
	background-color:#ffffff;
	padding:8px 20px;
}
.breadcrumb a {
	color:#c5c5c5;
	text-decoration:none;
	font-size:10px;
}
.breadcrumb a:hover {
	color:#DD430E;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	padding: 4px;
	background: #f8f8f8;
	border: 1px solid;
	border-color: #ddd #eee #eee #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-left:0;
	margin-right:0;
}
select {
	padding: 4px;
	background: #eee;
	border: 1px solid;
	border-color: #ddd #eee #eee #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
label {
	cursor: pointer;
}
table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef; width:100%; }
thead {background-color:#e1e1e1; }
thead td{color:#333333; font-weight:bold; }
th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
td{ padding:10px 15px; border-top:1px solid #efefef; }
tr.alt{ background-color:#f5f5f5; }
/* LAYOUT ----*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {
	float: left;
	margin-right: 4%;
	position: relative;
}
.full_width {
	position:relative;
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.last {
	clear: right;
	margin-right: 0 !important;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.6666%;
}
.two_third {
	width: 65.3332%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 79.2%;
}
.inner {
	margin:0 auto;
	width:700px;
	text-align:left;
	padding:0 0 0 250px;
	position:relative;
}

.sidebar {
	width:180px;
	float:left;
	margin:0 0 40px 30px;
}
.content_holder {
	width:670px;
	float:left;
	margin-bottom:40px;
}
.has-sidebar .content_holder {
	width:460px;
	float:left;
}
/* HEADER STYLES ----*/
#header {
	margin-bottom: 50px;
	padding:0 0 50px 0;
	position: relative;
	z-index: 999;
	width:100%;
}
#header_top {
	background-color:#222;
	height:50px;
	position:fixed;
	width:100%;
	top:0;
	z-index:1998;
}
#header_bottom {
	background-color:#ffffff;
	height:65px;
	margin:50px 0 0 0;
	width:100%;
	float:left;
	z-index:1898;
}
#header #logo {
	position:absolute;
	top: 0px;
	left: 0px;
	width:220px;
	height:200px;
	background:url(../image/back_logo.png) bottom left no-repeat;
	padding-bottom:35px;
	text-align:center;
	overflow:hidden;
	z-index:1999;
}
#header #logo a {
	display:block;
	margin:20px auto 0 auto;
}
/* CATEGORY MENU ----*/
#header #menu {
	width:220px;
	position:absolute;
	top:149px;
	left:0px;
	background:url(../image/back_cat_menu.png) bottom center no-repeat;
	z-index:1900;
	padding:35px 0 65px 0;
}
ul#topnav2 {
	margin:0;
	padding:0 0 0 20px;
	display:block;
	width:98%;
	min-height:45px;
	position:relative;
}
ul#topnav2 li {
	display: block;
	list-style: none;
	margin:0 0 0 0;
	z-index:1099;
	height: 38px;
	line-height: 20px;
	width:180px;
	padding:0;
	border-bottom:1px solid #2e2e2e;
	float:left;
}
ul#topnav2 li.dropdown {
	background:url(../image/nav_arrow3.png) 170px 15px no-repeat;
	position:relative;
}
ul#topnav2 li a {
	color: #999999;
	display: block;
	font-size: 18px;
	font-family:grotzechdcnlight, sans-serif;
	padding: 10px 8px;
	margin-bottom:10px;
	text-decoration: none;
	white-space: nowrap;
}
ul#topnav2 li:hover {
	z-index:1600;
}
ul#topnav2 li:hover a {
	color:#333333;
	background-color:#f1f1f1;
}
ul#topnav2 ul.children {
	position:absolute;
	display:block;
	width:180px;
	top:0px;
	left:200px;
	z-index:9998;
	padding:10px;
	margin:0;
	background-color:#222222;
	float:left;
	opacity: 0;
	visibility:hidden;
   	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
ul#topnav2 li.dropdown:hover {
	width:200px;
	background-color:#333333;
}
ul#topnav2 li.dropdown ul.children li.dropdown:hover {
	width:190px;
}

ul#topnav2 ul.children2 {
	position:absolute;
	display:block;
	width:180px;
	top:0px;
	left:190px;
	z-index:9998;
	padding:10px;
	margin:0;
	background-color:#222222;
	float:left;
	opacity: 0;
	visibility:hidden;
   	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
ul#topnav2 ul.children li {
	float:left;
	clear:both;
	height:auto;
	border-bottom:1px solid #333333;
	position:relative;
	margin:0;
	padding:0;
}
ul#topnav2 ul.children a, ul#topnav2 li:hover ul.children a {
	display:block;
	width:160px;
	height:auto;
	padding:10px;
	float:left;
	font-size:12px;
	font-weight:normal;
	background:none;
	text-align:left;
	text-transform:none;
	color:#999999;
	border:none;
	margin:0;
}
ul#topnav2 ul.children a:hover, ul#topnav2 li:hover ul.children li {
	background:none;
}
ul#topnav2 ul.children li.dropdown, ul#topnav2 li:hover ul.children li.dropdown {
	background:url(../image/nav_arrow3.png) 167px 15px no-repeat;
}
ul#topnav2 ul.children li a:hover {
	background:none;
	background-color:#f1f1f1;
	color:#333;
}
#header #welcome {
	text-align: left;
	padding:17px 0 0 0px;
}
#header #welcome a {
	color:#f1f1f1;
	text-decoration:none;
}
#header #search {
	float:right;
	width: 188px;
	height:29px;
	background-color:rgba(0, 0, 0, 0.3)!important;
	border-bottom:1px solid rgba(255, 255, 255, 0.14);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	zoom: 1;
	-moz-transition:background-color 300ms ease;
	-webkit-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	border-radius: 4px;
	position:relative;
	margin:10px 0 0 0;
}

#header .button-search {
	position: absolute;
	right: 5px;
	top:3px;
	background: url('../image/button-search.png') center center no-repeat;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
#header #search input, #header #search input:focus {
	background: none;
	padding: 6px 1px 1px 5px;
	width: 155px;
	height: 21px;
	border: none;
	color:#666;
	font-size:11px;
}
#language {
	color: #999;
	line-height: 17px;
	float:right;
	padding:0px 3px;
	height:29px;
	background-color:rgba(0, 0, 0, 0.3)!important;
	border-bottom:1px solid rgba(255, 255, 255, 0.14);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	zoom: 1;
	-moz-transition:background-color 300ms ease;
	-webkit-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	border-radius: 4px;
	margin:10px 0px 0 8px;
}
#language img {
	cursor: pointer;
	margin:10px 5px 0px 5px;
}
#currency {
	color: #666;
	line-height: 17px;
	float:right;
	margin:0 8px;
	height:29px;
	background-color:rgba(0, 0, 0, 0.3)!important;
	border-bottom:1px solid rgba(255, 255, 255, 0.14);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);
	zoom: 1;
	-moz-transition:background-color 300ms ease;
	-webkit-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	border-radius: 4px;
	margin:10px 8px 0 8px;
}
#currency a {
	display: inline-block;
	padding: 8px 6px;
	color: #f1f1f1;
	text-decoration: none;
	margin-right: 2px;
	font-size:12px;
}
#currency a b {
	color: #666666;
	text-decoration:none;
}
#header_bottom #main-menu {
	float:right;
}
#header_bottom #main-menu ul.menu {
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#header_bottom #main-menu ul.menu li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	position:relative;
}
#header_bottom #main-menu ul.menu li a{
	height:25px;
	display: block;
	padding: 25px 10px 5px 10px;
	color: #999999;
	text-decoration: none;
	font-family: steelfish, sans-serif;
	font-size: 25px;
	text-transform:uppercase;
	position:relative;
}
#header_bottom #main-menu ul.menu li a:hover, #header_bottom #main-menu ul.menu li.current-menu-item a {
	background-color:#ececec;
	border-bottom:5px solid #333;
	color:#333;
}
#header_bottom #main-menu ul.menu li a .num {
	position:absolute;
	color:#999999;
	background-color:#e1e1e1;
	padding:2px 4px;
	font-size:10px;
	top:30px;
	right:-5px;
	line-height:9px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
#header_bottom #main-menu li ul.sub-menu {
	position:absolute;
	display:block;
	width:160px;
	top:60px;
	left:0px;
	z-index:14998;
	padding:10px;
	margin:0;
	background-color:#222222;
	opacity: 0;
	visibility:hidden;
   	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
#header_bottom #main-menu li ul.sub-menu li.dropdown ul.sub-menu {
	position:absolute;
	display:block;
	width:160px;
	top:0px;
	left:160px;
	z-index:14998;
	padding:10px;
	margin:0;
	background-color:#222222;
	opacity: 0;
	visibility:hidden;
   	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
#header_bottom #main-menu li ul.sub-menu li {
	border-bottom:1px solid #2e2e2e;
	float:left;
	width:160px;
	margin:0;
	padding:0;
	position:relative;
}
#header_bottom #main-menu li ul.sub-menu li a{
	display:block;
	padding:10px 8px;
	white-space:nowrap;
	background:none !important;
	border-bottom:none !important;
	color:#999999 !important;
}
#header_bottom #main-menu ul.menu li ul li a:hover {
	background-color:#f1f1f1 !important;
	color:#333333 !important;
}
#header_bottom #main-menu li.dropdown:hover > ul.sub-menu, #header_bottom #main-menu li.dropdown:hover ul.sub-menu li.dropdown:hover > ul.sub-menu {
	opacity: 1;
	visibility:visible;
	transition-delay:0s;
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
}
#header_bottom #main-menu li li.dropdown {
	background:url(../image/nav_arrow3.png) 140px 15px no-repeat;
}


#powered {
	background-color:#111;
	clear: both;
	padding:15px 0px;
	width:100%;
}
#powered .inner {
	color:#333;
	font-size:9px;
	padding:10px 0 0 0;
	width:1210px;
}
#powered br {
	display:none;
}
#powered a {
	color:#666;
	font-size:9px;
}

/* CONTENT STYLES ----*/
#content {
	min-height:500px;
	padding:50px 0 0 0;
	margin-bottom:50px;
	position:relative;
	z-index:100;
}
.box {
	padding:20px;
	margin-bottom:30px;
	clear:both;
}
.sidebar .box {
	padding:0px;
}
.box-common{
	border-top:3px solid #333333;
	border-bottom:1px solid #e1e1e1;
}
.box-orange{
	border-top:3px solid #DD430E;
	border-bottom:1px solid #e1e1e1;
}
.box-products {
	margin:0;
}
h1.cat_big_title {
	display:block;
	height:200px;
	padding:0 0 0 30px;
	background-color:#ff5a00;
	position:relative;
	z-index:0;
	overflow:hidden;
	color:#f5f5f5;
	margin:30px 0 0 0;
}
h1.cat_big_title:before {
	content: "";
    height: 1px;
    left: 20%;
    position: absolute;
    top: 50%;
    width: 60%;
    z-index: -1;
    background: 0 0 #ffa200;
    box-shadow: 0 0 70px 60px #ffa200;
}
h1.cat_big_title span {
	position:absolute;
	right:30px;
	top:90px;
	font-size:44px;
	width:500px;
	display:block;
	text-align:right;
}
.category-info {
	overflow: auto;
	margin-bottom: 30px;
	border-bottom:1px solid #eeeeee;
	padding:20px;
	background-color:#fff;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
ul.sub_cats {
	list-style:none;
	margin:0;
	padding:0;
}
ul.sub_cats li {
	margin:0 5px;
	padding:10px 0;
	float:left;
	background-color:#ffffff;
	width:100px;
	height:140px;
	text-align:center;
}
ul.sub_cats li img {
	margin:0 auto 4px auto;
	clear:both;
	background-color: #ffffff;
	border:1px solid #f1f1f1;
	padding:5px;
}
ul.sub_cats li a {
	text-decoration:none;
	color:#999999;
	font-size:11px;
	padding:0 4px;
}
ul.sub_cats li a span {
	display:block;
	clear:both;
}
ul.sub_cats li a:hover {
	color:#DD430E;
}
ul.sub_cats li a:hover img {
	background-color:#DD430E;
}
.product-filter {
	margin:10px 0;
}
.product-filter .sort {
	float: right;
	color: #333;
	margin-top:35px;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
	margin-top:35px;
}
#price-filter {
	width:50%;
	float:left;
}
#price-filter .ui-widget-content {
	background: #e1e1e1 !important;
}
.pagination {
	display: inline-block;
	width: 100%;
	background-color:#ffffff;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline-block;
	border: 1px solid #EEEEEE;
	padding: 2px 8px;
	text-decoration: none;
	color: #999999;
}
.pagination .links b {
	display: inline-block;
	border: 1px solid #999999;
	padding: 2px 8px;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 3px;
}
div.product div.images, #content div.product div.images {
    float: left;
    margin-bottom: 30px;
    width: 322px;
	text-align:center;
}
div.product div.summary, #content div.product div.summary {
    float: right;
    margin-bottom: 30px;
    width: 48%;
	position:relative;
}
div.product .price, div.product .description, div.product .cart, div.product .review, div.product .options {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #f1f1f1;
	float:left;
	clear:both;
	width:100%;
	overflow:auto;
}
div.product .cart div {
	float:left;
}
div.product .price span {
	clear:both;
	display:block;
	float:left;
	margin-bottom:8px;
}
div.product .price-old {
    color: #999999;
    margin: 0 5px 0 1px;
    padding: 4px 0;
    text-decoration: line-through;
	font-size:16px;
	font-weight:normal;
}
div.product .product-price {
	font-size:24px;
	color:#DD430E;
}
div.product .rating {
	position:absolute;
	top:-105px;
	right:0px;	
}
div.product .option {
	margin-bottom:10px;
	font-family:12px;
}
div.product .option span, div.product .description span {
	width:100%;
	display:block;
	margin-bottom:8px;
}
.compare_prod, .wish_prod {
	display:inline-block;
	text-indent:-9999px;
	width:42px;
	height:42px;
	margin:0 1px 0 0;
	padding:0;
	float:left;
}
.compare_prod {
	background:url(../image/compare_small.png) center center no-repeat;
	background-color:#cecece;
}
.wish_prod {
	background:url(../image/wish_small.png) center center no-repeat;
	background-color:#cecece;
}
div.product .images .image img {
	padding:10px;
	border:1px solid #f1f1f1;
	margin-bottom:30px;
}
ul.additional-images {
	padding:0;
	list-style:none;
}
ul.additional-images li{
	padding:0;
	list-style:none;
	float:left;
	margin:5px;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:10;
}
ul.additional-images li a{
	padding:0;
	border:none;
	display:block;
	width:70px;
	height:88px;
}
.zoom {
   width: 200px; padding: 5px;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   z-index:10;
}
.zoom:hover {
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   -ms-transform: scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=1.2, M12=-0, M21=0, M22=1.2);
   }
.vtabs {
	height: 30px;
	width:110px;
	line-height: 16px;
	float:left;
	padding-top:15px;
}
.vtabs a {
	background-color:#333;
	padding: 10px 8px 10px 8px;
	float: right;
	clear:both;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	display: none;
	margin-bottom:3px;
	max-width:100px;
}
.vtabs a:hover {
	padding:10px 15px 10px 8px;
}
.vtabs a.selected {
	border: 1px solid #eeeeee;
	border-right: 1px solid #fff;
	background-color:#fff;
	margin-right:-2px;
	color:#DD430E;
	font-weight: bold;
	font-size:13px;
}
.tab-content {
	border: 1px solid #eeeeee;
	background-color:#fff;
	padding: 25px 15px 15px 15px;
	margin-bottom: 20px;
	z-index: 2;
	overflow:auto;
	min-height:150px;
}
.htabs {
	height: 40px;
	line-height: 16px;
	float:left;
	padding-top:15px;
	width:100%;
}
.htabs a {
	background-color:#333333;
	padding: 12px 14px 12px 14px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #f1f1f1;
	display: none;
	margin:0 1px 3px 0;
	max-width:100px;
	font-size:18px;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.htabs a:hover, .htabs a.selected:hover {
	background-color:#DD430E;
	color:#ffffff;	
}
.htabs a:hover:before {
	content: "";
    height: 0px;
    left: 20%;
    position: absolute;
    top: 80%;
    width: 50%;
    z-index: -1;
    background: 0 0 #FFA200;
    box-shadow: 0 0 30px 20px #FFA200;
}
.htabs a.selected {
	border: 1px solid #eeeeee;
	border-bottom: 1px solid #fff;
	background-color:#fff;
	margin-bottom:-2px;
	color:#DD430E;
}
a.comment_switch {
	text-decoration:none;
	display:block;
	margin:0 0 10px 0;
}
span.button_comments, span.button_review {
	color:#cecece;
	font-size:12px;
	font-weight:bold;
    display: inline-block;
	height:29px;
    margin-right: 5px;
    padding:8px;
    text-decoration: none;
	text-transform:uppercase;
}
span.button_review {
	color: #666;
}
a.swap2 span.button_comments {
	color:#666;
}
a.swap2 span.button_review {
	color:#cecece;
}
.box-rating .box-write {
	display:none;
}
.box-review .box-comments {
	display:none;
}
.box-review .box-write {
	display:block;
	padding:0px 20px;
}
.box-write span.label {
	display:block;
}
.box-write input {
	clear:left;
}
#content .box-comments .content {
	text-align:left;
	padding:15px;
	background-color:#f5f5f5;
	margin-bottom:9px;
	position:relative;
}
#content .box-comments .content span {
	display:block;
	font-weight:bold;
	margin-bottom:13px;
}
#content .box-comments .content img{
	position:absolute;
	right:15px;
	top:-3px;
}
#content .box-comments .content p{
	margin:5px 0 0 0;
}
img#captcha {
	margin:15px 0;
}
.box-write b {
	color:#333;
}
.box-write h3 {
	background:none;
}
.box-write .buttons {
	margin-bottom: 8px;
}
.tags {
	margin:25px 0 0 0;
}
.tags span {
	display:block;
	float:left;
	padding:4px 4px 0px 4px;
}
.tags a {
	display: inline-block;
	padding:1px 4px;
	background-color:#f5f5f5;
	border:1px solid #f1f1f1;
	text-decoration:none;
	margin:3px;
	float:left;
	font-size:11px;
	color:#999999;
}
.tags a:hover {

	background-color:#ffffff;
	border:1px solid #f9f9f9;
	color:#DD430E;
}


/* PORTFOLIO ----*/
.portfolio-unit {
	margin-bottom:30px;
	border-bottom:1px solid #e1e1e1;
}
.portfolio-unit-holder {
	margin-bottom:20px;
	padding:8px;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.portfolio-unit-info {
	background:url(../image/back_price_trans.png) 0 0 repeat;
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	text-align:center;
	color:#ffffff;
	padding:30px 0;
	opacity: 0;
	visibility:hidden;
   	transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
   -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
.portfolio-unit-info h4  {
	border-top:1px solid #cecece;
	padding:6px 0;
	color:#ffffff;
	margin:0 15px;
}
.portfolio-unit-holder:hover .portfolio-unit-info {
	cursor:pointer;
	opacity: 1;
	visibility:visible;
	transition-delay:0s;
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
}
.portfolio-unit-info a.go_to_page {
	text-indent:-9999px;
	width:40px;
	height:40px;
	background:url(../image/back_go_to.png) 50% 50% no-repeat;
	background-color:#f1f1f1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	display:block;
	margin:0 auto 20px auto;
	text-align:center;

}
.portfolio-unit-info a.go_to_page:hover {
	background:url(../image/back_go_to.png) 50% 50% no-repeat;
	background-color:#F63;	
}
blockquote {
	padding:0 0 0 50px;
	background:url(../image/quotes_big.png) 0px -6px no-repeat;
	margin-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
.testimonials-sidebar blockquote {
	font-size:11px;
	padding:0 0 0 30px;
	background:url(../image/quotes_small.png) 0 5px no-repeat;
	margin-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
p.testimonial-author {
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 30px;
	margin:10px 0;
	background:url(../image/icon_testimonial_author.png) 0 5px no-repeat;
}
p.testimonial-author small {
	font-size:11px !important;
	font-weight:normal !important;
	display:block;
	clear:left;
}
/* BLOG PAGE ----*/
.blog-post {
	padding:0 0 10px 0;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:30px;
	position:relative;
}
.blog-post-excerpt {
	padding:5px;
	margin:15px 0 0 0;
}
.blog-post .heading-title {
	padding:0 0 18px 55px;
	margin-bottom:10px;
}
.blog-post-meta {
	padding:5px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size:11px;
	color:#999999;
	margin-bottom:15px;
}

.post-date {
	position:absolute;
	top:-9px;
	left:0;
	width:35px;
	text-align:center;
	color:#999999;
	font-size:10px;
	padding:5px;
	background-color:#333333;
	border:3px solid #555555;
	line-height:13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.post-date .num {
	width:100%;
	text-align:center;
	font-size:20px;
	display:block;
	padding-bottom:1px;
	border-bottom:1px solid #555555;
	line-height:21px;


/* ACCORDION STYLES ----*/
.accordion { list-style-type: none;  }
.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
.accordion li.active>a.accordion-title { background: url(../image/bg-accordion.png) no-repeat right 8px; }
.accordion li div { padding:20px 20px; background:#f8f8f8; }
.accordion li a.accordion-title{ text-decoration: none; display: block; cursor: pointer; background: url(../image/bg-accordion.png) no-repeat right -55px; padding:5px; border-bottom:1px solid #ffffff;  padding:5px 15px; color:#fff; font-size:12px; font-weight:bold; }
.accordion table.form {border:none;}


.slideshow-roundabout {
	height: 200px;
	padding:190px 0 0 0;
}
.myRoundabout {
	width:50%;
	margin:0 auto;
	list-style: none;
	padding: 0;
}
.roundabout-moveable-item {
      height: 355px;
      width: 500px;
      cursor: pointer;
	  z-index:1;
}
.roundabout-in-focus {
      cursor: auto;
}
.roundabout-moveable-item img {
	width: 100%;
	height: 100%;
}
.roundabout-caption {
	position:absolute;
	bottom:20px;
	right:20px;
	padding:10px;
	width:250px;
	display:block;
	background:url(../image/back_price_trans.png) 0 0 repeat;
	border-left:3px solid #DD430E;
	color:#ffffff !important;
	z-index:2;
}
.roundabout-caption h3 {
	color:#ffffff !important;	
}
/* Clear Fix Hack ----*/


.fixed:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fixed {
	display:block;
}
/*  \*/
.fixed {
	min-height:1%;
}
* html .fixed {
	height:1%;
}
.clear {
	clear:both;
	font-size: 0;
	line-height: 0;
	height: 0
}

#supersized:hover, #supersized li a {
	cursor:default !Important;
}
#main img, .box img, .product image img {
	max-width:100%;
}
.selectnav { display: none; }