@charset "UTF-8";
/* CSS Document */
.flexigrid
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	border: 0px solid #eee;
	overflow: hidden;
	color: #000;
	}
	.flexigrid.hideBody
		{
		height: 26px !important;
		border-bottom: 1px solid #ccc;
		}
	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}
.flexigrid div.nDiv
	{
	background: #eee url(flexigrid/images/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}
	.flexigrid div.nDiv table
		{
		margin: 2px;
		}
.flexigrid div.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}
.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.flexigrid div.nDiv td
	{
	padding: 2px 3px;
	border: 1px solid #eee;
	cursor: default;
	}
.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: #d5effc url(flexigrid/images/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}
	
	.flexigrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}
		
	.flexigrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}
	.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}
		
	.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}
	
	.flexigrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		margin-top: 1px;
		cursor: pointer;
		display: none;
		}
		
		.flexigrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(flexigrid/images/ddn.png) no-repeat center;
			}		
		
		.flexigrid div.nBtn.srtd
			{
			background: url(flexigrid/images/wbg.gif) repeat-x 0px -1px;
			}
		
.flexigrid div.mDiv
	{
	background: url(flexigrid/images/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}
.flexigrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}
	
		.flexigrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}
			.flexigrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}
			
			.flexigrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(flexigrid/images/uup.png) no-repeat center;
			}
			
			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(flexigrid/images/ddn.png) no-repeat center;			
			}			
.flexigrid div.tDiv /*toolbar*/
	{
	background: #fafafa url(flexigrid/images/bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}
	.flexigrid div.tDiv2
		{
		float: left;
		clear: both;
		padding: 1px;
		}
.flexigrid div.sDiv /*toolbar*/
	{
	background: #fafafa url(flexigrid/images/bg.gif) repeat-x top;
	position: relative;
	border: 1px solid #ccc;
	text-align:left;
	border-top: 0px;
	overflow: hidden;
	display: block;
	}
	.flexigrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: 1024px;
		}
		.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
		{
		vertical-align: middle;
		}
			
	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #fff;
		margin: 1px;
		}
	
	.flexigrid div.fbutton
		{
			float: left;
			display: block;
			cursor: pointer;
			padding: 1px;
		}
	.flexigrid div.fbutton div
		{
			float: left;
			padding: 1px 3px;
		}		
		
	.flexigrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 3px;
		}
	.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
		{
			padding: 0px;
			border: 1px solid #ccc;
		}
	.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}		
		
	
/* end toolbar*/
.flexigrid div.hDiv
	{
	background: #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom;
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}	
.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}
	.flexigrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}
		.flexigrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}
			
		.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
			{
			background: url(flexigrid/images/line.gif) repeat-y 2px center;
			}
.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}
	
	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.flexigrid div.bDiv
	{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	}
	
.flexigrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}
	
	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(flexigrid/images/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				border-right: 1px solid #999;				
				margin-right: 0px;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(flexigrid/images/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}
.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
	{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	overflow: hidden;
	vertical-align: top !important;
	}
		.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div/* common inner cell properties*/
			{
			padding: 5px;
			border-left: 0px solid #fff;
			}
.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 24px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	}	
div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fafafa url(flexigrid/images/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	}
.flexigrid div.hDiv th.sorted
	{
	background: url(flexigrid/images/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
	}
	
	.flexigrid div.hDiv th.thOver
	{
	}
	.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{
	border-bottom: 1px solid orange;
	padding-bottom: 4px;
	}
	
	.flexigrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}
	.flexigrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}
	
	.flexigrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}
	
	.flexigrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}	
	
	.flexigrid div.hDiv th div.sdesc
		{
		background: url(flexigrid/images/dn.png) no-repeat center top;
		}	
	.flexigrid div.hDiv th div.sasc
		{
		background: url(flexigrid/images/up.png) no-repeat center top;
		}	
		
.flexigrid div.bDiv td
	{
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	
	}
		.flexigrid div.hDiv th div
			{
			}
			
			.flexigrid span.cdropleft
			{
			display: block;
			background: url(flexigrid/images/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}
			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(flexigrid/images/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}
		.flexigrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}
	
				
		.flexigrid tr td.sorted
				{
				background: #f3f3f3;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #f3f3f3;
				}		
				.flexigrid tr td.sorted div
					{
					}
		.flexigrid tr.erow td
				{
				background: #f7f7f7;
				border-bottom: 1px solid #f7f7f7;
				}
				
		.flexigrid tr.erow td.sorted
				{
				background: #e3e3e3;
				border-bottom: 1px solid #e3e3e3;
				}						
				.flexigrid tr.erow td.sorted div
					{
					}
		.flexigrid div.bDiv tr:hover td, 
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted, 
		.flexigrid div.bDiv tr.trOver td
			{
			background: #d9ebf5;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px dotted #a8d8eb;
			}
		
		.flexigrid div.bDiv tr.trSelected:hover td, 
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted, 
		.flexigrid tr.trSelected td
			{
			background: #d5effc url(flexigrid/images/hl.png) repeat-x top;
			border-right: 1px solid #d2e3ec;
			border-left: 1px solid #eef8ff;
			border-bottom: 1px solid #a8d8eb;
			}
		
	/* novstripe adjustments */
	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.flexigrid.novstripe  div.bDiv td  
		{
		border-right-color: #fff;
		}
		
	.flexigrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}
	.flexigrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}
	.flexigrid.novstripe  div.bDiv tr.erow td  
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}
		
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
		.flexigrid.novstripe tr.trSelected td.sorted, 
		.flexigrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #0066FF;
			border-left: 1px solid #0066FF;
			}		
	.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9ebf5;
		border-right-color: #d9ebf5;
		}
	/* end novstripe */
.flexigrid div.pDiv
	{
	background: url(flexigrid/images/wbg.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}
.flexigrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	width: 1024px;
	}	
	
	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}
	
	.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
		{
		position: relative;
		top: 5px;
		overflow: visible;
		}
		
	.flexigrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}
	
	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}
		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		
		.flexigrid .pSearch
			{
			background: url(flexigrid/images/magnifier.png) no-repeat center;
			}
	
		.flexigrid .pFirst
			{
			background: url(flexigrid/images/first.gif) no-repeat center;
			}
			
		.flexigrid .pPrev
			{
			background: url(flexigrid/images/prev.gif) no-repeat center;
			}
		.flexigrid .pNext
			{
			background: url(flexigrid/images/next.gif) no-repeat center;
			}
		.flexigrid .pLast
			{
			background: url(flexigrid/images/last.gif) no-repeat center;
			}
			
		.flexigrid .pReload
			{
			background: url(flexigrid/images/load.png) no-repeat center;
			}
			
		.flexigrid .pReload.loading
			{
			background: url(flexigrid/images/load.gif) no-repeat center;
			}															
/* ie adjustments */
			
		.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
			{
			overflow: hidden;
			}			
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #ccc;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 760px;
    padding: 0px 0px;
}

.jcarousel-skin-tango-home .jcarousel-container-vertical {
    width: 570px;
    height: 110px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  760px;
    height: 180px;
}

