/******Sections******/

body{
  
	background:#1a5a95 url(images/bggrad.jpg) repeat-x;
	font-family: Verdana, trebuchet MS, helvetica, sans-serif;
	color:#333;
	font-size:71%;
	margin:0px 0;
}

ul{text-align:left;}
a img{border:none;}

a {color:#11497c;text-decoration:none;}

/*a:active, a:visted {color: #0099CC; text-decoration:underline;}*/

a:hover{background-color: #0099CC;
		color: #fff;
		text-decoration: none;}

#sidebar a:hover img{background-color: #fff;}

#wrapper
{
  width:765px;
  margin:0 auto;
  
}

#topnav{
 height:17px;
 width:100%;
 margin-top:3px;
 color:#3a70a2;
 font-size:11px;
 text-align:center;}

#topnav a
{
  color:#1a5a95;
  text-decoration:none;
  }


#topnav a:hover
{color:#3a70a2;}

.datetime{
	text-align:center;
}

span#topl{float:left;color:#1a5a95;}
span#topr{float:right;}

span#topr a{
 color:#a6cde6;  
 padding-left:19px;}
 
span#topr a:hover{
 color:#05bfed;}
 
.login{background:url(images/lock.gif) no-repeat 6px center;}

a:hover.login{background:url(images/unlock.gif) no-repeat 6px center;}

.signup{background:url(images/user.gif) no-repeat 3px center;}

a:hover.signup{background:url(images/userh.gif) no-repeat 3px center;}


#header
{
  width:100%;
  position:relative;
  height:92px;
}

/*- Menu Tabs --------------------------- */

    #tabsK {
      position:absolute;
      top:60px;
      left:260px;
      font-size:93%;
      line-height:normal;
      }
    #tabsK ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin-right:1px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#a6cde6;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    #tabsK a.selected span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
	  background-position:100% -35px;
	  color:#fff;
      }
    #tabsK a:hover {
      background-position:0% -35px;
      }
    #tabsK a:hover span {
      background-position:100% -35px;
	  }
	  
	#tabsK a.selected span, #tabsK a:hover.selected span{
	  background-position:100% -72px;
	  color:#00325e;
	  font-weight:600;
      }
    #tabsK a.selected, #tabsK a:hover.selected {
      background-position:0% -72px;
      }
    #tabsK a.selected span, #tabsK a:hover.selected span {
      background-position:100% -72px;
	  }
	  
#navprsnl {
	font: 10px  arial, sans-serif;
	color: Black;
}

a.navprsnl {
	font-family:Arial, san-serif; font-size: 12px; font-weight:bold; color:#3a70a2; text-decoration:none;
}	   

a.navprsnl:hover {
	background-color: #0099CC;
		color: #fff;
		text-decoration: none;
	
}

#container{
  width:765px;
  background:#fff url(images/header.jpg) no-repeat center top;
  padding-top:10px;
 }
 
   #sidebar 
 {
	width:208px;
	padding:0;
	margin-left:10px;
	float:left;
	display:inline;  /*Thank you ie for frustrating me in new ways*/
	
}

#nav{
	
width:90%;
text-align:center;	
font-weight:bold;
}


#sidebar table tr td{border-bottom:1px solid #dcdbcc;padding:1px;}

/*Sidebar content boxes*/

.redbx h1, .yellowbx h1, .yellowbxlong h1, .bluebx h1, .orangebx h1, .aquabx h1, .greenbx h1, .tealbx h1, .blue2bx h1, .tealbxwide h1{
	font-family:book antiqua;
	font-size:15px;
	padding:2px 0 5px 0; 
	text-align:center;
	margin:0 auto;
}

.redbx h2, .yellowbx h2, .yellowbxlong h2, .bluebx h2, .orangebx h2, .aquabx h2, .greenbx h2, .tealbx h2, .blue2bx h2, .teal2bxwide h2{
	font-family:book antiqua;
	font-size:15px;
	padding:2px 0 5px 0; 
	text-align:center;
	margin:0 auto;
	color:#811815;
}

