/* PHR CSS Document */

/* Start Body CSS */

body{
	font: 80% "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	text-align: center; /* for IE */
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 816px;
	background-color:#ffffff;
}

/* End Body CSS */

/* Start Header CSS */

#header{
	width: 816px;
	height: 128px;
	background-color: #666;
	margin-top:10px;
	background-image:;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
}

#logo{
	padding-top: 25px;
	padding-left: 18px;
	width: 300px;
	float: left;
}

#login{
	text-align: right;
	float: right;
	padding-right: 22px;
	padding-top: 25px;
	width: 460px;
	color: #4F8B9D;
}

#login a{
	color: #4F8B9D;
	text-decoration: none;
}	

#login a:hover{
	color: #4F8B9D;
	text-decoration: underline;
}

#login h2{
margin:0px;
padding-top:10px;
padding-right:0px;
color: #4F8B9D;
font-size:40px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#search{
	text-align: right;
	float: right;
	padding-right: 22px;
	padding-top: 10px;
	width: 460px;
	color: #4F8B9D;
	text-transform: uppercase;
}

#searchalt{
	text-align: right;
	float: right;
	padding-right: 22px;
	padding-top: 28px;
	width: 460px;
	color: #4F8B9D;
	text-transform: uppercase;
}

#searchform{
	margin-bottom: 0px;
	
}

#searchbox{
	color: #4F8B9D;
	background-color: #DCE9ED;
	padding-left: 5px;
}

#call{
	text-align: right;
	float: right;
	padding-right: 22px;
	padding-top: 10px;
	padding-bottom:17px;
	width: 460px;
	color: #4F8B9D;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

/* End Header CSS */

/* Start Navigation CSS */

#navigation{
	width: 816px;
	height: 20px;
	display:block;
	padding-bottom:10px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	float:left;
}

#nav{
	margin-left: 18px;
	width:780px;
	float:left;
	background-color: #4F8B9D;
	height:20px;	
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav ul{
	padding: 0;
	margin: 0;
}

#nav li{
	display: inline;
	color: #FFFFFF;
	list-style-type: none;
	padding-left: 10px;
}

#nav li a{
	color: #FFFFFF;
	text-decoration: none;
}

#nav li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* End Navigation CSS */

/* Start Banner Navigation */

#banner{
	float: left;
	width: 816px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	padding-left: 18px;
	padding-bottom: 20px;
	padding-top:10px;

}

#bannerback{
float:left;
width: 780px;
height: 151px;
	background-image: url(banner_background.jpg);
	background-repeat: no-repeat;
}

#bannerimage{
float:left;
padding-left: 6px;
padding-top:6px;
width:244px;
}

#bannerflash{
float:left;
padding-top:6px;
width:280px;
}

#bannerform{
float:right;
padding-top: 6px;
padding-right:6px;
padding-left:10px;
width:234px;
color: #4F8B9D;
}

#bannerform h2{
font-size:18px;
padding-top:4px;
padding-bottom:0px;
margin:0px;
color: #4F8B9D;
font-family: Georgia, "Times New Roman", Times, serif;
}

#bannerform h3{
padding-top:17px;
font-size:16px;
}


/* End Banner Navigation */

/* Start Content CSS */

#content{
	float: left;
	width: 816px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	padding-left: 18px;
	padding-bottom: 20px;
}

#back{
padding-left: 10px;
font-size:16px;
color: #4F7C80;
font-family: Georgia, "Times New Roman", Times, serif;
}	

#back a{
text-decoration: none;
color:#4F7C80;
}

#back a:hover{
text-decoration: underline;
color:#4F7C80;
}

#pagebar{
	float: left;
	width: 500px;
	color: #ffffff;
	background-color: #2A585D;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 5px;
}

#pagebar2{
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 445px;
	color: #4F7C80;
	height: 30px;
	font-size: 30px;
	padding-left: 10px;
	padding-top: 5px;
}

#feature{
	float: right;
	width: 224px;
	background-color: #DBE7E7;
	margin-right: 42px;
	padding: 10px;
	display: block;
}

#featuremid{
	background-color: #ffffff;
	width:204px;
	padding:10px;
	float:left;
}

#featuretitle{
	font-size: 18px;
	
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #333333;
		
}

#featurebox{
	margin-top:5px;
	margin-bottom:5px;
	background-image: url(featured_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float:left;
	
	width:204px;
	
}
#featureimg{
float:left;
padding:5px;
width:50px;
}

#featurecontent{
margin-left: 6px;
float:left;
}

#featurecontent h2{
font-family: Georgia, "Times New Roman", Times, serif;
color: #4F7C80;
font-size:16px;
margin:0px;
padding:0px;
}

#pagecontent{
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:auto;
	margin-right:20px;
	width:435px;
}

#pagecontent h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4F8B9D;
	font-size: 18px;
	font-weight: bold;
	padding:0px;
	margin:10px;
}