.jcarousel-skin-tango-home .jcarousel-clip-vertical {
    width: 570px;
    height: 110px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 190px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0px;
}

.jcarousel-skin-tango-home .jcarousel-item-vertical {
    margin-bottom: 0px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	display:none;
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	display:none;
    left: 5px;
    right: auto;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	display:none;
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	display:none;
    left: auto;
    right: 5px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
a img { border:0 }
/* COMMON CLASSES */
.break { clear:both; }

/* SEARCH FORM */
.suggestions{ position: relative; top:5px;left:-100px; width:300px; display:none;clear:both; }

/* SEARCHRESULTS */
#searchresults {z-index:1000;position:relative;padding:5px 5px 5px 5px; border-width:1px; border-color:#ccc; border-style:solid; width:300px; background-color:#fff; font-size:10px; line-height:14px;-webkit-border-radius:5px;-moz-border-radius:5px; }
#searchresults a { padding-left:8px;display:block; background-color:#fff; clear:left; height:56px; text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px; }
#searchresults a:hover { background-color:#f0f0f0; color:#000; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#000; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#000; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#000; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#000; }
/* Default styling for jQuery Datepicker v4.0.2. */
.datepick {
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #fff;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #600;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	background-color: #777;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #444;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #444;
	color: #fff;
	font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #777;
	color: #fff;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
	background-color: #f08080;
}
.datepick-month td .datepick-selected {
	background-color: #777;
	color: #fff;
}
.datepick-month th.datepick-week {
	background-color: #777;
	color: #fff;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 230px;border:0px solid #f00; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding-top: 5px;padding-left:45px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
.support{
	width:210px;
	height:80px;
	background:url('../images/home_icon.jpg') no-repeat -135px 0px;
	margin-top:0px;
}
.support .title{
	padding-left:70px;
	font-size:14px;
	padding-top:5px;
	color:#720b0d;
}
.support .left{
	clear:both;
	float:left;
	width:60px;
	font-size:12px;
	margin-left:0px;
	text-align:right;
	margin-bottom:2px;
}
.support .right{
	float:left;
	width:70px;
	margin-left:5px;
	text-align:left;
	margin-bottom:2px;
}
body{
	background-color:#ffffff;
	vertical-align:center;
	color:#000000;
	font: 12px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
}
table, div, p, a, a:visited, a:link{
	color:#000000;
	font: 12px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
}
a:focus{outline:none;}
#outer_body1{
	width:100%;
	background-color:inherit;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
#outer_body3{
	width:100%;
	background-position:top;
	background-repeat:repeat;
}
#outer_body2{
	width:100%;
	background-position:bottom;
	background-repeat:repeat;
}
#full{
	clear:both;
	width:100%;
}
.space_top{
	height:20px;
	width:100%;
	background:#9A0104;
	padding-top:1px;
}
.space_top h1{
	color:#fff;
	font-size:11px;
	font-weight:normal;
	margin-top:2px;
}
.login_register{
	width:960px;
	color:#fff;
	text-align:center;
	padding-top:10px;
}
.login_register a, .login_register a:link, .login_register a:visited{
	color:#fff;
	text-decoration:none;
}
.login_register a:hover{text-decoration:underline;}
#main_site{
	clear:both;
	margin-top:5px;
	width:960px;
	background-color:#fff;
	text-align:left;
}
.clear{
	clear:both;
	height:10px;
}
.logo{
	float:left;
	width:665px;
	margin-left:20px;
	margin-top:10px;
	text-align:left;
}
.head_right{
	float:left;
	width:125px;
}
.preview_cart{
	clear:both;
	margin-right:50px;
	width:115px;
	height:59px;
	margin-top:20px;
	background:url('../images/img_view_cart.jpg') no-repeat top;
}
.preview_cart .text{
	float:right;
	width:48px;
}
.number_counter{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
}
.preview_cart .text .sub{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
.login_link{
	clear:both;
	text-align:right;
	padding-top:5px;
}
.login_link .content{
	text-align:right;
}
.login_link a, .login_link a:link, .login_link a:visited{
	color:#2F1130;
	text-decoration:none;
}
.login_link a:hover{
	color:#9A0104;
}
.top_menu{
	margin-top:0px;
}
.top_menu .inner_upper{
	width:960px;
	padding-bottom:2px;
	font-size:12px;
	color:#333;
	text-align:left;
}
.top_menu .inner_upper a, .top_menu .inner_upper a:link, .top_menu .inner_upper a:visited{
	font-size:12px;
	color:#333;
	text-decoration:none;
}
.top_menu .inner_upper a:hover{
	color:#9A0104;
	text-decoration:underline
}
.top_menu .inner{
	width:960px;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	background:#9A0104;
}
.input_text_search{
	float:left;
	width:200px;
	padding:3px 10px 3px 10px;
	text-align:left;
	background:#FEF3F3;
	border:1px solid #ccc;
	color:#333;
	font-size:11px;
	/*-webkit-border-radius:10px;-moz-border-radius:10px;*/
}
#sddm
{	margin: 0;
	padding: 0;
	margin-left:5px;
	z-index: 30}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#sddm li.next
{	margin: 0;
	padding-left: 2px;
	list-style: none;
	float: left;
}
#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 10px 15px 10px 15px;
	color: #fff;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	text-decoration: none}
#sddm li a:hover
{		background:#F4F5C0;
	color:#500101;}
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #9a0104;
	border:1px solid #ccc;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8.5)";
	filter: alpha(opacity=8.5);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	}
#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	font-size:14px;
	font-weight:normal;
}
#sddm div a:hover{
	color: #9A0104
}
.search{
	float:right;
	width:210px;
	text-align:right;
	padding-top:10px;
}
#content_left{
	width:200px;
	float:left;
	margin-top:5px;
}

