/*general*/
.lcol{ 	background-color: #FFFFFF;}
.rcol{	background-color: #F6F6F6;}
form{	display: inline;}

.pcount{background-color: #E6F0FA; color: #000000; padding: 2px 0px 2px 0px;}
.pcount a{	text-decoration: none; color: #000000; }
.pcount .pcon{	text-decoration: underline; color: #F8F8FF;  background-color: #00478A;  padding-left: 2px;  padding-right: 2px;   }
.login_left,login_right{
	float: left;
}
.login_left{
	width: 100px;
}
/*nav*/
.title {font-size: 12px; padding:2px 2px 2px 6px; font-weight: bold;}
a.title {background: #FFDEAD;}
a.title:hover {		background: #8A5300;}
.small {  	font-size: 8pt;	color: #000000;	line-height: 16px;	padding-right: 4px;	padding-left: 4px;   text-align: left;	}
.small a {	display: block;	text-decoration: none;	color: #000000;}
.small a:hover {	color: #000000;	background-color: #FFF7DF;}
/*UL nav*/
.bnavi {WIDTH: 200px; 	font-size: 8pt;  text-align: left; }
.bnavi UL { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
.bnavi LI { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  display: inline;  }
.bnavi A { padding: 3px 0px 3px 0px; TEXT-DECORATION: none;  COLOR: #000000; display: block;}
.bnavi A:hover {	COLOR: Blue; BACKGROUND-COLOR: #FFF5EE;}
.bnavi .none { padding: 3px 0px 3px 0px; TEXT-DECORATION: none;  COLOR: #000000; display: block;}

/* blog display */
.blog_item{ }
.blog_date { font-weight: bold; padding: 4px 2px 4px 2px;  font-size: 11pt;  }
.headlines { font-weight: bold; padding-bottom: 6px;margin-left: 5px; margin-right: 5px;font-size: 10px;}
.description { }
.description a{text-decoration: underline;}
.description a:hover{text-decoration: underline;  }

.post {
	text-align:justify
}
.postmetadatatop {
	color:#555;
	font-family: "Trebuchet MS", verdana; 
/* 	font-size:.99em; */
	padding:2px 0 7px 0
}
.postmetadatatop a:link, .postmetadatatop a:visited, .postmetadatatop a:active {
	color:#3F77B2;
	text-decoration:none
}
.postmetadatatop a:hover {
	text-decoration:underline
}
.postmetadatabottom {
	color:#555;
	font-size:.85em;
	padding:2px 0 20px 0;
	border-top:1px solid #ddd
}
.postmetadatabottom a:link, .postmetadatabottom a:visited, .postmetadatabottom a:active {
	color:#3F77B2;
	text-decoration:none
}
.postmetadatabottom a:hover {
	text-decoration:underline
}

/* End */
.nextNav {

	text-decoration:none
}
/* End Various Tags & Classes*/

.byline img{
	vertical-align: top;
}
/*---
.blog_post { font-size: 8pt; color: #848284; }
.blog_post a{ color: #7375FF; }
.blog_post a:hover{	color: #0204FF; }
.blog_link {	font-size: 8pt;	color: #7375FF;}
.blog_link a{	color:#7375FF;	text-decoration: underline;}
.blog_link a:hover{	color:#7375FF;	text-decoration: underline;  background-color: #E6E6FA; }
*/
/*blog reply*/
#reply { border: 1px dashed; }
.reply_post { padding: 0px 4px 6px 0px;}
.form_post{font-size: 10px; padding: 0px 0px 0px 0px;}
.form_button_approve{  background-color: #B9EEB9;  }
.form_button_erase{  background-color: Maroon;  }
.sndreply{ font-family: Verdana; color: #000000; }


#navigation {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 180px; PADDING-TOP: 0px;
}
#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#navigation LI {
	MARGIN: 0px
}
#navigation UL LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; COLOR: #F5F5F5; PADDING-TOP: 3px; BORDER-BOTTOM: #e8f7ff 1px solid; HEIGHT: 16px; TEXT-DECORATION: none
}
#navigation UL LI A:hover {
	COLOR: #004180; BACKGROUND-COLOR: #f9fdff
}
.navbox {
	FONT-SIZE: 100%; MARGIN-BOTTOM: 10px;
	background-color: #6495ED;
}
.navbody {
	PADDING-BOTTOM: 15px; MARGIN: 0px;
}
.error,.errormsg{ color: #A52A2A;   font-size: 13px;  font-style: italic;    }
/*Admin section*/
#mouseover{padding: 2px 6px 2px 6px; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB;}
#mouseover a {display: inline; /*Use this to lay them out horizontally */
text-decoration: none;color: #000000;padding: 2px 4px 2px 4px;}
/* #mouseover a:hover {color: #000000;background: #eeeeee;} */
#mouseover a.on {background-color: #EDE3B6;  color: Black; }
#mouseover a.on:hover {color: #000000; background-color: #ffffff;}
a.blist{ text-decoration: none;	color: #000000;}

.RowOver { background-color: #cccccc; }
.RowOff1 { background-color: #ffffff; }
.RowOff2 { background-color: #eeeeee; }

.adminnavi { width: 85px;font-size: 8pt;  text-align: left; padding-left: 1px;  }
.adminnavi UL { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
.adminnavi LI { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  display: inline;  }
.adminnavi A { padding: 2px 0px 2px 0px; TEXT-DECORATION: none; display: block;}
/*.adminnavi A:hover {background-color: #eeeeee;} */

.scrollposts{
	overflow: scroll;
	height: 140px;
	clip:140;
	text-decoration: none;	
	background-color: #ffffff;	
}
.scrollpad{	padding: 4px 4px 4px 4px;}
td {  letter-spacing: 1px;}
.bigger{
	font-size: 14px;
	color: #2F4F4F;
}

	
/*==================Right Side======================*/	
.menuBody {
	font-size: .80em;
	text-align: left;
	padding: 2px;
	letter-spacing: .1em;	
	line-height: 10px;
}	

.menuMonth {
	font-size: 9px;
	text-align: left;
	text-transform: uppercase;	
	padding: 5px;
	line-height: 8px;
}	

.menuTitle {
	font-size: .95em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 2px;
}

.menuHeader {
	font-size: .65em;
	text-align: left;
	letter-spacing: .0em;
	padding: 1px;
}

/*==================Forms======================*/
fieldset#commentForm, fieldset#sendForm{
margin:8px;
text-align:left;
}
fieldset#sendForm{
border:none;
}
fieldset#commentForm legend,fieldset#sendForm legend {
font-size: 1.1em;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 3px 5px 10px 5px;
}
fieldset#commentForm label,fieldset#sendForm label{
float:left;
width:110px
}
fieldset#sendForm label{
width:130px;
}
fieldset#commentForm div,fieldset#sendForm div{
clear:both;
margin-bottom:5px
}
fieldset#commentForm .longLabel{
width:260px
}
fieldset#sendForm .longLabel{
width:200px;
}
fieldset#commentForm .nofLoat,fieldset#sendForm .nofLoat{
float:none
}
fieldset#commentForm #comments,fieldset#sendForm #notes{
width:100%;
height:120px;
overflow: auto;
}
fieldset#sendForm #notes{
width:300px;
}
fieldset#commentForm img{
margin:3px auto
}
fieldset#sendForm img,fieldset#sendForm #submit{
margin-left:200px;
}
#popUpFormBody{
background:#fff;
margin:8px;
}	

/* new style sheet added 
/* --- structure.css --- */
@media screen
{
  #body {
    border-top: 1px solid white;
  }
  #sorry, .sorry {
    display:none;
  }
  #content {
    width: auto;
    background: #fcfcff ;
    padding: 0 6px .5em 12px;
	overflow: visible;
	min-width:750px;
	clear: both!important;
	top:1em!important;
	margin-bottom:1em!important;
  } 

  #maincontent {
    float: left;
    width:78%;
    padding-right:1px;
    margin:0 5px 0 0;
	background-color:transparent;
  }

  div#flow{
    float:right;
    overflow: visible !important;
    width:74.3%;
    padding:0 0 20px 0;
    margin:0 0 0 0;
    background-position: -100px 0; /* Hide tab by default in case JS is absent */
  }
  div#flow div#tab {
    cursor: default;
  }

  #col1  {
    float:left;
    clear: left;
    width:24%;
    margin:0;
  }

  div.nav  {
    background:#FcFcFf;
	position:relative;
    margin-bottom:1em;
    width:auto!important;
    width:100%;
    border:1px solid #000000;
	padding:1em 0 1.5em 0;
	
  }

    div.photonav  {
	background:#efefef;
	position:relative;
    margin-bottom:1em;
    width:auto!important;
    width:80%;
    border:1px solid #cccccc;
/*	background:transparent; */
  }
  
    div.shipestimate  {
	background:#efefef;
	position:relative;
    margin-bottom:1em;
	width:100%;
/*	background:transparent;*/
    border:1px solid cccccc;
  }  

 div.product, div.cart, div.specialoffer {
    width:auto!important;
    width:100%;
    background-color: #FFFAF0;
    border:1px solid #730;
    margin-bottom:1em ;
    position: relative;
    padding:.5em 0 .8em 0;
  }
  #col3 {
    float:right;
    width:20%;
    margin:0 5px 0 0 ;
	padding-top:0
  }

  #stats {
    background:transparent;
    position:absolute;
	display:none;
    right:2em;
    top:0;
    text-align:right;
	color:#777;	
  }

  #footer {
    font-size:.8em;
 	text-align:center; 
	color:#777;
	clear:both;
	line-height:1.6em;
	margin-top:1.7em!important;
	clear:both;
	overflow:hidden;
	border-top:10px solid #fff;
  }

  #tertiary {
    font-size:110%;
	background: #6584B0 url(/images/new/bargradient2.jpg) bottom right  no-repeat; 
	margin:0 2px -5px 12px;
	overflow:hidden;
	height: 2.8em;
	color:#97AFD9;
	margin-right:0;
	padding-right:0;
  }

  #standards {
    position: relative;
    top: 50px;
    text-align: center;
  }

  #topcontrols {
    clear: both;
  }

  #skip {
    text-indent:-20em;
    position: absolute;
  }


  /* halfs, thirds and quarters */
  .third {
    width: 28%;
    float: left;
    padding: 0px;
    margin: 0px ! important;
    clear: right;
  }

  .twothirds {
    width: 60%;
    float: left;
    display: inline;
    clear: left;
    padding: 0px 10px 20px 0px;
    margin: 0 8px 0px 0;
    border-right: 1px solid #C6D3E7;
    overflow: hidden;
  }

  .half {
    width: 44%;
    float: left;
    padding: 5px 2%;
    margin: 0px 0px 5px 0px;
    overflow: hidden;
  }
 /*#tab {
	margin-top:15px;
 }*/
 .wrap {
	position:relative;
  margin-bottom: 15px;
 }
 
 #flow #tab .industrybrains {
   padding: 10px 3.5% 15px;
 }
 #flow #tab .industrybrains table {
   margin: 0;
 }
 #flow #tab .industrybrains td {
   border-style: none;
 }

  /* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */

  #tab div.wrap {
    border: 1px solid #CAD6E8;
    background-color: #fff;
    /*margin-top: 15px;*/
  }
  
}


