/*** reset default browser ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}
/*** end reset default browser ***/
a {
    text-decoration:none;
 color :#9d9c9c;
}

.clear{
    clear:both;
}
body{
    font-size: 12px;
    font-family:"Times New Roman","Garamond", Arial, Helvetica, sans-serif;
     color :#373636;
    background: white;
    letter-spacing:1px;
    line-height:180%;
}
a:hover 
{
 color :#c4c0c0;
opacity:0.6;
filter:alpha(opacity=60);
text-decoration:none
}  /* mouse over link */

#nohover a:hover{
    opacity:1.0;
filter:alpha(opacity=100);
    
}
#wrapper{
    margin-left:auto;
    margin-right: auto;
    margin-top:25px;
    width:987px;
    /*background-color:green;*/   
}
#op-img{
    margin-top:10px;
}
#op{
    margin-top:7px;
}
#right{
    float:right;
    width:185px;
   /*background-color:yellow;*/
   margin-top:40px;
    /*position:fixed; MEMBUAT POSISI DIATAS LAYER*/
}
#left{
    float:left;
    width:801px;
    /*background-color:red;*/
    
}
#logo{
    float:left;
    width:204px;
    /*background-color:red;*/
    
}
#logo-header {
  float:left;
    height:80px;
	margin-top:30px;
}
#header-left{
    /*min-width:185px;*/
    float:left;
    height:60px;
	margin-top:10px;
	
	
    
    /*background-color:green;*/
}
#header-right{
    /*min-width:801px;*/
   /* float:left;*/
   height:80px;
   font-size:9px;
   /*background-color:green;*/
 
}
#header-el
{
    float:right;
    margin-left:1px;
    margin-right:1px;
}
#bag{
    margin-left:3px;
    float:right;
}

.content-sub-first
{
    margin-bottom:10px;
}
.content-sub
{
    margin-bottom:10px;
    margin-top:10px;
}



#content-left{
    
    /*border-right:0.5px solid #d6d6d6;*/
    width:801px;
    /*background-color:red;*/
    float:right;
   margin-bottom:20px;
   margin-top:50px;
}

#content-right{
	
	min-height:457px;
    margin-top:50px;
	width:185px;
    text-align:center;
    color :#373636;
    letter-spacing:3px;
    font-size:12px;
    font-weight:lighter;
     /* border-right:0.5px solid #d6d6d6;*/
    /*background-color:green;*/
    /*float:left;*/
}
*html #left {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}
#footer{
    text-align:right;
    height:28px;
    font-family:Arial;
    font-size:9px;
    letter-spacing:0;
    margin-top:2px;
   
    color :#737373;
    /*background-color:blue;*/
    float:right;
}
#footer-el
{
    float:right;
    margin-left:8px;
}
#paypal
{
    float:right;
     margin-left:8px;
}
#siteby
{
      margin-top:30px;
	float:right;
    margin-right:250px;
    font-size:12px;
}
#mail {
    letter-spacing:2px;
    margin-top:10px;
    font-style:italic;
}
#mail img{
    float:left;
    margin-top:3px;
}
#howtoorder img{
    margin-bottom:10px;
}
#search{
     height:20px;
     margin-top:10px;
}
#search-btn{
       
     height:20px;
     float:left;
     margin-top:1px;
     margin-left:4px;
}
input.search{
    margin: 0;
    padding: 0;
    height:20px;
    font-size:12px;
    border: 1px solid #d6d6d6;
    color: #737373;
    float:left;
    font-family:"Times New Roman","Garamond", Arial, Helvetica, sans-serif;
    
}
#thecontent{
    width:781px;
     /*background-color:green;*/
   
}
.title{
    font-size:15px;
    color :#737373;
    letter-spacing:2px;
    float:left;
}


#breadcrumb{
    margin-bottom:1px;
	
	}

#paging{
    margin-bottom:1px;
	margin-left:650px;
}

#sorry{
    margin-top:30px;
    margin-left:31px;
    float:left;
}
#notify {
    color:#737373;
    margin-top:3px;
   margin-left:40px;
  
}
#email-not{
    color:#fa2121;
    float:left;
}
#button-not{
   
    margin-left:2px;
    margin-top:1px;
    float:left;
}
#thecontent #products-list ul li {
background:#fafafa url(../images/bg_product_big.png) 0 0 no-repeat;
overflow:hidden;
margin:10px 0 15px;
padding:15px 10px 10px;
}
.currency {
    font-size:10px;
    float:LEFT;
    color :#9d9c9c;
}
.product{
width:255px;
background:#fafafa url(../images/bg_product_big.png) 0 0 no-repeat;
overflow:hidden;

float:left;
padding:1px;
}