.left_product{ width:180px;padding:0px; background:#9a0104;-moz-border-radius: 8px;border-radius: 8px;color:#000;border:solid 1px #9a0104;padding-bottom:5px;}
.left_product .title{font-size:16px;color:#FFF;text-align:left;padding:5px 0 5px 5px;border-bottom:#EFEFEF 1px solid;}
.left_product .boxlist{text-align:left;color:#66666;background:#FFF;}
.left_product .boxlist .item{border-bottom:#EFEFEF 1px solid;padding:5px 0 5px 10px;font-size:14px;}
.left_product .boxlist .item:hover{background:#999999;}
.left_product .head1{background:#EFEFEF ;border-bottom:solid 1px #FFF}
.left_product .head1 .text_title{font-size:14px;font-size:14px;padding:5px 0 5px 30px;text-align:left;background:url('../images/arrow.jpg') no-repeat  5px 5px;cursor:pointer;}
.left_product .head1 .text{font-size:14px;font-size:14px;padding:5px 0 5px 20px;text-align:left;}
.left_product .head1 .text:hover{cursor:pointer;}
.left_product .head2{background:#EFEFEF ;}
.left_product .head2 .text_title{font-size:14px;font-size:14px;padding:5px 0 5px 30px;text-align:left;background:url('../images/arrow.jpg') no-repeat 5px -78px;cursor:pointer;}
.left_product .head2 .text{font-size:14px;font-size:14px;padding:5px 0 5px 20px;text-align:left;}
.left_product .head2 .text:hover{cursor:pointer;}
.left_product .head2 .boxlist{text-align:left;color:#66666;background:#FFF;font-size:10px;}
.left_product .head2 .boxlist .item{border-bottom:#EFEFEF 1px solid;}
.left_product .head2 .boxlist .item:hover{background:#fae7e8;}
.left_product .head2 .boxlist .item .text{padding:0px 0 0px 10px;font-size:12px;}

.product_add_menu{clear:both;margin-top:10px;}
.product_add_menu a .item_menu, .product_add_menu a .item_menu, .product_add_menu a .item_menu{
	width:180px;
	margin-top:5px;
	padding-top:8px;
	padding-bottom:8px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#9A0104;
	background:#fff;
	border:1px solid #FAE7E8;
	-webkit-border-radius:7px;-moz-border-radius:7px;
}
.product_add_menu a:hover .item_menu{
	background:#FAE7E8;
}

/*
.left_social{
	clear:both;
	float:left;
	margin-top:10px;
	text-align:left;
}
.left_social img{margin-top:5px;}
*/
/*Contact*/
.left_contact{width:178px;padding:0px; background:#9a0104;-moz-border-radius: 8px;border-radius: 8px;color:#000;border:solid 1px #9a0104;}
.left_contact .title{font-size:15px;color:#FFF;text-align:left;padding:5px 0 5px 5px;}
.left_contact .ym {color:#000000;background:#FFF;margin-top:5px;padding:5px;text-align:center;}
.left_contact .ym .left{width:80px; float:left;padding-top:5px;text-align:right;margin-right:5px;}
.left_contact .ym .right{width:50px; float:left;padding-top:5px;text-align:left;}
.left_contact .ym .sms{font-size:15px;color:#720b0d}
/*EOContact*/
/*Rekening*/
.left_rekening{width:178px; border:solid #9a0104 1px;text-align:center;background:#9a0104;-moz-border-radius: 8px;border-radius: 8px;padding:0px;}
.left_rekening .title{font-size:15px;color:#FFF;text-align:left;padding:5px 0 5px 5px;}
.left_rekening .main{background:#FFF;width:178px;padding:0px;margin:0px;}
.left_rekening .main li{display:inline;}
/*Rekening*/

/*Cart*/
.left_cart{width:178px; border:solid #9a0104 1px;text-align:center;background:#9a0104;-moz-border-radius: 8px;border-radius: 8px;padding:0px;}
.left_cart .title{font-size:15px;color:#FFF;text-align:left;padding:5px 0 5px 5px;}
.left_cart .detail a{background:#720b0d;-moz-border-radius: 3px;border-radius: 3px;color:#000}
/*EOCart*/
/*testimonial*/
.left_testimony{width:178px; border:solid #9a0104 1px;text-align:center;background:#9a0104;-moz-border-radius: 8px;border-radius: 8px;padding:0px;}
.left_testimony .title{font-size:15px;color:#FFF;text-align:left;padding:5px 0 5px 5px;}
.left_testimony .main{background:#FFF;width:168px;padding:5px;margin:0px;text-align:justify;}
.left_testimony .main b{font-size:16px;color:#853538;font-weight:normal;}
.left_testimony .main .tambah{text-align:center;font-size:11px;float:left;width:50px;background:#720b0d;color:#FFF;margin-left:20px;padding:2px 5px 2px 5px;-moz-border-radius: 8px;border-radius: 8px;border:solid 1px #999;}
.left_testimony .main .lainnya{text-align:center;font-size:11px;float:left;width:50px;background:#f2bbb6;color:#000;margin-left:13px;padding:2px 5px 2px 5px;-moz-border-radius: 8px;border-radius: 8px;border:solid 1px #999;}
/*EOTestimonial*/

#content_right{
	width:760px;
	float:left;
	margin-top:5px;
	text-align:left;
}
#content_checkout{
	width:802px;
	float:left;
	margin-top:5px;
	text-align:left;
}
.checkout_left{
	width:465px;
	float:left;
	margin-top:5px;
	text-align:left;
}
.box_login{
	width:430px;
	background:#DFDFDF;
	-webkit-border-radius:7px;-moz-border-radius:7px;
}
.box_login a, .box_login a:link, .box_login a:visited{
	font-size:11px;
	color:#9A0104;
	text-decoration:none;
	font-weight:normal;
}
.box_login a:hover{
	text-decoration:underline;
}
.checkout_right{
	width:337px;
	float:left;
	margin-top:5px;
	text-align:left;
}
.preview_cart_checkout{
	clear:both;
	width:335px;
	margin-top:115px;
	border:1px solid #DFDFDF;
	-webkit-border-radius:7px;-moz-border-radius:7px;
}
.preview_cart_checkout .content{
	width:315px;
	padding-top:10px;
	padding-bottom:10px;
}
.preview_cart_checkout .content .title{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#5C1212;
}
.preview_cart_checkout .content .title a, .preview_cart_checkout .content .title a:link, .preview_cart_checkout .content .title a:visited{
	font-size:11px;
	color:#9A0104;
	text-decoration:none;
	font-weight:normal;
}
.preview_cart_checkout .content .title a:hover{
	text-decoration:underline;
}
.link_back_carta, .link_back_cart a:link, .link_back_cart a:visited{
	font-size:11px;
	color:#9A0104;
	text-decoration:none;
	font-weight:normal;
}
.link_back_cart a:hover{
	text-decoration:underline;
}
.prev_cart_title{
	margin-top:10px;
	background:#3C3C3C;
	
}
.prev_cart_title .part{float:left;font-weight:bold;text-align:center;padding-top:2px;padding-bottom:2px;color:#fff;}
.prev_cart_item{
	margin-top:3px;
	background:#DFDFDF;
}
.prev_cart_item .part{float:left;font-weight:normal;text-align:center;padding-top:2px;padding-bottom:2px;}
.prev_cart_subtotal{
	margin-top:3px;
}
.prev_cart_subtotal .part{float:left;font-weight:bold;text-align:right;padding-top:2px;padding-bottom:2px;}
.title_slempang{
	clear:both;
	margin-top:15px;
}
.title_slempang .text{
	padding-left:0px;
	color:#545454;
	font-weight:bold;
	font-size:18px;
}
.banner{margin-top:0px;}
.banner_thumb{margin-top:10px;}
.banner_thumb .img_thumb{
	width:240px;
	float:left;
}
.banner_thumb .img_first{text-align:left;}
.banner_thumb .img_next{text-align:center;}
.banner_thumb .img_last{text-align:right;}
.banner_thumb .img_thumb img{
	border:1px solid #9A0104;
}
.breadcrumb{
	clear:both;
	margin-top:5px;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited{
	font-size:11px;
	color:#9A0104;
	text-decoration:none;
}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb a.black{color:#000;}
.product_list{width:100%;clear:both;}
.product_list .product_item{
	float:left;
	width:200px;
	height:350px;
	margin-top:20px;
	margin-left:40px;
}
.product_list .product_new{
	border-bottom:1px solid #9A9A9A;
}
.product_list .product_inner{
	border-bottom:1px solid #9A9A9A;
}
.product_list .product_popular{
	border-bottom:1px solid #9A9A9A;
}
.product_list .product_item .quick_preview{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	background:#9A9A9A;
	color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}
.product_list .product_item .image{height:170px;}
.product_list .product_item .text_name, .product_list .product_item .text_name a, .product_list .product_item .text_name a:link, .product_list .product_item .text_name a:visited{margin-top:20px;font-size:14px;color:#333;font-weight:bold;text-align:left;text-align:center;}
.product_list .product_item .text_price{margin-top:5px;font-size:14px;color:#333;font-weight:normal;text-align:left;text-align:center;}

.product_title{
	text-align:left;
	font-size:20px;
	font-weight:normal;
	color:#9A0104;
	padding-bottom:5px;
}
.product_title2{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#9A0104;
	padding-bottom:5px;
}
.product_sorting_top{	float:right;width:300px;font-size:11px;text-align:right;padding-top:10px;}
.product_sorting_top a, .product_sorting_top a:link, .product_sorting_top a:visited{font-size:11px;color:#9A0104;text-decoration:none;}
.product_sorting_top a:hover, .product_sorting_top a.selected{text-decoration:underline;}
.home_paragraph{
	padding:0px 10px 5px 10px;
	text-align:justify;
	color:#000;
}
.title_category{
font-size:18px;
font-weight:normal;
color:#9a0104;
}
.home_paragraph .name{font-size:12px;}
.home_paragraph .text{font-size:12px;margin-top:12px;}
.home_paragraph .more{margin-top:10px;text-align:right;}
.home_paragraph .more a, .home_paragraph .more a:link, .home_paragraph .more a:visited{
	text-decoration:none;
	color:#9C226B;
	font-weight:bold;
}
.home_paragraph .more a:hover{text-decoration:underline}
.product_list_bar{
	clear:both;
	margin-top:5px;
	border:1px solid #C9C9C9;
	width:760px;
}
.product_list_bar .image{
	float:left;
	width:110px;
	text-align:center;
	height:110px;
}
.product_list_bar .title{
	float:left;
	width:170px;
	margin-left:5px;
	height:110px;
}
.product_list_bar .title .name{font-weight:bold;font-size:14px;}
.product_list_bar .title .price{margin-top:5px;}
.product_list_bar .desc{
	float:left;
	width:315px;
	margin-left:5px;
	height:110px;
}
.product_list_bar .detail{
	float:left;
	width:140px;
	text-align:center;
	height:110px;
}
.product_paging{
	clear:both;
	margin-top:20px;
	width:750px;
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:10px;
	background:#EFEFEF;
	-webkit-border-radius:10px;-moz-border-radius:10px;
	border:1px solid #DFDFDF;
}
.product_paging span{background:#810102;color:#fff;text-decoration:none;padding:3px 5px 3px 5px;font-weight:normal;font-size:11px;}
.product_paging a, .product_paging a:link, .product_paging a:visited{background:#4A4A4A;font-weight:normal;font-size:11px;color:#fff;text-decoration:none;padding:3px 5px 3px 5px;}
.product_paging a:hover{background:#5D5D5D;color:#fff;}
.bottom_product{
	margin-top:10px;
	width:602px;
	height:50px;
	text-align:center;
	background:#F0E8EC;
}
.bottom_product div{
	font-size:11px;
	color:#9A9A9A;
}
.bottom_product a, .bottom_product a:link, .bottom_product a:visited{font-size:11px;color:#9A9A9A;text-decoration:none;}
.bottom_product a:hover{text-decoration:underline;}
.detail_product{
	width:760px;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #C9C9C9;
}
.detail_product .img_left{
	float:left;
	width:320px;
	text-align:left;
}
.detail_product .img_left .img_preview img{
	border:0px solid #C9C9C9;
}
.detail_product .img_left .img_thumb{
	margin-top:10px;
}
.detail_product .img_left .img_thumb img{
	margin-left:5px;
	cursor:pointer;
	border:1px solid #C9C9C9;
}
.detail_product .img_left .img_thumb img:hover{border:1px solid #9A0104;}
.detail_product .detail_right{
	float:left;
	width:490px;
	text-align:left;
}
.detail_product .detail_right .detail_title{
	font-weight:bold;
	font-size:20px;
	color:#9A0104;
}
.detail_product .detail_right .detail_subtitle{font-size:14px;}
.detail_product .detail_right .detail_content{margin-top:10px;padding-top:5px;padding-bottom:5px;border-top:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9;}
.detail_product .detail_right .detail_content b{font-size:14px}
.detail_product .detail_right .detail_content .content{font-size:12px;text-align:justify;}
.detail_product .detail_right .detail_cart{margin-top:5px;}
.detail_product .detail_right .detail_cart img.next{margin-left:10px;}
.detail_product .detail_right .detail_input{clear:both;}
.detail_product .detail_right .detail_input .text_left{
	float:left;
	width:100px;
	margin-top:5px;
	font-size:14px;
}
.detail_product .detail_right .detail_input .input_right{
	float:left;
	width:180px;
	padding-left:10px;
	margin-top:5px;
	font-size:14px;
}
.detail_product .detail_right .detail_input .input{
	border:1px solid #C9C9C9;
	width:170px;
	padding:2px 2px 2px 2px;
}
.detail_chat{
	width:602px;
	margin-top:10px;
	border-bottom:1px solid #C9C9C9;
}
.detail_chat .word{
	float:left;
	width:292px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding-bottom:10px;
}
.detail_chat .chat{
	float:left;
	width:310px;
	padding-bottom:10px;
}
.detail_chat .chat div{
	text-align:center;
}
.detail_chat .chat div span{font-size:14px;}
/*cart*/
.bt_cart_top{
	margin-top:20px;
	text-align:right;
}
.bt_cart_top img{margin-left:10px;}
.cart_content{
	clear:both;
	margin-top:10px;
}
.cart_content .cart_title, .cart_content .cart_item, .cart_content .cart_total{
	clear:both;
}
.cart_content .cart_title .first{
	float:left;
	width:420px;
}
.cart_content .cart_title .first_border{
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	border:1px solid #CCCCCC;
	background:#EEEEEE;
}
.cart_content .cart_title .second{
	float:left;
	width:75px;
}
.cart_content .cart_title .third{
	float:left;
	width:170px;
}
.cart_content .cart_title .fourth{
	float:left;
	width:130px;
}
.cart_content .cart_title .next_border{
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#EEEEEE;
}
.cart_content .item_img{
	float:left;
	width:110px;
	height:110px;
}
.cart_content .input{
	border:1px solid #CCCCCC;
	padding:2px 2px 2px 2px;
	text-align:center;
}
.cart_content .item_desc{
	float:left;
	width:310px;
	height:110px;
	text-align:left;
}
.cart_content .item_desc .remove{text-align:right;padding-top:10px;padding-right:10px;}
.cart_content .item_desc .attribute{font-size:11px;font-weight:normal;}
.cart_content .cart_item .first{
	float:left;
	width:420px;
}
.cart_content .cart_item .first_border{
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	height:110px;
}
.cart_content .cart_item .second{
	float:left;
	width:75px;
}
.cart_content .cart_item .third{
	float:left;
	width:170px;
}
.cart_content .cart_item .fourth{
	float:left;
	width:120px;
	padding-right:10px;
}
.cart_content .cart_item .next_border{
	text-align:right;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	height:110px;
}
.cart_content .cart_total .first{
	float:left;
	width:647px;
}
.cart_content .cart_total .first_border{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	font-weight:bold;
	font-size:16px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#FBE9F4;
}
.cart_content .cart_total .second{
	float:left;
	width:130px;
}
.cart_content .cart_total .next_border{
	text-align:right;
	padding-top:7px;
	padding-bottom:8px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#FBE9F4;
}
.cart_content .cart_total_shipping .first{
	float:left;
	width:647px;
}
.cart_content .cart_total_shipping .first_border{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	font-weight:bold;
	font-size:16px;
	border:1px solid #CCCCCC;
	background:#FBE9F4;
}
.cart_content .cart_total_shipping .second{
	float:left;
	width:130px;
}
.cart_content .cart_total_shipping .next_border{
	text-align:center;
	padding-top:7px;
	padding-bottom:8px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
.cart_content .cart_grand_total .first{
	float:left;
	width:647px;
}
.cart_content .cart_grand_total .first_border{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	font-weight:bold;
	font-size:16px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#D4D4D4;
}
.cart_content .cart_grand_total .second{
	float:left;
	width:130px;
}
.cart_content .cart_grand_total .next_border{
	text-align:center;
	padding-top:7px;
	padding-bottom:8px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
/* Shipping */
.shipping_text{
	margin:10px 0;
	color:#4A0A28;
}
.shipping_body{
	padding:0px;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color:#000;
}
.shipping_body_item{
	margin:2px 0;
}
.header_tablecart_shipping{
	clear:both;
	width:850px;
	background-color:#fff;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color:#fff;
}
.headercart_item_shipping{
	clear:both;
	float:left;
	width:665px;
	padding:7px 3px;
	text-align:left;
	margin-right:0px;
	font: 16px/bold Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color:#000;
}
.headercart_price_shipping{
	text-align:center;
	float:left;
	width:170px;
	padding:7px 3px;
	margin-right:0px;
	color:#000;
}
.headercart_subtotal_shipping{
	text-align:center;
	float:left;
	width:170px;
	padding:7px 3px;
	margin-right:0px;
	color:#000;
}
.shipping1{
	clear:both;
	float:left;
	width:300px;
}
.shipping2{
	float:left;
	width:240px;
}
/*login*/
.login_text{font-size:11px;text-align:justify;padding-top:10px;padding-bottom:10px;}
.color_link{color:#9A0104;}
.subtitle_login{
	width:595px;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:5px;
	background:#FBE9F4;
	color:#9A0104;
	font-weight:bold;
	font-size:12px;
}
.login_email{
	clear:both;
	float:left;
	width:200px;
}
.login_pass{
	float:left;
	width:200px;
}
.login_pass a, .login_pass a:link, .login_pass a:visited{
	font-size:11px;
	color:#9A0104;
	text-decoration:none;
}
.login_pass a:hover{
	text-decoration:underline;
}
.login_button{
	float:left;
	width:100px;
	padding-top:15px;
}
.signup_left{
	clear:both;
	float:left;
	width:230px;
}
.signup_right{
	float:left;
	width:230px;
}
.baris_field{
	clear:both;
	width:602px;
	padding-top:10px;
}
.content_desc{
	color:#333;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	line-height:17px;
}
.short_field{
	width:190px;
	border:1px solid #ccc;
	color:#5c5c5c;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding:3px;
}
.short_field2{
	width:200px;
	border:1px solid #ddd;
	color:#5c5c5c;
	font: 12px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding:3px;
}
.short_field3{
	width:175px;
	border:1px solid #ddd;
	color:#666;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding:2px;
}
.long_field{
	width:430px;
	border:1px solid #ddd;
	color:#5c5c5c;
	font: 12px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding:3px;
}
.long_field2{
	width:355px;
	border:1px solid #ccc;
	color:#5c5c5c;
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
}
.box_left{
	margin-left:8px;
	width:210px;
}
.box_right{
	margin-left:8px;
	width:200px;
}
/*testimonial*/
.testi_page{
	margin-top:10px;
	width:602px;
	text-align:justify;
	border-bottom:1px dashed #C9C9C9;
	padding-bottom:5px;
}
.testi_page .name{ font-size:12px;}
.testi_page .testi{ font-size:11px;margin-top:7px;}
.testi_page .testi a, .testi_page .testi a:link, .testi_page .testi a:visited{
	font-size:11px;
	color:#743451;
	text-decoration:underline;
}
.testi_page .testi a:hover{
	text-decoration:none;
}
.page_testimonial_list{
	clear:both;
	width:630px;
	margin-top:10px;
	margin-left:0px;
}
.page_testimonial_list .testimonial_img{
	float:left;
	width:95px;
	height:95px;
	background:url('../images/testi_home_img.jpg');
}
.page_testimonial_list img{width:95px;}
.page_testimonial_list .testimonial_text{
	width:510px;
	margin-left:0px;padding-left:20px;text-align:justify;
	min-height:95px;
	border:solid 1px #f69799;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
}
.page_testimonial_list .title{
	color:#853538;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
.page_testimonial_list .content{
	padding-top:10px;
	text-align:justify;
	font-size:12px;
}
#box_home{
	width:565px;
	border:1px solid #60054A;
	-webkit-border-radius:7px;-moz-border-radius:7px;
}
#box_home .contentnya{padding:10px 10px 10px 10px;}
#box_home .title{
	font-size:18px;
	font-weight:normal;
	color:#60054A;
}
#box_home .content{margin-top:15px;}
#box_home .bottom{
	margin-top:15px;
	text-align:right;
}
#box_home .bottom a, #box_home .bottom a:link, #box_home .bottom a:visited{
	font-weight:bold;
	color:#60054A;
	text-decoration:none;
}
#box_home .bottom a:hover{text-decoration:underline;}
.testi_add_bg{width:450px;background-color:#9A0104;-webkit-border-radius:7px;-moz-border-radius:7px;}
.testi_add_text{padding:5px 10px 5px 10px;color:#fff;font-weight:bold;font-size:20px;}
#form_contact b{
	font-weight:bold;
	font-size:16px;
	color:#0b8041;
}
#form_contact i{
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	color:#a0a0a0;
}
#form_list{
	clear:both;
	margin-top:10px;
}
#form_1{
	float:left;
	width:90px;
	text-align:left;
}
#form_2{
	float:left;
	width:210px;
	text-align:left;
}
#form_3{
	float:left;
	width:150px;
	text-align:left;
	margin-left:5px;
}
#form_3 span{
	font-size:11px;
	color:#f00;
}
.input_text{
	color:#000;
	border-top:1px solid #aaaaaa;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #ebebeb;
	background-color:#fff;
}
.testi_name{
	font-size:14px;
	font-weight:bold;
}
.testi_content{margin-top:10px;}
/*myaccount*/
.row_form{
	clear:both;
	width:602px;
}
.row_form .text{
	float:left;
	width:200px;
	margin-top:3px;
	text-align:right;
	padding-top:3px;
}
.row_form .input{
	float:left;
	width:390px;
	margin-top:3px;
	margin-left:10px;
	text-align:left;
	padding-left:2px;
	padding-top:3px;
	padding-bottom:3px;
	background:#DFDFDF;
}
.row_form .user_input{
	width:300px;
	font-size:11px;
	border:1px solid #743451;
	padding:2px 2px 2px 2px;
}
.row_form  .bt_save{
	border:1px solid #743451;
	color:#743451;
	font-size:14px;
	font-weight:bold;
	padding:3px 6px 3px 6px;
	cursor:pointer;
}
.space_bottom{background:#9A0104;}
.footer{
	width:960px;
	padding-bottom:10px;
}

.footer .newsletter{
	font-size:16px;
	color:#fff;
	border-bottom:2px groove #9A0104;
	margin-bottom:5px;
}
.footer .newsletter .text{
	color:#fff;
	padding-top:10px;
	padding-bottom:5px;
}
.footer .newsletter  .input_newsletter{
	border:1px solid #F69799;
	-webkit-border-radius:5px;-moz-border-radius:5px;
	color:#333;
	width:220px;
	padding:5px 3px 5px 3px;
}
.footer .footer_content{
	clear:both;
}
.footer .footer_content .footer_menu{
	float:left;
	width:190px;
	margin-top:30px;
}
.footer .footer_content .next{margin-left:40px;}
.footer .footer_content .footer_menu .item{
	width:190px;
	border-bottom:1px solid #C26768;
	padding-top:3px;
	padding-bottom:3px;	
}
.footer .footer_content .footer_menu .item a .text, .footer .footer_content .footer_menu .item a:link .text, .footer .footer_content .footer_menu .item a:visited .text{
	width:184px;
	padding:6px 3px 6px 3px;
	text-align:right;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
.footer .footer_content .footer_menu .item a:hover .text{
	background:#F4F5C0;
	color:#500101;
}
.footer .footer_content .footer_text{
	margin-top:0px;
	width:270px;
	float:left;
	margin-left:30px;
	text-align:center;
}
.footer .footer_content .footer_text .text{
	margin-top:0px;
	font-size:12px;
	color:#fff;
}
.footer .footer_content .footer_text .text span{
	font-size:18px;
}
.footer .footer_content .footer_text .text p{font-size:14px;color:#fff;}

.footer .copy{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	color:#fff;
}
/*faq*/
.faq_content{width:602px;}
.clear_margin{clear:both;height:10px;line-height:0px;margin-top:20px;}
#faq-boxmid{
	width:530px;
	background:url('../images/faq1.jpg') repeat-y -530px 0px;
}
#faq-boxtop{
	width:530px;
	background:url('../images/faq1.jpg') no-repeat 0px 0px;
}
#faq-boxbot{
	width:530px;
	background:url('../images/faq2.jpg') no-repeat 0px bottom;
}
#faq-boxcontent{
	width:530px;
	padding:10px 10px 10px 10px;
}
#faq-boxcontent a, #faq-boxcontent a:link, #faq-boxcontent a:visited{
	cursor:pointer;
	text-decoration:none;
	color:#000;
}
#faq-boxcontent a:hover{
	text-decoration:underline;
}
#faq-list{
	clear:both;
	margin-top:10px;
}
#faq-listbullet{
	clear:both;
	float:left;
	width:31px;
	height:32px;
	margin-left:20px;
	background:url('../images/faq2.jpg') repeat-y -645px 0px;
}
#faq-listtext{
	float:left;
	width:450px;
}
#faq-tanya{
	clear:both;
	width:530px;
	height:60px;
}
#faq-tanya_icon{
	float:left;
	width:40px;
	height:58px;
	background:url('../images/faq2.jpg') repeat-y -530px 0px;
}
#faq-boxtanyamid{
	float:left;
	margin-left:7px;
	width:480px;
	background:url('../images/faq1.jpg') repeat-y -1540px 0px;
}
#faq-boxtanyatop{
	width:480px;
	background:url('../images/faq2.jpg') no-repeat -530px -58px;
}
#faq-boxtanyabot{
	width:480px;
	background:url('../images/faq1.jpg') no-repeat -1060px bottom;
}
#faq-boxtanyacontent{
	width:420px;
	padding:7px 0px 20px 50px;
	font-size: 11px;
	font-weight:bold;
}
#faq-jawab{
	clear:both;
	width:530px;
}
#faq-jawab_icon{
	float:left;
	width:40px;
	height:58px;
	background:url('../images/faq2.jpg') repeat-y -583px 0px;
}
#faq-boxjawabmid{
	float:left;
	width:480px;
	background:url('../images/faq1.jpg') repeat-y -2500px 0px;
}
#faq-boxjawabtop{
	width:480px;
	background:url('../images/faq2.jpg') no-repeat -1010px -58px;
}
#faq-boxjawabbot{
	width:480px;
	background:url('../images/faq1.jpg') no-repeat -2020px bottom;
}
#faq-boxjawabcontent{
	width:420px;
	padding:5px 5px 5px 10px;
}
#faq-btt{clear:both;width:100%;text-align:right;}
#faq-btt a, #faq-btt a:link, #faq-btt a:visited{color:#003399;text-decoration:none;}
#faq-btt a:hover{text-decoration:underline;}
/*site maps*/
.sitemaps{
	clear:both;
	margin-top:20px;
}
.sitemaps .parent{margin-top:15px;}
.sitemaps .parent a, .sitemaps .parent a:link, .sitemaps .parent a:visited{
	color:#9F216A;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.sitemaps .parent a:hover{
	color:#2F1633;
	text-decoration:underline;
}
.sitemaps .child{margin-top:5px;padding-left:20px;}
.sitemaps .child a, .sitemaps .child a:link, .sitemaps .child a:visited{
	color:#9F216A;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
.sitemaps .child a:hover{
	color:#2F1633;
	text-decoration:underline;
}
/*mod payment*/
#mod_payment{
	width:520px;
	margin-top:20px;
}
#mod_payment .titlenya{
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#000;
}
#mod_payment .item_payment{
	clear:both;
	margin-top:10px;
	background:#F1CAFF;
}
#mod_payment .item_payment .out_left{
	float:left;
	width:168px;
	text-align:center;
	padding-top:10px;
}
#mod_payment .item_payment .out_right{
	float:left;
	width:352px;
}
#mod_payment .item_payment .in_left{
	float:left;
	width:148px;
	text-align:left;
	margin-top:5px;
}
#mod_payment .item_payment .in_right{
	float:left;
	width:204px;
	text-align:left;
	margin-top:5px;
}
/*mod step*/
#mod_step{
	clear:both;
	width:530px;
	margin-top:10px;
}
#mod_step .mod_title{
	font-weight:bold;
	color:#000;
	font-size:14px;
}
#mod_step .item{
	width:510px;
	padding:10px 5px 10px 10px;
	margin-top:10px;
}
#mod_step .odd{background:#F1CAFF}
#mod_step .even{background:#EBE1EF}
/*my account*/
.detail_cust_data{
	float:left;
	width:336px;
	height:78px;
	background:url('../images/myaccount.jpg') no-repeat 0px -81px;
}
.detail_cust_data .content{
	width:220px;
	margin-top:10px;
	margin-left:100px;
}
.detail_cust_data .content .title{
	font-weight:bold;
	font-size:18px;
}
.detail_cust_data .content .subtitle{
	color:#005EBB;
	font-weight:bold;
	margin-top:5px;
}
.button_cust{
	float:right;
	width:300px;
	margin-top:10px;
	margin-right:10px;
	text-align:right;
}
.cust_head_menu{
	clear:both;
	width:802px;
	height:39px;
	background:#3B213A url('../images/myaccount_repeat.jpg') repeat-x 0px -41px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.cust_head_menu .list_menu{
	float:left;
	width:115px;
	height:39px;
}
.cust_head_menu a .menu, .cust_head_menu a:link .menu, .cust_head_menu a:visited .menu{
	text-align:center;
	font-weight:bold;
	padding-top:11px;
	padding-bottom:14px;
	font-size:12px;
	color:#fff;
	margin-left:3px;
}
.cust_head_menu a:hover .menu, .cust_head_menu a.selected .menu{
	background:#743451 url('../images/myaccount_repeat.jpg') repeat-x 0px 0px;
	color:#fff;
}
.customers_content{
	clear:both;
	margin-top:0px;
	width:800px;
	border:1px solid #ccc;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}
.customers_profile_1{background:#F5F5F5;border-bottom:4px solid #fff;}
.customers_profile_2{background:#F2FEFF;border-bottom:4px solid #fff;}
.separator_head{
background:url('../images/myaccount_repeat.jpg') repeat-x 0px -121px;
}
.data_selang{
clear: both;
background: #F5F5F5;
}
.data_seling{
clear: both;
background: #F2FEFF;
}
.header_order_detail{
background:#4B4A4A;
color: #ffffff;
}
.print_bottom_notes{
background:#F5F5F5;
}
.order_detail_selang{
background:#D1D1D1;
}
.order_detail_seling{
background:#8CDCDB;
}

.td_gradasi{font-size:12px;font-weight:bold;text-align:center;background:url('../images/myaccount_repeat.jpg') repeat-x 0px -82px;padding-top:12px;padding-bottom:12px;}
.textInput{
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color: #000000;
	border:1px solid #ddd;
	padding:3px;
	background-color:#fff;
}
/*record*/
#export_table{float:left;width:400px;margin-top:5px;margin-right:10px;text-align:right;}
#export_table a:link, #export_table a:visited{
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
#export_table a:hover{
	text-decoration:underline;
}
#edit_grid{
	width:900px;
	margin-left:40px;	
}
#edit_grid .left{
	float:left;
	width:527px;
}
#edit_grid .left #form{
	width:527px;
}
#edit_grid .left #form p{
	color:#454545;
	font-weight:bold;
	font-size:18px;
	padding:10px 0 0 20px;
}
#title_edit{
	width:488px;
	height:37px;
	background:url('../images/myaccount.jpg') no-repeat 0px 0px;
}
#title_edit_654{
	width:654px;
	height:37px;
	background:url('../images/head_yellow_654.jpg') no-repeat top;
}
#title_edit_750{
	width:752px;
	height:37px;
	background:url('../images/head_yellow_750.jpg') no-repeat top;
}
#title_edit_800{
	width:800px;
	height:37px;
	background:url('../images/head_yellow_800.jpg') no-repeat top;
}
#title_detail{
	width:510px;
	padding-left:15px;
	padding-top:4px;
	color:#5d4e05;
	font-weight:bold;
	font-size:16px;
}
#detail_body{
	margin-top:-5px;
	padding-bottom:3px;
	width:486px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}
