/* CSS Document */



html, body { margin: 0; padding: 0;}
html {
	background-color: #e9e5dc;
	color: #484848;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}
body {
	text-align: left;
	width: 925px;
	margin: 0 auto;
	line-height: 1.5em;
	padding-left: 3px;
	border: 1;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}
h5{
	font-weight: bold;
	color: #333;
	font-size: 100%;
	margin: 15px 0 7px 0;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul { list-style: none;	}
ol { list-style: decimal;	}
a { color: #0086b9; text-decoration: none; outline: 0;	}
a:hover { text-decoration: underline;	}
hr { border: none; background: url("../images/dotline_h.gif") repeat-x; height: 1px; clear: both;}
.more { color: #ef5317; text-decoration: none; font-weight: bold; font-size: 0.9em;}
.more:hover { text-decoration: none; border-bottom: dotted 1px #ef5317;}

.clear { clear: both; height: 0px;	}
.hide { display:none;	}

.left {float: left;}
.right {float: right;}
.clearfix:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */
p.intro {
	line-height: 1.5em;
	font-size: 1.3em;
	color: #484848;
}
.note {font-size: 0.9em; letter-spacing: 0.02em;}
form .button {
  border-color:#fd6d36 #d23d03 #d23d03 #fd6d36;
  background-color:#ef5317;
  color: #fff;
  font-weight:bold; 
}

h1{
	font-size: 2.0em;
}
h2{
	font-size: 1.8em;
	line-height: 1.1em;
	color: #ef5418;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h3{
	font-size: 1.3em;
	color: #333;
	margin: 5px 0;	
}
h4{
	font-size: 1.2em;
	color: #333;
}
cite {
	display: block;
	text-align: right;
	color: #333;
	font-size: 0.95em;
	font-weight: bold;
}
/* homepage Navigation */

#navhome{
display: block;
float: right;
margin-top: 5px;
padding: 0 20px 0 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#navhome ul{
font: bold 12px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#navhome li{
display:inline;
margin:0 2px 0 0;
padding:0;
}

#navhome a{
float:left;
color: white;
background: #2997bf url(../images/tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 6px;
text-decoration:none;

}

#navhome a span{
float:left;
display:block;
background: transparent url(../images/tabs_right.gif) no-repeat right top;
padding:7px 15px 4px 9px;
}

#navhome a span{
float:none;
}


#navhome a:hover{
background-color: #0086b9;
}

#navhome a:hover span{
background-color: #0086b9;
}

#navhome #current a, #navhome #current a:hover { /*currently selected tab*/
background: #ffffff url(../images/tabs_left_on.gif) no-repeat left top;
color: #333333;
}
#navhome #current a span, #navhome #current a span:hover span{
	background-color: #FFFFFF;
	background-image: url(../images/tabs_right_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Navigation */
	
#nav{
display: block;
float: right;
margin-top: 73px;
padding: 0 20px 0 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#nav ul{
font: bold 12px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#nav li{
display:inline;
margin:0 2px 0 0;
padding:0;
}

#nav a{
float:left;
color: white;
background: #2997bf url(../images/tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 6px;
text-decoration:none;

}

#nav a span{
float:left;
display:block;
background: transparent url(../images/tabs_right.gif) no-repeat right top;
padding:7px 15px 4px 9px;
}

#nav a span{
float:none;
}


#nav a:hover{
background-color: #0086b9;
}

#nav a:hover span{
background-color: #0086b9;
}

