ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
  color: #000;
  font-weight: bold;
  margin: 0;
}

a:hover
{
  text-decoration: none;
  color: #663300;
  margin: 0;
}

html, body, input, textarea, select, option
{
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 11px;
  background-color: #b8b09c;
  color: #333333;
}
html{
  overflow-y: scroll;
}
body{
  height: 100%;
}

h1{
  font-size: 20px;
  font-weight: bold;
  color: #993300;
  margin: 0 0 10px 0;
}

h2{
  font-size: 18px;
  font-weight: bold;
  color: #993300;
  margin: 0 0 10px 0;
  line-height: 45px;
  border-bottom: 1px dotted #b8b09c;
}

h3{
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 6px;
}
h4{
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #000;
  margin: 0 0 6px;
}

li{
  line-height: 120%;
  margin: 6px 0px;
}
p{
  line-height: 150%;
  margin: 6px 0px;
}


/* full width layers */
#top{
  background-color: #000;
  background-image: url(../images/top-lace.png);
  background-position: left 0px;
  background-repeat: repeat-x;
  height: 29px;
  padding: 5px 0 0 0;
  margin: 19px 0 0 0;
  color: #eeecde;
}
#middle{
  background-color: #eeecde; 
  background-image: url(../images/bottom-lace.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#bottom{
  height: 19px;
  line-height: 19px;
  display: block;
}
#top, #middle, #bottom{
  min-width: 1088px;
  width: 100%;
}

/* stage - holding the width of the display area */

.stage{
  width: 1088px;
  margin: 0 auto;
  display: block;
}

/* fixed width wrappers */

#topwrapper, #middlewrapper{
  margin: 0 auto;
  width: 1028px;
  position: relative;
  display: block;
}

/* side corner content */

#leftbottom, #rightbottom{
  position: absolute;
  width: 190px;
  top: auto;
  bottom: 30px;
  overflow: hidden;
}
#leftbottom{
  left: 0px;
  right: auto;
}
#rightbottom{
  right: 0px;
  left: auto;
  overflow: visible;
}
#rightbottom p{
  white-space: nowrap;
}
#rightbottom a{
  font-weight: normal;
}

/* top navigation */

ul#usernav, ul#infonav{
  list-style: none;
  height: 29px;
  margin: 0;
}
ul#usernav li, ul#infonav li{
  display: inline;  
  height: 29px;
  margin: 0 16px 0 0;
  padding: 0;
}
ul#usernav li a, ul#infonav li a{
  height: 29px;
  line-height: 29px;
  text-transform: uppercase;
  font-weight: bold;
}
ul#usernav li a{
  color: #b8b09c;
}
ul#infonav li a{
  color: #eeecde;
}
ul#usernav li a.current, ul#infonav li a.current{
  color: #cc9966;
}
ul#usernav li a:hover, ul#infonav li a:hover{
  color: #993300;
}

ul#usernav{
  position: absolute;
  top: 0;
  left: 0;
}
ul#infonav{
  margin: 0 0 0 250px;
}
ul#infonav.homepage{
  margin: 0 0 0 370px;
}

/* Main columns */
#lefthomepage, #left, #center, #right{
  float: left;
  display: inline;
  margin: 0;
}
#lefthomepage{
  width: 350px;
}
#left{
  width: 220px;
}
#center{
  width: 528px;
  min-height: 700px;
  padding: 30px;
  background-color: #fff;
  background-image: url(../images/bottom-lace-light.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#right{
  padding: 138px 0 155px 30px;
  width: 190px;
}


/* logo */

#smalllogo{
  margin: 55px 0 0 0;
  display: block;
}

#logo{
  margin: 40px 0 30px 0;
}

/*  hoempage left navigation */

ul#lefthomepagenav{
  margin: 70px 0 0 0;
  width: 350px;
  list-style: none;
  border-top: 1px dotted #b8b09c;
}
ul#lefthomepagenav li{
  width: 350px;
  border-bottom: 1px dotted #b8b09c;
  display: block;
  margin: 0;
  padding: 18px 0;
  background-repeat: no-repeat;
  background-position: 0 18px;
}