#edit_grid .right{
	float:left;
	width:370px;
} 
#edit_grid .right .icon_list{
	border:2px solid #035C79;
	background:#EAEAEA;
	-webkit-border-radius:7px;-moz-border-radius:7px;
	padding-bottom:10px;
}
#edit_grid .right .icon_list2{
	border:0px solid #035C79;
	background:#fff;
	padding-bottom:0px;
}
#edit_grid .right #title_edit_cart{
	width:372px;
	height:44px;
	background:url('../images/myaccount.jpg') no-repeat 0px -39px;
}
#edit_grid .right #title_detail{
	width:370px;
	padding-left:15px;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
#edit_grid .right #detail_body_cart{
	margin-top:-5px;
	padding-bottom:3px;
	width:370px;
	background:#F5F5F5;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}
#record_list{
	clear:both;
	width:485;
	margin-top:5px;
	margin-left:1px;
	background:#F5F5F5;
}
#record_list #left_side{
	clear:both;
	float:left;
	width:195px;
	margin-left:0px;
}
#record_list #right_side{
	float:left;
	width:280px;
	margin-left:2px;
}
#record_list #left_side div, #record_list #right_side div{
	padding:5px 5px 5px 5px;
}
.givemepadding{margin-top:10px;}
.warningYellow{
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color: #000000;
	padding:3px 3px 3px 3px;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background: #FFFFAA; border: 1px solid #FFAD33;
}
.warningBlue{
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color: #000000;
	padding:3px 3px 3px 3px;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background: #EBF5FF; border: 1px solid #004B96;
}
.warningGrey{
	font: 11px/normal Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;
	color: #000000;
	padding:3px 3px 3px 3px;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background: #BCBCBC; border: 1px solid #373737;
}
#bank_info{
	width:550px;
	padding:5px;margin-top:5px;
	border-radius: 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
	background:#E5E5E5;
	border:2px solid #CCCCCC;
}
.bank_content{
	width:100%;font: 14px/bold Century Gothic,"Century Gothic",Arial,Helvetica,sans-serif;border-bottom:0px solid #ffcc00;color:#9A0104;border-bottom:1px dashed #9A0104;height:15px;padding:5 5 5 5;
}
.product_detail_contact{
	clear:both;font-weight:bold;color:#9A0104;font-size:14px;
}

