body{
	margin:0; 
	padding:0; 
	font:12px Arial, Tahoma; 
	/*background: #9cd7e4 url(images/bg3.jpg) repeat-x top; */
	line-height: 140%;
	/*background-color:#ffffff;*/
	color: #777;
}
a{
	text-decoration:none;
	color:#3333FF;
}
a:hover{
	color: #2d8cb0;
	text-decoration:underline;
}

div, p, ul, ol, h1, h2, h3, h4, h5, img{
	margin:0px; 
	padding:0px;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
ul{
	list-style-type: none;
}
h1 {
	font-family: arial;
	font-size: 140%;
	font-weight: bold;
/*	padding-bottom: 1em;*/
	color: #2a2a2a;
}
h2 {
	font-weight: bold;
	padding-bottom: 0.5em;
	font-family: verdanal;
	font-size: 16px;
	color:blue;
}
h3 {
	font-family: arial;
	font-size: 110%;
	font-weight: bold;
	color: #FFCC00;
	border-bottom: 1px dotted #ccc;
	/*background-color: #fafdfd;*/	
	padding: 0.5em 0.5em 0.5em 0;
	margin-bottom: 0.5em;
}
/* general */
.bg{
	background:url(images/bg_top.jpg) repeat-x;
}
.b {
	font-weight: bold;
}
.lighter {
	color: #a4a4a4;
}
.smaller {
	font-size: 90%;
	font-weight: normal;
}
.textbox, .dropdown {
	width: 97%;
	color: #666;
}
.dropdown {
/*	font-size: 90%;*/
}
.clear-all{
	clear:both; 
	line-height:0; 
	height:0;
}

/* ret msg */
.fatal, .success {
	padding: 1em;
	margin-bottom: 0.5em;
}
.fatal {
	color: #fff;
	background-color: #ff1d42;
}
.fatal ul {
	padding-top: 0.3em;
}
.fatal li {
	padding: 0.3em 0 0.3em 0;
}
.success {
	color: #424242;
	background-color: #ceef9e;
}
.warning {
	font-size: 10px;
	font-family: verdana, arial;
	color: #ff1d42;
}

#content-header {
	margin-bottom:5px;
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
}


#content-body {
	font-family:verdana;
	font-size:13px;
	margin:10px;
	margin-left:0px;
}

#content-body td {
	border-bottom:1px solid #FFFFFF;
	vertical-align:top;
}

/* id */
#wrapper{ 
	width:950px;
	margin: 0 auto;
	padding:0 0 70px;
}
#header{
	width:100%;
	height:88px;
	overflow:hidden;
}
#header .logo{
	width:234px;
	height:88px;
	float:left;
	background:url(images/logo-2.jpg) no-repeat;
}
#header .nav{
	width:584px;
	height:48px;
	float:left;
	position:relative;
	/*top:40px;*/
	padding:40px 0 0 0;
}
#header .nav .sitemap {
	position:absolute;
	top:0;
	right:49px;
}
#header .locale{
	width:102px;
	height:88px;
	float:left;
}
#content_container{
	width:806px;
	height:40px;
	margin:0 0 0 60px;
	/*background-color:#d0d0d8;*/
}

.gradient-bg {
	background:url(images/gradient.gif) repeat-x;
	background-color:#d0d0d8;
	margin-top:0;
}

#nav2{
	width:806px;
	height:40px;
	background-color:#8686ad;
	margin: 1px 0 0 0;
}
#nav2 .nav2-1 a:link,#nav2 .nav2-1 a:visited{
	width:190px;
	height:40px;
	background-color:#656698;
	display:block;
	text-align:center;
	line-height:40px;
	font-size:13px;
	color:#FFFFFF;
	float:left;
	margin:0 5px 0 5px;
}
#nav2 .nav2-1 a:hover{
	color:#000000;
}
#highlight{
	/*width:806px;
	height:242px;*/
	width: 806px;
	height: 234px;
	margin: 7px 0 0 0;
	padding: 0;
}
#slide {
	margin-top: 8px;
}
#title{
	width:806px;
	height:55px;
	line-height:55px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin:0 0 0 30px;
}
#widget{
	width:280px;
	float:left;
	padding:18px 0 0 0;
	background:url(images/widget_bg_top.gif) no-repeat top right #a1a1bd;
}
/* menu */

