html, body
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}


body
{
background:url(images/background.jpg) repeat-x #ffffff;  
font-size:13px;
font-family:arial;
padding:0px;
margin:auto;
text-align: center;
}

#megacontainer
{
width:950px;
margin:0 auto;  /** this is to centralize. must have width**/
}

#header
{
width:950px;
height:101px;
background:url(images/headerbg.jpg) repeat-x;
float:left;
color: #ffffff;
}

#widget1
{
width:400px;
float:left;

}

#widget2
{
width:400px;
float:right;
text-align:right;
}

#menu
{
width:950px;
/*height:50px;*/
float:left;
margin:15px 0 15px 0;
background:url(images/menubg.jpg) repeat-x #ffffff;  
}

#menu ul
{
padding:0px;
margin:0px 0 0 0;
}

#menu li
{
display:inline;  /** makes the li move to a single line horizontally **/

background:url(images/menubuttonbg.jpg) repeat-x #ffffff;  
margin:0 1px 0 0 ;
padding:15px 15px 15px 15px;
float:left;
}

#menu li a
{

font-size:17px;
font-weight:bold;
color:#8b8989;
text-decoration:none; /** this removes underline **/
}

#menu li a:hover, #menu li a.active
{
color:#93c311;
}

#leftmenu
{
width:190px;
float:left;
margin: 0 6px 0 0;
}

#leftmenu .widget
{
border:1px solid #ececec;
color:#979696;


}
#leftmenu .widget  ul
{
margin:10px 20px;
padding:0px;

}
#leftmenu .widget li
{
list-style:none;
text-align: left;
margin:9px 0;
border-bottom:1px dashed #ececec;
border-width:0 0 1px 0;  /** this means only bottom got border **/
padding-top:5px;
}
#leftmenu .widget li a:hover
{
color:#93c311;

}
#leftmenu .widget a
{
text-decoration:none;
color:#979696;
text-align:left !important;
}
#leftmenu .widget h3
{
background:url(images/widgeth3.jpg) repeat-x #ffffff;  
height:16px;
margin:0px;
padding:12px;
color:#585757;
font-size:12px;
}
#leftmenu .widget h3 .widget_title
{
padding:10px 0 0 0;
margin: -10px 0 0 0;
float:left;
}

/* WIDGET */
#leftmenu .widget1
{
background:url(images/commentbg.jpg) repeat-x #ffffff;  
height:117px;


}
#leftmenu .widget1 h3
{
/*background:url(images/th3.jpg) repeat-x #ffffff;  */
height:41px;
margin:0px;
padding:12px;
color:#ffffff;
font-size:12px;
}
#leftmenu .widget1 h3 .widget_title
{
padding:10px 0 0 0;
margin: -10px 0 0 0;
float: left;
}

#picture
{

margin:15px 0 15px 0;

}
#rightmenu
{
/*border:1px solid red;*/  /** i usually do this to make sure that i can see the div. makes it easier to visualize**/
width:190px;
float:right;
height:190px;
}

#rightmenu .widget
{
border:1px solid #ececec;
color:#979696;
margin:5px 0 0 0;
padding:0px;
width:190px;

}

#rightmenu .widget h3
{
background:url(images/widgeth3.jpg) repeat-x #ffffff;  
height:16px;
margin:0px;
padding:12px;
color:#585757;
font-size:12px;
}
#rightmenu .widget h3 .widget_title
{
padding:10px 0 0 0;
}

#rightmenu .widget2
{
/*border:1px solid #ececec;*/
/*color:#979696;*/
margin:5px 0 0 0;
padding:0px;
}

#rightmenu .widget2 h3
{
background:url(images/widgeth3.jpg) repeat-x #ffffff;  
height:16px;
margin:0px;
padding:12px;
color:#585757;
font-size:12px;
}

#rightmenu .widget2 h3 .widget_title
{
padding:0 0 0 0;
}

.widget2 {
text-align:center;
font-weight:bold;
color:#242424;
}

.widget2 b{
text-align:center;
color:#ff0000;

}

.widget2 h3{
text-align:left;
}