/*css article news*/
#article_new{}
#article_new .list{margin:5px 0 5px 0; padding:5px;border-bottom:solid 1px #EFEFEF;text-align:left;}
#article_new .list .title{margin:0px;padding:0px;}
#article_new .list .title h1{padding:0px;margin:0px;color:#A70303;font-size:16px;}
#article_new .list .title h1 a{color:#A70303;font-size:18px;}
#article_new .list .title h1 a:hover{text-decoration:underline;}
#article_new .list .subtitle{font-size:10px;margin:0px;padding:0px;}
#article_new .list .subtitle .by{color:#A70303}
#article_new .list .subtitle .date{color:#A70303}
#article_new .list .detail_sort{margin:10px 0 0 0;text-align:justify;}
#article_new .list .detail_sort li{float:none; display:list-item;width:auto;margin:0px;padding:0px;height:auto;}
#article_new .list .detail_sort a{color:#1D5D89}
#article_new .list .detail_sort a:hover{text-decoration:underline;}
#article_new .list .detail_sort .outer_readmore{text-align:right;padding:0 15px 0 15px;margin:0 0 10px 0;}
#article_new .list .detail_sort .outer_readmore .readmore {padding:5px 10px 5px 10px;background:#A70303;color:#FFF;}
#article_new .list .detail_sort .outer_readmore .readmore:hover {background:#333333;cursor:pointer;}