ul#lefthomepagenav li a{
  width: 170px;
  display: block;
  padding: 0 10px 0 170px;
  min-height: 77px;
  
}

ul#lefthomepagenav li a p{
  color: #333333;
  font-weight: normal;
}

ul#lefthomepagenav li a p.homepage_caption{
  min-height: 33px;
}

ul#lefthomepagenav li a p.lefthomepagenav_tail{
  background-image: url(../images/icons_beige.png);
  background-repeat: no-repeat;
  background-position: 0 0 ;
  height: 17px;
  display: block;
}
ul#lefthomepagenav li a:hover p.lefthomepagenav_tail{
  background-position: 0 -100px ;
}

ul#lefthomepagenav li a:hover h3{
  color: #993300;
}

  

/*  left navigation */

ul#leftnav{
  margin: 58px 0 0 0;
  width: 220px;
  list-style: none;
  border-top: 1px dotted #b8b09c;
}
ul#leftnav li{
  width: 220px;
  border-bottom: 1px dotted #b8b09c;
  display: block;
  margin: 0;
  padding: 0;
}

ul#leftnav li.open{
  background-image: url(../images/nav-lace.png);
  background-position: right;
  background-repeat: repeat-y;  
  padding: 0 0 10px 0;
}

ul#leftnav li a{
  width: 200px;
  display: block;
  padding: 0 0 0 20px;
  height: 31px;
  line-height: 31px;
  color: #8c836c;
  text-transform: uppercase;
  font-weight: bold;

  background-image: url(../images/icons_beige.png);
  background-repeat: no-repeat;
  background-position:  0 -189px;
}

ul#leftnav li.open a{
  color: #000;
  background-position:  0 -389px;
}
ul#leftnav li.open a:hover{
  background-position:  0 -489px;
}

ul#leftnav li a.current{
  color: #993300 !important;
  background-position:  0 -589px;
}
ul#leftnav li a:hover{
  color: #663300 !important;
  background-position:  0 -289px;
}
ul#leftnav li a.current:hover{
  background-position:  0 -689px;
}

ul#leftnav li.open ul.sub li{
  border: none;
}

ul#leftnav li.open ul.sub li a{
  color: #000;
  line-height: 18px;
  height: 18px;
  width: 182px;
  padding: 0 0 0 38px;
  font-weight: normal;
  text-transform: none;
  background-position:  20px -994px;
}
ul#leftnav li.open ul.sub li a.current{
  background-position:  20px -794px;
}
ul#leftnav li.open ul.sub li a:hover{
  background-position:  20px -1094px;
}
ul#leftnav li.open ul.sub li a.current:hover{
  background-position:  20px -894px;
}


/* right side content */

#right ul{
  margin: 10px 0 15px 15px;
}

#right p{
  margin: 10px 0;
}

#right p.image_caption,
#right p.testimonial_writer
{
  font-style: italic;
}



/* center top headings & text area */

#center #headings{
  position: relative;
  min-height: 108px;
}
#center #headings .marginbottom{
  margin-bottom: 15px;
}

#center #headings .centerheading1{
  position: absolute;
  top: 27px;
  left: 0; 
}

#center #headings .centerheading2{
  position: absolute;
  top: 47px;
  left: 0;
}
#center #headings .narrow{
  width: 225px;
}

#center #headings table, 
#center #headings table td{
  background-color: #fff;
  border: none;  
  padding: 0;
  margin: 0;
  width: 100%;
  height: 108px;
}

#center #headings p{
  margin: 0 0 6px 240px;
  font-size: 12px;
}

/* 4 colour slide navigation */

.colournav_wrapper{
  position: relative;
  margin: 0;
  padding: 0;
  width: 528px;
  height: 37px;
  overflow: hidden;
}

.colournav_wrapper ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  height: 37px;
  position: relative;
  overflow: hidden;
}

