/****************************************************************************************************
Sibolga Stylesheet 
URL 						: http:// www.
Design Themes and CSS by	: Agoestone Nusanet
Powered by 					: Drupal

*****************************************************************************************************/
/************************************ For HTML Stylesheet *******************************************/
.bodi {
	margin		:0px auto;
	font		:11px Verdana, Arial, Helvetica, sans-serif;
	color		:#4d4e52;
	line-height	:20px;
	background	:#ebf1f1 url(images/bgCore1.jpg) repeat-x top;
}

img { border:none;}

a:link, a:visited {
	text-decoration	:underline;
	color			:#0372cf;
}

a:hover {
	color:#0372cf;
	text-decoration:none;
}

h1{font:24px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px;}
h2{font:22px Arial, Helvetica, sans-serif; font-weight:bold; margin:0px;}
h3{font-size:11px; margin:0;}

ul{
	margin	: 0;
	padding	: 0;
}
ul li{list-style-type: none;}

ul.menu, .item-list ul {
  margin	: 0.35em 0 0 0;
  padding	: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin			: 0.15em 0 0.15em 1.3em;
  padding			: 0;
  list-style-type	: none;
  list-style-image	: none;
  background		: transparent url(images/menu-leaf.png) no-repeat 1px .35em;
  /*background		: transparent url(images/menu-leaf.png) no-repeat 0px .95em;*/
}

ul li.expanded {
  background: transparent url(images/menu-expanded.png) no-repeat 1px .35em;
  /*background: transparent url(images/menu-expanded.png) no-repeat 0px .95em;*/
}

ul li.collapsed {
  background: transparent url(images/menu-collapsed.png) no-repeat 0px .35em;
  /*background: transparent url(images/menu-collapsed.png) no-repeat -1px .95em;*/
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

/****************************************************************************************************/
/*************************************** For Layout *************************************************/
#container {
	/*width		:956px;*/
	width		:961px;
	margin		:0px auto;
	text-align	:left;
	/*background	:url(images/background.jpg) repeat-y top center;*/
}

#header {
	height		:129px;
	margin		:0;
}

#left {
	float	:left;
	/*width	:291px;*/
	width	:301px;
}

#primer {
	/*width	:655px;*/
	width	:660px;
	float	:left;
	text-align:justify;
	background:url(images/bgTopContent.jpg) repeat-x top;
}

#footer {
	clear		:both;
	text-align	:left;
	margin		:0;
	height		:33px;
	background	:url(images/bgFooter.jpg) no-repeat top left;
	margin-left	:0.8em;
}

#feature {
	width		:961px;
}

#core {
	width		:961px;
	background	:url(images/bgCore.jpg) repeat-y top center;
}

#core .line-core {
	background	:url(images/line-core.jpg) no-repeat left top;
	height		:9px;
	width		:301px;
}
.clear {clear:both;}

/****************************************************************************************************/
/********************************* header styles and class ******************************************/
#header .logo {
	clear	:both;
	float	:left;
	width	:291px;
	padding	:0;
	margin	:0;
}

#header .rightop {
	margin		:0;
	/*padding		:0 11px 0 0;*/
	padding		:0;
	width		:640px;
	float		:right;
	text-align	:right;
}

.rightop .search {
	width		:293px;
	height		:35px;
	margin		:0;
	padding		:0.5em 0 0 0;
	background	:url(images/bgSearch.jpg) no-repeat;
	float		:right;
}

.rightop form.search input.form-text {
	background-color:#7f6734;
	padding		:3px;
	width		:155px;
	height		:15px;
	font		:11px Verdana, Arial, Helvetica, sans-serif;
	border		:none;
	color		:#CCCCCC;
}

.rightop form.search input.form-submit {
	margin		:0 1.5em 0 0;
	width		:71px;
	height		:24px;
	/*line-height	:24px;*/
	background	:url(images/submitSearch.png) no-repeat top left !important;
	background	:url(images/submitSearch.gif) no-repeat top left;
	border		:none;
	color		:#fcfec5;
	padding		:0.3em 0. 0.5em 0;
	text-align	:center;
	font-size	:11px;
}

/* top level links */
#nav ul {
	text-align	:center;
	/*width		:654px;*/
	width		:636px;
	line-height	:30px;
	height		:35px;
	margin		:52px 0 0 0;
	padding		:0 0 0 0.8em;
	background	:url(images/bgNav.jpg) no-repeat top left;
}