#page_new{}
#page_new .list{margin:5px 0 5px 0; padding:5px;border-bottom:solid 1px #EFEFEF;text-align:left;}
#page_new .list .title{margin:0px;padding:0px;}
#page_new .list .title h1{padding:0px;margin:0px;color:#A70303;font-size:16px;}
#page_new .list .title h1 a{color:#A70303;font-size:18px;}
#page_new .list .title h1 a:hover{text-decoration:underline;}
#page_new .list .subtitle{font-size:10px;margin:0px;padding:0px;}
#page_new .list .subtitle .by{color:#A70303}
#page_new .list .subtitle .date{color:#A70303}
#page_new .list .detail_sort{margin:10px 0 0 0;text-align:justify;}
#page_new .list .detail_sort li{float:none; display:list-item;width:auto;margin:0px;padding:0px;height:auto;}
#page_new .list .detail_sort a{color:#1D5D89}
#page_new .list .detail_sort a:hover{text-decoration:underline;}
#page_new .list .detail_sort .outer_readmore{text-align:right;padding:0 15px 0 15px;margin:0 0 10px 0;}
#page_new .list .detail_sort .outer_readmore .readmore {padding:5px 10px 5px 10px;background:#A70303;color:#FFF;}
#page_new .list .detail_sort .outer_readmore .readmore:hover {background:#333333;cursor:pointer;}