.colournav_wrapper ul li{
  float: left;
  height: 37px;
  width: 147px;
  overflow: visible;
  display: block;
  background-image: url(../images/colours.png);
  background-repeat: no-repeat;
}
.colournav_wrapper ul li#sea-and-sky{
  background-position: 0 0;
}
.colournav_wrapper ul li#sea-and-sky.active{
  background-position: 0 -37px;
}

.colournav_wrapper ul li#field-forest-and-vine{
  background-position: 0 -74px;
}
.colournav_wrapper ul li#field-forest-and-vine.active{
  background-position: 0 -111px;
}
.colournav_wrapper ul li#earth-and-minerals{
  background-position: 0 -148px;
}
.colournav_wrapper ul li#earth-and-minerals.active{
  background-position: 0 -185px;
}
.colournav_wrapper ul li#sunrise-and-sunset{
  background-position: 0 -222px;
}
.colournav_wrapper ul li#sunrise-and-sunset.active{
  background-position: 0 -259px;
}

.colournav_wrapper ul li a{
  text-indent: -1000px;
  height: 37px;
  line-height: 37px;
  display: block;
  padding: 0;
  margin: 0 20px;
  border: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  overflow: visible;
  background-image: url(../images/colours-icons.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.colournav_wrapper ul li a:hover{
  color: white;
}
.colournav_wrapper ul li#sea-and-sky a{
  margin-left: 5px !important; 
}
.colournav_wrapper ul li.active a{
  background-position: 9px center;
  text-indent: 27px;
}


.colournav_wrapper #colournav_wrapper_right_edge{
  background-image: url(../images/colours.png);
  background-repeat: no-repeat;
  background-position: 0 -296px;
  position: absolute;
  width: 19px;
  height: 37px;
  right: 0;
  top: 0;
}

/* previous page, next page */

#center ul#pagenav{
  list-style: none;
  margin: 6px 0;
  padding: 0;
}
#center ul#pagenav li{
  display: inline;
  margin: 0;
  padding: 0;
}
#center ul#pagenav li a{
  font-size: 10px;
  line-height: 15px !important;
  height: 15px !important;
  padding-top: 1px;
}
#center ul#pagenav li a#pre{
  margin: 0 5px 0 0;
}
#center ul#pagenav li a#next{
  margin: 0 5px;
}

/* product matrix */

#product_matrix_cushion{
  margin: 12px 0;
  display: block;
  min-height: 6px;
}

#products_matrix .matrix_part{
  width: 164px;
  margin: 0 0 16px 18px;
  float: left;
  display: block;
}

#products_matrix .matrix_part_left{
  margin-left: 0 !important; 
  clear: left;
}

#products_matrix a.product_preview{
  width: 164px;
  height: 155px;
  color: #666;
  display: block;
  font-weight: normal;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: right -668px;
}
#products_matrix a.product_preview:hover{
  background-position: right -768px;
  color: #663300 !important;
  cursor: pointer;
}

#products_matrix .matrix_part dl{
  margin: 8px 0 0 0;
  padding: 0 20px 0 0;
  line-height: 100%;
}
#products_matrix .matrix_part dl dt{
  float: left;
  clear: left;
  font-weight: normal;
  margin: 0;
}
#products_matrix .matrix_part dl dd{
  font-weight: bold;
  clear: right;
  margin: 4px 0 4px 40px;
}

#products_matrix a img{
  background: white;
}

/* product matrix. Changes for special_style */

#products_matrix a.product_preview_special{
  height: auto;
  background-position: right -673px;
}
#products_matrix a.product_preview_special:hover{
  background-position: right -773px;
}
#products_matrix .matrix_part_special dl dd{
  margin: 4px 0 4px 33px;
}

/*  product matrix. Changes for my folder view */
#products_matrix a.delete{
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: 0 -597px;
  padding: 0 0 0 15px;
  margin: 8px 0 0 0;
  float: none;
  clear: both;
  display: block;
}
#products_matrix a.delete:hover{
  background-position: left -697px;
}

#products_matrix .matrix_pick{
  font-weight: bold;
  margin: 8px 0 0 0;
}


/* intro image(banner), intro slideshow */

.slideshow, 
.banner{
  width: 528px;
  overflow: hidden;
  margin: 0 0 30px 0;
  position: relative;
}
.slideshow{
  height: 258px; /* TBA */
}