#nav ul.menu li a:link, #nav ul.menu li a:visited {
	line-height	:30px;
	height		:30px;
	width		:103px;
	font-size	:12px;
	margin		:0.4em 0 0 0;
	/*padding		:0 1.2em 0 1.2em;*/
	display		:block;
	color		:#f1f2b1;
	text-decoration:none;
}

#nav ul.menu li a:hover {
	color		:#271b01;
	background	:url(images/nav-hover.jpg) repeat-x top;
}

/*#nav ul.menu li a.active, */#nav ul.menu li.leaf a.active {
	color		:#271b01;
	background	:url(images/nav-hover.jpg) repeat-x top;
}

/* sub level links */
#nav ul.menu li.expanded ul.menu li a:link, #nav ul.menu li.expanded ul.menu li a:visited {
	display			:block;
	text-decoration	:none;
	height			:30px;
	line-height		:30px;
	width			:160px;
	padding			:0 0 0 10px;
	color			:#E6F2A3;
	background		:#8B7601;
	text-align		:left;
	/*padding: 0em 1em;*/
}

#nav ul.menu li.expanded ul.menu li a:hover {
	color		:#242529;
	background-color:#FEDF2F;
}

/* parent level menu */
#nav a.daddy {
   background	:none;
   margin		:0;
   padding		:0;
}

/* top level buttons */
#nav li {
	padding		:0;
  	background	:none;
	line-height	:0;
}

#nav li ul {
	position		: absolute;
	left			: -999em;
	height			: auto;
	width			: 170px;
	/*border-bottom	:1px solid #FFF;*/
	border-width	:0;
	margin			:0;
	padding			:0;
	z-index			:10000;
}

#nav li li {
	float		:left;
	padding		:0;
	margin		:0;
	width		:170px;
	background-color:#8B7601;
	width		:170px;
	border-bottom	:1px solid #FFF;
	list-style	:none;
}

/* margin for pullouts */
#nav li ul ul {
	margin	: -25px 0 0 15em !important;
	margin	: -25px 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left	: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover
ul, #nav li li li.sfhover ul {
	left			: auto;
	background-color:#242529;
}

#nav li li a:link, #nav li li a:visited, #nav li li.sfhover a:link, #nav li li.sfhover a:visited {
    color		: #fff;
	background-color:#000;
}

#nav li li a:hover, #nav li li.sfhover {
    color			: #fff;
}

/*********** ul menu for Nav Primary Links **************/
/*#nav ul.menu, #nav .item-list ul {
  margin	: 0;
  padding	: 0;
}

#nav ul.menu ul, #nav .item-list ul ul {
  margin-right: 0em;
}*/

#nav ul li, #nav .item-list ul li {
  margin			:0;
  float				:left;
  /*float				:none;
  height:23px;*/
  list-style-type	: none;
  list-style-image	: none;
}
/************ End Nav Menu *********/

/********************************** Features styles and class ********************************************/
#feature .l_feature {
	width		:301px;
	height		:303px;
	background	:url(images/bgLeftBox.jpg) no-repeat top;
	font		:12px "Trebuchet MS", Times New Roman, sans-serif;
	color		:#FFFFFF;
	text-align	:right;
	font-style	:italic;
	float		:left;
}

#feature .l_feature .prakata {
	color		:#000;
	padding		:4em 1.3em 0.8em 1.3em;
}

#feature .l_feature .prakata img {
	margin:0 0.3em 0.3em 0.5em;
}

#feature .l_feature .prakata .links {
	width		:90px;
	height		:24px;
	float		:right;
	margin-top	:1.3em;
	background	:url(images/links.png) no-repeat top !important;
	background	:url(images/links.gif) no-repeat top;
	color		:#9ee0ec;
}

#feature .l_feature .prakata .links a:link, #feature .l_feature .prakata .links a:visited {
	color		:#FCFEC5;
	font		:11px "trebuchet MS", Times New Roman, sans-serif;
	font-style	:normal;
	line-height	:24px;
	padding		:0 1em 0 0;
	text-decoration:none;
}
#feature .l_feature .prakata .links a:hover {
	color		:#666666;
}

#feature .mainslide {
	width		:655px;
	height		:303px;
	float		:left;
}

#feature .mainslide .topbox {
	padding		:1.4em 0 0.8em 1.4em;
}

/********************************** Left styles and class ********************************************/
#left .sidebar-left h2 {
	background	:url(images/bgH2Left.jpg) repeat-x top;
	font		:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight	:bold;
	margin		:0;
	/*line-height	:32px;
	height		:32px;*/
	line-height	:25px;
	height		:25px;
	padding		:0.5em 0 0 1.2em;
}