.redbx h2{
	color:#811815;
}

.yellowbx h2, .yellowbxlong h2{
	color:#f7b809;
}

.aqaubx h2{
	color:#0e91bf;
}




.redbx h1{background:url(images/redboxhd.jpg) no-repeat center top;color:#cb9f9f;}
.yellowbx h1 {background:url(images/yellowhead.jpg) no-repeat center top;color:#fff;}
.yellowbxlong h1 {background:url(images/yellowheadlong.jpg) no-repeat center top;color:#fff;}
.bluebx h1 {background:url(images/bluehd.jpg) no-repeat center top;color:#a6cde6;}
.orangebx h1{background:url(images/oranhead.jpg) no-repeat center top;color:#fff;}
.aquabx h1 {background:url(images/aquahead.jpg) no-repeat center top;color:#a6cde6;}
.greenbx h1 {background:url(images/greenhead.jpg) no-repeat center top;color:#a6cde6;}
.tealbx h1 {background:url(images/tealhead.jpg) no-repeat center top;color:#a6cde6;}
.tealbxwide h1 {background:url(images/tealheadwide.jpg) no-repeat center top;color:#a6cde6;}
.blue2bx h1 {background:url(images/blue2head.jpg) no-repeat center top;color:#a6cde6;}

.redbx{
	width:208px;
	margin:0 auto 10px auto;
	position: relative;
	z-index:11;
}

.yellowbx, .bluebx, .orangebx, .aquabx, .greenbx, .tealbx, .blue2bx{
	width:208px;
	margin:0 auto 10px auto;
}
.tealbxwide{
	width:440px;
	margin:0 auto 10px auto;
}
.yellowbxlong{
	width:280px;
	margin:0 auto 10px auto;
	
}
.redbx {background:url(images/redbg.jpg) repeat-y;}
.yellowbx{background:url(images/yellowbg.jpg) repeat-y;}
.yellowbxlong{background:url(images/yellowbglong.jpg) repeat-y;}
.bluebx{background:url(images/bluebg.jpg) repeat-y;}
.orangebx{background:url(images/oranbg.jpg) repeat-y;}
.aquabx{background:url(images/aquabg.jpg) repeat-y;}
.greenbx{background:url(images/greenbg.jpg) repeat-y;}
.tealbx{background:url(images/tealbg.jpg) repeat-y;}
.blue2bx{background:url(images/blue2bg.jpg) repeat-y;}
.tealbxwide{background:url(images/tealbgwide.jpg) repeat-y;}

.redbt, .yellowbt, .bluebt, .orangebt, .aquabt, .greenbt, .tealbt, .blue2bt, .yellowbtlong, .tealbtwide
{
	height:11px;
	margin:0px auto;
	
}

.redbt{background:url(images/redft.jpg) no-repeat center bottom;}
.yellowbt{background:url(images/yellowft.jpg) no-repeat center bottom;}
.yellowbtlong{background:url(images/yellowftlong.jpg) no-repeat center bottom;}
.bluebt{background:url(images/blueft.jpg) no-repeat center bottom;}
.orangebt{background:url(images/oranft.jpg) no-repeat center bottom;}
.aquabt{background:url(images/aquaft.jpg) no-repeat center bottom;}
.greenbt{background:url(images/greenft.jpg) no-repeat center bottom;}
.tealbt{background:url(images/tealft.jpg) no-repeat center bottom;}
.blue2bt{background:url(images/blue2ft.jpg) no-repeat center bottom;}
.tealbtwide{background:url(images/tealftwide.jpg) no-repeat center bottom;}

.sidebox
{width:194px;
margin:1px 7px;}

.sideboxlong
{width:276px;
margin:1px 7px;}

.sidebox select{margin-bottom:2px;border:1px solid #00325e;}
.sidebox input{margin-bottom:2px;border:1px solid #00325e;}


/*Main website content*/

#content{
	margin:0 5px 0 0;
	width:527px;
	float:right;
	display:inline;

}

#content h1{
 text-align:center; 
 font-family:book antiqua;
  font-size:14px;
  background:url(images/contenthead.jpg) no-repeat center top;
  color:#a6cde6;
  padding-bottom:5px; 
  margin:0;}
  
#content p {padding:10px 10px;margin:0;}
  
.box{margin-bottom:10px;clear:both;background:#f7f6ec;line-height:1.5em;word-spacing:.02em;}


.box4{width:527px;margin:0 auto;background:#f7f6ec;position:relative;}
.box5{width:527px;margin:0 auto;background:#ffffff;}

.box4 h1{
 text-align:center; 
 font-family:book antiqua;
  font-size:14px;
  background:url(images/contenthead.jpg) no-repeat center top;
  color:#a6cde6;
  padding-bottom:5px; 
  margin:0;}

.box5 h1{
 text-align:center; 
 font-family:book antiqua;
  font-size:14px;
  background:url(images/contenthead.jpg) no-repeat center top;
  color:#a6cde6;
  padding-bottom:5px; 
  margin:0;}


/*Section images and container details*/

.box2{color:#a6cde6; width:527px;margin-bottom:10px;height:108px;background:url(images/optionsbg.jpg) no-repeat center center;}
.box2 table{ width:100%;height:108px;text-align:center;margin:0;}
td.options{width:93px;}
td.options3col{width:124px;}

.box2 table tr td a img{border:1px solid #a6cde6;padding:3px;}
.box2 table tr td a:hover img{border:1px solid #fff;padding:3px;background:transparent;}
.box2 a:hover{background:transparent;}


.box2 form{margin:0; padding:0;}
.box2 img{border:0px; margin:0; padding:0;}

.box2 input.txtbox
{width:100px;border:1px solid #3a74ab;background:#fff;font-size:11px; padding:1px;}

.box2 h4{margin:0 0 3px 0;font-size:12px;}

.box3{width:700px;margin:0 auto 10px auto;background:#c5deef;padding:2px 5px;}
.box3 h2{width:100%;padding:2px 0 3px 0;background:#00325e;font-size:14px;font-family:book antiqua;color:#fff;text-align:center;margin:0;}

img.btnrgt{float:right; border:none;margin-right:20px;}
.btnleft{float:left;margin-left:20px;}

/*Pretty data table */

.column{background:#00325e;color:#a6cde6;text-align:center;}
.row1{background:#f7f6ec;text-align:left;padding:3px;}
.row2 {background:#c5deef;text-align:left;padding:3px;}

tr.arow1 td{background:#f7f6ec;padding:3px;}
tr.arow2 td{background:#c5deef;padding:3px;}
.row1:hover, .row2:hover, tr.arow1:hover td, tr.arow2:hover td{background:#a6cde6;}
/*pretty buttons */


.row1left{background:#f7f6ec;text-align:left;padding:3px;}
.row2left {background:#c5deef;text-align:left;padding:3px;}

tr.arow1left td{background:#f7f6ec;padding:3px;}
tr.arow2left td{background:#c5deef;padding:3px;}
.row1left:hover, .row2left:hover, tr.arow1:hover td, tr.arow2:hover td{background:#a6cde6;}


.filebuttons{border:1px solid #A7A6AA;}

.buttons{background:#f9a021 url(images/btnimg.jpg) repeat-x;border:1px solid #b95d01; color:#ffeed4;}
input.buttons:focus, input.buttons:hover{background:#fea425 url(images/btnimgh.jpg) repeat-x;}
input:hover, input:focus {background:#CCE6FF;}

.smallbuttons{
color: #07c;
padding: 2px;
width:auto;
overflow:visible;
}


/*Footer details*/

#footer
{
background:#10487a;
clear:both;
width:765px;
border-bottom:6px solid #00325e;
border-top:2px solid #00325e;
text-align:center;
padding:5px 0 5px 0;
color:#3a70a2;
font-size:11px;
  }
  
#footer p{margin:8px 0;}
  
#footer a
{
 color:#a6cde6;
 text-decoration:none;  	
}

#footer a:hover{
color:#05bfed;	
}


/******Ajax******/

#mainContainer{
 }

#contentContainer{
	float:left;
	
	/* CSS HACK */
	width: 530px;	/* IE 5.x */
	width/* */:/**/513px;	/* Other browsers */
	width: /**/513px;
	
	/* CSS HACK */
	height: 232px;	/* IE 5.x */
	height/* */:/**/220px;	/* Other browsers */
	height: /**/210px;
			
}


#contentContainer .openingText{
	color:red;
}


.clear{
	clear:both;
}

#articleList
            {
padding-left:50px;
margin:0;
}

#articleList li
{
	display:inline; /* Defining inline can remove list bullets. */
}
            

.newboxhead{background:url(images/newboxhead.gif) no-repeat center;margin:0;padding:0;width:527px;}
.newbox {width:527px;margin:0px;padding:10px;background:url(images/newboxback.gif) repeat-y;color:#fff;}
.newboxbt{background:url(images/newboxbottom.gif) no-repeat center bottom;width:527px;}


 #contentContainer h6{
  font-size:17px;
  color:#fff;
  padding-left:5px; 
  margin:0;
  font-family:book antiqua;
}
  
#contentContainer a
{
 color:#a6cde6;
 text-decoration:none;  	
}

#contentContainer a:hover{
color:#05bfed;	
}


div.page_name_auto_complete ul
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;

	
}

div.page_name_auto_complete ul li
{
	color: #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 0px 0;
	text-align: left;
	height:15px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	width: 100%;
}

div.page_name_auto_complete ul li:hover
{
	background-color: #1a5a95;
	/*	background-color: #1B5CCD;*/
	color:#ffffff;
}


/*
div.page_name_auto_complete ul li span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.page_name_auto_complete ul li span
{
	font-weight: normal;
	color: #999;
}

div.page_name_auto_complete ul li span
{
	color: #ccc;
}

div.page_name_auto_complete ul li
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(images/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.page_name_auto_complete ul li span
{
	background-image: url(images/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.page_name_auto_complete ul li tl,
div.page_name_auto_complete ul li tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.page_name_auto_complete ul li tr
{
	right: 0;
}

div.page_name_auto_complete ul li tl
{
	left: 0;
	background-image: url(images/hl_corner_tl.gif);
	background-position: bottom left;
}

div.page_name_auto_complete ul li tr
{
	right: 0;
	background-image: url(images/hl_corner_tr.gif);
	background-position: bottom right;
}



div.page_name_auto_complete ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}


*/

.dropcontent{
display:block;
font-size:8pt;
position:relative;
}

.productname{
font-size:17px;

font-family:book antiqua;
}

#dhtmlgoodies_slideshow{
		width:420px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		position:relative;
		
		/* CSS HACK */
		height: 332px;	/* IE 5.x */
		height/* */:/**/310px;	/* Other browsers */
		height: /**/310px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
.error{
	color:#ff0000;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {

}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {

}

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 533px;	/* IE 5.x */
		width/* */:/**/527px;	/* Other browsers */
		width: /**/527px;
		
		/* CSS HACK */
		height: 204px;	/* IE 5.x */
		height/* */:/**/198px;	/* Other browsers */
		height: /**/198px;
		
		background-color:#fff;
		border:0px;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:527px;
		height:198px;
		background-color:#fff;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}
	

	.suggestionsBox {
		margin: 0px 0px 0px 5px;
		position:absolute;
		z-index:10;
		top:100px;
		left:0px;
		width: 198px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;


	}
	.suggestionsBoxCenter {
		margin: 0px 0px 0px 5px;
		position:absolute;
		z-index:10;
		top:100px;
		left:155px;
		width: 198px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;

	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;

	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		list-style:none;
		text-align:left;

	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}