#pict1
{
background:url(images/glasseye.jpg) no-repeat #ffffff;  
height: 95px;

}
#contentcontainer
{
margin: 0 0 0 3px;
width:550px;
float:left;

}

#contentcontainer .content {
border:1px solid #ececec;
width:550px;
}

#contentcontainer .content  h3{
background:url(images/widgeth3.jpg) repeat-x #ffffff; 
height:16px;
margin:0px;
padding:12px;
}

#contentcontainer .content  h3.widget_title{
padding:10px 0 0 0;
float:left;
}

.text{
color:#979696;
font-size:16px;
clear:both;

}

.text h4{
margin: 0px 0 5px 20px;
text-align:left;
}

.text h5{
margin: 0px 0 5px 20px;
text-align:left;
}

.text h6{
margin: 0px 0 5px 20px;
text-align:left;
}

.user1{
	width:140px;
	float:left;
	margin: 25px 25px 25px 16px;
	color:#ff0000;
	font-weight:bold;
}
.user1 b{
color:#242424;
}

.user2{
	width:140px;
	float:left;
	margin: 25px 25px 25px 16px;
	color:#ff0000;
	font-weight:bold;
}

.user2 b{
color:#242424;
}

.user3{
	width:140px;
	float: left;
	margin: 25px 25px 25px 16px;
	color:#ff0000;
	font-weight:bold;
}

.user3 b{
color:#242424;
}

.btn{
margin: 10px 0 40px 0;
}

.banner{
padding: 5px 0 5px 0; 
}
/* bottom menu */
#bottom
{
clear:both;
width:950px;
height:50px;

/*margin:0 0 0 470px;*/
/*margin:70px 0 0 -5px;*/


}
#bottom ul
{
padding:0px;
margin:0 0 0 0;
}

#bottom li
{
display:inline;  /** makes the li move to a single line horizontally **/
margin:0 1px 0 0 ;
float:left;
}

#bottom li a
{
text-align:center;
font-size:11px;
color:#8b8989;
text-decoration:none; /** this removes underline **/
}

#bottom ul li a { 
    background:url(images/nav-bg.jpg) no-repeat right top;
    display:block;
	height:15px;
    float:left;
    padding: 2px 5px 2px 5px;
    text-transform:uppercase;
	text-decoration: none;
    margin-top: 10px;
	
}
/* Footer */
#footer
{
	margin: 0 0 0 -8px;
    color:#7e7e7e;
	text-align:left;
    padding:15px;
    clear:both;
	height:10px;
	/*display:block;*/	
}

#footer p{
	margin-top:-2px;
	font-size:12px;
	font-family:arial;	
	font-weight:bold;
}

#footer b
{
	color:#000000;
	font-family:arial;
	font-size:12px;

}

.welcome{
margin:10px 0 30px 200px;

}

.accbtn{
/*margin:10px 0 20px 150px;*/
margin:0 0 15px 0;
}

.shopbtn{
margin:0 0 20px 0;
/*margin:30px 15px 10px 0;*/
}
.textbox{
background:url(images/textbox.jpg) no-repeat;
height:29px;
width:180px;
clear:both;
}
.imgbtn{
margin: 10px 0 0 0;
clear:both;
}
.search{
float: right;
/*margin:10px 15px 10px 0;*/
margin-top: -50px;
margin-right:10px;
}
.floatclear
{
clear:both;
}
.currency
{
color:#8b8989;
float:left;
}

.glasseye{
list-style:none;
margin:9px 0 9px 0;
border:1px dashed #ececec;
border-width:0 0 1px 0;
padding:20px;
}

.feature_product{
background:url(images/widgeth3.jpg) repeat-x #ffffff;  
height:40px;
margin: -15px 0 0 0;
padding:0px; 

}

.feature_product h2 a{
float:left;
text-decoration: none;
color:#585757;
margin:10px 0 20px 20px;
}

.nav_cat{
background:url(images/widgeth3.jpg) repeat-x #ffffff;  
height:16px;
margin:0px;
padding:12px;
}

.nav_cat a{
text-decoration: none;
color:#585757;
clear:both;
font-size:17px;
font-weight:bold;
}
.auto_margin{
margin: auto;
}