#left .sidebar-left {
	width	:auto;
	padding	:0 0.8em 1.2em 0;
	margin	:0 0 0 1.5em;
	color	:#bb0000;
	/*background:#fefce3 url(images/bgLeft.jpg) repeat-y bottom left;*/
}

#left .sidebar-left .content, #left .sidebar-left .advertisement {
	padding:1em 0 0 0;
}

#left .sidebar-left .content ul.menu,  #left .sidebar-left .content .item-count {
	list-style	:none;
	margin		:0;
	padding		:0.5em 0 1.6em 1em;
	background	:#fefce3 url(images/bgSidebarLeft.jpg) repeat-x bottom left;
}
#left .sidebar-left .content ul.menu li, #left .sidebar-left .content form, #left .sidebar-left .content .item-left {
	margin		:0;
	padding		:0.5em 0em 0 0;
}
.sidebar-left .content ul.menu li a:link, .sidebar-left .content ul.menu li a:visited {
	margin			:0;
	padding			:0 0.8em 0.2em 1em;
	text-decoration	:none;
	height			:18px;
	border-bottom	:1px solid #e2dda7;
	display			:block;
}
.sidebar-left .content ul.menu li a:hover {
	text-decoration	:none;
}

#left .sidebar-left .content form select {
	/*font	:11px tahoma, arial;*/
}

.item-left-pic {
	margin		:0;
	padding		:0.5em 2em 0 0.3em;
	height		:80px;
	background	:url(images/bg_white_left.jpg) repeat-y center;
}

.item-left-pic img {
	margin	:0 0.5em 0 0;
	float	:left;
	/*border	:2px solid #51565b;*/
}
.item-left-pic .item a {
	margin	:0;
	padding	:0 0.8em 0.2em 0.8em;
}

.item-left-pic a:link img, .item-left-pic a:visited img {
	border:1px solid #e2deaa;
}
.item-left-pic a:hover img {
	border:1px solid #ff0600;
}

.item-left-pic .line-through {
	text-decoration:line-through;
}

a.underline {
	text-decoration	:underline;
	font-weight		:bold;
}

.banner-left {
	text-align:center;
	padding:0.5em 0 1em 0.6em;
}

#block-views-slideProduct .content .view-slideProduct {
	text-align	:center;
	height		:170px;
	background	:#fefce3 url(images/bgSidebarLeft.jpg) repeat-x bottom left;
}

#block-views-slideProduct .content .view-slideProduct .view-data-node-data-field-imgproduct-field-imgproduct-fid {
	padding:0.5em 0 0.3em 0;
}

#block-views-slideProduct .content .view-slideProduct .view-data-node-data-field-imgproduct-field-imgproduct-fid img {
	border:1px solid #e2deaa;
}


/********************************* Primer styles and class ******************************************/
#primer .prime-content h2 {
	margin	:0.7em 0 0.5em 0;
	color	:#00a9e3;
	margin	:0;
}

#primer .prime-content {
	padding		:0 0.7em 1em 0.7em;
	margin		:0;
	background	:url(images/bgPrimerContent.jpg) repeat-x top left;
}

#primer .prime-content marquee {
	margin	:0;
	padding	:0;
	color:#CCCC00;
	font:14px trebuchet, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#primer .prime-content .node {
	margin:0 0 0.8em 0;
	padding:0.2em 0.3em 1em 0.3em; 
	border-bottom:1px dotted #CCCCCC;
}

#primer .primeProds, #primer .block-views-imgFront {
	border	:1px solid #e2deaa;
}

#primer .prime-content ul li {list-style:none; background:none;}

/*********** ARCHIEVE VIEWS *********/
#primer .prime-content #block-views-archive .head {
	font-size	:18px;
	font-family	:"Times New Roman", Times, serif;
	color		:#4d4e52;
}
#primer .prime-content #block-views-archive {
	padding	:0.7em;
	width	:305px;
	float	:left;
	line-height:12px;
	font-size:10px;
	color	:#999083;
}

#primer .prime-content #block-views-archive .views-archive {
	padding	:0.5em 0.5em 1em 0.5em;
}
#primer .prime-content #block-views-archive .views-archive img {
	margin	:0 1.3em 0.2em 0;
	border	:1px solid #bacece;
}

#primer .prime-content #block-views-archive .views-archive .hits-number img {
	margin:0;
}

/*********** END ARCHIEVE VIEWS *********/

/*********** MULTIMEDIA VIEWS *********/
#primer .prime-content #block-views-multimedia .head {
	font-size	:18px;
	font-family	:"Times New Roman", Times, serif;
	color		:#4d4e52;
}

