﻿/*General CSS Rules e.g. floats and clears */

* 
{
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    outline:none;
    text-decoration:none;
}


body
{
    color: #000;
    /*background: url(../images/psdbackground.jpg) no-repeat fixed top center #488dc8;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
}
body.homepage
{
    color: #000;
    /*background: url(../images/psdbackground.jpg) no-repeat fixed top center #488dc8;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    background: url(../images/psdbackground.jpg) no-repeat;
    background-position:center top;
    background-color:#FFF;
    min-height:710px;
}
body.nothome
{
    background-image: none;
    background: #fff;
    color: #666;
    font-size: 0.7em;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2.3em; }  
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}

#wrapper-home
{
    padding:0; 
    margin: 0px auto;
    width: 920px;
    position:relative;
}

#wrapper
{
    padding:0; 
    margin: 0px auto;
    width: 920px;
    position:relative;
    padding-left:16px;
}
#wrapper-nofix
{
	padding:0; 
    margin: 0px auto;
    width: 920px;
    position:relative;
}

/* Resizing Homepage Background Image */
.resizeContainer
{
	/*position:fixed;
	overflow:hidden;
	z-index:0;
	top:0;
	left:0;*/
}


/* Header, Logo and Navigation */
#header
{
    width: 920px;
}

#logohome
{
    padding: 20px 0px 5px 0px;
}

#logohome p
{
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 10px;
}

#logo
{
    padding: 20px 0px 5px 0px;
}

#logo p
{
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 10px;
}

.shiretitle
{
    float: left;
    height: 28px;
    vertical-align: bottom;
}

.shirelogo
{
    float: right;
}

#home_nav
{
    width: 920px;
    font-size: 1em;
    border-top: 1px solid #fff;
    padding: 5px 0px 0px 0px;
}

#home_nav ul li
{
    display: inline;  
    color: #FFF;
    padding: 0px 1px 0px 5px;
    background: url(../images/listiconhome.gif) no-repeat left;
    font-weight: bold;            
}

#home_nav ul li.first
{
    background-image: none;
}

#home_nav ul li a
{
    color:#FFF;
}

#home_nav ul li a:visited
{
    color:#FFF;
}

#home_nav ul li a:hover
{
    color:#DFF0FF;
}

#home_nav ul li a.currentpage
{
    color: #fff;
    font-weight: bold;
}

#home_nav ul li a.currentpage:hover
{
    color: #DFF0FF;
}

#nav
{
    width: 920px;
    font-size: 11px;
    border-top: 1px solid #666;
    padding: 5px 0px 0px 0px;
}

#nav ul li
{
    display: inline;  
    color: #666;    
    padding: 0px 1px 0px 6px;
    background: url(../images/listicon.gif) no-repeat left;
    font-weight: bold;            
}

#nav ul li.first
{
    background-image: none;
}

#nav a
{
    color:#666;
}

#nav a:hover
{
    color:#999;
}

#nav a.currentpage
{
    color: #333;
}

#nav a.currentpage:hover
{
    color: #999;
}

/* Home page */
#home_main 
{
    width: 920px;
    float:left;
    margin-bottom: 155px;
}

.home_maintext
{
    float: left;
    font-family: Georgia;
    width: 275px;
    margin: 18px 0px 0px 20px;
}

.home_maintext h1
{
    font-family: Georgia;
    font-size: 2em;
    color: #fff;
    font-weight: normal;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #fff;
}

.home_maintext a
{
    font-style: italic;    
    color: #FFFFFF; 
    font-size: 1.5em;      
}
.home_maintext a:hover
{
    color: #DFF0FF; 
}

#home_sub
{
    width: 900px;
    float:left;
    background: #FFFFFF;
    opacity:0.9;
    filter:alpha(opacity=90);
    padding: 0px 0px 0px 20px;
    min-height:160px;
}

.home_subbox
{
    float: left;
    width: 270px;
    padding: 20px 30px 0px 0px;
    border-bottom:none;
}

.home_subbox h2
{
    font-family: Georgia;
    font-size: 2.3em;
    color: #333;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;    
}

.home_subbox h2 a
{
	font-size:1.1em;
    color: #333;
}

.home_subbox h2 a:hover
{
    color: #666666;
}

.home_subbox p
{
    color: #333;
    padding: 5px 0px 0px 0px;
    line-height: 160%;
    font-size: 0.95em;
    height: 70px;
}

.home_subbox div 
{
    float:left;
}

.home_subbox div p
{
    width: 135px;
}

.home_subbox div p span
{
    font-size: 4.8em;
    line-height: 100%;
    padding-left: 20px;
    font-family:Georgia;
}

.home_totalsales
{
    text-align: right;
}

/* Generic Content */

#content
{
    margin-top: 20px;
}

#pagecontent
{
    margin-left: 20px; 
    float: left;
    width: 715px;    
}

#pagecontent h1
{
    font-family: Georgia;
    color: #333;
    padding: 0px 0px 13px 0px;
    font-weight:normal;
}

#pagecontent h2
{
    font-family: Georgia;
    font-size: 2.0em;
    color: #666;
    padding: 20px 0px 20px 0px;
    font-weight: normal;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

#pagecontent p
{
    line-height: 160%;
}

#pagecontent ul.dashedList
{
	font-size:0.95em;
	padding-left:0px;
}

#pagecontent ul.dashedList li
{
	background-image: url(../images/listbullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1.3em;
	padding:10px 0px 10px 22px;
}

#pagecontent ul.dashedListSmall
{
	font-size:0.95em;
	padding-left:0px;
}

#pagecontent ul.dashedListSmall li
{
	background-image: url(../images/listbullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0.8em;
	padding:3px 0px 3px 22px;
}

#secondnav
{
    float: left;
    width: 185px;
    font-size: 0.95em;
}

#secondnav ul li 
{
    border-bottom: 1px solid #666;
    padding: 4px 0px 4px 0px;
    font-weight:bold;
}

#secondnav a.current_item
{
    font-weight: bold;
    color: #000;
}

#secondnav a
{
    color: #666;
    font-weight: bold;
}

#secondnav a:hover
{
    color: #999;
}


/* Footer */
#home_footer
{
    border-top: 1px solid #666;
    margin: 20px 0px 10px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 0.95em;
    color: #666;
    width: 870px;
}

#home_footer ul li
{
    display: inline;
    padding: 0px 0px 0px 5px;
    background: url(../images/listiconhomefooter.gif) no-repeat left;            
}

#home_footer ul li.first
{
    background-image: none;
}

#home_footer ul li a
{
    color: #666;
}

#footer
{
    border-top: 1px solid #666;
    margin: 20px 0px 20px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 0.95em;
    color: #666;
    width: 920px;
}

#footer ul li
{
    display: inline;
    padding: 0px 0px 0px 5px;
    background: url(../images/listicon.gif) no-repeat left;            
}

#footer ul li.first
{
    background-image: none;
}

#footer ul li a
{
    color: #666;
}

.copyright
{
    float:left;
}

.footerlinks
{
    float:right;
}
div.starNote
{
	font-size:10px;
}
/* Safari Fixes */

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #pagecontent h1
    {
        font-family: Georgia;
        color: #333;
        padding: 0px 0px 9px 0px;
        font-weight:normal;
    } 
}
/* Lightbox CSS*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* End Lightbox CSS*/

/*Sitemap*/
ul.siteMap
{
	width:60%;
}

ul.siteMap li
{
	border-bottom:solid 1px #666;
	padding:5px 0px;
	font-weight:bold;
}
ul.siteMap li ul li
{
	padding:0px 0px 0px 10px;
	border-bottom:none;
	font-weight:normal;
}
ul.siteMap li a
{
	color:Black;
}

ul.siteMap li ul li a
{
	color:#666;
	font-size:11px;
	font-weight:bold;
}

ul.siteMap li ul li a:hover
{
	color:#999;
}

/*End Sitemap*/