#outer_backto{text-align:left;padding:0 15px 0 15px;margin:0 0 10px 0;}
#outer_backto .left{float:left;width:300px;}
#outer_backto .right{float:right;width:300px;text-align:right;}
#outer_backto .left .backto{padding:5px 10px 5px 10px;background:#A70303;color:#FFF;}
#outer_backto .left .backto:hover{background:#333333;}
#outer_backto .right a{padding:5px 10px 5px 10px;background:#A70303;color:#FFF;}
#outer_backto .right a:hover{background:#333333;}

#related_article{background:#f2f2f2;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:solid 1px #666666;padding:10px}
#related_article .title { line-height:10px; font-size:14px;}
#related_article a{color:#A70303;}
#related_article a:hover{text-decoration:underline;}
#related_article li{float:none;width:auto;margin:0px;padding:0px; height:15px;}

#pagging_page_article{height:20px;padding:30px}
#pagging_page_article a{padding:3px 5px 3px 5px;background:#333333;color:#FFFFFF;}
#pagging_page_article a:hover{background:#666666;}
#pagging_page_article span{padding:3px 5px 3px 5px;background:#A70303;color:#FFFFFF;}

#pagging_page_news{height:20px;padding:30px}
#pagging_page_news a{padding:3px 5px 3px 5px;background:#333333;color:#FFFFFF;}
#pagging_page_news a:hover{background:#666666;}
#pagging_page_news span{padding:3px 5px 3px 5px;background:#A70303;color:#FFFFFF;}

