@charset "UTF-8";
/* 
ozsmoke.com.au | CSS Document 

Author : FOX DESIGN creative
URL: www.foxdesign.com.au

*/

/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { 
	margin:0; 
	padding:0; 
}

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}


body,td,th,p,li {font:normal 14px/20px  Arial, Helvetica, sans-serif; color: #FFF; }
body {
	background-color:#cdc3ce;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:1;
	color:#585858;
}

a { text-decoration:none; color: #585858;}
a:hover { color: #972883; text-decoration:underline; }

h1 {font:normal 18px/35px Arial, Helvetica, sans-serif; color: #FFF; padding: 0px; margin:0px; text-align:left; }
h1 a{ color:#706395; text-decoration:none;font:normal 14px/35px Arial, Helvetica, sans-serif; }
h1 a:hover{ color:#972883; text-decoration: underline;}

h2 {font:normal 18px/35px Arial, Helvetica, sans-serif; color: #FFF; padding: 0px; margin:0px; text-align:left;}
h2 a{ color:#FFF; text-decoration:none;}

h3 {font: normal 18px/25px Arial, Helvetica, sans-serif; color: #3c2c68; padding: 0px; margin:0px; text-align:left; }

h4 {font: bold 14px/26px Verdana, Geneva, sans-serif; color: #3c2c68; padding: 0px; margin:0px; text-align:left;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {color: #999; background-color:#999; height:1px; border:none; }

p{padding:4px 0px 6px 0px; margin:0; color:#212121}
em{ color:#2cb8f3}
b{ color:#3c2c68}

/* end of global
--------------------------------------------------------------------------------------------------*/
 
 
 /*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/

#top_wrap-out{float:left; width:100%; height:176px;  background: url(../images/general/top_bg-out.gif); background-repeat:repeat-x; }
#top_wrap-out_r{float:left; width:100%; min-height:176px;  background: url(../images/general/top_bg-out.gif); background-repeat:repeat-x; }
html>body #top_wrap-out_r{ height:auto;}
#top_wrap{ margin:0 auto; width:980px; height:153px;  background:url(../images/general/top_bg.gif) top left no-repeat; padding-bottom:23px;}
#top_wrap_r{ margin:0 auto; max-width:980px; max-height:153px; 	background:url(../images/general/top_bg_r.jpg) top left no-repeat; background-size:cover; padding-bottom:23px; }

#logo_wrap{ float:left; width:247px; height:153px;}
#logo_wrap_r{ float:left; width:247px; height:153px; background:url(../images/general/ozsmoke_logo.png) top left no-repeat; }
#top_right{ float:right; width:700px; height:153px;}
#top_right_r{ float:right; max-width:580px; height:153px;}

#login_top_wrap{float:right; width:700px; height:40px; margin-bottom:24px;}
#login_top_wrap_r{float:right; width:380px; height:40px; margin-bottom:24px;}
#login_left_bg{ float:right; width:13px; height:40px; background:url(../images/general/login_bg01.gif)}
#login_right_bg{ float:right; width:13px; height:40px; background:url(../images/general/login_bg02.gif)}
#login_top{ float:right; width:auto; height:40px; background:#cdc3ce; line-height:40px; display:block;}
.login_top{font:14px/40px normal Arial, Helvetica, sans-serif; color:#ddd5de;}
.login_top a {font:14px/40px normal Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
.login_top a:hover {font:14px/40px normal Arial, Helvetica, sans-serif; color:#972883; text-decoration: underline;}
.top-menu-color,.menu-hover-color:hover{color:#000!important;background-color:#3c2c68!important}

 
 /* search bar */
#search_wrap{ float:right; width:364px; height:46px; padding:4px 0px; background:url(../images/general/search_bg.gif) top right; background-repeat:no-repeat; margin-bottom:5px;}

#search_wrap_main{ float:right; width:364px; height:46px; padding:4px 0px; background:url(../images/general/search_bg.gif) top right; background-repeat:no-repeat; margin-bottom:5px;}

#search_wrap_s{ float:left; width:220px; height:46px; padding:4px 0px; background:url(../images/general/search_bg_s.jpg) top left; background-repeat:no-repeat; margin-bottom:5px;}
 
#search-field{ float:left; height:38px; width:277px; padding:0px 10px;}
#search-field_s{ float:left; height:38px; width:120px; padding:0px 10px;}
.searchfield
{ 
 border:none; border-width:0px;
 margin:0px; padding:0px; 
 font:normal 14px/38px Arial, Helvetica, sans-serif;
 text-align:center;
 color:#b5b3b5;
 height:38px; width:257px;
 background:none;
}

.searchfieldhalf
{ 
 border:none; border-width:0px;
 margin:0px; padding:0px; 
 font:normal 14px/38px Arial, Helvetica, sans-serif;
 text-align:center;
 color:#b5b3b5;
 height:38px; width:118px;
 background:none;
}

#search-btn{ float:right; width:81px; height:40px;}
.search_btn
{ 
 margin:0; 
 font:normal 14px/38px Arial, Helvetica, sans-serif;  
 color: #FFF;
 cursor:pointer;
 text-align:center;
 border:none;
 height:38px; width:81px;
 background:none;
}
.search_btn:hover {color:#972883; text-decoration: underline;}

 
#displayDiv a{ float:left; font:normal 14px/18px arial; color:#8cc63f;background:#FFF;}
#displayDiv a:hover{font:normal 14px/18px arial; color:#ffc20e; text-decoration:underline;background:#FFF;}

/* top nav */
#topnav{ float:right; width:700px; height:40px;}
#topnav_s { float:right; width:40px;padding 5px 5px;}
#topnav ul{ float:left; width:700px; height:40px; text-align:right; list-style:none; display:block; margin:0; padding:0;}
#topnav li{ float:right; font: normal 16px/40px Arial, Helvetica, sans-serif; color:#f1e9f2; list-style:none; width:auto; }
#topnav li a{ color:#645b7f; text-decoration:none; display:block; padding:0px 10px;}
#topnav li a:hover{ color:#972883; text-decoration:underline;}
#topnav li.selected{ font: normal 16px/40px Arial, Helvetica, sans-serif; color:#972883;  }
#topnav li.selected a {color:#972883;  display:block;display:block;}
#topnav li.selected a:hover{color:#ad2795;  display:block;display:block;}


 /*----------------------------------------------------------------------------- 
home slide
-----------------------------------------------------------------------------*/
#homeslide_wrap-out{ float:left; width:100%; height:269px; background:#645b7f; }
#homeslide_wrap{ margin:0 auto; width:980px; height:269px;}
/* slideshow*/
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{ height:269px; width:980px; overflow:hidden; position:relative;}
#img{ z-index:5;}
#img img{ width:980px; height:269px; display:none;}
.ctrl{ position:absolute; z-index:6; bottom:0px; left:0px; right:1px; width:980px; height:30px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:85%;filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl li{ display:block; height:30px; text-align:left; line-height:30px;  font-size:14px; background:#000; color:#fff; padding-left:59px;}
.ctrl span{ float:left; width:14%; height:18px; line-height:18px; cursor:pointer; margin-right:7px; margin-top:0px; border:none;  text-align: center; color:#CCCCCC; background:url(../images/general/slide_dot01.png); background-repeat:no-repeat;}
.ctrl span.hov{  border:none; color:#FFFFFF; background:url(../images/general/slide_dot02.png); background-repeat:no-repeat;}
.ctrl div{ float:right; width:14%;}



 /*----------------------------------------------------------------------------- 
main part
-----------------------------------------------------------------------------*/
#main_wrap-out{ float:left; width:100%; height:238px; min-height:238px;}
html>body #main_wrap-out{ height:auto;}
#main_wrap_r{ margin:0 auto; max-width:980px; height:20px; min-height:20px; background-image:url(../images/general/main_bg-top.gif); background-repeat:no-repeat; background-position:top; background-color:#ffffff; padding-top:38px;}
html>body #main_wrap_r{ height:auto;}

#main_wrap{ margin:0 auto; max-width:980px; height:200px; min-height:200px; background-color:#ffffff; padding-top:0px;}
html>body #main_wrap{ height:auto;}

#main_left{ float:left; width:200px; height:162px; min-height:162px; margin-right:3px; border-bottom:solid 8px #cdc3ce; margin-bottom:30px;}
html>body #main_left{ height:auto;}



#main{ float:left; width:534px; height:162px; min-height:162px; border-bottom:solid 8px #cdc3ce; margin-bottom:30px;}
html>body #main{ height:auto;}
#main2{ float:left; width:100%;  padding:0px 15px 0px 15px; border-bottom:solid 8px #cdc3ce; margin-bottom:30px;}
html>body #main2{ height:auto;}

#main_prod{ float:left; min-width:320px;  padding:0px 15px 0px 15px; border-bottom:solid 8px #cdc3ce; margin-bottom:30px;}
html>body #main_prod{ height:auto;}




#leftmain{ float:left; width:774px; height:162px; min-height:162px;  margin-bottom:30px;}
html>body #leftmain{ height:auto;}


#main-sub{ float:left; width:534px; height:100px; min-height:100px; }
html>body #main-sub{ height:auto;}
#main-sub_r{ float:left; width:100%; height:100px; min-height:100px; }
html>body #main-sub_r{ height:auto;}

#main_right{ float:right; width:200px; height:162px; min-height:162px; }
html>body #main_right{ height:auto;}

/*-------- left part --------*/
#left_title{ float:left; width:200px; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg01.gif);}
#nav { width:200px; height:100px; min-height:100px; border-bottom:solid 7px #cdc3ce; margin-bottom:30px;}
html>body #nav{ height:auto;}


/*-------- middle part --------*/
#R18{ float:left; width:100%; height:36px; background:url(../images/general/r18_r.png) top left no-repeat; background-size:cover; margin-bottom:25px;}
#R18-text{ float:left; width:100%; height:25px; padding:2px 10px; }

#middle_title{ float:left; width:100%; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg02_r.png)top left no-repeat; background-size:cover;}

#middle_select{ float:left; width:80px; height:31px;  padding:20px 0px;}

/*page number*/
.pageNumber{ float:right; width:395px; padding:5px 5px; text-align:right; font-size:15px; font-weight:bold; cursor:hand;cursor:pointer;}
.pageNumberS{ float:right; width:395px; padding:2px 2px; text-align:right; font-size:12px; font-weight:bold; cursor:hand;cursor:pointer;}
.pageNumber a.current { color:#972883;}
.firstPage{color:#CCC}
.highlightPage{ color:#972883; font-weight:bold;}


#middle_content{ float:left; width:504px; height:50px; min-height:50px; padding:15px; text-align:left}
html>body #middle_content{ height:auto}
#middle_content_r{ float:left; width:100%; height:50px; min-height:50px; padding:15px; text-align:left}
html>body #middle_content_r{ height:auto}


#row{ float:left; width:534px; height:200px; min-height:200px; border-bottom: solid 1px #cdc3ce;}
html>body #row{ height:auto;}
#row1{ width:980px; height:20px; min-height:20px; border-bottom: solid 2px #222222;}
html>body #row1{ height:auto;}

#row2{ float:left;  width:534px; height:2px; min-height:2px; border-bottom: solid 1px #cdc3ce;}
html>body #row2{ height:auto;}
#row-small{ float:left;  width:340px; height:2px; min-height:2px; border-bottom: solid 1px #cdc3ce;}
html>body #row-small{ height:auto;}


#product_wrap_out{ float:left; width:152px; height:300px; min-height:300px; margin:20px 10px; background: #ffffff;}
html>body #product_wrap{ height:auto;}
#product_wrap_out_guess{ float:left; width:154px; height:190px; min-height:190px; margin:20px 10px; background: #ffffff;}
html>body #product_wrap{ height:auto;}
#product_wrap_out_s{ float:left; width:142px; height:180px; min-height:180px; margin:5px 5px; background: #ffffff;}
html>body #product_wrap{ height:auto;}



#product_wrap{ float:left; width:152px;  min-height:152px; margin:0px 0px; background: #f5f5f5;}
html>body #product_wrap{ height:auto;}
#product_wrap_r{ float:left; width:142px; min-height:142px; margin:0px 0px; background: #f5f5f5;}
html>body #product_wrap_r{ height:auto;}

#product-image{ float:left; width:152px; height:152px; border:1px solid #cdc3ce; background:url(../images/general/no-photo_150x150.gif)}
#product-image_r{ float:left; width:142px; height:142; border:1px solid #cdc3ce; background:url(../images/general/no-photo_150x150.gif);background-size:100%;}

#product-title{ float:left; width:152px; height:25px; min-height:25px; font:normal 13px/13px Arial, Helvetica, sans-serif; text-align:center; color:#FFF;  background:#5a5666;}
#product-title_r{ float:left; width:142px; height:25px; min-height:25px; font:normal 13px/13px Arial, Helvetica, sans-serif; text-align:center; color:#FFF;  background:#5a5666;}

#product-title a {color:#d6d3dc; text-decoration:none; display:block; padding:8px 3px 8px 3px;}
#product-title_r a {color:#d6d3dc; text-decoration:none; display:block; padding:8px 3px 8px 3px;}
#product-title a:hover {color:#FFF; text-decoration:none; background:#972883; display:block;}
#product-title_r a:hover {color:#FFF; text-decoration:none; background:#972883; display:block;}
html>body #product-title{ height:auto;}
html>body #product-title_r{ height:auto;}

#product-price{ float:left; height:45px; width:152px; color:#972883; font:normal 18px/45px Arial, Helvetica, sans-serif; text-align:center;}
#product-price_r{ float:left; min-height:45px; width:50%; color:#972883; font:normal 18px/45px Arial, Helvetica, sans-serif; text-align:center;}

#product-discount{ float:left; height:15px; width:152px;  margin-bottom:15px;}
#product-discount_r{ float:left; min-height:15px; max-width:152px;  margin-bottom:15px;}

#product-discount-old{ float:left; height:15px; width:73px; text-align:right; font:normal 13px/15px Arial, Helvetica, sans-serif; color:#3c2c68; text-decoration:line-through;}
#product-discount-old_r{ float:left; min-height:15px; max-width:73px; text-align:right; font:normal 13px/15px Arial, Helvetica, sans-serif; color:#3c2c68; text-decoration:line-through;}

#product-discount-save{ float:right; height:15px; width:73px; text-align:left; font:normal 13px/15px Arial, Helvetica, sans-serif; color:#972883;}
#product-discount-save_r{ float:right; min-height:15px; max-width:73px; text-align:left; font:normal 13px/15px Arial, Helvetica, sans-serif; color:#972883;}

#product-qty_wrap-out{ float:left; height:27px; width:371px;  padding-top:20px; padding-bottom:20px;  margin:20px 0px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}
#product-qty_wrap-out_r{ float:left; min-height:27px;  width=150%;  padding-top:20px; padding-bottom:20px;  margin:20px 0px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}

#product-qty_wrap{ float:left; height:27px; width:152px; background:#e1e1e1; text-align:center; line-height:27px; color:#b92d62; font-weight:bold; }

#product-qty{ float:left; width:25px; height:27px; padding-left: 6px; font: normal 14px/27px Arial, Helvetica, sans-serif; color:#3c2c68;}
#product-qty_r{ float:left; min-width:26px; min-height:27px; padding-left: 6px; font: normal 14px/27px Arial, Helvetica, sans-serif; color:#3c2c68;}

#product-qty_field{ float:left; width:35px; height:19px; padding:4px 0;}
#product-qty_field_r{ float:left; min-width:45px; min-height:19px; padding:4px 0;}
.product-qty_field{ border:0; font:normal 14px/19px Arial, Helvetica, sans-serif; padding:0 4px; color:#972883; width:50px; padding:0 3px; text-align:center;}
.product-qty_field_r{ border:0; font:normal 14px/19px Arial, Helvetica, sans-serif; padding:0 4px; color:#972883; width:50px; padding:0 3px; text-align:center;}

#product-add_wrap{ float:right; width:75px; height:27px; text-align:right;}
#product-add_wrap_r{ float:right; width:75px; min-height:27px; text-align:right;}

.product-add_btn{font: normal 14px/27px Arial, Helvetica, sans-serif; color:#FFF; height:27px; padding-right:15px; cursor:pointer; border:0; background:#3c2c68; text-align:right; width:70px; }
.product-add_btn:hover{  color:#FFF; cursor:pointer; background:#972883; }



#category-des{ float:left; width:504px; height:20px; min-height:20px; padding:15px; border-top: 10px solid #cdc3ce; margin-top:20px; text-align:left; background:#f2f2f2;}
html>body #category-des{ height:auto}

#category-des_r{ float:left; width:100%; height:20px; min-height:20px; padding:15px; border-top: 10px solid #cdc3ce; margin-top:20px; text-align:left; background:#f2f2f2;}
html>body #category-des_r{ height:auto}

/*--sub category--*/
#sub-category_wrap-out{ float:left; width:152px; height:187px; min-height:187px; margin:20px 13px;}
html>body #sub-category_wrap-out{ height:auto;}
#sub-category_wrap{display:table; float:left; width:150px; height:150px; background:#868195; }
#sub-category{
	display: table-cell;
    vertical-align: middle;
}
#sub-category a{ font:normal 15px/20px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding:1px; display:block; background:#cdc3ce; text-align:center;}
#sub-category a:hover{color:#FFF; text-decoration:none; background:#972883;}
#sub-category_title{ float:left; width:152px; height:35px; font:normal 13px/35px Arial, Helvetica, sans-serif; text-align:center; color:#FFF;  background:#cdc3ce;}
#sub-category_title a{ color:#FFF; text-decoration:none; display:block }
#sub-category_title a:hover{ color:#FFF; text-decoration:none; background:#972883; display:block;}

/*--product details--*/
#product-details_title{ float:left; width:519px; height:47px; padding:6px 0px 6px 15px; background: url(../images/general/title_bg05.gif);}
#product-details_title_r{ float:left; min-width:350; height:59px; padding:6px 0px 6px 15px; background: url(../images/general/title_bg05_r.png); background-size:cover; }

#product-details_title-up{float:left; width:519px; height:16px;}
#product-details_title-up_r{float:left; width:100%; height:16px;}
.product-details_title-up{ font:normal 13px/16px Arial, Helvetica, sans-serif; color:#706395;}
.product-details_title-up a{color:#706395; text-decoration:none;}
.product-details_title-up a:hover{ color:#972883; text-decoration: underline;}
#product-details_title-down{ float:left; width:519px; height:27px;}
#product-details_title-down_r{ float:left; width:100%; height:27px;}

#middle_row{ float:left; width:534px; height:50px; min-height:50px; margin-top:20px; }
html>body #middle_row{ height:auto;}

#middle_row_r{ float:left; width:100%; height:50px; min-height:50px; margin-top:20px; }
html>body #middle_row_r{ height:auto;}

#product-details_left{ float:left; width:154px; height:50px; min-height:50px;}
html>body #product-details_left{ height:auto;}
#product-details_image01{ float:left; width:152px; height:152px; border:1px solid #cdc3ce; background:#FFF; margin-bottom:15px;}
#product-details_image02{ float:left; width:72px; height:72px; border:1px solid #cdc3ce; background:#FFF; margin-right:4px; margin-bottom:4px;}
#product-details_image03{ float:right; width:72px; height:72px; border:1px solid #cdc3ce; background:#FFF; margin-bottom:4px;}
#product-details_image04{ float:left; width:72px; height:72px; border:1px solid #cdc3ce; background:#FFF; margin-right:4px; margin-bottom:4px;}
#product-details_image05{ float:right; width:72px; height:72px; border:1px solid #cdc3ce; background:#FFF; margin-bottom:4px;}
#product-details_image06{ float:left; width:72px; height:72px; border:1px solid #cdc3ce; background:#FFF; margin-right:4px; margin-bottom:4px;}



#product-details_magnifier{ float:left; width:152px; height:33px;}
#product-details_right{ float:right; width:362px; height:50px; min-height:50px;}
html>body #product-details_right{ height:auto;}

#product-details_right_r{ float:right; width:100%; min-height:50px;  padding:0px 10px 5px 15px;}
html>body #product-details_right_r{ height:auto;}

#product-details_title02{ float:left; height:25px; width:350px; padding-left:12px; background:#e3e0eb; margin-bottom:10px; margin-top:10px;}
#product-details_title02_r{ float:left; height:25px; width:100%; padding-left:12px; background:#e3e0eb; margin-bottom:10px; margin-top:10px;}

#product-details_title03{ float:left; height:25px; width:522px; padding-left:12px; background:#e3e0eb; margin-bottom:10px; margin-top:10px;}
#product-details_01{ float:left; width:120px; height:30px; color:#3c2c68; line-height:30px; }
#product-details_02{ float:right; width:200px; height:30px; line-height:30px; }
#product-details_02_r{ float:right; height:30px; min-width:100px; line-height:30px; }



/*-------- right part --------*/
#right_sec_wrap{ float:left; width:200px; height:50ppx; min-height:50px; background:#f5f5f5; border-bottom:solid 7px #cdc3ce; margin-bottom:30px;}
html>body #right_sec_wrap{ height: auto;}

#right_news_wrap{ float:left; width:200px; height:50ppx; min-height:50px; background:#f5f5f5; border-bottom:solid 7px #cdc3ce; }
html>body #right_sec_wrap{ height: auto;}

#right_end{ float:left; height:40px; width:200px;}

#right_title01{ float:left; width:200px; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg01.gif);}
#right_title02{ float:left; width:200px; height:36px; padding:0px 0px 5px 55px; background:url(../images/general/title_bg03.gif);}
#right_title03{ float:left; width:200px; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg04.gif);}
#right_title08{ float:left; width:200px; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg08.gif);}
#right_title_black{ float:left; width:200px; height:36px; padding:0px 0px 5px 15px; background:url(../images/general/title_bg_black.png);}

#right_sec{ float:left; width:180px; padding:20px 5px 20px 15px; height:10px; min-height:10px;}
html>body #right_sec{ height:auto}

#right_link{ float:left; width:180px; padding:0px 5px 20px 15px; height:10px; min-height:10px;}
html>body #right_link{ height:auto}

#right_listing{ float:left; width:180px; padding:5px 5px 5px 5px; height:10px; min-height:10px; border-bottom:1px dashed #CCC; margin-bottom:5px;}
html>body #right_listing{ height:auto}

#right_content{ float:left; width:180px; height:10px; min-height:10px;}
html>body #right_content{ height:auto}
.news-time{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#CCC;}


/*-------- footer --------*/
#footer_wrap-out{ float:left; width:100%; height:50px; min-height:50px;}
html>body #footer_wrap-out{ height:auto}
#footer_wrap{ margin:0 auto; width:980px; height:50px; min-height:50px;}
html>body #footer_wrap{ height:auto}
#footer_wrap_r{ margin:0 auto; max-width:980px; height:50px; min-height:50px;}
html>body #footer_wrap_r{ height:auto}

#backtotop_wrap{ float:left; width:980px; height:30px; background:url(../images/general/backtotop_bg.gif);}
#backtotop_wrap_r{ float:left; width:100%; height:30px; background:url(../images/general/backtotop_bg.gif);background-size:100% 100%; }
#backtotop{ float:left; width:78px; height:20px; padding:10px 0px 0px 902px ;}
#backtotop_r{ float:right; width:78px; height:20px; padding:10px 0px 0px 0px ;}

#footer{ float:left; width:980px; height:80px; padding-top:20px;}
#footer_r{ float:left; width:100%; height:80px; padding:20px 20px 20px 20px;}
.footer{ font:normal 13px/22px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.footer a{ font:normal 13px/22px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
.footer a:hover{   color:#ab8fae; text-decoration: underline;}



/* ----news section--- */

#news-brief_wrap{ float:left; width:100%; height:10px; min-height:10px; color:#000; border-bottom: 1px dashed #b6b6b6; padding-bottom:10px; margin-bottom:10px;}
html>body #news-brief_wrap{ height:auto}

#news-brief_title_wrap{ float:left; width:100%; height:28px; min-height:28px;}
html>body #news-brief_title{ height:auto;}

#news-brief_title{ float:left; width:80%; height:28px; min-height:28px;}
html>body #news-brief_title{ height: auto;}

#news-brief_date{ float:right; width:18%; height:28px; color:#333333; font:normal 12px/28px Arial, Helvetica, sans-serif; text-align:right; }
html>body #news-brief_date{ height: auto;}

#news-brief{ float:left; width:100%; height:20px; min-height:20px; line-height:18px; padding:10px 0px 5px 0px;}
html>body #news-brief{ height:auto}

#news_more{ float:left; width:129px; height:30px;}
.news_more a{ float:left; background:url(../images/general/more-button.png); width:129px; height:30px;}
.news_more a:hover{ float:left;  background:url(../images/general/more-button_h.png); width:129px; height:30px;}




/*-------- cart --------*/
#btnUpdate{font:normal 16px/16px Arial, Helvetica, sans-serif; color:#FFF; background-color:#3c2c68; background-image:url(../images/general/Aarrow.png); background-repeat:no-repeat; background-position:right; padding:5px 40px 5px 10px; border: none; display:block; text-decoration:none; cursor:pointer;height:26px;}

#btnUpdate:hover{ background: #682c5d; border: none; text-decoration:none; background-image:url(../images/general/Aarrow02.png); background-repeat:no-repeat; background-position:right;}


#btnCheckout, #btnStep1, #btnConfirm, #btnLogin, #btnSignup {font:normal 16px/16px Arial, Helvetica, sans-serif; color:#FFF; background-color:#ac1491; background-image:url(../images/general/Aarrow.png); background-repeat:no-repeat; background-position:right; padding:5px 45px 5px 15px; border: none; display:block; text-decoration:none; cursor:pointer; overflow:hidden; height:26px;}

#btnCheckout:hover, #btnStep1:hover, #btnConfirm:hover, #btnLogin:hover, #btnSignup:hover { background: #db16b8; border: none; text-decoration:none; background-image:url(../images/general/Aarrow02.png); background-repeat:no-repeat; background-position:right;}



#btnContinue, #btnBack,  #btnChangePassword{font:normal 16px/16px Arial, Helvetica, sans-serif; color:#FFF; background-color:#3c2c68; background-image:url(../images/general/Aarrow03.png); background-repeat:no-repeat; background-position:left; padding:5px 15px 5px 45px; border: none; display:block; text-decoration:none; cursor:pointer;}

#btnContinue:hover,  #btnBack:hover,   #btnChangePassword:hover{ background: #682c5d; border: none; text-decoration:none; background-image:url(../images/general/Aarrow04.png); background-repeat:no-repeat; background-position:left;}


#btnReset, #btnCancel{font:normal 16px/16px Arial, Helvetica, sans-serif; color:#FFF; background-color: #999;  padding:5px 15px 5px 15px; border: none; display:block; text-decoration:none; cursor:pointer;height:26px;}

#btnReset:hover, #btnCancel:hove{ background: #333; border: none; text-decoration:none; }


#btnDelete {font:bold 13px/13px Arial, Helvetica, sans-serif; background:none; color:#7e7e7e;  padding:5px; border: none; display:block; text-decoration:none; cursor:pointer;height:26px;}

#btnDelete:hover{color:#555555; background:none; border: none; text-decoration:none; }



/*-------- check out --------*/
.entryTable, .label, infoTable, .content,.text { font:Arial, Helvetica, sans-serif; color:#333; padding:8px; text-transform:capitalize;}
.entryTableHeader, .infoTableHeader{ font:normal 18px/16px "Times New Roman", Times, serif; color:#FFF; background:#6d618d; padding:10px 0px 10px 10px;}
#entryTableHeader{ text-align:center; width:100%; height:36px;}
.titleTable{font:Arial, Helvetica, sans-serif; color:#333; background:#dbd7e8; padding:8px; text-align:center; font-weight:bold;}
.itemTable{font:Arial, Helvetica, sans-serif; color:#333; background:#e8e5f1; padding:8px; text-align:center; }
.itemTable_02{font:Arial, Helvetica, sans-serif; color:#333; background:#e8e5f1; padding:8px; text-align:right; padding-right:15px; }
#entryTableHeader


/*--------memberahip--------*/

#errorMessage { float:left; height:16px; padding:5px 20px 10px 0px; color:#FF0000; font: bold 16px/16px Verdana, Geneva, sans-serif;}
#content_title{ float:left; width:500px; height:20px; min-height:20px; margin-bottom:10px;}
html>body #content_title{ height:auto}
#content_title_r{ float:left; width:100%; height:20px; min-height:20px; margin-bottom:10px;}
html>body #content_title_r{ height:auto}

#content_row00{ float:left; width:500px; height:2px; min-height:2px; padding-bottom:1px;}
html>body #content_row00{ height:auto}

#content_row01{ float:left; width:500px; height:30px; min-height:30px; padding-bottom:10px;}
html>body #content_row01{ height:auto}
#content_row01_r{ float:left; max-width:500px; height:30px; min-height:30px; padding-bottom:10px;}
html>body #content_row01_r{ height:auto}

#content_row01_02{ float:left; width:150px; height:30px; min-height:30px; padding-bottom:10px; padding-right:350px;}
html>body #content_row01_02{ height:auto}

#content_row02{ float:left; width:150px; height:30px; min-height:30px; padding-bottom:10px; text-align:right; padding-right:10px; text-transform:capitalize; line-height:30px;}
html>body #content_row02{ height:auto}
#content_row02_r{ float:left; width:150px; height:30px; min-height:30px; padding-bottom:10px; text-align:right; padding-right:10px; text-transform:capitalize; line-height:30px;}
html>body #content_row02_r{ height:auto}

#content_row03{ float:left; width:280px; height:30px; min-height:30px; padding-bottom:10px;}
html>body #content_row03{ height:auto}
#content_row03_r{ float:left; width:280px; height:30px; min-height:30px; padding-bottom:10px;}
html>body #content_row03_r{ height:auto}


#content_row04{float:left; width:33%; height:30px;}
#contnet_row05{float:right; width:33%; height:30px;}

#middle_checkorder{ float:left; padding-bottom:20px; width: 534px;}
#middle_checkorder a{ font-weight:bold; color:#3c2d68; text-decoration:underline}
#middle_checkorder a:hover{ font-weight:bold; color:#982985;}

/*-----form standard style------*/
.inputfield-contact { font: normal 14px/20px Arial, Helvetica, sans-serif; padding:5px; border: solid 1px #CCC; color:#000; width:320px; }
.inputfield-contact_r { font: normal 14px/20px Arial, Helvetica, sans-serif; padding:5px; border: solid 1px #CCC; color:#000; width:220px; }
#form-row{ float:left; height:32px; min-height:32px; width:504px; padding-bottom:15px;}
html>body #form-row{ height:auto}
#form-left{float:left; width:124px; height:20px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#333; padding:6px 8px; text-transform:capitalize;}
#form-right{ float:right; width:364px; height:32px;}
#form-right02{ float:right; width:348px; height:20px; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#333; padding:6px 8px; text-transform:capitalize;}

#form-title{ float:left; height:28px; min-height:28px; width:504px; padding:15px; margin-top:10px; background:#6d618d;}
html>body #form-row{ height:auto}

 
 /*--login system--*/ 
.login-panel{ background:url(../images/member/login-panel_bg.gif); background-size:100% 100%; background-repeat:no-repeat;}
 
#memberlogin{ margin:100px 0px 0px 0px; width:350px; height:300px; background:url(../images/member/bg_login-panel.png);  z-index:1;}
#memberlogin_r{ margin:40px 0px 0px 0px; max-width:350px; z-index:1;}
 
#forgetpassword{ margin:100px 0px 0px 0px; width:350px; height:300px; background:url(../images/member/bg_forgetpassword.png);
z-index:1;}
 
#errorMessage{ color:#FF0000; text-align: center; font-weight:bold;}

.graybox{ background:#e5dcf1}

.login_title{ height:30px;  text-align:right; padding-right:10px; text-transform:capitalize; line-height:30px; }
#login_left{float:left; width:50%; height:30px;}
#login_right{float:right; width:50%; height:30px;}

.loginfield 
{ 
 border:none; border-width:0px;
 margin:0px; 
 font:normal 14px/40px Arial, Helvetica, sans-serif;
 text-align:center;
 color:#b5b3b5;
 height:40px; 
 width:auto;
}


.forget-your-password a { color:#ac1491;}
.forget-your-password a:hover { color:#FFF;}

.row1 {
	background-color: #EFEFEF; color:#000;
}

.row2 {
	background-color: #DEDEDE;color:#000;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #a59;
    color: #fff;
    text-align: center;
    padding: 0px 0;
    border-radius: 4px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}