body{ 
  background:#000 url(images/body_bg.jpg) repeat-x scroll 0 0;
  color:#51473D;
  line-height:1.3em;
  margin:0px;
  padding:0px;
  font:12px "Trebuchet MS", Arial, Helvetica sans-serif;
}


div#main_wrapper{
  background: transparent url(images/main_wrapper_bg.jpg) repeat-x scroll 0 0;
}


div#main{
  margin:0 10%;
  padding:0px;
}

/*******************************************************************************
*
*                             MAIN::HEADER
*
*******************************************************************************/

div#header{
  height:140px;
  color:#fff;
  font:11px Arial, Helvetica, sans-serif;
  padding:12px 15px 0 15px;
}

div#header a#logout{
  display:block;
  float:right;
  text-align:right;
  width:50px;
  font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a#logout:link, a#logout:visited{
  color:#fff;
  text-decoration:underline;
}

a#logout:hover{
  color:#f1545d;
  text-decoration:underline;
}

div#header h1{
  font:bold 30px Arial, Helvetica sans-serif;
  margin:0px;
  padding:22px 0 16px 10px;
  color:#f1545d;
  float:left;
  width:200px;
  line-height:1em;
}

div#header h2{
  float:right;
  clear:right;
  width:200px;
  margin:0px;
  padding:6px 0 2px 0;
  font:11px Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:right;
}

div#header span#current_date{
  display:block;
  float:right;
  clear:right;
  width:200px;
  text-align:right;
}

div#header span#category_links{
  display:block;
  float:left;
  clear:left;
  width:163px;
  height:21px;
  padding:6px 0 0 9px;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#ae5318;
  background: transparent url(images/current_categ_links_bg.jpg) no-repeat scroll 0 0;
}

div#header span#category_links img{
  cursor:pointer;
}


/*******************************************************************************
*
*                             MAIN::MAIN_CONTENT
*
*******************************************************************************/
div#main_content{
 background-color:#fff;
 color:#333; 
 padding:0 15px 15px 15px; 
 background:#fff url(images/page_content_bg.jpg) repeat-x scroll 0 0;
 border-bottom:4px solid #9c9c9c;
 margin-bottom:30px;
}

div#main_content a.inactive{
  cursor:default;
  color:#ccc;
  text-decoration:none;
}




/* ----------------------- MAIN_CONTENT::SECTION_LINKS ------------------------*/

div#main_content div#section_links{
  float:left;
  width:197px;
  position:relative;
  margin-left:-25px; 
  background: transparent url(images/section_links_bg.jpg) no-repeat scroll 0 100%;
  padding-bottom:38px;
}

div#section_links dl{
  background: #000;
  margin:0;
  padding:0;  
}

div#section_links dl dt{
  font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#fff;
  height:17px;
  background: transparent url(images/section_links_dt_bg.gif) no-repeat scroll 0 0;
  margin:0 3px 0 0px;
  padding:15px 0 0 20px;
  /*border-right:1px solid #000;*/
}

div#section_links dl dd{
  font:11px Arial, Helvetica, sans-serif;
  color:#fff; 
  margin:0 2px;
  padding:0px 0 0 0px;
}




div#section_links dl dd ul{
  margin:0 1px 0 0;
  padding:0 0 0px 0px;
  list-style-type:none;
  border-bottom:2px solid #f1545d;
}



div#section_links dl dd ul li{
  font:12px Arial, Helvetica, sans-serif;
  color:#fff;  
  border-bottom:1px solid #f1545d;
  height:27px;
}

div#section_links dl dd ul li a{
  display:block;
  color:#fff;  
  height:20px;
  padding:5px 0 2px 20px;
}

div#section_links dl dd ul li a:link, div#section_links dl dd ul li a:visited{
 color:#fff;
 text-decoration:none;
}

div#section_links dl dd ul li a:hover{
 color:#fff;
 background-color:#ed1b24;
 text-decoration:none;
}