#nav #current a, #nav #current a:hover { /*currently selected tab*/
background: #ffffff url(../images/tabs_left_on.gif) no-repeat left top;
color: #333333;
}
#nav #current a span, #nav #current a span:hover span{
	background-color: #FFFFFF;
	background-image: url(../images/tabs_right_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid #2997bf; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 160px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #2997bf; /*THEME CHANGE HERE*/
padding: 4px 0;
text-decoration: none;
color: #666;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #d3e3eb;
text-decoration: none;
}
/* index2 page header */
#headerhome1 {
	clear: both;
	height: 225px;
	background-repeat: no-repeat;
	background-position: left 5px;
}
#headerhome1 h1 {
	color: #333033;
	font: 150% arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	float: left;
}
#headerhome1 h1 a {
	display: block;
	width: 300px;
	height: 100px;
	text-decoration: none;
	text-indent: -3000px;
}
#headerhome1 h1 a:hover {
	background-color: transparent;
	background-image: url(../images/Imageii.jpg);
}
/* homepage header */
#headerhome {
	clear: both;
	height: 25px;
	background-repeat: no-repeat;
	background-position: left 5px;
}
#headerhome h1 {
	color: #333033;
	font: 150% arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	float: left;
}
#headerhome h1 a {
	display: block;
	width: 300px;
	height: 100px;
	text-decoration: none;
	text-indent: -3000px;
}
#headerhome h1 a:hover {
	background-color: transparent;
	background-image: url(../images/Imageii.jpg);
}
/* Page Structure */
#header {
	clear: both;
	height: 100px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(../images/pagetoplogo.gif);
	background-color: #E9E5DC;
}
#header h1 {
	color: #333033;
	font: 150% arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	float: left;
}
#header h1 a {
	display: block;
	width: 300px;
	height: 100px;
	text-decoration: none;
	text-indent: -3000px;
}
#header h1 a:hover {
	background-color: transparent;
	background-image: url(../images/Imageii.jpg);
}
#wrapper { background: #fff url(../images/wrapper_column.gif) top left repeat-y; }
#wrapper #gooey { background: transparent url(../images/wrapper_column_bottom_fade.gif) bottom left no-repeat;	padding-bottom:40px }
#footer { clear: both; font-size: 14px; margin: 16px 0; text-align: center;}



#home_banner {
	height: 200px;
	width: 925px;
	background-position: center;
	background-color: #fff;
	background-image: url(../images/home_banner.gif);
	background-repeat: no-repeat;
}
#home_banner2 {
	background: #fff url(../images/home_banner.jpg) top left no-repeat;
	height: 225px;
	width: 925px;
	background-position: center;
}
#home_banner h2 { display: none; }
#homeintro {
	width: 350px;
	padding:10px 0 0 25px;
	float:left;
	margin-right: 10px;
	color: #484848;
}
#specialBanner { width: 210px; height: 160px; float:left; display: block; padding: 20px 0;}

/*#homeintro h3 { font-weight: normal; letter-spacing: -.01em; margin: 10px 0; line-height: 1em; text-align: left; font-size: 25px; padding: 10px 0 10px 0; color:#ef5317;	}*/
#homeintro h2 {
	margin: 20px 0;
}
#homeintro h4 {  margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;	}
#news{
	float: right;
	display: inline; /*IE Double take*/
	margin-right: 10px;
	width: 305px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

    #news em.date {font-size: 11px;color: #999;font-style: normal;}
    #news p{margin:0;padding: 4px 0;line-height: 15px;}
    #news p.archives{	margin:0;	padding: 15px 0 10px 0;	line-height: 15px;}
#solutions{ 
	border-top: solid 1px #ccc;
	margin: 10px 25px 0 25px;
	clear: both;	
	background: url(../images/divider.gif) repeat-y left;
}
#solutions li {
	float: left;
	width: 155px;
	padding: 100px 10px 0 10px;
}

#sol1 { background: url(../images/sol_bi.gif) no-repeat center 10px; }
#sol2 { background: url(../images/sol_hve.gif) no-repeat center 10px; }
#sol3 { background: url(../images/sponsored.gif) no-repeat center 10px; }
#sol4 { background: url(../images/webstats.gif) no-repeat center 10px; }
#sol5 { background: url(../images/local.gif) no-repeat center 10px; }
#sol6 { background: url(../images/sol_bn.gif) no-repeat center 10px; }
#sol7 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol8 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol9 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol10 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol11 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol12 { background: url(../images/sol_nm.gif) no-repeat center 10px; }
#sol13 { background: url(../images/landingpages.gif) no-repeat center 10px; }
/* -------------------------------------
/*  Pagination
/* -------------------------------------*/
 .pagination {
	margin:             6px 0;
	border-top:         1px solid #D3D9DC;
	text-align:         right;
	padding-top:        8px;
	}
	
