/*----------  Resets ----------*/
/*----------  Resets ----------*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
/* --------- General styles------------ */
	
fieldset {
    border: 0;
    display: inline;   /* this squashes an IE bug */
}

ul {
list-style:none;
margin: 0;
padding:0 0 0 30px ;
}
       
h1 {
font-size: 1.40em;
font-weight: bold;
line-height: 1.25em;
color: transparent;
} 
h2 {font-size: 1.20em;} 

h3 {font-size: 1em;} 

h4 {font-size: 0.90em;} 

h5 {font-size: 0.80em;}

h6 {font-size: 0.70em;}

h1,h2,h3,h4 {padding: .5em .8em 0 .8em; text-align:center; font-weight:bold}

.left {text-align:left;}
p { margin:0; padding:.4em .8em; line-height:1.5em;}

img {border: 0;            /* this squashes a Firefox bug */
vertical-align: bottom;}    /* this squashes an IE bug */ 

table {
border: 0;
border-collapse: collapse;
border-spacing: 0;}

caption, th, td {
font-weight: 400;
text-align: left;}

/* ----------------- Links ------------------ */
a {text-decoration: none; outline: 0;} /* removes dotted border around a:active from Firefox */

a:visited {text-decoration: none;}

a:active, a:focus, a:hover {text-decoration: underline;}

a img {border: none;}

/*========== BEGIN MAIN LAYOUT RULES ==========*/

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
body {
    font: 95%/150% verdana, "trebuchet ms",arial,tahoma,helvetica,sans-serif;
	font-size: 12px;
    color: #666;
    background:#e5e5ff;
    padding:3px 0;
}
#wrapper {
    background: #d9cdff url(images/bg.png) repeat-x; /*left sidebar colors*/
    min-height:100%;
    margin: 0 auto;
    width: 980px; /* 90%; */
    max-width:980px;
    /* min-width:780px; */
    position: relative;
    margin-top: -50px; /* make space for footer */
}
* html #wrapper {height:100%;}

#header{
    background:#888FFF;
    clear: both;
    margin: 0 -180px; /* pull header into full width */
    position: relative;
    z-index: 2;
    min-height: 227px;
    border-top: 50px solid #e5e5ff; /* soak up negative margin to make way for footer */     
	background: url(images/logo.png) no-repeat;
}
* html #header{height:227px;} /* IE6 treats height as min-height*/ 
#footer {
    background: #e5e5ff;
    clear: both;
    margin:auto;
    position: relative;
    z-index: 2;
    text-align: right;
    height:45px;    /*height & padding = 50px */
    padding-top:10px;
    width: 90%;
    max-width:980px;
    min-width:780px;
    line-height:1.25em;
	font-size:11px;
}              
#inner {
    margin-right: 180px;
    background: #fff; /* left column color IE6 only */
    position: relative;
    z-index: 2; 
}
#middle {
    background: #fff; /* center column color IE6 only */
    margin-left: 180px;
    z-index: 2;
}
#content, #content2 {
    position: relative;
    width: 100%;
    float: left; /* contain clearing */
    text-align:left;
	
}
#content2 { 
    margin: 0 -1px; /* moz needs this */
    text-align:justify;
	border-left: 1px solid #e5e5ff;
}
#content2 h2 { text-align: left; margin-bottom: 15px; }


#left{
    width: 180px;
    margin-left: -180px; 
    position: relative;
    float: left;
	text-align: center;
}
#right {
    width: 180px;
    margin-right: -180px; 
    position: relative;
    float: right;
    z-index: 2;
	font-size: 11px;
	font-family: verdana,arial,sans-serif;
}
#right ul { list-style-type: none; margin:0; padding:5px; }
#right h2 { text-align: left; border-top: 2px solid #344998; border-bottom: 2px solid #fff; margin: 15px 3px 15px 3px !important; color: #fff; padding:0; padding-left: 5px; font-size: 14px; background: #344998;  font-weight:normal; font-size:12px;} /* top, right, bottom, left */
#right h2.ext { margin: 15px 7px 15px 7px !important; font-weight:normal; } /* top, right, bottom, left */


/* #color1 and #color2 just hold the column colors and nothing else */
#color1 {
    width: 180px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #d5dbe9; /*left column color*/
    z-index: 1;
}
#color2 {
    position: absolute;
    height: 100%;
    left: 180px;
    top: 0;
    right: 180px;
    background: #fff;  /*center color*/
    z-index: 1;
}
/* clear without structural mark-up */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* mac hide - force layout in IE \*/
.clearfix {
	display: block;
}
/* End hide */
/* ----------------- Content/Pages ----------------- */


#header .yuimenubarnav .yuimenuitem { padding: 5px; margin-right: 7px; background-color:#fff; }
#header .yuimenubarnav .yuimenuitem  a { border:0; color: #666; }
#header .yuimenubarnav .first-of-type { background: tranparent; margin-right: 7px;  text-transform: none;}
#header .yuimenubarnav  .yuimenuitem .first-of-type { background: #fff; margin-right: 7px; }
#header .yuimenubarnav  .yui-menu-shadow { background: transparent; margin-right: 7px; border: 0; }


.widget_sp_image { margin-left:-20px; margin-top: 0px; }
.alignright { float: right; padding: 10px; }
.alignleft { float: left; padding: 10px; }
#left .widgettitle { font-weight: bold; font-size: 11px; }


#content2 #left ul { list-style-type:none; }
#content2 #right ul { list-style-type:none; }
#content2 ul { list-style-type:square; }



#dropmenu, #dropmenu ul {margin:0; margin-left:15px; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#344998; font-weight:normal;}
#dropmenu a {display:block; padding:0.25em 1em; color:#fff; border-right:1px solid #c8c8c8; text-decoration:none; background:#344998; font-size: 1.1em;}
#dropmenu a:hover {background:#fff; color:#344998;}
#dropmenu li {float:left; position:relative;  margin-right: 7px; }
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em; margin-left: 1px; }
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}



#news-ticker li { margin:0; padding:0; margin-bottom:10px; background: transparent !important; }
#news-ticker li { width: 150px !important; text-align: left; padding-bottom: 10px !important; }
#news-ticker li span a { margin-bottom: 15px !important; } 

#sliding_cart { margin:0; padding:0;  }
#sliding_cart p span { margin:0; padding:0; }
#sliding_cart p  { text-align: left;  margin-bottom: 15px; }

#shopping-cart { margin:0; padding:0; }