.button_login a{
color:#ffffff;
text-decoration: none;
float:left;
margin: 12px 0 0 250px;


}

.button_register a{
color:#ffffff;
text-decoration: none;
font-weight:bold;
float:left;
margin: 12px 0 0 70px;

}

.topregister {
margin-right: 15px;
padding-left: 30px;
float: left;
display: inline;
color: #084297;
background: url(images/account.png) left top no-repeat;
border:0px;
width:39px;
height:44px;
}

.custom_detail p{
margin: 50px 150px 20px 0;
font-size:18px;
clear: both;
float: right;
padding: auto;
font-weight:bold;
color:#585757;
width: 200px;
}

.detail_desc p{
margin:0 0 0 0;
clear:both;
}

.contact_detail_block{
margin: 0 0 0 10px;
padding: 10px;
text-align:left;
}

.contact_form{
margin: 0 0 20px 10px;
padding: 20px;
text-align:left;
font-size:20px;
font-weight:bold;
color:#8b8989;
}

.contact_label{
margin: -40px 0 0 10px;
padding: 20px;
text-align:left;
}

.contact_field{
margin: -40px 0 0 10px;
text-align: left;
padding: 20px;
}

.map{
width:100px;
height:100px;
}


.side_row{
margin: 0 0 0 10px;
list-style-type: none;
}

.search input[type=submit]{
background: url(http://optometrist.com.my/storage/upload/devince/images/searchbtn.jpg);
width: 30px;
height: 29px;
margin-top:-10px;
margin-left:0px;
border:0;
padding:8px;

}

.layout{
float: left;
margin: 0 0 0 5px;
color:#8b8989;
}

.widget_title{
float:left;
}

.widget span{
color:#8b8989;
}

.item_in_cart{
text-align:left;
float: left;
margin: 0 0 0 50px;

}

.item_in_cart span{
color:#ffffff;
margin: 0 0 0 -15px
}

.total_in_cart{
text-align:left;
}

.total_in_cart span{
color:#ffffff;
margin: 0 0 0 34px;
}

.cart_button{
text-align: left;
float: left;
margin: 0 0 0 100px;
}
.cart_button a{
text-decoration: none;
}
.cart_button span{
color:#7EC934;
margin: 0 0 0 -65px;
font-weight: bold;
}

.widget.shop_cart{
color:#ffffff;
float: right;
margin: 0 20px 0 0;
background: url(http://optometrist.com.my/storage/upload/devince/images/bgbutton.jpg);
padding: 2px 0 0 0;
}

.row.position{
font-size:20px;
font-weight:bold;
color:#8b8989;
}
.row.city{
margin: -10px 0 0 4px;
}

.row.state{
margin: -8px 0 0 4px;
}
.widget.icon{
float:right;
background: url(http://optometrist.com.my/storage/upload/devince/images/bgbutton.jpg);
margin: 0 0 0 45px;
padding: 0;
display: block;
padding: 2px 0 0 0;
}

.widget.login{
float: left;
/*margin: 0 20px 0 0;*/
}
.button_user{
margin-left:330px;
margin-top:5px;
}
.button_logout{
margin-left:330px;

}
.button_login{
float:left;
}
.button_register{
float:right;
}
.list_product_name{
text-decoration: none;
color:#000000;
}
.content{
margin: -10px 0 0 0;
padding-bottom:10px;
}
.pagination{
padding:10px 0 10px 0;
}
.pagination a{
font-size:18px;
}

.checkout_process{
margin:20px 0 0 0;
text-align:center;


}
.checkout_process a{
text-decoration: none;
color:#000000;
font-weight: bold;
}


.checkout_process2{
margin:20px 0 0 0;
text-align:center;
}

.checkout_process2 a{
text-decoration: none;
color:#000000;
font-weight: bold;
}

.checkout_process3{
margin:20px 0 0 0;
text-align:center;
}

.checkout_process3 a{
text-decoration: none;
color:#000000;
font-weight: bold;
}


.checkout_process4{
margin:20px 0 0 0;
text-align:center;
}

.checkout_process4 a{
text-decoration: none;
color:#000000;
font-weight: bold;
}

.button{
margin:0 5px 0 0;
}