.pagination b{
       border:              1px solid #9FCDE7;
       padding:             1px 4px;
       background-color:    #DEE9EF;
       color:               #67A9D6;
       }
	
.pagination a {
	font-size:			12px;
	padding:			0 4px;
	}    




/* General */
.box { 
  background: #F9F6F1; 
}
.boxtop { 
  background: url(../images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 10px; 
  background: url(../images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 10px; 
  background: url(../images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px;
}

/* Interior page structure*/
#interiorpage { background: #fff url(../images/interior_body.gif) top left repeat-y; }
#interiorpage #gooey { background: transparent url(../images/bottom.gif) bottom left no-repeat;	}	
#interiorpage #top { background: transparent url(../images/roundtop.gif) top left no-repeat; }	

#main{
	float: left;	
	width: 670px;	
	margin: 6px 0 0 6px;
	display: inline;
	
	}
#main-body{
	padding: 20px 45px 70px 20px; 	
	display: block;
	min-height: 400px; 	
	}			
#main h4{
	color: #0085b9;
	margin: 15px 0 7px 0;
}		
#main p {
	margin: 10px 0;
	}	
#main ul {
	padding-bottom: 15px;
	}	
		
#main ul li {
	list-style: disc;
	padding-left: 15px;
	margin-left: 15px;
	}		
#main ol li {
	padding-left: 10px;
	margin-left: 20px;
	}	
#main ul li ul li{
	list-style: circle;
	padding-left: 20px;
	margin-left: 20px;
	}
#main ol li ul li{
	list-style: circle;
	padding-left: 20px;
	margin-left: 20px;
	}						
#sidebar{
	float: right;	
	width: 234px;	
	margin: 30px 15px 0 0;
	display: inline;
}
#sidebar ul{
	margin: 20px 0;
	list-style: none;

}	
 
#sidebar li a {
	font-size: 1.1em;
	padding: 3px 0;
	display: block;
	width: 100%;
	text-decoration: none;
	color: #4c6077;
	border-bottom: solid 1px #d5d5d5;
	text-indent: 10px;
	background: url(../images/arrow_or.gif) no-repeat left center;
}


#sidebar li a:hover {
 	color: #0086b9;
}	
#sidebar h3{
	text-transform: uppercase;
	color: #999;
}
#sidebar p{
	color: #4c6077;
	margin: 1.1em 0;
}
#sidebar .message{
	background: url(../images/header_sidebar_message.gif) no-repeat left top;	
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	padding: 3px 0 0 5px;
	margin-top: 10px; 
}
#sidebar .call{
	background-color: #fffed9;
	border: solid 5px #f2f1c3;
	color: #ef5317;
	display: block;
	padding: 10px; 
	margin-top: 20px;
}
#sidebar .newslist {
	margin: 10px 0;
}
/* Product Pages
----------------------------------------------- */