/* --- format.css --- */
/*preset default margins */

#recent *, div.wrap * {
margin:8px 3% 8px 3.5%;
}
.preview *, #blogpreview * {
margin:2em 8px 25px 3.5%;
}
#search * *, #feature * *, #recent * *, .preview * *, #blogpreview * *, div.wrap * * {
margin: 0;
}
#flow #recent {
margin:0 0 15px 0
}
#col1 *, #col3 *{
position: relative;
}
#tab a
{
margin: 0;
}

/* twothirds fixes */

div.wrap .twothirds
{
margin-top: 0;
}
div.wrap .twothirds *
{
margin: 8px 0;
}

div.wrap div.twothirds * *
{
margin: 0;
}


/* column settings */

#content div h3  { /* groovy floating topright headings */
  font:  normal .9em Verdana, Arial, Helvetica, sans-serif;
  height:1em;
  padding:2px 1.5em 4px .5em;
  clear: right;
  color:#99ACCA ;
  margin:0;
  position:absolute;
  right:-1px;
  top:-.8em;
  border:0 none;
}


#content div h3 img {
  margin:-3px 0;
}
div#tab div.wrap{
padding: 1em 0;
}

/* sidebar nav & product stuff */

div#content div.product h3, div#content div.specialoffer h3 {
  color:#CCB4A2;
  font-size:12px;
  right:-1px;
   top:-9px;
   padding-bottom:5px;
  background:transparent url(images/bulletr-br.gif) right center no-repeat;
  overflow:hidden
}