#pagging_page_testimony{height:20px;padding:30px}
#pagging_page_testimony a{padding:3px 5px 3px 5px;background:#333333;color:#FFFFFF;}
#pagging_page_testimony a:hover{background:#666666;}
#pagging_page_testimony span{padding:3px 5px 3px 5px;background:#A70303;color:#FFFFFF;}
/*EO css article newss*/

.left_rekening {border-bottom:1px solid #ccc;}
.left_rekening .link{text-align:center;}
.left_rekening .link a .detail, .left_rekening .link a:link .detail, .left_rekening .link a:visited .detail{
	width:100px;
	margin-top:10px;
	background:#ccc;
	color:#666;
	-webkit-border-radius:3px;-moz-border-radius:3px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	font-size:12px;
}
.left_rekening .link a:hover .detail{
	color:#fff;
	background:#666;
}
.watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
bottom: 20px;
right: 30px;
}

/*button convert to text*/
.img_facebook{
	float:left;
	margin-right:10px;
	width:132px;
	height:56px;
	border:0;
	background:url('../images/home_icon.jpg') no-repeat 0px 0px;
	cursor:pointer;
}
.img_tweet{
	float:left;
	width:135px;
	height:58px;
	border:0;
	background:url('../images/home_icon.jpg') no-repeat -0px -56px;
	cursor:pointer;
}
.bt_addtocart{
	width:130px;
	height:27px;
	border:0;
	background:url('../images/popup.jpg') no-repeat 0px 0px;
	cursor:pointer;
}
.bt_detail_product{
	width:130px;
	height:27px;
	border:0;
	background:url('../images/popup.jpg') no-repeat 0px -26px;
	cursor:pointer;
}


.bt_submit_login{
	width:92px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat -90px 0px;
	cursor:pointer;
}
.bt_submit_register{
	width:90px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px 0px;
	cursor:pointer;
}
.bt_continue_shopping{
	width:165px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -104px;
	cursor:pointer;
}
.bt_cancel_order{
	width:165px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -26px;
	cursor:pointer;
}
.bt_submit_order{
	width:165px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -130px;
	cursor:pointer;
}
.bt_continue_checkout{
	width:165px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -78px;
	cursor:pointer;
}
.bt_payment_confirm{
	width:186px;
	height:26px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -182px;
	cursor:pointer;
}
.bt_save_order_detail{
	width:89px;
	height:33px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -208px;
	cursor:pointer;
}
.bt_remove{
	width:48px;
	height:17px;
	border:0;
	background:url('../images/home.jpg') no-repeat 0px -244px;
	cursor:pointer;
}
.bt_validate{
	width:65px;
	height:20px;
	border:0;
	background:url('../images/home.jpg') no-repeat -122px -244px;
	cursor:pointer;
}
.bt_change{
	width:65px;
	height:20px;
	border:0;
	background:url('../images/home.jpg') no-repeat -55px -244px;
	cursor:pointer;
}
.bt_select_ongkir{
	width:50px;
	height:16px;
	border:0;
	background:url('../images/home.jpg') no-repeat -94px -210px;
	cursor:pointer;
}
.bt_see_detail_order{
	width:40px;
	height:13px;
	border:0;
	background:url('../images/myaccount.jpg') no-repeat -379px -41px;
	cursor:pointer;
}