.buildit{
  background: url(../images/prod_bi.gif) no-repeat top left;  padding-top: 200px;	
}
.hve{
  background: url(../images/prod_hve.gif) no-repeat top left;  padding-top: 200px;	
}
.searchmarketing{
  background: url(../images/searchmarketing.gif) no-repeat top left;  padding-top: 200px;	
}
.optimization{
  background: url(../images/optimizationbanner.gif) no-repeat top left;  padding-top: 200px;	
}
.redesign{
  background: url(../images/redesign.gif) no-repeat top left;  padding-top: 200px;	
}
.keyword{
  background: url(../images/keywordresearchbanner.gif) no-repeat top left;  padding-top: 200px;	
}
.designers{
  background: url(../images/designers.gif) no-repeat top left; padding-top: 200px;
}
.owners{
  background: url(../images/owners.gif) no-repeat top left; padding-top: 200px;
}
.conversion{
  background: url(../images/conversionbanner.gif) no-repeat top left; padding-top: 200px;
}
.ppc{
  background: url(../images/payperclickmarketing.gif) no-repeat top left; padding-top: 200px;
}
.local_search{
  background: url(../images/localsearchbanner.gif) no-repeat top left; padding-top: 200px;
}
.copywriting{
  background: url(../images/seocopywritingbanner.gif) no-repeat top left; padding-top: 200px;
}
.landingpages{
  background: url(../images/landingpagesbanner.gif) no-repeat top left; padding-top: 200px;
}
.metatagoptimization{
  background: url(../images/metatagbanner.gif) no-repeat top left; padding-top: 200px;
}
.linkpopularity{
  background: url(../images/linkpopbanner.gif) no-repeat top left; padding-top: 200px;
}
.searchsubmittal{
  background: url(../images/searchsubmittal.gif) no-repeat top left; padding-top: 200px;
}
.rankings{
  background: url(../images/rankings.gif) no-repeat top left; padding-top: 200px;
}
.contact{
  background: url(../images/contactbanner.gif) no-repeat top left; padding-top: 200px;
}
.recommends{
	padding-top: 200px;
	background-image: url(../images/recommendsbanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.template{
  background: url(../images/templage.gif) no-repeat top left; padding-top: 200px;
}
.silver{
  background: url(../images/nn_silver.gif) no-repeat top left;  
  padding: 0 30px 0 70px;	
  display: block;
  float: left;
  width: 200px;
}
.silver strong, .gold strong{
	font-size: 160%;
	color: #333;
}
.gold{
  background: url(../images/nn_gold.gif) no-repeat top left;  padding-left: 70px;	
  display: block;
  float: left;
  width: 200px;

}
/* Misc Pages
----------------------------------------------- */
.small-top{
  background: url(../images/small_top.gif) no-repeat top left;  padding-top: 40px;	
}





/* about 
----------------------------------------------- */
.staff{
  float: left;
  margin: 0 20px 20px 0; 
  display: block;
}
.entries h3{padding:0;}
.entries {padding: 15px 0;clear:left;}
.entries p {padding: 4px 0;}
.advisors {padding: 0;}
.advisors strong{font-size:12px; line-height:17px;color:#333;}
.advisors em{padding:0px 0 1px 0; font-style: }





/* Tabs */
div#tabs {
	background: transparent url(../images/tabs1_back.png) bottom left repeat-x;
	height: 28px;
	float: left;
	margin: 5px 0 20px 0;
	width: 100%;
}
div#tabs span {
	float: right;
	font-size: 9px;
}
div#tabs ul {
	padding: 0;
	margin: 0;
}
div#tabs ul li {
	float: left;
	list-style: none;
	line-height: 28px;
	padding: 0;
	margin: 0 2px 0 0;
	background: transparent url(../images/notactive1_right.png) top right no-repeat;
}
div#tabs ul li a {
	display: block;
	color: #333;
	text-decoration: none;
	background: transparent url(../images/notactive1_left.png) top left no-repeat;
	padding: 0 6px;
	font: bold 11px/28px Arial, Helvetica, sans-serif;
}
div#tabs ul li.selected {
	background: url(../images/active1_right.png) top right no-repeat;
	color: #ef5317;
}
div#tabs ul li.selected a {
	background: transparent url(../images/active1_left.png) top left no-repeat;
	color: #ef5317;
}

/*    solutions page list     */



#main #solutions2{
	clear: both;
	background-color: #FFFFDD;
}
#main #solutions2 li {
	list-style: none;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 150px;
}

#solutions2 #sol1 { background: url(../images/sol_bi.gif) no-repeat 0 0; }
#solutions2 #sol2 { background: url(../images/sol_hve.gif) no-repeat  0 0;}
#solutions2 #sol3 { background: url(../images/sponsored.gif) no-repeat  0 0; }
#solutions2 #sol4 { background: url(../images/webstats.gif) no-repeat  0 0; }
#solutions2 #sol5 { background: url(../images/local.gif) no-repeat  0 0; }
#solutions2 #sol6 { background: url(../images/vision.gif) no-repeat  0 0; }
#solutions2 #sol7 { background: url(../images/logic.gif) no-repeat  0 0; }
#solutions2 #sol8 { background: url(../images/power.gif) no-repeat  0 0; }
#solutions2 #sol9 { background: url(../images/focus.gif) no-repeat  0 0; }
#solutions2 #sol10 { background: url(../images/smo.gif) no-repeat  0 0; }
#solutions2 #sol11 { background: url(../images/index.gif) no-repeat  0 0; }
#solutions2 #sol12 { background: url(../images/track.gif) no-repeat  0 0; }
#solutions2 #sol13 { background: url(../images/landingpages.gif) no-repeat  0 0; }


