/* CSS Document */

/* Color Scheme
   Red:       #CC0000
   Blue:      #0A469E 
   Yellow:    #CBCC00
   Lt Yellow: #FFFFCC
   Lt Blue:   #E8F3FB
   Lt Blue Bd #D0E3F1
   Lt Gray:   #f9f9f9
*/
   
body { 
	background: #FFFFFF url(images/topbkgSliceP.jpg) top repeat-x;
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

div.clearfloats { clear:both; }

* html{ margin:0; padding:0;}

#frame { width:770px; margin:auto; padding:0px; text-align:left;}

/* /// HEADER STYLES /// */
#header {
	height:92px;
	margin:0px;
	/*border:1px solid black;*/}

#headerImg {
	float:left;
	width:100%;
	height:92px;
	margin-top:-3px;
	z-index:1;
	background: url(images/headImgP2.jpg) top left no-repeat;
	/*border:1px solid black;*/}
#homelink {
	float:left;
	width:420px;
	height:64px;
	cursor:pointer; cursor:hand;
	/*border:1px solid red;*/}
	
#userUtility {
	width:230px;
	height:85px;
	float:right;
	padding-top:5px;
	z-index:2;
	/*border:1px solid blue;*/}

#user {
	width:160px;
	float:right;
	/*  background: url(images/userBkgP.jpg) right top no-repeat;
	border-left:1px solid #D0E3F1; */
	padding: 4px 8px;
	font-size:10px;
	color:#CC0000;
	text-align:right;
	line-height:14px;
	}
	
.user a:link { color: #CC0000; text-decoration: none;  }
.user a:visited { color: #CC0000; text-decoration: none; }
.user a:hover { color:#0A469E; text-decoration: none; }
			
#search {
	height:23px;
	float:right;
	padding-top:12px;
	text-align:right;
	vertical-align:bottom;}

.searchbox {
	height:18px;
	width:150px;
	border:none;
	font-size:12px;
	color:#CC0000;
	text-align:left;
	background-image: url(images/searchboxBkgP.gif);
	text-indent:5px; }

.searchBtn { 
	height:18px;
	width:60px;
	background-color:#CC0000;
	border:1px solid #FFFFFF;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:5px;
	cursor:hand; }

#mainmenu {
	float:left;
	/*width:100%;
	width:450px;*/
	height:20px;
	margin-top:6px;
	padding-left:80px;
	font-size:12px;
	color:#ffffff;
	/*border:1px solid yellow;*/}
.mainmenu a:link { color: #ffffff; text-decoration: none; }
.mainmenu a:visited { color: #ffffff; text-decoration: none;}
.mainmenu a:hover { color:#CCCCCC; text-decoration: none;}

/* /// MENU STYLES /// */

#menu {
	width: 140px;
	padding:0 5px;
	text-align:center;}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 140px;
	text-align:left; }
	
#nav li { /* all list items */
	position: relative;
	float: left;
	font-size:10px;
	margin-bottom: -1px;
	width: 100%; }
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 139px;
	margin-top : -22px; }
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em; }
	
#nav li a {
	display : block;
	color : #CC0000;
	text-decoration : none;
	background-color : #F6F6F6;
	border : 1px solid #D0E3F1; 
	padding: 4px 2px; }
	
#nav li a:hover {
	color : #0A469E;
	background-color : #FFF; }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; }
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; }
	
/* /// CONTENT STYLES /// */

#info{
	float:left;
	position:relative;
	width:100%;
	min-height:500px;
	background: url(images/ltMenuBkg.jpg) left repeat-y;
	border-bottom:1px solid #D0E3F1; }

#info2{
	float:right;
	position:relative;
	width:100%;
	min-height:500px;
	background: url(images/rtMenuBkg.jpg) right repeat-y; }
	
#sidemenu {
	float:left;
	width:150px;
	font-size:10px;
	color:#0A469E;
	text-align:center;
	margin:10px 0; }

#sidemenu ul {
	text-align:left; }
	
#content {
	float:left;
	width:436px;
	padding:0px;
	margin:10px;
	background:#fff;
	/*border:1px solid green;*/}
	  
#contentfull {
	float:left;
	width:600px;
	min-height:500px;
	margin:10px;
	background:#fff;
	/*border:1px solid red;*/}
	