.box{
line-height:1.1;
padding-top:15px;
position: relative;
}
.wrapper{
line-height:1.1;
margin-bottom:25px;
display:block;
position: relative;
}
.wrap{
/*margin: 0px;*/
padding: 0;
clear:left;
line-height:1.1;
}
.boxes{
	background:#F9FAF9;
	border:1px solid #c0d0e0;
	color:#333;
	margin-top: 20px;
	margin-bottom: 15px;
	padding:7px 10px 15px 10px;
	clear: both;
	overflow: hidden;
}
/* footer links */
#footer a:link
{color:#97AFD9;}
#footer a:hover
{color:#036!important}
#footer a:visited
{color:#97AFD9;}


#tertiary a:link
{color:#D7DEEA;}
#tertiary a:hover
{color:#fff!important}
#tertiary a:visited
{color:#C0D0E0;}

#footer p {
	margin:0 2em;
}

#tertiary ul {
	margin:0;
	background: transparent url(images/block.gif) top right  no-repeat;
	margin:0 0 13px 0;
	padding:1px 0  0 0;
}
#tertiary ul li{
	display:inline;
	padding:0 4px;
}

/* article banner ad */
#articlebanner div.ad {
	position: relative;
	overflow: hidden; /* wrap floats */
  background-color: #FFFAF0;
  border: 1px solid #730;
  margin-bottom: 1em;
}
#articlebanner h3 {
	color:#DAC8BA!important
}
#articlebanner h4 {
	color:#336600;
	font-size:128%;
	font-weight:bold;
	margin-bottom:15px;
	}