.slideshow dl{
  position: absolute;
}
.banner dl{
  position: relative;
}
.slideshow dl,
.banner dl{
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
.slideshow dl dt,
.banner dl dt{
  /*text-align: right;*/
}

.slideshow dl dd,
.banner dl dd{
  background-color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 5px 1px 2px 8px;
  display: block;
}

/* special category styles navigation, 
   replace the 4 colour navigation for normal subcategory */

ul#special_styles{
  list-style: none;
  text-align: justify;
  border-top: 1px dotted #8c836c;
  border-bottom: 1px dotted #8c836c;
  height: 30px;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
}
ul#special_styles li{
  display: inline;
  height: 30px;
  margin: 0;
}

ul#special_styles li a{
  color: #000;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 0 15px;
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: 0 12px;
}

ul#special_styles li a.special_style{
  margin: 0 19px 0 0;
}
ul#special_styles li a.my_folder_action{
  padding-left: 22px;
}
ul#special_styles li a.current{
  color: #993300;
  background-position: 0 -1788px;
}

ul#special_styles li a:hover{
  color: #663300 !important;
  background-position: 0 -88px;
}
ul#special_styles li a.current:hover{
  background-position: 0 -1888px;
}

ul#special_styles li a#order_fabric_samples{
  background-position: 0 -1191px;
}
ul#special_styles li a#order_fabric_samples:hover{
  background-position: 0 -1291px;
}
ul#special_styles li a#forward_to_a_friend{
  background-position: 0 -991px;
}
ul#special_styles li a#forward_to_a_friend:hover{
  background-position: 0 -1091px;
}
ul#special_styles li a#delete{
  background-position: 0 -391px;
}
ul#special_styles li a#delete:hover{
  background-position: 0 -491px;
}

/* my folders */

ul#folders_list{
  list-style: none;
  border-top: 1px dotted #b8b09c;
}

ul#folders_list li.folders_li{
  margin: 0;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px dotted #b8b09c;
  display: block;
}

ul#folders_list li.folders_li dl.folders_li_dl{
  float: left;  
}
ul#folders_list li.folders_li dl.folders_li_dl dt{
  float: left;
}
ul#folders_list li.folders_li dl.folders_li_dl dd{
  float: left !important;
  margin: 0 0 0 10px;
}

ul#folders_list li.folders_li ul.folders_li_actions{
  margin: 0 0 0 425px;
}
ul#folders_list li.folders_li ul.folders_li_actions li{
  display: inline;
  margin: 0 0 0 10px;
  line-height: 30px;
  height: 30px;
}

/* modal window */

#fabricbox{
  width: 360px;
  padding: 30px;
  margin: 0 auto;
  overflow: hidden;
}

#fabricbox.special_fabric{
  float: left;
  display: inline;
  margin: 0;
}

#fabricbox div.image{
  display: block;
  text-align: center;
}

#fabricbox dl{
  margin: 30px 0 0 0;
  border-top: 1px dotted #b8b09c;
  padding-bottom: 26px;
}

#fabricbox dt{
  float: left;
  clear: left;
  display: inline;
  padding: 5px 0;
}
#fabricbox dd{
  font-weight: bold;
  margin: 0;
  padding: 5px 0 5px 85px;
  clear: right;
  border-bottom: 1px dotted #b8b09c;
  display: block;
}

#fabricbox.special_fabric dd{
  padding: 5px 0 5px 120px;
}
#fabricbox dd p{
  margin: 1px 0;
}