#widget-1{
	background:url(images/widget_bg_bottom.gif) no-repeat bottom right;
}



#widget ul li{
	border-bottom:0px dotted #FFFFFF;
	padding:5px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin:0 0 0 20px;
	
}
#widget ul li a:link,#widget ul li a:visited{
	color:#FFFFFF;
}
#widget ul li a:hover{
	color:#494a88;
}

/*
#header .widget ul li .menu1 a{
	height:131px;
	width:50px;
	float:left;
}
#header .widget ul li .menu1 a:link,#header .widget ul li .menu1 a:active,#header .widget ul li .menu1 a:visited{
	background:url(images/menu1_on.jpg) no-repeat;
	display:block;
}
#header .widget ul li .menu1 a:hover{
	background:url(images/menu1_off.jpg) no-repeat;
}
*/

#container{
	width:510px;
	float:right;
/*	background:url(images/content_bg_top.jpg) repeat-y;*/
	
}
#container h2{
color:#213541;
}

#content{
	width:470px;
	color:#000000;
	padding-bottom:250px;
}
#content h2{
	color:#116963;
	font-size:24px;
}

#footer{
	clear: both;
	width:100%; 
	margin-top:2px;
}
#footer .copyright{
	background:#333333;
	color:#CCCCCC;
	text-align:-moz-center; 
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
}

#footer .link {
	background:#555555;
	text-align:-moz-center;
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
	font-size:13px;
	color:#ffffff;
	width:100%;
}


#footer ol li a{
	color:#cccccc;
}


/* catalog */
#catalog{
	width:100%;
}
#catalog h2{
	color:#63d5a5;
	font-size:24px;
}
#catalog .grid{
	width:24%;
	text-align:center;
	padding:0 0 20px 0;
	float:left;
}
#catalog .grid .image{
	
}
#catalog .grid .image img{
	border:3px solid #f0f0f0;
}
#catalog .grid .text{

}
#catalog .grid .text .title{
	font-size:12px;
	color:#737373;
}
#catalog .grid .text .price{
	font-size:14px;
	color:#02a5b5;
}
/* end catalog */

/* pagination */
#pagination{
	font-size:11px;
	margin:20px 0 0 0;/**/
}
#pagination .num{
	width:50%;
	color:#cb6ec5;
	float:left;
}
#pagination .nav{
	width:50%;
	color:#737373;
	float:left;
	text-align:right;
}
#pagination .nav a:link,#pagination .nav a:visited{
	color:#02a5b5;
}
#pagination .nav a:hover{
	color:#63d5a5;
}
/* end pagination */
#col_right{ 
/*	width:145px;*/
	width:130px;
	float:left;
}
#navi_shoping{
	float:right;
	width:104px;
	height:71px;
	padding:10px;
	background: url(images/col_right1.png) no-repeat top;
/*	color:#FFFFFF;*/
	color:#585858; 
	text-align:left;
	font-family: arial, tahoma;
	font-weight: bold;
	font-size: 11px;
	line-height: 2em;
}

/* page navigation */
#page_navigation {
	clear: both;
	padding-top: 20px;
}
#page_navigation .left {
	float: left;
	text-align: left;
}
#page_navigation .right {
	float: right;
	text-align: right;
}
#page_navigation .total {
	padding-right: 20px;
}
#page_navigation a {
	color: #ff6b83;
	text-decoration: none;
}
#page_navigation .off {
	color: #ccc;
}
#page_navigation .list {
}
#page_navigation .page {
	padding-left: 20px;
}

/* product */
#product {
}
#product a{
	font-size:11px;
	text-decoration:none;
	font-weight: normal;
	color:#666;
}
#product a:hover{
	text-decoration:underline;
}
#product h1 {
	text-align: left;
}
#product .left {
	float: left;
	padding-bottom: 20px;
}
#product .right {
	float: right;
	width: 260px;
	text-align: right;
}
#product .label {
	float: left;
	width: 90px;
	text-align: left;
}
#product .image img {
	width: 250px;
}
#product .entry {
	width: 100%;
	border-bottom: #ccc dotted 1px;
	padding: 0.6em 0 0.6em;
}
#product .textbox {
	font-size: 90%;
}
#product .price {
	color: #ff6b83;
}
#product .related {
	padding-bottom: 20px;
}
#product .related li {
	float:left;
	font-weight:bold;
	color: #ff6b83;
	text-align: center;
	display: inline;
	width: 20%;
	padding-bottom: 10px;
}
#product .image_extra {
	text-align: center;
	padding-bottom: 1em;
}
#product .image_extra li{
	text-align: center;
	padding: 10px;
}
#product .buy {
}