/* -------------------FAQ------------------------ 
-------------------------------------------------------------*/

#main #faq {
	margin: 0;
	list-style: none;	
	padding-bottom: 20px;
	list-style: none;	
}
#main #faq ul{
	list-style: none;

}

#main #faq li {
	border-bottom: 1px solid #7fbbe1;
	padding: 3px 0;
	margin-left: 0;	
	margin-right: 5px;	
	list-style: none;

}

#main #faq li a {
	width: 100%;
	display: block;
	text-decoration: none;
}
#main #faq li a:hover {
	display: block;
	background-color: #7fbbe1;
	text-decoration: none;
	color: #FFFFFF;
}

dt{
	font-weight: bolder;
	font-size: 101%;
	margin: 20px 0 10px 0;
	
}
dd{
	line-height: 1.4em;
	margin-left: 10px;
}

dd ul{
	list-style: disc;
	margin-left: 20px;
	padding-left: 10px;
}
dd ol{
	margin-left: 10px;
}

.backtotop {
	display: block;
	text-align: right;
	font-size: 85%;
	padding-left: 15px;
	margin-top: 10px;
	font-weight: bold;
	border-bottom: solid 1px #e4e4e4;

}

#testdrive {background-color: #fcfaee; padding: 10px; margin: 10px 0;}

#popup {background-color:#FFFFFF; width: 650px; padding: 10px; min-height: 575px;}
/* Set width and perhaps height here so that different sized images
 being swapped in don't cause document reflow  */
#bannerDiv { width:223px; text-align:center; padding-bottom: 10px;}
/* -------------------Quotes------------------------ 
-------------------------------------------------------------*/

.demo_nn {
	background: url(../images/demo_nn_bg.gif) repeat-y;
	width: 590px;
}
.demo_nn .bottom{
	background: url(../images/demo_nn_bottom.gif) no-repeat bottom left;
	height: 15px;
}
.demo_nn h3{
	background: url(../images/demo_nn_head.gif) no-repeat top left;
	margin: 0;
	padding: 7px 0 0 20px;
	height: 40px;
	color: #fff;
}
.demo_nn table, .demo_hve table, .demo_bi table{
	margin: 0 20px;

}
.demo_nn p, .demo_hve p, .demo_bi p{
	padding: 0 20px;

}

.demo_hve {
	background: url(../images/demo_hve_bg.gif) repeat-y;
	width: 590px;
}
.demo_hve .bottom{
	background: url(../images/demo_hve_bottom.gif) no-repeat bottom left;
	height: 15px;
}
.demo_hve h3{
	background: url(../images/demo_hve_head.gif) no-repeat top left;
	margin: 0;
	padding: 7px 0 0 20px;
	height: 40px;
	color: #fff;
}