#primer .prime-content #block-views-multimedia {
	padding	:0.7em;
	width	:305px;
	float	:left;
	line-height:12px;
	font-size:10px;
	color	:#999083;
}
#primer .prime-content #block-views-multimedia .views-multimedia {
	padding	:0.5em 0.5em 1em 0.5em;
}
#primer .prime-content #block-views-multimedia .views-multimedia img {
	margin	:0 1.3em 0.2em 0;
	border	:1px solid #bacece;
}

/*********** END MULTIMEDIA VIEWS *********/
.views-multimedia .space, .views-archive .space {
	width:206px;
	border-bottom:1px solid #d5d6d1;
	float:right;
}

#primer .grid h2 {
	background	:url(images/bgH2Primer.jpg) repeat-x top;
	height		:43px;
	line-height	:43px;
	padding		:0 0 0 0.5em;
}

#primer a:link img, #primer a:visited img {
	border:1px solid #e2deaa;
}
#primer a:hover img {
	border:1px solid #ff0600;
}

#primer .grid td {padding:0.2em;}

#primer .prime-content .block-views-primeProds {
	/*clear:both;*/
}
#primer .block-ad .content .advertisement .image-advertisement img {
	border:none;
	margin:0.7em 0 0 0;
}

#primer .field-field-imgproduct .field-item {
	float:left;
	width:180px;
}

#primer .view-Products {padding:1em 0 0.7em 0;}

#primer .view-Products .view-grid-Products {
	text-align	:center;
}
#primer .view-Products .view-grid-Products .view-data-node_title {
	font		:12px Arial, Helvetica, sans-serif;
	font-weight	:bold;
}

#primer .view-Products .view-grid-Products img {
	margin	:0 0 0.7em 0;
	padding	:0;
}

/********************************** Right styles and class *******************************************/
#right h2 {
	margin		:0;
	line-height	:43px;
	height		:43px;
	padding		:0 0 0 3.2em;
	background	:url(images/bgH2Right.jpg) no-repeat top left;
}

#right .sidebar-right .content {
	margin		:0;
	padding		:0 0.5em 1em 0.5em;
	text-align	:left;
}

#right .sidebar-right .content ol{
	list-style	:decimal;
	margin		:0 0 0 2em;
	padding		:0;
}
#right .sidebar-right .content li, #right .sidebar-right .content form, #right .sidebar-right .content .item-right {
	margin		:0;
	padding		:0.5em 0 0 0;
}
.sidebar-right .content ul li a:link, .sidebar-right .content ul li a:visited {
	margin			:0;
	padding			:0;
	text-decoration	:none;
	/*display:block;*/
}

.sidebar-right .content ul li a:hover {
	text-decoration	:underline;
}

.sidebar-right .content .advertisement {
	text-align:center;
	margin:0.5em 0 0 0;
}


.item-right-pic {
	text-align	:center;
	padding		:0.5em 0 0.5em 0;
}

.item-right-pic .item a {
	margin	:0;
	padding	:0 0.8em 0.2em 0.8em;
}

.item-right-pic a:link img, .item-right-pic a:visited img {

	
}
.item-right-pic a:hover img {
	border:1px solid #e2deaa;
}

#right .sidebar-right form select {
	/*ont	:11px tahoma, arial;*/
}

.sidebar-right .line-through {
	text-decoration:line-through;
}

/******************************** Footer styles and class ******************************************/
#footer .span {
	padding		:0;
	line-height	:33px;
	padding		:0 0.8em 0 1.5em;
	color		:#ebf1f1;
}

#footer .span a:link, #footer .span a:visited {
	color		:#d7c62e;
	text-decoration:none;
}
#footer .span a:hover {
	color		:#999900;
}	


/* Cart block */
div.separator {
	height			: 1px;
	margin-top		: 4px;
	margin-bottom	: 2px;
	margin-left		: 10px;
	margin-right	: 10px;
	color			: #333333;
	/*background-color: #404549; */
	border-bottom	:1px solid #404549;
}

div.total {
 	padding-top		: 2px;
 	padding-right	: 7px;
 	line-height		: 20px;
 	text-align		: right;
}

div.edit_my_cart {
 	padding-top		: 12px;
 	padding-left	: 10px;
 	padding-right	: 10px;
}

div.edit_my_cart a {
 	/*color			: #000000;
 	background-color: #EFEFEF;*/
}

div.my_cart img {
 	vertical-align	: text-bottom;
}

div.checkout {
 	float			: right;
}

div.checkout a {
 	font-weight		: bold;
}

div.checkout img {
 	vertical-align	: text-bottom;
}