html {
 margin: 0;
 padding: 0;
 }
 
body{
margin: 0;
padding: 0;
font-family:  arial, helvetica, verdana, sans-serif;
font-size: 100%;
color: #fff;
background-color: #B13F2C;
scrollbar-base-color: #B4412B;
}

p {
font-size: 100%;
line-height: 1.5em;
}

h1 {
width: 70%;
font: 1.10em  trebuchet MS,verdana, arial, helvetica, sans-serif;
color: /* #fff */#000;
border-bottom: solid 1px /* #fff */#000;
margin: 0 20px;
}

body#admin h1{
color: #fff;
border-bottom: solid 1px #fff;
}

h2 {
font: bold 0.75em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: /* #fff */#000;
}

h2.right {
text-align: right;
font: bold 0.75em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: /* #fff */#000;
}

h3{
background-color: #9898AA/* EABB9D */;
padding: 3px;
margin:0;
font: bold 0.80em verdana,arial,helvetica,sans-serif;
color: #fff;
border: solid 1px #fff;
}
 
h4 {
font: bold 0.75em verdana,arial,helvetica,sans-serif;
margin: 2px 20px;
color: /* #fff */#000;
}

h5 {
font: bold 0.65em verdana,arial,helvetica,sans-serif;
margin: 2px 10px;
color: #B4412B/* F5E790 */;
}

/* ======================== Main divs ===============================*/
div#container{
margin: 1em auto;
background:url(/images/grey_backl.jpg) top left repeat-x  #EDEEF3;
border: 1px solid #fff;
max-width:1200px; 
 width: auto !important;
 width:1200px;
}

body#admin #container{
margin: 1em auto;
background: url(/images/ufwusback.jpg) top left repeat-x #E19E71;
border: 1px solid #000;
max-width:1200px; 
 width: auto !important;
 width:1200px;
}

#header{
background:url(/images/craftmark.gif) top right no-repeat #B4412B;
height: 106px; 
margin: 0;
padding: 0 10px;
font: 0.60em arial,verdana,helvetica,sans-serif;
color: #fff;
}

body#admin #header{
background: url(/images/logo.gif) top left no-repeat #B4412B;
height: 106px;
margin: 0;
padding: 0 10px;
border-bottom: solid 2px #fff;
}


/*=====================BANNER================================*/

div#banner{
background: url(/images/header_back2.jpg) top right repeat-x #C3C3CB;
height: 280px;
padding: 2px 0 2px 3px;
border-bottom: solid 2px #000;
border-top: solid 2px #fff;
 }

/*=====================Scrolling image marquee - ties in with js================================
div#scroller{
background: url(/images/scroll_background.jpg) top right no-repeat  #A93631;
height: 224px;
padding: 2px 0 2px 3px;
border-bottom: solid 2px #fff;
border-top: solid 2px #fff;
 }

marquee { 
margin: 2px 3px 2px 3px; 
width: 1000px;
padding: 0;
background: transparent pink;  
height: 212px; 
}

marquee img { 
margin: 0 0 0 3px;  
padding: 0;
}

marquee img:hover {
margin: 0 0 0 3px;   
padding: 0;
border: solid 1px #fff; 
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
-khtml-opacity: 0.8;
opacity: 0.8; 
}
=====================End scrolling image marquee=====================================*/


/*#header a, #header a:link { 
 color:  #fff;   
 text-decoration: none;
} 

#header a:visited { 
 color:  #fff;   
 text-decoration: none;
} 

#header a:hover { 
 color: #C9C8B4;
 text-decoration: none;
}
*/

/* #header a img{
border: none;
 filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#header  a:hover img{
border: none;
 filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
}  */

#header img.craftmark{
float: right;
padding: 0;
}


/*body#admin #headerb{logo
background-color:#EFF1E5;
height: 95px;
border-bottom: solid 1px #000;
margin: 0;
padding: 0;
}*/

/*===============================UFWUS STYLES ====================*/
#ufwus{
/*padding-top: 1em;*/
margin: 50px 300px 0 35px; /* SWAP ORDER */
background:transparent;
}

body#admin #ufwus{
/*padding-top: 1em;*/
margin: 20px 1em 0 1em; /* SWAP ORDER */
background-color: transparent;
}

#ufwus p{
margin: 1em 0 0 0;
font-size: 0.85em;
padding: 0 60px 0 20px;
color: /* #fff */#000;
line-height: 1.5em;
text-align: left; 
}

#ufwus p.message{
font: bold 0.90em verdana,arial,helvetica,sans-serif;
color: /* #CC0000 */ yellow;
}

#ufwus p.smmessage{
font-weight: bold;
color: /* #CC0000 */ #FFFFB2;
}