.demo_bi {
	background: url(../images/demo_bi_bg.gif) repeat-y;
	width: 590px;
	float: left;
}
.demo_bi .bottom{
	background: url(../images/demo_bi_bottom.gif) no-repeat bottom left;
	height: 15px;
}
.demo_bi h3{
	background: url(../images/demo_bi_head.gif) no-repeat top left;
	margin: 0;
	padding: 7px 0 0 20px;
	height: 40px;
	color: #fff;
}
/* author bio */
div#tab #bio {
float:right;	
margin :10px 18px 15px 18px!important;
margin :10px 5px 15px 18px;
width: 220px;
position:relative;
z-index:100	;
}
div#tab #bio .boxes
{
	width: 200px;
}
div#tab #bio p{
font-size:210%;
line-height:150%!important
}
div#tab #bio img{
float:left;
margin:2px 5px 2px 0!important
}
div#tab #bio #illustrator{
	font-style: italic;
	margin-left: 11px;
	margin-right: 0px;
}
.boxes{
	background:#F9FAF9;
	border:1px solid #c0d0e0;
	color:#333;
	margin-top: 20px;
	margin-bottom: 15px;
	padding:7px 10px 15px 10px;
	clear: both;
	overflow: hidden;
	font-size: 14px;
}
.boxes{
	background:#F9FAF9;
	border:1px solid #c0d0e0;
	color:#333;
	margin-top: 20px;
	margin-bottom: 15px;
	padding:7px 10px 15px 10px;
	clear: both;
	overflow: hidden;
}
div.featureimage
{
	text-align:right;
	float: right;
	padding: 6px 0 16px 6px;
	z-index: 20;
}
div.featureimageleft
{
	text-align:left;
	float: left;
	padding: 6px 6px 16px 6px;
	z-index: 20;
}
/* 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/new/bulletr-br.gif) right center no-repeat;
  overflow:hidden
}

div.product a:link, div.product a:visited,
div.specialoffer a:link, div.specialoffer a:visited {
color:#730
}
div.nav *, div.product *, div.cart *, div.specialoffer * {
margin:4px 6px 6px 10px;
}
div.nav * *, div.product * *, div.specialoffer * * {
margin:0;
}
div.nav h4, div.product h4, div.specialoffer h4 {
color: #E14900;
}
div.nav ul, div.nav ol,
div.product ul, div.product ol,
div.specialoffer ul, div.specialoffer ol {
margin: 5px 0 10px 5px;
padding:0 0 0 5px;
font-size:77%;
font-weight:bold;
}
div.product table, div.cart table {
border-collapse: collapse;
}
div.product td {
font-size:10px;
border:1px solid #E0D0C0!important;
padding: 4px 1px 10px 2px;
margin: 0;
background-color: #fff;
border-top:1px solid #E0D0C0;

}
div.product td a:link{
color:#CA1400
}
div.product th{
font: 9px Arial, Helvetica, sans-serif;
padding: 0 1px;
text-align: left;
background: #FFD57D url(/images/layout/crop.gif) no-repeat top left;
}
div.product thead{
margin-bottom:-12px;
}

div.product ul, div.product ol {
border-bottom: 1px #e0d0c0 solid;
}
div.nav li, div.product li, div.specialoffer li {
margin: 0 5px 5px 18px;
padding:0
}
div.nav ul li {
list-style-image: url(/images/icons/buld.gif);
}
div.nav ul li:hover {
list-style-image:url(/images/icons/buld.gif)
}
div.nav p, div.product p, div.specialoffer p {
font-size:77% ;
margin-bottom:10px
}
div.product h5 {
margin-top:15px;
margin-bottom:7px;
font-size:84%;
}
div.specialoffer p.leader {
	font-size: 2.0em;
	line-height: normal;
	font-weight: bold;
	text-align: center;
}
div.specialoffer p.calltoaction {
	font-weight: bold;
	font-size: 85%;
}
div.product h5 a:link, div.product h5 a:visited,
p.calltoaction a:link, p.calltoaction a:visited {
	color: #CA1400;
}
/* cross site secondary nav */
div.topics {
	padding-top:1em;border-bottom:1px #c0d0e0 solid ;
}
div.topics ul {
padding-bottom: 10px;
border-bottom:1px #c0d0e0 solid ;
}


/* flow - ARTICLE blurbs -- used everywhere */
div#flow div.art {
position:relative;
margin-top:15px;
margin-bottom:27px
}
div#flow div.art img{
float: left;
margin-right: 8px;
margin-bottom: 8px;
}
div#flow div.art p
{
margin-left: 70px;
margin-bottom: 24px;
}

/* Note use of child selector (>), which is not IE6 compatible. This is
   required to prevent interfering with code highlighting in blogs, but
   may cause problems in IE6. Convert to descendant selectors if a problem
   is noticed. */
div#flow > table, div#flow div.wrap > table {
margin: 10px 3.5% 15px 3.5%;
font-size: 80%;
border-collapse: collapse;
width: auto
}
div#flow > table td, div#flow div.wrap > table td, div#flow > table th, div#flow div.wrap > table th {
border-right: 1px solid #fff;
}
div#flow > table th, div#flow div.wrap > table th {
background-color: #fff
}

