/* CSS Document */

/*------------------------------------------
Design Info
Name    : Ashoka Fashion
Designer: Ria W. Pardijatmo
URL     : www.mylayoutdesign.blogspot.com
Date    : 12 June 2008
------------------------------------------*/

body {
background:#000000 none repeat scroll 0%;
color:#292727;
font-family:Arial;
font-size:11px;
line-height:14px;
text-align:center;
}

#navbar-iframe {visibility:hidden;}
.blogger-labels {margin-bottom:40px;}

img {border:none; margin:0;}

a {color: #e6b109;text-decoration:none;}
a:visited {color: #e6b109; text-decoration:none;}
a:hover {color: #ffffff; text-decoration:none;}
a:active {color: #e6b109; text-decoration:none;}

#main {
	background-color: #000000;
	width: 711px !important;
	width: 715px;
	margin: 10px auto 10px auto;
	text-align:left;
}
#banner {
	height: 263px;
	width: 711px;
}
#menu {
	height: 25px;
	width: 711px !important;
	width: 715px;
}

.mlmenu {
	width: 711px !important;
	width: 715px;
	}
.mlmenu ul {list-style:none;}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: none}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #151515;
	border: 1px solid #e7b107}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 10px;
		width: auto;
        min-width:76px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #151515;
		color: #ffffff;
		font: 11px arial}

	#sddm div a:hover
	{	background: #e7b107;
		color: #000000}

#content {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	width: 711px;
	background:url(images/ashoka_content.jpg) repeat-y;
}
#content-1 {
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	width: 711px;
	background:url(images/ashoka_content-1.jpg) left repeat-y;
}

.left {
	float: left;
	width: 185px;
}
.left-c {
	padding: 5px;
    color:#b68c59;
}
.left-c img {
    margin:10px 0 0 10px;
}
p.left-c {
  text-align:center;
  font:bold 12px Arial Narrow;
  color:#e7b107;
  }  

.center {
	float: left;
	margin-left:3px;
	width: 335px;
}
.center-c {
	padding: 7px;
}
.welcome-box {
    padding:0;
    margin:10px 0;
}
.welcome-title {
    background:url(images/ashoka_welcome.gif) no-repeat;
	text-align:left;
	height:23px;
}
p.welcome-box {
    padding:5px;
	font:normal 13px Arial Narrow;
	color:#ffffff;
}
.feature-box {
    padding:0;
	margin-top:35px;
}
.feature-title {
    background:#e7b107 url(images/ashoka_feat-button.gif) left center no-repeat;
	text-align:left;
	height:17px;
	font:bold 14px Arial Narrow;
	color:#000000;
	padding-left: 15px;
	text-transform:uppercase;
}
.feature-product {
    margin-top:10px;
    text-align:left;
	color:#b68c59;
	font:bold 14px Arial Narrow;
}
.feature-product a {
    padding:1px 8px;
    background:#b68c59;
	color:#000000;
	font:bold 12px Arial Narrow;
	text-align:center;
	text-decoration:none;
}
.feature-product img{
	padding:2px;
}

.right {
	float: right;
	width: 185px;
}
.right-c {
	padding: 5px;
        color:#e6b109;
}
.search-box {
    height:80px;
	padding-bottom:5px;
	margin-bottom:7px;
}
.right-c img {
    margin:10px 0 0 10px;
}

.main {
    margin-right:5px;
	float: right;
	width: 515px;
}
.main-c {
	padding: 5px;
        font:normal 13px Arial Narrow;
        color:#ffffff;
}
.main-c img {
    margin:10px 0 0 10px;
}

.product-box {
    padding:0;
}
.product-box img {border:2px solid #e7b107;}

.product-title {
    background:#e7b107 url(http://i130.photobucket.com/albums/p267/RDstudio/design/Ade_ethnicmodernfashion1_feature.gif) left center no-repeat;
	text-align:left;
	height:15px;
	font:bold 14px Arial Narrow;
	color:#000000;
	padding-left: 15px;
        padding-bottom:2px;
	text-transform:uppercase;
}
.product-title a {color:#000000; text-decoration:none;}
.product-title a:hover {color:#ffffff; text-decoration:none;}
.product-title a:visited {color:#000000; text-decoration:none;}

.product-subtitle {
	text-align:left;
	height:15px;
	font:bold 15px Arial Narrow;
	color:#ffffff;
	padding-left: 15px;
    padding-bottom:2px;
	}
.product {
    text-align:center;
	color:#b68c59;
	font:bold 14px Arial Narrow;
}
p.product {
    padding:10px;
	margin-left:5px;
	line-height:95%;
    text-align:justify;
	color:#ffffff;
	font:normal 13px Arial Narrow;
}
ul.product-list  {
    color:#FFFFFF;
    text-align:left;
}
ul.product-list li  {
    margin-bottom:5px;
    color:#FFFFFF;
	font:normal 13px Arial Narrow;
}
.product a {
    padding:2px 6px;
    background:#b68c59;
	color:#000000;
	font:bold 13px Arial Narrow;
	text-align:left;
	text-decoration:none;
}
.product-item {
    width:100%;
    margin-top:10px;
    text-align:center;
	color:#b68c59;
	font:bold 14px Arial Narrow;
}
p.product-item {
    pading:5px;
    float:right;
	width:48%;
	line-height:95%;
    text-align:left;
	color:#b68c59;
	font:bold 11px Arial Narrow;
}
.product-item img{
    float:left;
	padding:5px;
	margin-top:5px;
	margin-right:5px;
	display:block;
}
p.about {
    pading:5px;
	line-height:105%;
    text-align:justify;
	color:#ffffff;
	font:normal 13px Arial Narrow;
}

.about a {
    padding:2px 6px;
	color:#ffffff;
	font:bold 13px Arial Narrow;
	text-align:left;
	text-decoration:none;
}

p.order {
    pading:5px;
	line-height:95%;
    text-align:justify;
	color:#b68c59;
	font:normal 13px Arial Narrow;
}
ol.order-list  {
    color:#FFFFFF;
	margin-bottom:35px;
    text-align:left;
}
ol.order-list li  {
    color:#FFFFFF;
	font:normal 13px Arial Narrow;
}

#footer {
	width: 711px;
	margin-top:10px;
    border-top: 2px solid #151515;
}
p.footer {
    font:normal 11px Arial Narrow;
	color:#b68c59;
	text-align:center;
}

.nav-title {
	font-family: "Arial Narrow";
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
}
ul {
        color:#e6b109;
	margin-bottom:15px;
}
li {
        color:#e6b109;
        font-size:13px;
}
.nav-divider {
        width:175px;
	height:10px;
	margin-bottom:15px;
	background:url(images/ashoka_nav-div.gif) center no-repeat;
}

body,td,th {
	font-family: Arial Narrow;
	font-size: 12px;
}

.read-more {
   float:right;
   padding:1px 4px;
   margin:5px 0;
   background:#ffffff;
   color:#000000;
   font:bold 11px Arial Narrow;
   text-transform:uppercase;
}
.read-more a {font-size: 12px; color: #000000;text-decoration:none;}
.read-more a:visited {color: #000000; text-decoration:none;}
.read-more a:hover {color: #DFB002; text-decoration:none;}
.read-more a:active {color: #DFB002; text-decoration:none;}

.page {
   float:right;
   font:bold 14px Arial Narrow;
   }
.page a {padding:0 4px;margin-right:2px;background:#b68c59;color: #000000;text-decoration:none;}
.page a:visited {color: #000000; text-decoration:none;}
.page a:hover {color: #DFB002; text-decoration:none;}
.page a:active {color: #DFB002; text-decoration:none;}