body
{
font-family:sans-serif;
font-size:12px;
background-color:#3c1101;
color:#333;
background-image:url(../img/leather1.jpg); 
background-repeat:repeat;
/*background:#d1cbc2;*/
}

table, form, input, select, textarea
{
font-size:11px;
font-family:sans-serif;
}


#bodywrapper
{
/* border-right:1px solid #fff; */
/*border-bottom:1px solid #fff;*/
/* border-left:1px solid #fff; */
margin-bottom:15px;
}

/* begin jason's styles to make site center on page*/
.centered {
margin-top:20px;
margin-left:auto;
margin-right:auto;
/*border:#CCCC66;*/
/*border-style:solid;*/
/*border-width:2px;*/
width:960px;
}

/* slideshow */

.slideshow { height: 509px; width: 764px; color:#fff; margin-bottom: 10px; overflow:hidden;}
.slideshow img { border: 2px solid #9a8a7a; background-color: #000000; overflow:hidden;}


/*end centering styles*/


h3
{
margin:0;
padding:0;
font-size:14px;
}

h2
{
font-size:16px;
}
/* .button MUST be declared before .error and .success */
.button, 
.buttonlong
{
font-size:10px;
border:1px solid #999;
background:#eee;
color:#333;
font-weight:bold;
padding:0;
margin:0;
}
.button_checkall
{
font-size:10px;
border:1px solid #999;
background:#eee;
color:#333;
font-weight:bold;
padding:1px 3px;
margin:0;
float:right;
}

a.button:link,
a.button:visited, 
a.buttonlong:link,
a.buttonlong:visited, 
span.buttonlong 
{
text-decoration:none;
padding:0.1em 0.25em;
display:block;
margin:0;
border-left-width:5px;
max-width:70px;
}
a.buttonlong:link,
a.buttonlong:visited
{
width:auto;
max-width:none;
margin-bottom:5px;
text-align:left;
}

a.button:hover, 
a.buttonlong:hover
{
background:#2c2e52;
color:#fff;
/*border:1px solid #eceef2;*/
border-left-width:5px;
text-decoration:none;
}

span.buttonlong
{
max-width:none;
text-align:left;
display:block;
margin-bottom:5px;
}



.success
{
margin:0 0 10px 0;
padding:3px;
background:green;
color:#fff;
border:1px solid #fff;
font-size:10px;
}
.go
{
margin:0 0 10px 0;
background:green;
color:#fff;
border:1px solid #fff;
font-size:10px;
}


.error
{
padding:3px;
background:red;
color:#fff;
border:1px solid #fff;
font-size:10px;
}
.stop
{
background:red;
color:#fff;
border:1px solid #fff;
font-size:10px;
}








#header
{
height:101px;
background:#0c0e32 url('../img/blue_fade_bg_home.jpg') 0px 0px repeat-x;
color:#fff;
}

#header h1
{
margin:0;
padding:0 20px 0 0;
line-height:100px;
font-size:20px;
font-weight:normal;
text-align:right;
background:url('../img/herring_shoes_logo_new.gif') top left no-repeat;
}

#header h1 a:link,
#header h1 a:visited
{
background:transparent;
color:#fff;
text-decoration:none;
}
















#layout
{
border-bottom:10px solid #d1cbc2;
}


td, th
{
vertical-align:top;
}




/* errors box */
.errorbox
{
border:1px solid red;
background:#eee;
color:red;
margin-bottom:10px;
line-height:20px;
font-size:9px;
line-height:12px;
}
.errorbox h3
{
margin:0;
padding:5px;
background:red;
color:#fff;
}

.form_input_error
{
color:red;
}



a img
{
border:0;
}



/*jasons search styles*/

.searchhead {
width:140px;
height:17px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
border-bottom:thin #CC9933 solid;
background-color: #FFFFFF;
font-size:12px;
text-align:center;
}
.searchsubhead {
width:140px;
height:14px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
border-bottom:thin #CC9933 solid;
background-color: #FFFFFF;
font-size:12px;
text-align:center;
}

a.search:link hover visited active {
color:#CCCCCC;
font-size:12px;
}



/* NAV */
#nav
{
background:#e1dbd2;
color:#333;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

#nav h3
{
margin:0;
padding:4px 5px;
background:#d1cbc2;
color:#0c0e32;
border-bottom:1px solid #fff;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}


#nav ul
{
font-size:11px;
list-style-type:none;
margin:0;
padding:0;
}


#nav ul li
{
border-bottom:1px solid #fff;
}
/*
#nav ul li.last
{
border-bottom:1px solid red;
}
*/
#nav ul li a:link,
#nav ul li a:visited
{
display:block;
color:#0c0e32;
text-decoration:none;

border-left:20px solid #d1cbc2;
background:#e1dbd2;
padding:5px;
}
#nav ul li a:hover
{
color:#2c2e52;
text-decoration:none;
background:#f1ebe2;
border-left:20px solid #e1dbd2;
}















/* CONTENT */
#contentwrapper
{
background:#f1ebe2;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}


#contentwrapper h2#area_title
{
margin:0;
padding:5px;
font-size:14px;
text-transform:uppercase;
background:#e1dbd2;
color:#0c0e32;
border-bottom:1px solid #fff;
}

#contentwrapper h3#page_title
{
margin:0;
padding:3px 5px;
font-size:11px;
text-transform:capitalize;
background:#e1dbd2;
color:#5c5e82;
border-bottom:1px solid #fff;
}



#content
{
font-size:12px;
color:#333;
padding:20px;
}












/* admin tables and stuff */
table#admin_table, 
table#admin_table td table
{
background:#e1dbd2;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
width:100%;
font-size:10px;
}

* html * table#admin_table, 
* html * table#admin_table td table
{
width:95%; /* ie */
}

#admin_table th, 
#table_attributes_wrapper th
{
text-align:right;
padding:5px;
}

#admin_table td
{
padding:5px;
}


#admin_table td, 
#admin_table th
{
border-top:1px solid #fff;
border-right:1px solid #fff;
background:#e1dbd2;
}




table.table_attributes_wrapper
{
border-bottom:1px solid #d1cbc2;
margin-bottom:10px;
padding-bottom:10px;
}




#admin_table td.sub_cell_tablewrapper
{
padding:0;
border:0;
}

#admin_table td.sub_cell_tablewrapper td
{
padding:0;
}

#admin_table td.sub_cell_tablewrapper table
{
border:0;
}


.sub_table, 
.sub_table td, 
.sub_table th
{
border:0;
}

.sub_table td
{
padding:0;
border:0;
border-top:1px solid #fff;
border-right:1px solid #fff;
font-weight:bold;
text-align:center;
}
.sub_table td input
{
vertical-align:middle;
border:1px solid #ccc;
}

label.labelblock
{
display:block;
text-align:right;
}




#admin_table .admin_add_product_header, 
#admin_table .admin_add_product_header th, 
#admin_table .admin_add_product_header td
{
background:#d1cbc2;
color:#6c6e92;
font-weight:bold;
text-transform:uppercase;
text-align:left;
}

#admin_table .left th, 
#admin_table .left td
{
text-align:left;
}



#table_attributes_wrapper label input
{
font-size:9px;
}












table#admin_table td.sub_cell_tablewrapper td.admin_image_cell
{
}
table#admin_table td.sub_cell_tablewrapper td.admin_image_cell img
{
background:#fff;
display:block;
border:1px solid #d1cbc2;
float:left;
}














.deletedrop
{
float:right;
}






/* admin - add product - cat position table */
table#cat_position_table, 
#admin_table table#cat_position_table
{
border:0;
}
table#cat_position_table td
{
padding:0;
vertical-align:middle;
border:0;
}
table#cat_position_table td input
{
padding:0;
vertical-align:bottom;
}


body table#admin_table table.brand_position_table
{
width:auto;
float:right;
}

body table#admin_table table.brand_position_table td
{
padding:0 6px;
line-height:10px;
}


body table#admin_table .leftyohara td
{
text-align:left;
}




/* admin h4 breadcrumb thingy */
h4.bread, .bread
{
border-bottom:1px dotted #aaa;
padding:0 0 10px 0;
margin:0 0 10px 0;
}






div#adminnavhead
{
height:26px;
border-bottom:1px solid #fff;
background:#0c0e32;
color:#fff;
text-align:center;
}

div#adminnavhead a.main:link,
div#adminnavhead a.main:visited, 
div#adminnavhead span.main
{
margin:3px 3px 3px 3px;
padding:2px;
display:block;
border:1px solid #ccc;
float:left;
width:89px;
color:#ccc;
text-decoration:none;
background:#2c2e52;
}

div#adminnavhead a.orders:link,
div#adminnavhead a.orders:visited, 
div#adminnavhead span.orders
{
margin:3px 0 3px 0;
padding:2px;
display:block;
border:1px solid #ccc;
float:left;
width:90px;
color:#ccc;
text-decoration:none;
background:#2c2e52;
}

div#adminnavhead span.main, 
div#adminnavhead span.orders
{
color:#fff;
border:1px solid #fff;
font-weight:bold;
}

div#adminnavhead a.main:hover, 
div#adminnavhead a.orders:hover
{
background:#3c3e62;
}

#nav a span.ordercount
{
float:right;
border:1px solid #fff;
padding:0 4px;
background:#2c2e52;
color:#fff;
}

#nav a:hover span.ordercount
{
background:#4c4e72;
}
#nav a span.ordercountzero
{
float:right;
border:1px solid #fff;
padding:0 4px;
background:#600;
color:#fff;
}

#nav a:hover span.ordercountzero
{
background:#800;
}




/* mash up the h3's */
table#admin_table h3
{
/* or not */
}