/* order */
#order {
	width: 100%;
	text-align: left;
}	
#order ul {
}
#order li {
	float: left;
	display: inline;
	padding: 0.5em 0 0.5em;
}
#order .entry ul {
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#order .entry .thumb {
	width: 15%;
	text-align: center;
}
#order .entry .title {
	width: 50%;
}
#order .entry .price {
	width: 15%;
	text-align: right;
}
#order .entry .qty {
	width: 10%;
	text-align: right;
}
#order .entry .del {	
	width: 10%;
	text-align: right;
}
#order .entry .del .button{	
	cursor: pointer;
}
#order .summary {	
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	height: 60px;
}
#order .summary .update {	
	float: left;
	padding: 10px 0 10px 3px;
}
#order .summary .price {	
	float: right;
	text-align: right;
	padding: 15px 3px 10px 0;
}
#order .summary .price .highlight{	
	color: #ff1d42;
}
#order .checkout {
	clear: both;
	height: 60px;
	text-align: right;
	padding-top: 15px;
}
#order .checkout .button{
	cursor: pointer;
}
#order .list ul {
	clear: both;
}
#order .list li {
	width: 25%;
}
#order .list .even li {
	background-color: #fff;
}
#order .list .odd li {
	background-color: #f4f4f4;
}

/* form */
#form {
	width: 100%;
}
#form .topic, .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	background-color: #fafdfd;
}
#form .submit {
	border-top: 1px dotted #ccc;
	line-height: 4em;
	font-weight: normal;
	background-color: #ffebc0;
	padding-left: 3px;
}
#form .column {	
	float: left;
	width: 30%;
	padding: 0.8em 1.5em 0.8em 0;
}
#form div .notice {
	padding: 5px;
	background-color: #ffe4ea;
}

/*customer */
#customer {
}
#customer a {
	color: #00a3b4;
}
#customer .navigation {
	width: 100%;
	padding-bottom: 1em;
}
#customer .navigation ul{
	border-bottom: 1px dotted #e3be99;
	padding: 0.5em 0.5em 0.5em 0;
}
#customer .navigation li {	
	display: inline;
	font-size: 90%;
	font-family: arial, tahoma;
	color: #e3be99;
}
#customer .navigation li a {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
	color: #ff1d42;
}
#customer .navigation li a:hover {
	background-color: #f9efe5;
	text-decoration: none;
}

/* blog */
#blog .list ul {
	clear: both;
}
#blog .list li {
	padding: 0.3em;
}
/* Text Color */
.txt_blue1{
	color:#007dc6;
}

/* == Content == */
#container .detail h2 {
	font-size:16px;
	/*color:#31377D;*/
	color:#3B317D;
	margin:20px 0 0 0;
	padding:0;
	line-height:22px;
}
#container .detail  h3 {
	border-bottom: 1px dotted #FFFFFF;
	color:#5E3AAF;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
#container .detail p {
	margin:10px 0 10px 0;
}
#container .detail ul {
	list-style:square;
	margin:0 0 15px 30px;
}
#container .detail ol {
	/*font-family: arial;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 0.5em 0.5em 0.5em 0;
	border-bottom: 1px dotted #FFFFFF;*/
	color:#5E3AAF;
	margin:10px 0 0 20px;
	font-weight:bold;
	text-align:left;
}
#container .detail ol li ol {
	list-style:none;
	margin:10px 0 0 0;
	color:#000000;
}
#container .detail ol li ol li {
	margin-top:10px;
}
#container .detail ol li ol li ol {
	margin:10px 0 0 25px;
	font-weight:normal;
}
#container .detail ol li ol li ol li ol {
	margin:0;
}

/* == Site Map == */
#site-map {
	width:100%;
	margin:20px 0 0 100px;
}
#site-map h2 {
	color:#3B317D;
	font-size:16px;
}
#site-map .site-map-box {
	padding-bottom:10px;
}
#site-map a {
	color:#000000;
}
#site-map ul li {
	list-style:square;
}