#addedContent {
	float:right;
	width:150px;
	margin:10px 0;
	padding-right:5px;
 	font-size:12px;
	color:#000000;
	/*border:1px solid red;*/ }
	
#secure {
	padding:5px;
	margin:10px 5px 10px 5px;
	background: #f9f9f9;
	text-align:center;
	font-size:10px;
	color:#0A469E;
	border:1px solid #D0E3F1; }
	
#privacy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }
ol li{ list-style-type:disc;}

#aboutPics { float:left; margin:0 5px 5px 0; width: 150px; text-align:center;}
#frontPic { float:right; margin:0 5px 5px 0; width: 260px; text-align:center;}

#breadcrumbs {
	border-bottom:1px dashed #0A469E;
	text-indent:1em;
	font-size:10px;
	color:#0A469E;}

#viewer {
	width:100%;
	/*border-top:1px dashed blue;*/
	padding:20px 0;}
#viewerItem { width:48%; float:left;}

.emptyCart {
	font-size:16px;
	color:#CC0000;
	height:100px;
	text-align:center;
	padding-top:25px; }
			 
/* /// FOOTER STYLES /// */

#footer { 
	float:left;
	width:100%;
	height:35px;
	background:#FFFFFF;
	text-align:center;
	padding:10px 20px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:10px;
	color:#0A469E;}


/* /// TEXT STYLES /// */

.breadcrumbs { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0A469E;}
.breadcrumbs a:link { color: #CC0000; text-decoration: none;  }
.breadcrumbs a:visited { color: #CC0000; text-decoration: none; }
.breadcrumbs a:hover { color:#0A469E; text-decoration: none; }
			 
.backBtn { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0A469E; }
.backBtn a:link { color: #CC0000; text-decoration: none;  }
.backBtn a:visited { color: #CC0000; text-decoration: none; }
.backBtn a:hover { color:#0A469E; text-decoration: none; }
 
.contact { font-family:Verdana, Arial, Helvetica, sans-serif;
		   font-size:14px; color:#0A469E; }

.frontpgItemsImg { float:right; }
.frontpgItems {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
			   color:#000000; width:75%; }
.frontpgItems a:link { text-decoration: none; color: #0000FF;}
.frontpgItems a:visited { text-decoration: none; color: #0000FF;}
.frontpgItems a:hover { text-decoration: none; color: #666666;}

.main { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.main a:link { text-decoration: none; color: #0A469E;}
.main a:visited { text-decoration: none; color: #0A469E;}
.main a:hover { text-decoration: none; color: #666666;}

.details { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000;}
.details a:link { text-decoration: none; color: #CC0000;}
.details a:visited { text-decoration: none; color: #CC0000;}
.details a:hover { text-decoration: none; color: #666666;}

.mainsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
.mainsmall a:link { text-decoration: none; color: #0A469E;}
.mainsmall a:visited { text-decoration: none; color: #0A469E;}
.mainsmall a:hover { text-decoration: none; color: #666666;}

.blackheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000;}
.blackmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.blackbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.blacksmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

.whitesmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.whitemedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}

.warmheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#CC0000;}
.warmmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#CC0000;}
.warmbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CC0000;}
.warmsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000;}

.coolheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#0000FF;}
.coolmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF;}
.coolbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0000FF;}
.coolsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0000FF;}

.redbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#CC0000;}
.redsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000;}

.custable {border:1px dashed #0A469E; }

#warmhr {border-bottom:1px dashed #CC0000;}
#coolhr {border-bottom:1px dashed #0A469E;}
#graydashhr {border-bottom:1px dashed #999999; width:65%;}
#grayhr {border-bottom:1px solid #999999;}
#grayhrtop {border-top:1px solid #999999;}
.grayColor {background: #f3f3f3;}
.ltcoolColor {background: #E8F3FB;}
.coolColor {background: #0A469E;}
.warmColor {background: #CC0000;}

.checkout {background: url(images/ckoutbkgP.jpg) top right no-repeat; padding: 2px 4px;
		   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.checkout a:link { text-decoration: none; color: #0A469E;}
.checkout a:visited { text-decoration: none; color: #0A469E;}
.checkout a:hover { text-decoration: none; color: #666666;}

