/* CSS Document */
/* PlanetFish Design | www.planetfishdesign.com */
/* Author | Felicia Lo */

/* =Header
 ----------------------------------------------- */
 
 
/* =Structure
 ----------------------------------------------- */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
body {
	background-color: #00285E;
	margin: 0px;
	text-align: center;
}
#container {
	background: #003D7D;
	width: 780px;
	margin: 0px auto;
}
#logoheader {
	padding: 10px;
}
#navigation {
	padding: 5px 0 15px 0;
}
#maincontent {
	background: #507CAC;
	text-align: left;
	padding: 15px;
	font-size: 11px;
	line-height: 17px;
	color: #FFFFFF;
}
#contactInfo {	
	background-color:#FFFFFF;
	padding: 4px 0 1px 0;
}
#pageheader {
	background: #FFDE48;
	text-align: left;
	padding: 3px 15px 0 15px;
}
#pageheader h1 {
	margin: 0;
	padding: 0;
}
#adminInfo {
	font-size: 8px;
	padding: 10px;
}

/* =Nav
 ----------------------------------------------- */
#navbar {
 width: 748px;
 height: 30px;
 background: #003D7D url(../images/interface/navigation_main.gif);
 margin: 0 16px; padding: 0;
 position: relative;
}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navbar li, #navbar a {height: 30px; display: block;}
#tab1 {left: 0; width: 121px;}
#tab2 {left: 121px; width: 126px;}
#tab3 {left: 247px; width: 126px;}
#tab4 {left: 373px; width: 126px;}
#tab5 {left: 499px; width: 126px;}
#tab6 {left: 625px; width: 123px;}

#tab1 a:hover {background: transparent url(../images/interface/navigation_main.gif) 0 -30px no-repeat;}
#tab2 a:hover {background: transparent url(../images/interface/navigation_main.gif) -121px -30px no-repeat;}
#tab3 a:hover {background: transparent url(../images/interface/navigation_main.gif) -247px -30px no-repeat;}
#tab4 a:hover {background: transparent url(../images/interface/navigation_main.gif) -373px -30px no-repeat;}
#tab5 a:hover {background: transparent url(../images/interface/navigation_main.gif) -499px -30px no-repeat;}
#tab6 a:hover {background: transparent url(../images/interface/navigation_main.gif) -625px -30px no-repeat;}

#footernav {
 width: 780px;
 height: 20px;
 background: #003D7D url(../images/interface/navigation_footer.gif);
 margin: 0; padding: 0;
 position: relative;
}
#footernav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#footernav li, #footernav a {height: 20px; display: block;}
#ftab1 {left: 0; width: 144px;}
#ftab2 {left: 144px; width: 154px;}
#ftab3 {left: 298px; width: 154px;}
#ftab4 {left: 452px; width: 154px;}
#ftab5 {left: 606px; width: 174px;}

#ftab1 a:hover {background: transparent url(../images/interface/navigation_footer.gif) 0 -20px no-repeat;}
#ftab2 a:hover {background: transparent url(../images/interface/navigation_footer.gif) -144px -20px no-repeat;}
#ftab3 a:hover {background: transparent url(../images/interface/navigation_footer.gif) -298px -20px no-repeat;}
#ftab4 a:hover {background: transparent url(../images/interface/navigation_footer.gif) -452px -20px no-repeat;}
#ftab5 a:hover {background: transparent url(../images/interface/navigation_footer.gif) -606px -20px no-repeat;}

/* =Sidebar
 ----------------------------------------------- */
#sidebar {
	background: url(../images/interface/sidebar_r3_c1.gif) repeat-y;
	color: #003D7D;
	font-size: 10px;
	line-height: 16px;
	width: 222px;
	float: right;
	margin: 10px 0 0 10px;
}
#sidebar a:link, #sidebar a:visited {
	color: #003D7D;
}
#sidebar a:hover, #sidebar a:active {
	color: #CC6600;
	font-weight: bold;
}
#sidebar_header {
	height: 34px;
}
#sidebar_content {
	background: url(../images/interface/sidebar_r4_c1.gif) no-repeat bottom;
	padding-bottom: 30px;
}

/* =Search
 ----------------------------------------------- */


/* =Headings
 ----------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 18px;
	color: #00285E;
}
h2 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 0;
}
h3 {
	color: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 0;
	font: italic normal 14px Georgia, "Times New Roman", Times, serif;
}


/* =Lists
 ----------------------------------------------- */
ul {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	list-style-type: none;
}
li {
	margin: 0 0 0 15px;
	padding: 0 0 1px 5px;
}

#sidebar_content ul {
	margin: 5px 0 0 12px;
	padding: 5px 0 0 12px;
	list-style-type: square;
}
#sidebar_content li {
	margin: 0 0 0 5px;
	padding: 0 0 1px 5px;
}