div#section_links dl dd ul li a#categ_link_selected{
 color:#d0d0d0;
 text-decoration:none;
}


/* ----------------------- MAIN_CONTENT::CENTER_CONTENT ------------------------*/

div#main_content div#center_content{
  float:right;
  width:81%;
  min-width:300px;
  margin-top:-23px;
  position:relative;  
}



/* ----------------------- CENTER_CONTENT::MAIN_MENU ------------------------*/


ul#main_menu, #main_menu li ul { /* all lists */
	padding: 0;
	margin: 0;
    list-style: none;
	line-height: 1%;
}

ul#main_menu li{
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
    font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#fafafa;
    line-height:12px;
}

ul#main_menu li#home{
  width:50px;
}


ul#main_menu li#categories_products{
   width:160px;
}


ul#main_menu li#clients_orders{
   width:130px;
}

ul#main_menu li#mailing_list{
   width:90px;
}

ul#main_menu li#reports{
   width:70px;
}

ul#main_menu li#cart_settings{
  width:95px;
}

ul#main_menu li#admin_settings {
 width:110px;
}



ul#main_menu li a{
	display: block;
	width: 100%;
    text-align:center;
    padding:3px 0 0px 0;
    height:20px;   
}

ul#main_menu li a:link, ul#main_menu li a:visited{
   color:#fafafa;
   text-decoration:none;
}

ul#main_menu li a:hover{
   color:#f1545d;
   text-decoration:none;
   position: static;
}

/* ie 7 fix */
ul#main_menu li:hover, ul#main_menu li.sfhover{
  position: static;
}

ul#main_menu li:hover ul, ul#main_menu li.sfhover ul {
	left: auto;
}

/* --------- second-level lists --------- */

ul#main_menu li ul {
	position: absolute;
	background: #ed1b24;
    color:#fff;
	width: 150px;
	left: -999em;
    border-bottom:4px solid #3d3d3d;
}

ul#main_menu li ul li{
  float:none;
  color:#efebe1;
  border:none;
  padding:0px;
  margin:0px;
  width:150px;
}


ul#main_menu li ul li a{
  display:block;
  text-align:left;
  font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding:3px 0 1px 8px;
  width:142px;
  border-bottom:1px solid #3d3d3d;
}


ul#main_menu li ul li a:link, ul#main_menu li ul li a:visited{
  color:#fff;
  text-decoration:none;
}


ul#main_menu li ul li a:hover{
  color:#555555;
  text-decoration:none;
  background: #fff;
}

ul#main_menu li ul li a.inactive, ul#main_menu li ul li a.inactive:hover{
  color:#ccc;
  text-decoration:none;
  background:none;
}



/* ----------------------- CENTER_CONTENT::dynamic_content ------------------------*/
div#dynamic_content{  
  color:#333;
  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  clear:both;
  margin-left:8px;
  padding:0 10px 10px 10px;
  max-width:850px;
}


div#breadcrumb_nav{
  padding-top:15px;
  font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#555;
}

div#breadcrumb_nav a:link, div#breadcrumb_nav a:visited{
  color:#f1545d;
  text-decoration:underline;
}

div#breadcrumb_nav a:hover{
  color:#555555;
  text-decoration:none;
}

div#dynamic_content h1{
 margin:0px;
 padding:12px 0 10px 0;
 font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#ed1b24;
 text-transform:uppercase;
}


div#dynamic_content a.top{
  float:right;
  display:block;
  width:150px;
  margin:10px 0 2px 0;
  text-align:right;
  font-size:0.9em;
  clear:both;
}


a:link, a:visited{
  color:#ed1b24;
  text-decoration:underline;
}

a:hover{
  color:#555;
  text-decoration:none;
}


/* ----------------------- tool tip ------------------------*/    

a.info{
    position:relative;
    z-index:24;
    text-decoration:none}

a.info img{
  vertical-align:middle;
  border:none;
  padding-left:10px;
}