#ufwus p.notice{/*yellow message text*/
 font: bold 0.8em verdana, geneva, arial, sans-serif;
 color:/*  #CC0000 */ #FFFFB2;
 }

#ufwus hr{
width: 95%; 
height: 1px;
color: /* #fff */#000;
border: 0;
background-color: #fff;
}
 
#ufwus ul li {
 font-size: 0.85em;
 list-style: square;
 color:  /* #fff */#000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: circle;
 font: 1em verdana, arial, helvetica, sans-serif;
 color:  /* #fff */#000;
 line-height: 1.6em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  /* #fff */#000;
 line-height: 1.6em;
 text-align: left;   
 padding: 5px 10px 0 40px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  /* #fff */#000;
 line-height: 1.6em;
 text-align: left;   
 padding: 0 10px 0 30px;
 }
 
 #ufwus img{
 border: solid 1px /* #fff */#000;
 margin: 7px 10px 0 0;
 }
 

#ufwus a, #ufwus a:link { 
 color:  /* #fff */#000;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  /* #fff */#000;   
 text-decoration: underline;
} 

#ufwus a, #ufwus a:hover { 
 color: #B4412B;
 text-decoration: none;
} 
/*================= Link from image ============*/
#ufwus a.nobdr:link{ /*not sure if we need this*/
color: #B7AE8D;
text-decoration: none;
} 

#ufwus a.nobdr:visited { /*not sure if we need this*/
color: #B7AE8D;
 text-decoration: none;
} 

#ufwus a.nobdr:hover { /*not sure if we need this*/
 color: #B7AE8D;
text-decoration: none;
} 

#ufwus img.nobord{
 border: none;
 }
 
 select.dropdowns{
background-color: #fff;
 font: 0.95em verdana,arial,helvetica,sans-serif;
 border: solid 1px #fff;
 color: #000;
 padding: 3px 0;
 } 
 
body#admin #ufwus table select{
 font: 0.95em verdana,arial,helvetica,sans-serif;
 border: solid 1px #fff;
 color: #000;
 padding: 3px 0;
 } 
 
#ufwus table select{
 font: 0.70em verdana,arial,helvetica,sans-serif;
 border: solid 1px #fff;
 color: #000;
 padding: 3px 0;
 } 
 /*THESE 2 PRINT AND HIDE USED TO TOGGLE TO THE PRINT VIEW*/
#ufwus p.print{
 display: none;
}

#ufwus p.hide{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: left;
}

#ufwus p.hider{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: right;
}

/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.90em arial,verdana,helvetica,sans-serif;
 color: #000;
 }
 
 body#admin #ufwus table{
 border: solid 1px #fff;
 border-collapse: collapse;
 font: 0.80em arial,verdana,helvetica,sans-serif;
 margin: 2px 20px;
 }
 
 body#admin #ufwus table p{
 font: 0.90em arial,verdana,helvetica,sans-serif;
 margin: 2px 20px;
 }
 
 body#admin #ufwus table.distributor{
 border: solid 1px #fff;
 border-collapse: collapse;
 font: 0.80em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table img{
 border: none;
 }
 
 body#admin #ufwus table.listing{/*for the outlet list in admin*/
 border: solid 1px #fff;
 border-collapse: collapse;
 font: 0.60em arial,verdana,helvetica,sans-serif;
 color: #fff;
 }
 
 body#admin #ufwus table.listing tr.alt{
 background-color: #E19E73;
 }
 
body#admin #ufwus table.listing h3{
margin:0;
font: bold 1.0em verdana,arial,helvetica,sans-serif;
color: #fff;
}

#ufwus table.listing{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 0.60em arial,verdana,helvetica,sans-serif;
 }
 
#ufwus table.listing tr.alt{
 background-color: #E19E73;
 }
 
#ufwus table.listing h3{
margin:0;
font: bold 1.0em verdana,arial,helvetica,sans-serif;
color: #fff;
}
 
 #ufwus table.noborder{
 border: 0;
 border-collapse: collapse;
 font: 0.85em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table.noborder{
 border: 0;
 border-collapse: collapse;
 font: 0.85em arial,verdana,helvetica,sans-serif;
 }

#ufwus table tr.mainfill{
 background-color: #B9472B;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 border-top: solid 1px #fff;
 border-bottom: solid 1px #fff;
 }

#ufwus table tr.lighter{
 background-color: #C9C8B4;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #000;
 }
 
 #ufwus table tr.alt{
 background-color: /* #E19E73 */F7EDDC;
 }

body#admin #ufwus table tr.change{
 background-color: #EADC9D;
 font: 0.90em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table tr.alert{
 background-color: #000;
 font: 1.0em verdana,arial,helvetica,sans-serif;
 color: red;
 }
 
#ufwus table td{
 border-right: solid 1px #fff;
 }
 
 #ufwus table.noborder td{
 border-right: none;
 }