/* =Forms
 ----------------------------------------------- */
input.fieldLength, select.fieldLength, textarea.fieldLength {
	width: 250px;
}
input.fieldLengthSmall, select.fieldLengthSmall, textarea.fieldLengthSmall {
	width: 170px;
}

/* =Links
 ----------------------------------------------- */

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFD30C;
}
a:active {
	color: #FFD30C;
}

/* =Tables
 ----------------------------------------------- */

tr.Employment td {
	background: #FFDE48;
	padding: 3px;
}
.Employment h2 {
	color: #00285E;
	margin: 0;
	padding: 0;
}
table.linedTable {
	margin: 0 0 20px 0;
}
.linedTable td, .linedTable th {
	margin: 0px;
	padding: 4px;
	text-align: left;
	border-bottom: 1px dotted #03529D;
	vertical-align: top;
}
.linedTable th {
	background: #00285E;
	border-bottom: 2px solid #FFDE48;
}
tr.darkBlue td {
	background: #296EAC;
}

/* =Images
 ----------------------------------------------- */
.imageFormat { 
 	float: left;
	padding: 15px 10px 5px 0;
}
.imageFormatR { 
 	float: right;
	padding: 0 50px 15px;
}
.alpha-shadow {
	clear: both;
	float: left;
	background: url(../images/dropshadow/shadow.gif) no-repeat bottom right;
	}

.alpha-shadow div {
  background: url(../images/dropshadow/shadow2.png) no-repeat left top !important;
  background: url(../images/dropshadow/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #425A7B;
  padding: 4px;
  margin: 0;
  } 

/* =IFR
 ----------------------------------------------- */
/* Hides content that will eventually be 
 * replaced to avoid blink/flicker */
html.hasFlash #pageheader h1	{ visibility: hidden; }

/* Need to make sure that the new content takes up
 * the same amount of space as the old or there will
 * be a perceptable shift of all content
 */

/* =Misc
 ----------------------------------------------- */
.clear {
	clear: both;
	height: 0;
}
.Answer {
	color: #FFD30C;
}
.FAQ {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #003D7D;
}


/* =product system
 ----------------------------------------------- */
#productThumbnail
{
	position:absolute;
}

#productDetails
{
position: relative;
left:140px;
width: 500px;
}

#listing
{
	height:120px;
	clear: bottom;
	padding: 10px;
	margin-bottom: 50px;
}


#productName
{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	width:490px;
}

#productPrice
{

	font-size: 12px;
	color: #ff6666;
	font-weight: bold;

}

#productAddToCart
{

	font-size: 10px;
	color: yellow;
	text-decoration: bold;

}

#productAddToCart a
{

	font-size: 10px;
	color: yellow;
	text-decoration: bold;

}

#productAddToCart a.link
{
	font-size: 14px;
	color: white;

}

#productSummary
{
	font-size: 10px;
}
.imageFormat {
 	float: left;
	padding: 15px 10px 5px 0;
}
.imageFormatR {
 	float: right;
	padding: 0 50px 15px;
}
.alpha-shadow {
	clear: both;
	float: left;
	background: url(../images/dropshadow/shadow.gif) no-repeat bottom right;
	}

.alpha-shadow div {
  background: url(../images/dropshadow/shadow2.png) no-repeat left top !important;
  background: url(../images/dropshadow/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 6px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #425A7B;
  padding: 4px;
  margin: 0;
  }
 
#product_links{
	color: #003D7D;
	font-size: 10px;
	line-height: 16px;
	width: 600px;
	margin: 0 0 10px 10px;
}
#categoryListing{
	color: #003D7D;
	font-size: 10px;
	line-height: 16px;
	width: 600px;
	margin-left:10px;
}
#product_links a{
	text-decoration:underline;
	color: #003D7D;
}
#product_links a:hover{
	text-decoration:none;
}


#readMore{
	color: #003D7D;
	font-size: 10px;
	line-height: 16px;
}


#paginator_links{
	color: yellow;
	font-size: 14px;
	line-height: 16px;
font-weight: bold;
width: 400px;
	margin: 0px 0 0 10px;
}

#paginator_links a{
	text-decoration:underline;
	font-weight: bold;
	color: yellow;
}
#paginator_links a:hover{
	text-decoration:none;
}

/* =survey system
 ----------------------------------------------- */
#surveyTitle{
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	width: 600px;
	margin: 0 0 20px 10px;
}
#surveyQuestion{
/*	color: #003D7D;*/
	font-size: 10px;
	line-height: 16px;
	width: 600px;
	margin: 0 0 10px 30px;
}
#surveySubmit{
	width: 600px;
	margin: 25px 0 10px 15px;
}