ul#folders_pick_list{
  position: absolute;
  left: auto;
  right: auto;
  top: auto;
  bottom: 46px;
  overflow: auto;
  width: 360px;
  max-height: 400px;
  list-style: none;
  background-color: white;
  padding: 5px 0 0 5px;
  display: none;
  border: 1px solid #b8b09c; 
  border-bottom: none;
}
ul#folders_pick_list input.text{
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}
#fabricbox ul#fabric_actions{
  position: absolute;
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  /* width: 100%; */
  width: auto;
  list-style: none;
  background-color: white;
  display: block;
  padding: 10px 0 20px 0;
  
}
#fabricbox ul#fabric_actions li{
  display: inline;
  margin: 0 10px 0 0;
}
#fabricbox ul#fabric_actions li a{
  color: #8c836c;
  font-weight: normal;
  padding: 0 0 0 20px;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  display: inline-block;
}
#fabricbox ul#fabric_actions li a.on,
#fabricbox ul#fabric_actions li a:hover{
  color: #663300;
}
#fabricbox ul#fabric_actions li a.add_to_my_folder{
  background-position: 0 -1599px;
}
#fabricbox ul#fabric_actions li a.add_to_my_folder_on,
#fabricbox ul#fabric_actions li a.add_to_my_folder:hover{
  background-position: 0 -1699px;
}
#fabricbox ul#fabric_actions li a.enquire_this{
  background-position: 0 -1398px;
}
#fabricbox ul#fabric_actions li a.enquire_this:hover{
  background-position: 0 -1498px;
}
#fabricbox ul#fabric_actions li a.close_window{
  background-position: 0 -598px;
  padding: 0 0 0 15px;
}
#fabricbox ul#fabric_actions li a.close_window:hover{
  background-position: 0 -698px;
  padding: 0 0 0 15px;
}



#special_fabric_swatch{
  float: left;
  display: inline;
  width: 205px;
  padding: 30px 0;
}

#special_fabric_swatch dl{
  text-align: left;
}

#special_fabric_swatch dt{
  float: left;
  clear: left;
  display: inline;
  width: 25px;
  height: 25px;
  background-image: url(../uploads/fabric/swatch/index.gif);
  background-repeat: no-repeat;
}
#special_fabric_swatch dt .hexcolour{
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 0;
}
#special_fabric_swatch dd{
  margin: 0 0 10px 33px;
  clear: right;
  float: none;
  text-align: left;
  width: 172px;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  overflow: visible;
}


#folder_name_box{

  width: 290px;
  padding: 30px;
  margin: 0 auto;

}

/* News and Tradeshows */

ul#news{
  list-style: none; 
}
ul#news li{
  padding: 0 0 25px 0;
  margin: 0 0 25px 0;
  border-bottom: 1px dotted #b8b09c;
}
ul#news li h4{
  color: #993300;
  font-size: 14px;
  margin: 0 0 15px 0;
}
ul#news li img{
  float: left;
  clear: left;
  display: inline;
  margin: 0 15px 0 0;
}
ul#news li p{
  font-size: 12px;
  margin: 0;
  float: none;
  clear: right;
}

ul#news li#tradeshows {
  border: none;
  margin: 0;
  padding: 0;
}

ul#news li#tradeshows ul{
  list-style: disc;
  margin: 0 0 0 15px;
  padding: 0;
}
ul#news li#tradeshows ul li{
  padding: 0;
  margin: 6px 0;
  border: none;
}

/* form tags */

input, textarea, select, option{
 border: none;
 background-color: #eeecde !important;
 margin: 0;
 padding: 0;
}

input.text, textarea, select, option{
  width: 275px;
  min-width: 275px;
  max-width: 275px;
}
input.text, textarea, select, option{
  padding: 3px 5px;
}

input.text{
  height: 16px;
}
textarea{
  height: 100px;
}
select{
  height: 22px;
  cursor: pointer;
}
option{
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
}


input.button{
  cursor: pointer;
  width: 106px;
  height: 22px;
  display: block;
  text-indent: -1000px;
  margin: 0 5px 0 0;
  background-image: url(../images/form_buttons.jpg);
  background-repeat: no-repeat;
  background-position: 900% 900%;
  background-color: white;
  line-height: 0px;
  font-size: 0px;
}
input.send{
  background-position: left -176px;
  width: 54px;
}
input.send:hover{
  background-position: left -198px;
}
input.create{
  background-position: left -308px;
  width: 58px;
}
input.create:hover{
  background-position: left -330px;
}

input.cancel{
  background-position: left -264px;
  width: 60px;
}
input.cancel:hover{
  background-position: left -286px;
}