#ufwus table.noborder{
 border: none;
 border-collapse: collapse;
 }
 
 #ufwus table td.mainfill{
 background-color: #81754F;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

#ufwus table td.lighter{
 background-color: #4E7CA6;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
/*======================================tinyMCE hack==========================*/ 
body#admin #ufwus table .mceToolbar table tr td {border:solid 1px #E19E73; margin:0; padding:0;}/*this colours the toolbar border the same as background*/
body#admin #ufwus table .defaultSkin table.mceToolbar {margin-left:0; border:0;}
body#admin #ufwus table .defaultSkin table.mceLayout {border:0}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceFirst td {border-top:0;}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #000}
body#admin #ufwus .defaultSkin .mceToolbar {height:26px; border: 0; }
body#admin #ufwus .defaultSkin .mceLeft {text-align:left; border:0;}
body#admin #ufwus .defaultSkin .mceRight {text-align:right; border:0;}
body#admin #ufwus .defaultSkin table {background-color:#E19E73;}/*this colours the toolbar background*/
/*==========================FOOTER STYLES ===========================*/

#footer{
clear: both;
background:transparent;
padding:  0 10px 1px 10px;
text-align: left;
}


/*#footer a, #footer a:link { 
font: bold 0.80em verdana, arial, helvetica, sans-serif;
 color:  #fff;   
 text-decoration: none;
} 

#footer a:visited { 
 color:  #fff;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #81754F;
 text-decoration: underline;
} */

#updated{
margin: 1em auto;
background:transparent;
font: 0.70em verdana,arial,helvetica,sans-serif;
color: /* #fff */#000;
border-top: solid 1px /* #fff */#000;
}



/* ==================  PRODUCT BOX  =========================*/
#productb{
background: transparent;
float: right;  /*WAS FLOAT LEFT */
width: 240px;
margin: 20px 0 0 0 ; /* WAS MARGIN-LEFT */
padding-top: /*1em*/0;
border-left: solid 1px /* #fff */#000;
height: 400px; 
overflow: auto;
}

body#shop #productb{
background: transparent;
float: right;  /*WAS FLOAT LEFT */
width: 220px;
margin: 20px 0 0 0 ; /* WAS MARGIN-LEFT */
padding-top: /*1em*/0;
border-left: solid 1px /* #fff */#000;
height: 450px; 
overflow: auto;
}


#productb h6{
/* background-color: #BC5431; */
font: 1.10em  trebuchet MS,verdana, arial, helvetica, sans-serif;
text-align: center;
color:/*  #fff */#000;
margin: 0;
padding: 5px;
}

#productb h6.design{
/* background-color: #BC5431; */
font: bold 0.80em  trebuchet MS,verdana, arial, helvetica, sans-serif;
text-align: center;
color: /* #fff */#000;
margin: 0;
padding: 5px;
}

#productb a, #productb a:link { 
 color:  /* #fff */#000;   
 text-decoration: none;
} 

#productb a:visited { 
 color:  /* #fff */#000;   
 text-decoration: none;
} 

#productb a:hover { 
 color: #C9C8B4;
 text-decoration: underline;
} 
/*================BOX THAT HOLDS INDIV PRODUCTS =============*/
div.prodbox {
background: transparent;
/* border-bottom: dotted 1px #EFCAB2; */
width: 210px;
margin: 5px;
}

body#shop div.prodbox {
background: transparent;
/* border-bottom: dotted 1px #EFCAB2; */
width: 190px;
margin: 5px;
}

div.prodbox  p.title{
/* margin: 5px; */
padding: 1px;
display: block;
text-align: center;
font: bold .70em arial, helvetica, sans-serif;
color: /* #fff */#000;
border-bottom: dotted 1px #EFCAB2;
}

div.prodbox img{
/* float: left;
padding: 3px 5px 3px 3px; */
border: solid 1px /* #fff */#000;
}

div.prodbox img.designimg{
text-align: center;
border: solid 1px /* #fff */#000;
}

div.prodbox  p{
margin: 2px 5px /* 2px 4px 2px 170px */;
text-align: left;
font: 0.70em arial, helvetica, sans-serif;
color: /* #fff */#000;
}

div.prodbox p.high{ /*adds space under image/text in individual boxes*/
 margin: 1px 0;
 clear: both;
}

/*===================================================*/

div#copyright{/*at bottom of page*/
 margin: 1em auto;
 background:transparent;
 text-align: right;
 font: 0.7em verdana, arial, helvetica, sans-serif;
 color: #fff;
 max-width:1200px; 
 width: auto !important;
 width:1200px;
 }
 
#copyright a, #copyright a:link { 
 color:  #FFFEFA;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #FFFEFA;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #fff;
 text-decoration: underline;
 }