div#flow div#tab q {
font-style: italic;
}
div#tab h1#title {
padding:12px 0 24px 0!important;
line-height: 150%;
}
/* newsletter */
div#nlblurb{
margin:4px;
}
div#nlblurb img{
margin:4px 4px
}
div#nlblurb h5, div#nlblurb p{
margin:4px
}
h5.nl img {
float:left;
padding: 0 5px 10px 5px;
}
h5.nl {
color:#333;
text-decoration:none;
font-size:85%;
padding-bottom:6px
}
h5.nl img {
float:left;
padding: 0 5px 10px 5px;
}


.forumicon {
background:#fff  url(/images/icons/comment.gif) no-repeat 2% 0% ;
padding:3px 0px 3px 25px!important;
}
.row1 {
background-color:#F9FAF9;
}
.row2 {
background-color:#fff
}


/* RSS buttons */

/* cross site layout knick-nacks */

.credit {
color:#aaa;
font: normal 85% Verdana, Arial, Helvetica, sans-serif;
}
.imgleft {
float: left;
clear: left;
margin-right: 10px!important;
margin-bottom: 10px!important;
}
.imgcenter {
text-align:center;
display:block;
margin-right: auto!important;
margin-left: auto!important;
margin-bottom: 10px!important;
}
#flow .imgright, #col1 .imgright, #col3 .imgright {
float: right;
clear: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.expert_author
{
color: #FF6600;
font: bold 80% Verdana,sans-serif;
}

.regular_author
{
color: #5F5F5F;
font: bold 80% Verdana,sans-serif;
}
div.wrap .line {
border-bottom: 1px solid #C0D0E0;
margin-top: 10px;
margin-bottom: 20px;
height: 0;
overflow:hidden;
clear:both ;
position: relative;
}
.noborder{
border:0px none
	}
.nomargin {
margin:0px!important;
	}
.breaker {
clear: both;
}
.clearright {
clear: right;
}
.clearleft {
clear: left ;
}
.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;
}
.cropme {
overflow:hidden;
width:85%;
margin:0 auto;
border:1px dashed #fafafa;
}


div#content .wrapleft{
	border:0 none;
	margin:0;
	padding:0 1em;
	line-height: 1.1;
	float:left!important;
}
div#content .wrapright{
	border:0px none;
	margin: 0 10px 10px 10px;
	text-align:right!important;
	clear:both;
}
.wrapcenter{
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:center;
	clear:both;
	width:auto;
}
.wrapcenter img{
	float:none!important;
}
.rgt{
	text-align:right!important;
	padding-right:10px;
	padding-top:5px;
}
.lft{
	text-align:left!important;
	padding-left:10px;
	padding-top:5px;
}
.tiny {
	font-size:10px}
.highlight {
color: #C00!important;
font-weight: bold!important;
}
.break{
	clear:both;
}
h6.download {
	background: transparent url(/images/icons/pdf5.gif) no-repeat left top;
	padding:0 0 0 18px;
	margin:0 10px 10px 1em;
	font-weight:bold;
	height:1.7em;
	font-size:.75em;
	text-align:left;
	clear:both;

}
div#content p a.next{
	font: bold x-small Verdana,Arial,Helvetica,sans-serif;
	color: #06c;
	margin:0 15px;
	padding:0 0 0 12px;
	background: url(/images/icons/forwardc.gif) no-repeat left!important;
	background /**/: none; /* removed icon for older IEs */
}

.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/new/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: -37%;
  width: 137% !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: -27%;
  width: 127% !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;
	font: bold x-small/1em Verdana,Arial,Helvetica,sans-serif;
	position: relative;
}
div#tab span.crumb {
	text-align:right;
	display:block
}
.crumb a{
	color: #06c;
	background-color: transparent;
}
/* 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;
}
div.product, div.cart, div.specialoffer {
	width:auto!important;
	width:100%;
	background-color: #FFFAF0;
	border:1px solid #730;
	margin-bottom:1em;
	position: relative;
	padding:1em;
	font-size: medium;
  }
  #col3 {
    float:right;
    width:20%;
    margin:0 5px 0 0 ;
	padding-top:0
  }
/* format date and time*/
#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}