#pagecontent a{
	color: #4F8B9D;
	text-decoration:none;
}

#pagecontent a:hover{
	color: #4F8B9D;
	text-decoration:underline;
}

#register{
	float: left;
	width: 300px;
	height: auto;
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right:20px;
	border: 1px solid #C8C8C8;
	color: #666666;
	background-image: url(login_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#register h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #4F7C80;

	
}

#favadd{
	margin: 0px;
	padding: 10px;
	border: 1px solid #999999;

}

#favadd h3 {
	margin: 0px;
	padding-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #999999;
}

#favadd h4{
margin: 0px;
padding:0px;
color:#2A585D;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

/* End Content CSS */

/* Start Product CSS */

img.product {
	padding: 5px;
    border: 1px solid #2A575D;
    background: #ffffff;
}
    a:hover img.product {
        background: #2A575D;
    }

#productImage{
	float:left;
	width: 180px;
	padding-left: 10px;
}

#productTitle{
	width:300px;
	float:left;
	font-size:25px;
	font-weight:bold;
	color: #333;
}

#productDesc{
	width:300px;
	float:left;
	font-size:15px;
	color: #777;
	padding-top:5px;
	padding-bottom:5px;
}

#productDesc a{
	font-size:12px;
	text-decoration: none;
	color: #2A575D;
	padding-top:5px;
	padding-bottom:5px;
}

#productDesc a:hover{
	text-decoration: underline;
	color: #2A575D;
}

#productCreated {
	font-size:12px;
	text-decoration: none;
	color: #B4B4B4;
	padding-top:5px;
	padding-bottom:5px;
}

#productPrice {
	font-size:16px;
	text-decoration: none;
	color: #333;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: bold;
}

#productFull{
	width:500px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	float:left;
	color: #777;
}

#productFull h1{
margin:0px;
font-size: 20px;
color:#333;
}

#productFull ul{
margin:5px;
pading:0px;
}

#productFull li{
	color:#777;
	margin-left:20px;
	padding-top:1px;
}

#similar {
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:140px;
	float:left;

}

#similar p{
margin:0px;
padding-left: 5px;
padding-top:5px;
padding-bottom:5px;
}

#similar a{
text-decoration: none;
color:#2A575D;
font-size: 11px;
}

#similar a:hover{
text-decoration: underline;
color:#2A575D;
}

#similar h1{
margin:0px;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
font-size: 16px;
color:#2A575D;

}

.cats{
width: 230px;
border: 1px solid #666666;
padding:10px;
}

.cats a{
color:#666;
text-decoration:none;
}

.cats a:hover{
color:#666;
text-decoration:underline;
}

.cats h2{
	margin:0px;
	padding:0px;
	font-size: 24px;
	font-weight: bold;
	color: #4F8B9D;
}

.next a{
color:#666;
font-size: 14px;
padding:10px;
text-decoration: none;
}

.next a:hover{
color:#666;
text-decoration: underline;
}


/* End Product CSS */

/* Start Footer CSS */

#footer{
	float: left;
	width: 816px;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	height: 70px;
	padding-left: 8px;
}

#footerback{
	width:801px;
	background-color: #ffffff;
	height: 40px;
}

#footerbackalt{
	width:801px;
	background-color: #ebebeb;
	height: 40px;
}

#footercopy{
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 12px;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #ffffff;
	display: block;
	width: 770px;
}

#footercopy a{
	text-decoration: none;
	color: #333333;
}

#footercopy a:hover{
	text-decoration: underlinee;
	color: #4F8B9D;
}

/* End Footer CSS */

/* Start of Site Admin CSS */

#sahead{
	margin-top: 8px;
	margin-left: 8px;
	background-image: url(saheader.jpg);
	background-repeat: no-repeat;
	height:120px;
	width: 801px;
}

#saheadcopy{
	color: #fff;
	padding-top: 60px;
	padding-left: 240px;
	font-size: 20px;
}

#sanavigation{
	width: 816px;
	height: 35px;
	display:block;
	padding-bottom:0px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	float:left;
}


#sanav{
	margin-left: 8px;
	width:801px;
	float:left;
	background-color: #4F8B9D;
	height:35px;	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
}

#sanav ul{
	padding: 0;
	margin: 0;
}

#sanav li{
	display: inline;
	color: #FFFFFF;
	list-style-type: none;
	padding-left: 20px;

}

#sanav li a{
	color: #FFFFFF;
	text-decoration: none;
}

#sanav li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#sasubnav{
	margin-left: 8px;
	width:801px;
	float:left;
	background-color: #84B4C1;
	height:20px;	
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 14px;
}

#sasubnav ul{
	padding: 0;
	margin: 0;
}

#sasubnav li{
	display: inline;
	color: #FFFFFF;
	list-style-type: none;
	padding-left: 20px;

}

#salogin{
	float: left;
	width: 250px;
	height: auto;
	background-color: #ffffff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right:20px;
	border: 1px solid #C8C8C8;
	color: #666666;
	background-image: url(login_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#salogin h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #4F7C80;

	
}