.outofstock{
    float:left;
    margin-top:1px;
}
.name{
    color:#333333;
    font-size:12px;
}
.price{
    float:right;
    font-size:11px;
    letter-spacing:1px;
    margin-top:1px;
}
/**product details**/
.details-left{
    float:left;
    width:409px;
    text-align:center;
}
.details-desc{
    height:367px;
     color :#737373;
     letter-spacing:1px;
   
}
.details-title{
    font-size:19px;
    margin-top:15px;
    margin-bottom:0;
	margin-left:20px;
    color: #737373;
    font-weight:lighter;
    letter-spacing:1px;
}
.details-title2{
    font-size:19px;
    margin-top:15px;
    margin-bottom:0;
	margin-left:20px;
    color: #ffffff;
    font-weight:lighter;
    letter-spacing:1px;
}
.details-price{
    font-family:Georgia,Times New Roman;
     color :#9d9c9c;
}
.details-right{
    float:right;
    width:355px;
}
img.catalog{
    width:255px;
    height:293px;
    margin-top:4px;
    margin-bottom:4px;
}
img.details{
    width:355px;
    height:409px;
}
img.alt{
    width:70px;
    height:77px;
}
.change{
    font-style:italic;
    font-size:18px;
    color:#5a5957;
}
.change-opt a{
    font-size:12px;
    color:#737373;
    
}
.details-altimage{
    float:left;
    margin-right:1px;
    margin-top:0px;
}
.details-submit{

    height:26px;
    margin-top:3px;
    background-color:#ffc30d;
    border-top:1px solid #bebdbd;
    border-bottom :1px solid #bebdbd;
}
.details-social{
    text-align:center;
    margin-left:143px;
    margin-top:10px;
}
.details-twit{
    float:left;
    margin-top:8px;
    margin-right:3px;
}
.details-fb{
   height:25px;
    float:left;
    margin-top:8px;
    margin-right:3px;
}
.inside-submit{
    margin-top:5px;
}
.wearitwith{
    float:left;
    margin-top:60px;
}
img.wear{
    margin-top:5px;
    width:52px;
    height:61px;
}
#yourshoppingbag
{
    margin-top:20px;
    margin-bottom:40px;
	border-bottom:2px solid #bebdbd;
    height:94px;
    background-image:url('../images/topheader.png');
    text-align:left;
	background-color:#4199c7;
   /* border-top:2px solid #bebdbd;*/
    
}
#info
{
    font-size:11px;
    color:#737373;
    padding-left:26px;
    margin-top:70px;
    float:left;
}
table.bagtable {
    width:733px;
    margin-top:20px;
    text-align:center;
    color:#737373;
    font-size:12px;
}
table.bagtable th
{
    border-bottom:1px solid #d5d5d2;
}
th.left
{
    border-left:1px solid #d5d5d2;
}
th.right
{
    border-right:1px solid #d5d5d2;
}
td.subtotal
{
    background-color:#f5f5f4;
}
#subcat {
    font-style:italic;
}
#subtotal{
    margin-top:16px;
    
    background-color:#f5f5f4;
    text-align:right;
    height: 90px;
}
#check{
    margin-top:16px;
    width:772px;
    background-color:#f5f5f4;
    text-align:center;
    height: 90px;
}
.thesubtotal{
    
    font-size:15px;
    margin-right:45px;
    margin-top:30px;
    color:#737373;
}
.shippingnot {
   
    font-size:12px;
    font-style:italic;
    margin-right:45px;
    color:#737373;
   
}
.noitem{
    color:#737373;
    
}
#proceed{
 margin-top:40px;
  margin-bottom:50px;

 background-image:url('../images/bottomline.png');
 height:51px;
/* background-color:#eeeded;*/
    border-top:2px solid #bebdbd;
 
}
#proceed img
{
    margin-top:8px;
    margin-right:40px;
	
}
confirm-title{
    font-size:14px;
    letter-spacing:2px;
    color:#5a5957;
}
.totaldue{
    color:#5a5957;
}
.finalsub{
    font-size:12px;
}
.total-right{
    
}
.confirmorder{
    margin-right:40px;
}
#outer-form{
    color:#737373;
   margin-left:40px;
}
.err
{
    color:red;
}
.perdetails{
    font-size:12px;
}

.perdetails td{
    margin-top:10px;
    color:#737373;
    height:20px;
}

#form {
	width: 600px;
	margin-top: 10px;
       margin-left:35px;
        font-size:11px;
		float:left;
}

#form td{
    font-size:12px;
    color:#737373;
}

#form input, #form textarea {
	padding:0px;
	width: 200px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
        font-size:11px;
}

#nosize input{
    width:50px;
}

#form textarea {
	height: 90px;
        font-size:11px;
}


#form input button{
        padding:0px;
	
	margin: 0px 0px 10px 0px;
	border: 0px solid #ccc;
        font-size:11px;
}

#form textarea:focus, #form input:focus {
	border: 1px solid #ccc;
        font-size:11px;
}




#confirmpayment{
    margin-top:30px;
    text-align:center;
}
#confirmpayment input field, #confirmpayment textarea {
	padding:0px;
	width: 155px;
	margin: 0px 0px 10px 0px;
        margin-top:2px;
	border: 1px solid #ccc;
}

#about-left
{
    color :#9d9c9c;
    width:245px;
    margin-top:230px;
    float:left;
    text-align:center;
    letter-spacing:2px;
    font-size:13px;
    
}
#about-right{
    text-align:center;
    margin-left:20px;
    width:500px;
    border-left: 1px solid #ccc;
    min-height:457px;
    float:left;
    line-height:130%;
    
}
#about-inside{
    margin-top:50px;
    margin-left:20px;
     color :#9d9c9c;
}
#help-wrapper{
    width:770px;
    height:500px;
}
#help-left{
    width:200px;
    margin-left:20px;
    margin-top:20px;
    /*background-color:blue;*/
    float:left;
}
#help-right{
    margin-left:230px;
    margin-top:20px;
    /*width:530px;*/
    /*background-color:yellow;*/
    /*float:left;*/
}
#help-right a{
    color:#565757;
}
.mid{
    
    vertical-align:top;
}
helptitle{
    font-weight:bold;
    font-size:14px;
}
.imgheader{
    margin-bottom:50px;
}
.warning{
    margin-top:10px;
}

.clear{
    clear:both;
}