a.info:hover{
  z-index:25;
  background-color:transparent;/*ie fucking bug*/
}

a.info span{display: none}

a.info:hover span{
    display: block;
    position: absolute;
    top:0.5em; left:3em; width:20em;
    background-color:#fff;
    color:#333;
    border:1px solid #3C0303;
    padding:10px;
    font-weight:normal;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#000;
    z-index:50;
}


/* ----------------------- HACKS ------------------------*/


 .clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
 .clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */

 * html .clearfix{
   height:1%;
 }



 /* *****************************************************************************
*
*                               REDIRECT PAGE
*
*******************************************************************************/

div#redirect{
  border:1px dashed #555;
  width:500px;
  padding:10px;
  margin:10% auto 0 auto;
  color:#3d3d3d;
  background-color:#fafafa;
  font:12px "Trebuchet MS", Arial, sans-serif;
  text-align:left;
}

div#redirect a:link, div#redirect a:visited{
color:#f31c24;
text-decoration:underline;
}

div#redirect a:hover{
text-decoration:none;
color:#555;
}


/* *****************************************************************************
*
*                               LOGIN PAGE
*
*******************************************************************************/
div#login{
  border-top:5px solid  #9c9c9c;
  border-bottom:5px solid   #9c9c9c;
  width:500px;
  padding:10px;
  margin:10% auto 0 auto;
  color: #333;
  background-color:#fafafa;
  font:12px "Trebuchet MS", Arial, sans-serif;
  text-align:left;
}



div#login a:link, div#login a:visited{
color: #f1545d;
text-decoration:underline;
}

div#login a:hover{
text-decoration:none;
color:#555;
}


div#login h1{
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 3.0em;
  font-weight: 400;
  color: #f1545d;
  margin:0;
  padding:0px;
}

div#login h2{
  font:10px "Trebuchet MS", Arial, sans-serif;
  margin:0 0 15px 3px;
  padding:0px;
  color: #555;
}



/* *****************************************************************************
*
*                         LOADING IFRAME + DETAILS DIV
*
*******************************************************************************/

#dropSheet{
  background-color:#777;
  opacity:0.45;
  filter:alpha(opacity=45);
  z-index:100;
}

#iframe_container {
  position:absolute;
  width:250px;
  height:100px;
  overflow:hidden;
  background-color:#fff;
  border:1px solid #555;
  z-index:150;
}

div#details{
  position:absolute;
  border:3px solid #d5d5d5;
  background-color:#fff;
  padding:5px;
  text-align:left;
  overflow:auto;
  font:11px Arial, Helvetica, sans-serif;
  color:#333;
  z-index:150;
}


div#details a#close{
  display:block;
  text-align:right;
  font:10px Arial, Helvetica, sans-serif;
  background-color:#9c9c9c;
  padding:5px;
  margin-bottom:10px;
}

div#details a#close:link, div#details a#close:visited{
   color:#fff;
   text-decoration:underline;
}

div#details a#close:hover{
   color:#f31c24;
   text-decoration:none;
   position: static;
}

div#details h1{
 font:bold 16px Arial, Helvetica, sans-serif;
 margin:10px 0 10px 10px;
 padding:0;
 color:#f31c24;
}

div#details h2{
 font:bold 14px Arial, Helvetica, sans-serif;
 margin:0 0 5px 0;
 padding:0;
 color:#f0575a;
}

div#details form{
  margin:0px;
  padding:0 5px;
}


div#details .section{
  font:12px Arial, Helvetica, sans-serif;
  margin:0 0 15px 0;
  padding:5px 10px 5px 10px;
  border-bottom:1px dashed #9c9c9c;
  border-top:1px dashed #9c9c9c;
  list-style-type:none;
  background-color:#fafafa;
  color:#000;
  line-height:150%;
}

div#details .section span.line{
  margin-right:15px;
}

div#details img{
  margin:5px;
  padding:2px;
  border:1px solid #555;
}