/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.eagleurns.com/
   TEMPLATE NAME:  Eagle Urns, Inc.
   DATE:           Mar-4th-2010
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #153288 url(/images/bkgrd_html.jpg) repeat-x;
} 


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }
.imgleft {float:left; margin-right:5px; margin-top:5px;}
img {border:none;}

a {color:#02184a; }
a:hover { color:#65abff; text-decoration:underline;}
a:visited { color:#65abff; text-decoration:underline;}


/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: black; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #65abff; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #65abff; text-decoration:underline;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: white;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt  'Trebuchet MS', Arial, Sans-serif ;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header {
background: #02184a url(/images/bkgrd_header.jpg);
height: 115px;
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 137px; height: 121px;}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */

#topnav {
background: url(/images/bkgrd_nav.jpg);
height: 33px;
padding-left:440px;
}

#undernav {
background: url(/images/bkgrd_undernav.jpg) repeat-x;
height: 31px;
}



.images {
background: ;
height: 33px;
}

.images a { float: left; }

#swap01 {background-image: url(/images/nav_home_over.jpg);  width: 65px;  height: 33px; }
#swap02 {background-image: url(/images/nav_about_over.jpg); width: 69px;  height: 33px; }
#swap03 {background-image: url(/images/nav_catalog_over.jpg); width: 77px;  height: 33px; }
#swap04 {background-image: url(/images/nav_engraving_over.jpg); width: 94px;  height: 33px; }
#swap05 {background-image: url(/images/nav_sales_over.jpg); width: 119px;  height: 33px; }
#swap06 {background-image: url(/images/nav_contact_over.jpg); width: 83px;  height: 33px; }


.active {float: left; }

.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */



/* --------------MAIN CONTENT----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: white url(/images/bkgrd_eagle.jpg) top center no-repeat; /* Main DIV Background Img */
}

#main .content {
padding: 20px 10px 10px 10px;
_padding: 10px 5px 5px 5px;
margin: 0px;
min-height: 600px; /* Height of Background Img */
height: auto;
}

#main .contentcart {
padding: 20px 10px 10px 10px;
_padding: 10px 5px 5px 5px;
margin: 0px;
min-height: 600px; /* Height of Background Img */
height: auto;
}





#main h1 { font: bold  13pt "Calisto MT", Georgia, Times, serif; color:#65abff;}

#main h2 { font: bold  13pt "Calisto MT", Georgia, Times, serif; color:black;}

#main p { font: 10pt "Calisto MT", Georgia, Times, serif; color:black; line-height:1.25; margin-bottom:10px;}

#main .poptitle {font: bold 11pt "Calisto MT", Georgia, Times, serif; color:#65abff; margin-bottom:2px;}

#main .popdesc {font: 10pt "Calisto MT", Georgia, Times, serif; color:white; padding-left:85px; margin-bottom:5px;}

#main .popdesc a {color:#65abff; text-decoration:underline;}

#main .white {font: 10pt "Calisto MT", Georgia, Times, serif; color:white; }

#main h1.feattitle {font: bold 13pt "Calisto MT", Georgia, Times, serif; color:#02184a;  }

#main h1.feattitle a {color:#02184a;  text-decoration:none; }

#main h1.feattitle a:hover {color: #65abff ; text-decoration: underline; }

.mission {font: bold 10pt "Calisto MT", Georgia, Times, serif;  color:#02184a; margin:20px; clear:left; }



.welcome {
width:400px;
margin: 0px 5px 20px 250px;
height: auto;

}



#popdesigns {
width:200px;
background-color: #557ed5;
border:3px #282828 solid;
float: right;
margin:0px 10px 20px 5px;
padding:10px;
	
}




/* --------------NEWS ITEMS----------------*/

#news {
width:400px;
margin: 0px 5px 20px 250px;
height: auto;
}

#news .head {font: bold 10pt "Calisto MT", Georgia, Times, serif; color:black; line-height:1.25; }



/* --------------FEATURED ITEMS----------------*/

#featuredprod {
width:678px;
float: left;
margin:20px 0px 30px 10px;
_margin:20px 0px 30px 5px;
padding:0px;
}

#featuredprod .img {border:3px #282828 solid; margin:10px 10px 10px 0px;}


/* --------------LEFT NAVIGATION----------------*/


#leftnav {
width:200px;
_width:180px;
background: #557ed5 url(/images/bkgrd_selections.jpg) repeat-x;
border:3px #282828 solid;
float: left;
_margin: 0px 5px 20px 5px;
margin: 0px 15px 20px 10px;
padding: 10px;
}




.suckerdiv ul{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 180px; /* Width of Menu Items */
font: 10pt "Calisto MT", Georgia, Times, serif;
color:white; 
display: block;
line-height:1.5;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 175px; /*sub menu width*/
top: 0;
visibility: hidden;
margin-left:-15px; 
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: list-item;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px 8px;
border-bottom: 0;

}

.suckerdiv ul li a:hover{
color: #65abff; 
text-decoration: underline; 
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background:#000427 url(/images/bkgrd_footer.jpg) repeat-x;
height: 88px;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}

#footer p {padding-left: 20px; font: 9pt Arial, 'Trebuchet MS', Sans-Serif; color:#65abff; }



/* --------------FOOTER LINKS------------- */

#footer ul { padding: 10px; font: #65abff 9pt Arial, 'Trebuchet MS', Sans-Serif;}

#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
font: 9pt Arial, 'Trebuchet MS', Sans-Serif;
color:  #65abff
}

#footer .links li a {
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 9pt Arial, 'Trebuchet MS', Sans-Serif;
color:#65abff;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #112387;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}



/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}