#sacopy{
	float: left;
	width: 750px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

#sacopy a{
	text-decoration: none;
	color: #666666;
}

#sacopy a:hover{
	text-decoration: underline;
	color: #666666;
}

#sacopy h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 26px;
}

#satitle{
	float: left;
	width: 500px;
	font-size: 30px;
	color: #2A585D;
	height: 30px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#pagenav{
	float: left;
	width: 816px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	padding-left: 8px;
}

#pagenavback{
	width:801px;
	background-color: #ebebeb;
}

#saholder{
	float: left;
	width: 816px;
	background-image: url(background.jpg);
	background-repeat: repeat-y;
	padding-left: 8px;
}
#sacontentback{
	width:801px;
	background-color: #ebebeb;
	display: block;
	float: left;
}

#sacontent{
	background-color: #ffffff;
	float: left;
	width: 770px;
	display: block;
	padding-top:10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#satablehead{
	background-color: #999 ;
	color: #fff;
	font-size: 12px;
	padding: 5px 0px 5px 10px;
}

#satablehead a{
	color: #fff;
	text-decoration:none;
}
#satablehead a:hover{
	color: #fff;
	text-decoration:underline;
}
#satablehead h2{
	color: #fff;
	padding:0px;
	margin:0px;
	font-size:20px;
}

#satablemain{
	background-color: #ebebeb ;
	color: #666;
	font-size: 12px;
	padding: 5px 0px 5px 10px;
}

#satablemainalt{
	background-color: #ebebeb ;
	color: #666;
	font-size: 12px;
	padding: 5px 0px 5px 10px;
	border-bottom: solid 1px #999;
}

div.tabHead {
	margin:0; 
	border:0 solid #fff; 
	padding-top:10px; 
	padding-left:10px;
}

div.tabHead ul {
	margin:0; 
	padding:0; 
	border-bottom: 0 solid #fff;
}

div.tabHead ul li {
	margin: 0; 
	padding: 0; 
	border: 0; 
	display: inline;
}

div.tabHead ul li a:link, div.tabHead ul li a:visited {
	float:left; 
	margin: 0 3px 0 0; 
	font-size:0.9em; 
	text-decoration:none; 
	background-color: #999; 
	color: #fff; 
	border-color:#e7e7e7; 
	border-style:solid; 
	border-width:0; 
	padding: 3px 10px 2px 10px; 
	border-bottom:solid 2px #999; 
}

div.tabHead ul li a:hover, div.tabHead ul li a:active, div.tabHead ul li a:focus {
	background-color: #4F8B9D;
	color: #fff; 
	text-decoration:underline; 
	border-bottom:2px solid #447988;
}

div.tabHead ul li.active a:link, div.tabHead ul li.active a:visited {
	background:#fff; 
	color: #4F8B9D; 
	font-size:0.9em; 
	font-weight:bold; 
	border-bottom: 2px solid #fff; 
	float: left;
}

#sasurround{
	float: left;
	width: 740px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 0px;
	padding: 2px;
	border: 1px solid #ebebeb;
	display: block;
	height: auto;
}

#saviewholder{
	float: left;
	width: 720px;
	background-color: #ebebeb;
	display: block;
	height: auto;
	padding: 10px;
	
}

#saviewing{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	height: auto;
	float: left;
}

#saback{
	float: left;
	width: 500px;
	font-size: 16px;
	color: #2A585D;
	height: 30px;
	padding-left: 10px;
	padding-top: 5px;
}

#saback a{
	color: #2A585D;
	text-decoration: none;
}

#saback a:hover{
	color: #2A585D;
	text-decoration: underline;
}

#sadetailtitle{
	padding-top: 10px;
	padding-left: 20px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	float: left;
	width: 700px;
}

#sadetailtitleleft{
	padding-top: 10px;
	padding-left: 20px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	float: left;
	width: 350px;
}

#sadetailtitleright{
	padding-top: 10px;
	padding-left: 20px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	float: right;
	width: 350px;
}

#sadetail{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	width: 700px;
	float: left;
	
}

#sadetailleft{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	float: left;
	width: 350px;
}
#sadetailright{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	float: right;
	width: 350px;
}

#salink{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	width: 700px;
	display: block;
}

#saitem{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #474436;
	width: 700px;
	display: block;
	background-color: #F0F0F0;
}

#salink a{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #474436;
	text-decoration: none;
}

#salink a:hover{
	font-size: 16px;
	color: #474436;
	text-decoration: underline;
}

#tableHead{
background-color:#000000;
color:#FFFFFF;
padding:5px;
}

#tablemain{
	background-color:#E1E1E1;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#tablemain a{
	color:#4F8B9D;
	text-decoration:none;
}

#tablemain a:hover{
	color:#000000;
	text-decoration:underline;
}

/* End of Site Admin CSS */