body {
	background-image: url(../images/background_sd3.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 0px;
	background-color: #FFFFFF;
	background-attachment:fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p#footer{
	color:#999;
	font-size:x-small;
}
p#navi{
	color:#666;
	font-size:x-small;
	line-height:160%;
	text-indent:5px;
	background: url(index_images/bgr.gif) top left repeat;
}
p.toplink{
	margin-right:5px;
	padding-right:5px;
	font-size:x-small;
	line-height:160%;
	text-align:right;
	clear:both;
}

/* Content */
#content {
	color:#666;
	line-height:128%;
}
#content p.subtitle{
	font-size:small;
	margin:0;
	padding:0;
}
#content h4{
	font-size:medium;
	margin:0;
	padding:0;
}
#content p.price {
	font-size:x-small;
}
#content span.buy{
	color:#CC0000;
	font-size:medium;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

/* Category Title */
#content .ptitle {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 3px 5px;
	border-left: 10px solid #FFCCCC;
	border-right: 1px solid #FFCCCC;
	border-bottom: 1px solid #FFCCCC;
	border-top: 1px solid #FFCCCC;
	line-height:130%;
	color: #66CC66;
	text-align:left;
	font-size:medium;
}
#content .day {
	font: x-small #ccc;
	text-align:right;
	font-style:italic;
}
#content table td.uborder{
	border-bottom:1px dotted #ccc;
}

/**SD Contents Box */
table.itemlist{
	border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	border:0;
	font-size:small;
}
table.itemlist th{
	text-align:left;
	background-color:#F9F4E6;
	border-right:1px solid #D9D4C6;
	border-bottom: 1px solid #D9D4C6;
}
table.itemlist td{
	vertical-align:middle;
	border-bottom: 1px solid #FFCCCC;
}

/* Clickable Tabs */
#tabContent { width:750px;	margin: 0;	padding: 0;}
#tabIndex {	margin: 0;	padding: 0;}
#tabIndex li {
	float:left;
	margin-right: 10px;
	padding: 5px;
	font-size:x-small;
	word-spacing:-0.5px;
	list-style-type: none;
	cursor: pointer;
	display: block;
}
#tabIndex .close { background-color:#eeeeee; color:#0000FF;}
#tabIndex .open { text-decoration: none;}
#tabBoxIndex { border-top: #E9DFFB solid 1px; padding: 10px; clear: both;	font-size:small; }

/* Start Innner Right Contents */
div.rightmenu{ width:190px;}
ul.menulistbox{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:small;
}
ul.menulistbox li{
	padding:2px;
	margin:2px;
	line-height:160%;
	border: 1px solid #FFCCCC;

}
ul.menulistbox li a{ text-decoration:none; color:#666; display:block; width:180px; height:30px;  background-color:#FFF4F4;}
ul.menulistbox li a:hover{ display:block; background-color:#FFCC66;}

div.rightmenu h3 {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 3px 5px;
	border-left: 10px solid #FFCCCC;
	line-height:160%;
	color: #66CC66;
	text-align:left;
	text-indent: 5px;
	font-size:small;
}
div.rightmenu p{ text-align:center;font-size:x-small;}
div.rightmenu p a{ text-decoration:none; display:block; margin:10px 0px; padding:10px 0px;}
div.rightmenu p a:hover{ background-color:#FFF4F4;}

/* Shopping Link Area */
div.linkarea{ margin-top:20px; padding: 0; width:130px; float:left; text-align:left;}
div.linkarea a{ text-decoration: none; color:#8484bc; display:block;}
div.linkarea a:hover{  color:#fff; font-weight: bold;}
div.linkarea h3{ padding: 15px 0 5px 12px; margin:0; font-size:small;}
div.linkarea ul{ font-size:x-small; line-height: 160%; margin:0; padding:0; margin-left:12px; list-style: none;}
div.linkarea li{ border-bottom:1px dotted #dddddd; padding:2px 0;}
div.linkarea li:hover{ background-color: #F24C92;}
.cb{ clear:both;}


/* ------ others ------ */
.dsb { font-size:18px;}
.txts {font-size:10px;}


<!-- Sep Outfit Collection -->
#b1 {background: url("index_images/2011sof_b3.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 25px 0;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}

#b1 a {background: url("index_images/2011sof_b3.gif") no-repeat scroll 0 0 transparent;
	display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}


#b1 a:hover {background: url("index_images/2011sof_b4.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}
#b2 {background: url("index_images/2011sof_b1.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 25px 0;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}

#b2 a {background: url("index_images/2011sof_b1.gif") no-repeat scroll 0 0 transparent;
	display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}


#b2 a:hover {background: url("index_images/2011sof_b2.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}
	
<!-- October outfit 2011 -->
#o1 {background: url("index_images/2011oof_off.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin:0;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}

#o1 a {background: url("index_images/2011oof_off.gif") no-repeat scroll 0 0 transparent;
	display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}


#o1 a:hover {background: url("index_images/2011oof_on.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}
#o2 {background: url("index_images/2011oof2_off.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}

#o2 a {background: url("index_images/2011oof2_off.gif") no-repeat scroll 0 0 transparent;
	display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}


#o2 a:hover {background: url("index_images/2011oof2_on.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -999em;
    width: 219px;
	}