#articlebanner div.ad *{
	padding:0;
	margin:1%
}
#articlebanner ul {
	zoom: 1; /* Forces layout in IE */
}
#articlebanner ul li{
	margin-left:20px;
	font-size:90%;
	line-height:90%
	}
#articlebanner li{
	margin-left:40px
	}
#articlebanner img{
	margin-right:1em
	}
#articlebanner h5.outlink{
	text-align:right;
	font-weight:bold;
	margin-top:15px;
	}

/* article banner ad - body.widebanner applied by layoutbanner.js*/
div.widebanner div#articlebanner div.ad {
  margin-right: -35%;
  width: 135% !important;
  text-align: center;
}

div.widebanner div#col3 {
  padding-top: 129px;
}

/* Widebanner must be sized differently when article nav hidden by docknavigation.js */
div.expanded div#articlebanner div.ad {
  margin-right: -25%;
  width: 125% !important;
}

/* sidebar text ads */
#textadwrap {
}
div#textadwrap div.textad *{
 padding:0;
}
div#textadwrap div.textad ul {
  padding-left: 1em;
}
div#textad1 div.ad, div#textad2 div.ad, div#textad3 div.ad {
border: 2px none #88B800;
color: #333;
margin-bottom: 1em;
padding: 0 2% 1.5em 2%;
background: transparent url(/images/icons/deco-break.gif) bottom center  no-repeat;
}
div#textad1 h5, div#textad2 h5, div#textad3 h5{
display:list-item;
list-style-position:inside;
line-height:150%;
padding-bottom:10px;
}
div.infographic1 h5{
list-style-image:url(/images/icons/infographics-1.gif);
}
div.infographic2 h5{
list-style-image:url(/images/icons/infographics-2.gif);
}
div.infographic3 h5{
list-style-image:url(/images/icons/infographics-3.gif);
}
div.infographic4 h5{
list-style-image:url(/images/icons/infographics-4.gif);
}
.textad p img{
	display: inline;
	position: relative;
	float: left;
	margin:5px 5px 0px 0px;
}
div#textadwrap {
  font-size: 92%;
  line-height: 140%;
}
div#textadwrap div *{
	margin: 5px 0 0 0;
}
.textad p a{
	color:#333!important;
	text-decoration: none;
	font-size:90%
}