input.save{
  background-position: left -352px;
  width: 54px;
}
input.save:hover{
  background-position: left -374px;
}

input.submit{
  background-position: left -220px;
  width: 60px;
}
input.submit:hover{
  background-position: left -242px;
}

input.reset_password{
  background-position: left -88px;
}
input.reset_password:hover{
  background-position: left -110px;
}

input.login{
  background-position: left -44px;
  width: 56px;
}
input.login:hover{
  background-position: left -66px;
}

input.create_profile{
  background-position: left 0;
  width: 104px;
}
input.create_profile:hover{
  background-position: left -22px;
}

input.save_profile{
  background-position: left -132px;
  width: 89px;
}
input.save_profile:hover{
  background-position: left -154px;
}
input.send_email{
  background-position: left -396px;
  width: 84px;
}
input.send_email:hover{
  background-position: left -418px;
}
input.place_order{
  background-position: left -440px;
  width: 90px;
}
input.place_order:hover{
  background-position: left -462px;
}


input.checkbox{
  margin: 0 5px 0 0 !important;
  background-color: #fff !important;
  
}


/* form */

dl.form{
  margin: 25px 0 0 0;
}
dl.form dt{
  float: left;
  clear: left;
  text-align: right;
  width: 230px;  
  text-transform: uppercase;
}
dl.form dd{
  margin: 8px 0 8px 240px;
  padding: 0;
  clear: right;  
  float: none;
  text-indent: 0;
  display: block;
}
dl.form dd.checkbox{
  margin: 3px 0 3px 240px;
}

dl.form h3{
  margin: 20px 0;
}

dl.form a{
  font-weight: normal;
}

.form_error, 
.required,
.error{
  color: #a01010;
}

.notice{
  padding-left: 25px;
  background-image: url(../sf/sf_admin/images/ok.png);
  background-position: left center;
  background-repeat: no-repeat; 
}

.error{
  padding-left: 25px;
  background-image: url(../sf/sf_admin/images/error.png);
  background-position: left center;
  background-repeat: no-repeat; 
}

/* block arrows */

a.news_pick{
  padding-left: 15px; 
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
  font-weight: normal;
  display: block;
  color: #333;
}

a.news_pick:hover{
  background-position: 0 -95px;
  color: #663300;
}

/* inline arrows */

a.right_arrow_beige,
a span.right_arrow_beige_tail{
  padding: 0 20px 0 0;
  background-image: url(../images/icons_beige.png);
  background-repeat: no-repeat;
  background-position: right -1195px; 
  cursor: pointer;
}
a.right_arrow_beige:hover,
a:hover span.right_arrow_beige_tail{
  background-position: right -1095px; 
}

a.right_arrow,
a span.right_arrow_tail{
  padding-right: 20px !important;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: right 5px; 
  cursor: pointer;
}

a.right_arrow:hover,
a:hover span.right_arrow_tail{
  background-position: right -95px; 
}

a.left_arrow{
  padding-left: 15px !important;
  background-image: url(../images/icons_white.png);
  background-repeat: no-repeat;
  background-position: left -195px; 
}

a.left_arrow:hover{
  background-position: left -295px; 
}


/* at the last but not the least */
.submarine{
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

.clear{
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
img.fl{
  margin-right: 10px; 
  margin-bottom: 5px;
}
img.fr{
  margin-left: 10px; 
  margin-bottom: 5px;
}

hr{
  display: none;
}

.lighttext{
  color: #666666 !important;
}

.readingfont{
  font-size: 12px !important;
}
.hidden{
  display: none !important;
}
.extra_lineheight{
  margin-top: 12px;
  margin-bottom: 12px;
}

.bold{
  font-weight: bold;
}

.uppercase{
  text-transform: uppercase;
}

.ar{
  text-align: right;
}
.ac{
  text-align: center;
}

.mt{
  margin-top: 30px;
}

.hr{
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  height: 1;
  overflow: hidden;
  display: block;
  border-bottom: 1px dotted #b8b09c;
  background: none;
}