.textad p a.sublink, .headad p a.sublink{
	color:#06c!important;
	text-decoration: underline;
	}
.textad p a:hover, .headad p a:hover{
	color:#00f!important;
}

/* crumbtrail */
div#tab span.crumb, div#tab div.crumb {
	color: #666;
	background-color: transparent;
	position: relative;
}
div#tab span.crumb {
	text-align:right;
	display:block
}
.crumb a{
	color: #06c;
	background-color: transparent;
}

/* blog bits */
/* used on front page, subcategory pages, and blog pages */

#tab ul.blog_post_details, .preview ul.blog_post_details, #blogpreview ul.blog_post_details
{
font-size: x-small;
color: #555;
list-style-type: none;
padding-left: 25px;
margin-bottom: 16px;
}
#tab ul.blog_post_details li, #blogpreview ul.blog_post_details li
{
margin-bottom: 2px;
line-height: 120%;
}
a:link.blogpost, a:hover.blogpost, a:visited.blogpost, #tab .blogicon
{
	background-image: url(/images/icons/blog.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	display:block;
}
a:link.blogpost, a:hover.blogpost, a:visited.blogpost
{
	padding-bottom: 8px;
}
a:hover.blogpost
{
	background-image: url(/images/icons/blog-ani.gif);
	background-repeat: no-repeat;
}
#tab h5.blogtitle
{
	margin-bottom: 12px;
	padding: 1px 0 4px 25px;
	display: block;
	background: url(/images/icons/blog-folder.gif);
	background-repeat: no-repeat;
}

/* details box */
div#tab div.detail{
	border:1px solid #C0D0E0;
	background: #F9FAF9;
	margin:0 10px 0 10px;
	padding:0!important;
	float:right;
	width:170px;
}
div#tab div.detail ul{
	background: #F9FAF9;
}
div#tab div.detail li{
font-size:70%;
line-height:170%;
margin-left:1em;
padding-left:1em;
}
/* featured product in col3 of some pages */
div.product div#featuredproduct *
{
	margin-top: 10px;
	margin-bottom: 10px;
}
div.product div#featuredproduct * *
{
	margin-top: auto;
	margin-bottom: auto;
}
/* newsletter pages */
div#newsletterlist h4 {
padding-bottom: 10px;
}

div#tab p a#fancy {
text-align: center;
margin: 0 auto 20px auto;
display: block;
text-decoration: none;
font-size: 85%;
font-weight: bold;
padding-top: 1px;
width:220px;
height:23px;
color: #000;
clear:both;
vertical-align: baseline;
}

div#tab p a#fancy:visited{
color: #000;
display: block;
}
div#tab p a#fancy:hover{
color: #000;
background:url(/images/icons/buy_now4.gif) no-repeat center top;
}

div#tab pre.code
{
margin-top: 18px;
margin-bottom: 18px;
padding: 6px;
background: #F9FAF9;
overflow: auto;
}


div#flow div#tab p{
line-height: 140%;
}

#stats ul, #stats ul li {
	margin:0.4em 0;
	padding: 0;
	list-style:none
}


/* caps emphasis */
strong.caps
{
	text-transform:uppercase;
	font-weight:normal;
}


/* don't style abbreviations */
abbr
{
	border:none;
}

.ColorSpacer
{
	font-size:0;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin:0px;
	height:1;
	background-color:#C6D4F9;
}