/* Clear all default styles */
@import url("cssreset.css");

/*  Website defaults - all pages   */

body {margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: white;}
a:link {color: #993333;}
a:visited {color: #993333;}
a:hover {color: #cc0000;}



h2 {font-weight: bold;
	color: #cc0000;
	padding: 15px 5px 0 15px;
	margin: 0;
	font-size: 1.5em;}
h3 {color:#993333;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px 0 15px;
	margin: 0;}
h3 a {text-decoration: none;}
h4 {color:#666;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px 0 15px;
	margin: 0;}
	
ul {margin:5px 10px 10px 40px; 
    font-family: Arial, Helvetica, sans-serif;}
ul li {padding: 5px 0 0 2px;}
ul li ul { list-style: disc;}

ol {margin:5px 10px 10px 30px; 
    font-family: Arial, Helvetica, sans-serif;}
ol li {padding: 5px 0 0 5px;
   list-style:decimal;
   list-style-position:outside;}

p {padding: 5px 5px 5px 10px;
   margin:10px 10px 0 10px; 
   line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
	
div#mainwrap {
	width: 877px;
	margin: 0 auto 0 auto;
	position: relative;
	background: white url('images/background01.jpg') 0 0 repeat-y;}	
	
div#topnav { position:relative;
    margin:5px auto 0 auto; 
	padding:0 0 0 5px;
	width: 852px;
	height: 45px; 
	background: white;}

div#topnav a { display:inline-block;
	height:45px;
	margin:0;
	padding:0 10px 0 0;
    font-size: 1.3em;
	color: #993333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right; 
	line-height:2.9em;}
a#homelink { background:url('images/home_icon.jpg') 0 0 no-repeat;
     width:80px; }
a#articlelink { background:url('images/info_icon.jpg') 0 0 no-repeat;
     width:90px;}
a#contactlink { background:url('images/contact_icon.jpg') 0 0 no-repeat;
     width:90px;}
a#worklink { background: url('images/work_icon.jpg') 0 0  no-repeat;
	width: 90px;}
	 
	
div#tellafriend {position: absolute;
	top: 20px; left: 700px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background: white url('images/tellfriend_icon.jpg') 0 0 no-repeat;
	padding: 5px 0 5px 25px;}
div#tellafriend a {text-decoration: none;}

div#top_links {color: #996666;
	margin: 5px 5px 5px 385px;
	font-family: Arial, Helvetica, sans-serif;}
div#top_links a {text-decoration: none;
	font-size: 1.1em;}
div#top_links a:link {color: #996666;}
div#top_links a:hover {text-decoration: underline;}
div#top_links a:visited {color: #996666;}

div#header { position:relative;
   background: transparent url('images/webtechheader.jpg') 0 0 no-repeat;
    width:877px;
	height: 168px;
	margin: 0; padding: 0;}
	
div#header h1 { position:relative;
   display:block;
    color:#990000;
	font-size:24px;
	font-weight:bold;
	padding:120px 0 0 175px;}

p#titletag { position:absolute;
   font-family:Arial, Helvetica, sans-serif;
    font-size:1.6em;
	color:#999;
    top: 120px;
	left: 220px;
	width:500px;}

div#mainnav {
	position: absolute;
	top: 180px;
	left: 21px;
	width: 175px;
	height:100%;
	text-align: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#mainnav a {display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 1.1em;}
div#mainnav a:link {color: #999;}
div#mainnav a:hover {text-decoration: underline;}
div#mainnav a:visited {color: #999;}

div.testimonial { position:relative;}
div.testimonial p { font-size:1em;
   font-style:italic;
   margin:0;
   padding:5px 2px 5px 10px;
   text-align:left;}

#navcontainer {
  font-family: Arial,Sans-Serif;
  margin:0 auto;
  padding:5px 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

#navlist{ width: 90%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
text-decoration: none;
color: #666;
font-size: 1em;
padding: 0 5px;

}

#navlist li a:hover,
#navlist a#current {
color: #EB901F;
border-top: none;
font-size: 1.6em;
}

#navlist a#current { color: #993333; font-weight:bold; }

/* submenu */
#subnavlist{ width: 90%;
text-align: center;
margin:0 auto;
padding:2px 0 0 0;
text-indent: 0;
list-style-type: none;

}

#subnavlist li
{
padding:5px 0 0 0;
margin: 0;
text-indent: 0;
display: inline;
}

#subnavlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #666;
font-size: 0.9em;
padding: 0 5px;

}

#subnavlist li a:hover,
#subnavlist a#subcurrent {
color: #EB901F;
padding:0;
border-top: none;
font-size: 1.2em;
}

#subnavlist a#subcurrent { color: #E35019; font-weight:bold; }

/* Second level submenu */
#sub2navlist{ width: 90%;
text-align: center;
margin:0 auto;
padding:2px 0 0 0;
text-indent: 0;
list-style-type: none;

}

#sub2navlist li
{
padding:5px 0 0 0;
margin: 0;
text-indent: 0;
display: inline;
}

#sub2navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #666;
font-size: 0.9em;
padding: 0 5px;

}

#sub2navlist li a:hover,
#sub2navlist a#sub2current {
color: #EB901F;
padding:0;
border-top: none;
font-size: 1.2em;
}

#sub2navlist a#sub2current { color: #FF0066; font-weight:bold; }




.returnbtn { margin:20px 0 0 0;
   background:url('images/bigbutton.jpg') 35px 0 no-repeat;
   height:47px;
   text-align: center;
   padding:15px 13px 5px 40px !important;}
   
.returnbtn_two { margin:20px 0 0 0;
   background:url('images/bigbutton.jpg') 35px 0 no-repeat;
   height:47px;
   text-align: center;
   padding:8px 13px 5px 40px !important;}

div#htext {font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	margin: 20px 10px 30px 10px; }
div#htext a {text-decoration: none;}

/* ============== Main Content ====================  */
	
div#content {
    position:relative;
    margin: 5px 5px 10px 205px;
	width: 635px;
	padding:0 0 25px 0;
	font-family: Arial, Helvetica, sans-serif;}
	
div#content h1 {font-weight: bold;
	color: #641408;
	text-align:center;
	padding: 15px 0 10px 0;
	margin: 0;
	font-size: 2em;}
	
div#content h1.big { font-size:3em;}


/* ============== Services Menu of ads ====================  */
	
div#servicemenu {
    position:relative;
    margin:0;
	width: 635px;
	height:100%;
	padding:0;
	}
div#servicemenu  h2 {margin:0;
   text-align:center;}
div#servicemenu  p { text-align:center;
    font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:5px;}
	
div#servicemenu div.blue_ad { float:left;
    width:635px;
	height:117px;
	margin:5px 0 0 0;
	background:url('images/box_long_blue.jpg'); }

div#servicemenu div.blue_ad a.button { 
    display:block;
    width:244px;
	height:27px;
	margin:0 0 0 200px;
	background:url('images/button_long_yellow.jpg');
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0 0;}	
	
div#servicemenu div.yellow_ad { float:left;
    width:292px;
	height:208px;
	margin:10px 0 20px 0;
	background:url('images/box_short_yellow.jpg'); }
div#servicemenu div.yellow_ad a.button { 
    display:block;
    width:244px;
	height:27px;
	margin:0 0 0 25px;
	background:url('images/button_long_rust.jpg');
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0 0;
	color:#FFFF00;}		
		
	
div#servicemenu div.green_ad { float:right;
    width:292px;
	height:208px;
	margin:10px 0 20px 0;
	background:url('images/box_short_liteblue.jpg'); }	
div#servicemenu div.green_ad a.button { 
    display:block;
    width:244px;
	height:27px;
	margin:0 0 0 25px;
	background:url('images/button_long_rust.jpg');
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0 0;
	color:#FFFF00;}	
	
div#servicemenu div.liteblue_ad { float:left;
    width:635px;
	height:165px;
	margin:5px 0 0 0;
	background:url('images/box_long_liteblue.jpg'); }

div#servicemenu div.liteblue_ad a.button { 
    display:block;
    width:244px;
	height:27px;
	margin:0 0 0 200px;
	background:url('images/button_long_yellow.jpg');
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 0 0;}	


/* ==========  slide show  ==============*/

div#slideshow_bar { position:relative;
    height: 78px;
	width: 610px;
	background:url('images/flash_ad_bar.jpg') 0 0 no-repeat;
	margin: 0 auto; padding: 0;} 
	
div#slideshow_bar img { float:left;}

div#slideshow_bar a#youtubebox {
    display:block;
    float:right;
    width:155px;
	height:66px;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
	padding:12px 0 0 15px;
	background:url('images/youtube_howto.jpg') 110px 15px no-repeat;
	
   }


.slideshow {
	display: block; position: relative; z-index: 0;
	height: auto; margin: 0 auto;
}
.slideshow-images {
	display: block; overflow: hidden; position: relative;
}		
.slideshow-images img {
	display: block; position: absolute; z-index: 1;
	left: 0; top: 0;
}		
	
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0;
}
.slideshow-images-next { 
	opacity: 0;
}


.slideshow a img {
	border: 0;
}

.slideshow-loader {
   display:none;
}

.slideshow-controller {
  display:none;
}	

.slideshow-thumbnails {
	 display:none;
}

ul.arrows_right {margin: 5px 0 5px 15px;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	color: #333;}
ul.arrows_right li {margin: 0;
	padding: 0 0 6px 19px;
	background: transparent url('images/arrow_sm.jpg') 0 -3px no-repeat;}
	
ul.arrows_left {margin: 5px 0 5px 15px;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	color: #333;}
ul.arrows_left li {margin: 0;
	padding: 0 0 6px 19px;
	background: transparent url('images/arrow_sm_left.jpg') 0 -3px no-repeat;}

.indent { margin-left:30px !important;}
.topspace { margin-top:20px !important;}
 
 /* ========== Quick Links   ============== */
 
 h1.question {
  text-align:left !important;
  font-size:2.2em !important;
  color: #cc0000 !important;
  margin:10px 0 5px 30px !important;
  }
  
 h1.question_tight {
  text-align:left !important;
  font-size:2.2em !important;
  color: #cc0000 !important;
  margin:5px 0 0 30px !important;
  padding:0 !important;
 
  }
 
 div#qklinks { position:relative;
   width:610px;
   height:298px;
   margin:0 auto;
   background:url('images/quicklinksbox.jpg') 0 0 no-repeat;
   border:#FFF thin solid;
   }
   
   
div#qklinks div.defaultcontent {
	width:330px;
	height:280px;
	margin:0 25px 0 255px;
	z-index:0;
	}
div#qklinks div.defaultcontent h3 {
   background:url('images/arrow_med_left.jpg') 0 10px no-repeat;
   padding:5px 10px 0 30px;}

   
div#qklinks div.tabblk h2 { 
  display:block;
  width:250px;
  height:30px;
  margin:0;
  padding:10px 0 0 0;
  text-align:center;
  font-weight: bold;
  color: #641408;
  font-size: 1.8em;
  }
  
div#qklinks h2#tabmenu1 {
  position:absolute;
  top:0;
  left:0;}
div#qklinks h2#tabmenu1 span {
  display:none;
  width:32px;
  height:40px;
  background:url('images/quicklinks_rollover_arrow.jpg') 0 0 no-repeat;
  position:absolute;
  top:0;
  right: -28px;
  z-index:10000;
  }

  
div#qklinks h2#tabmenu2 {
  position:absolute;
  top:40px;
  left:0;}
div#qklinks h2#tabmenu2 span {
  display:none;
  width:32px;
  height:40px;
  background:url('images/quicklinks_rollover_arrow.jpg') 0 0 no-repeat;
  position:absolute;
  top:0;
  right: -28px;
  z-index:10000;
  }
  
div#qklinks h2#tabmenu3 {
  position:absolute;
  top:80px;
  left:0;}
div#qklinks h2#tabmenu3 span {
  display:none;
  width:32px;
  height:40px;
  background:url('images/quicklinks_rollover_arrow.jpg') 0 0 no-repeat;
  position:absolute;
  top:0;
  right: -28px;
  z-index:10000;
  }
  
div#qklinks h2#tabmenu4 {
  position:absolute;
  top:120px;
  left:0;}
div#qklinks h2#tabmenu4 span {
  display:none;
  width:32px;
  height:40px;
  background:url('images/quicklinks_rollover_arrow.jpg') 0 0 no-repeat;
  position:absolute;
  top:0;
  right: -28px;
  z-index:10000;
  }
  
div#qklinks h2#tabmenu5 {
  position:absolute;
  top:160px;
  left:0;}
div#qklinks h2#tabmenu5 span {
  display:none;
  width:32px;
  height:40px;
  background:url('images/quicklinks_rollover_arrow.jpg') 0 0 no-repeat;
  position:absolute;
  top:0;
  right: -28px;
  z-index:10000;
  }

/* the tabblk div must have NO diminsions so that it will not respond to the hover */
div#qklinks div.tabblk {}
	
/* the content block is skewed to the right OUTSIDE of the tabblk but still embedded in the tabblk */
div#qklinks div.tabblk div.tabcontent {
	width:310px;
	height:270px;
	padding:0 10px 10px 20px;
	background: #FFF url('images/blank.gif') repeat;
	}
div#qklinks div.tabblk div.tabcontent h3 {
    margin:0 10px 0 10px;
	padding:0;}
div#qklinks div.tabblk div.tabcontent h4 {
    margin:0 10px 0 10px;
	padding:0;}
div#qklinks div.tabblk div.tabcontent p {
    margin:0 10px 0 10px;
	padding:5px 0 0 0;}
	
div#qklinks div.tabblk div.tabcontent span.watermark {
   display:block;
   width:114px;
   height:98px;
   margin:-95px 0 0 0;
   float:right;}
	
div#qklinks div.tabblk div.tabcontent a.gobutton {
    display:inline-block;
	width:207px;
	height:38px;
	background:url('images/quicklink_button.jpg') 0 0 no-repeat;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0 0;
	margin:5px 0 0 50px;
	color: #FFFF33}
	
div#qklinks div.tabblk div.tab1 { display:none;
     z-index:10;
     }
	
div#qklinks div.tabblk div.tab2 { display:none;
    z-index:10;
    }
	
div#qklinks div.tabblk div.tab3 { display:none;
    z-index:10;
    }
	
div#qklinks div.tabblk div.tab4 { display:none;
    z-index:10;
    }
	
div#qklinks div.tabblk div.tab5 { display:none;
    z-index:10;
    }
	
div#qklinks div.tabblk:hover div.tab1 {
    position:absolute;
	top:0;
	left:250px;
    display:block;
    z-index:300;}
div#qklinks div.tabblk h2#tabmenu1:hover { 
    background:url('images/quicklinks_rollover.jpg') 0 0 no-repeat;
	color:#CCC;
   }
div#qklinks h2#tabmenu1:hover span {
  display:block;
  }


div#qklinks div.tabblk:hover div.tab2 {
    position:absolute;
	top:0;
	left:250px;
    display:block;
    z-index:300;}
div#qklinks div.tabblk h2#tabmenu2:hover { 
    background:url('images/quicklinks_rollover.jpg') 0 0 no-repeat;
	color:#CCC;
   }
div#qklinks h2#tabmenu2:hover span {
  display:block;
  }
   
div#qklinks div.tabblk:hover div.tab3 {
    position:absolute;
	top:0;
	left:250px;
    display:block;
    z-index:300;}	
div#qklinks div.tabblk h2#tabmenu3:hover { 
    background:url('images/quicklinks_rollover.jpg') 0 0 no-repeat;
	color:#CCC;
   }
div#qklinks h2#tabmenu3:hover span {
  display:block;
  }
   
div#qklinks div.tabblk:hover div.tab4 {
    position:absolute;
	top:0;
	left:250px;
    display:block;
    z-index:300;}
div#qklinks div.tabblk h2#tabmenu4:hover { 
    background:url('images/quicklinks_rollover.jpg') 0 0 no-repeat;
	color:#CCC;
   }
div#qklinks h2#tabmenu4:hover span {
  display:block;
  }
   
div#qklinks div.tabblk:hover div.tab5 {
    position:absolute;
	top:0;
	left:250px;
    display:block;
    z-index:300;}
div#qklinks div.tabblk h2#tabmenu5:hover { 
    background:url('images/quicklinks_rollover.jpg') 0 0 no-repeat;
	color:#CCC;
   }
div#qklinks h2#tabmenu5:hover span {
  display:block;
  }
  
/* =========== Service Panels ================= */

div.servicepanel {float:left;
   width:273px;
   height:182px;
   background:url('images/box_med_bkgr.jpg') 0 0 no-repeat;
   padding:5px;
   margin:10px 11px 5px 13px;}
   
div.servicepanel h1 {font-size: 1.6em !important;
   margin:0;
   padding:10px 0 0 0 !important;}

div.servicepanel ul li { background:url('images/smyellowarrow.gif') 0 -10px no-repeat;
   padding:0 0 0 20px;}

div.servicepanel ul li a { 
   display:block;
   width:200px;
   height:20px;
   text-decoration:none;
   font-weight:bold;
   margin:0 0 5px 0;
   }
   
/* =========== Share Boxes ================= */

div.sharebox_big { position:relative;
   width:635px;
   height:117px;
   background:url('images/sharebox.jpg') 0 0 no-repeat;}
div.sharebox_big h1 { text-align:center;}

div.sharebox_big div.addthis_center { position:relative;
   width:265px;
   height:40px;
   margin:0 auto;
  }
  
div#spreadword { position:relative;
   width:620px;
   height:225px;
   }
   
div.sharebox_floater { position: absolute;
  top:150px;
  left:180px;
   width:255px;
   height:35px;
   z-index:999;
   }
   
div#spreadword_single { position:relative;
   width:635px;
   height:212px;
   background:#f9f9f9;
   }
div#spreadword_single h1 { float:right;
   display:block;
   width:405px;
   height:30px;
   margin:20px 0 0 0;
   font-size:3.5em;}
div#spreadword_single div.chicken { float:left;
   background: #f9f9f9 url('flash/ChickenManPointing_sm.png') 0 0 no-repeat;}
div.sharebox_floater_right {
	position: absolute;
	top:110px;
	left:301px;
	width:255px;
	height:35px;
	z-index:999;
   }
  
div.addthis_toolbox p {
  margin:0;
  padding:0;
  font-size:.9em;
  font-style:italic;}
  
div.addthis_sm_floatright { float:right;
   width:150px;
   height:28px;
   margin:2px;;
  }
div.addthis_sm_floatleft { float:left;
   width:150px;
   height:28px;
   margin:2px 2px 2px 20px;;
  }
div.addthis_sm_relative { position:relative;
   width:150px;
   height:20px;
   margin:2px;;
  }


/* ========== banner ============== */

img#rsbanner { position:relative;
   margin:20px 0 10px 10px;}
   
/* ================ book cover ============== */

img#bookcover {
   float:left;
   margin:80px 20px 0 50px;
   border: #CCC thin solid;
  }
  

/* =========== eBook Selection Panels ================= */
  
div.ebookpanel {
   position:relative;
   width:100%;
   height:100%;
   margin:0 0 20px 0;
   border-bottom:#CCCCCC thin solid;
   }
div.ebookpanel img {
   float:left;
   border:#CCCCCC thin solid;}
div.ebookpanel p {
   font-size:14px;
   padding:15px 10px 5px 225px;}
   
div.ebookpanel div.getit { float:right;
   width:135px;
   height:34px;
   background: url('images/med_button.jpg') 0 0 no-repeat;
   }
div.ebookpanel div.getit a {
   display:block;
    width:135px;
   height:34px;
   text-align:center;
   text-decoration:none;
   font-weight:bold;
   font-size:2em;
   padding:5px 0 0 0;} 
  
  
  
/* =========== eNewsletter ================= */

div#enewsletter { }
div#ebooksignup {float: right;
	margin: 5px 20px 5px 5px;}
div#ebooksignup div#af-header-1521276692 div.af-header div.bodyText p {color: white;}

/* =================== AskPro Ads and Banners ======================= */

div#adblock {float:right; 
  width:186px;
  margin:10px 0 5px 10px;}
div.double { height:340px;}
div.single { height:150px;}

div#adblock  a.askpro { text-decoration:none;
   display:block;
   width:186px;
   height:127px;
   background:url('images/AskaPro_squarebadge.jpg') 0 0 no-repeat;
   text-align:center;
   padding:20px 0 0 0;
   font-size:1.4em;
   color:#333333;
   margin-top:20px; }
div#adblock  a.download { text-decoration:none;
   display:block;
   width:186px;
   height:127px;
   background:url('images/Download_badge.jpg') 0 0 no-repeat;
   text-align:center;
   padding:20px 0 0 0;
   margin:10px 0 0 0;
   font-size:1.4em;
   color:#333333; }
div#adblock  a.download span {
   font-size:0.7em;
   display:block;
   width:110px;
   padding:20px 5px 0 5px;
   }

div#askpro_banner { position:relative;
   margin:10px auto;
   width:614px;
   height:83px;
   }
div#askpro_banner a { display:block;
   width:429px;
   height:73px;
   background:url('images/AskaPro_banner.jpg') 0 0 no-repeat;
   text-decoration:none;
   text-align:center;
   padding:10px 10px 0 175px;
  }
div#askpro_banner a span { font-size:1.3em;
  font-weight:bold;
  line-height:1.5;}
/* ===================================== */ 
 
.floatright {float: right;
	margin: 5px 5px 5px 10px;}
	
.bigtxt {font-size: 1.6em;
	color: #999;}
.bigredtxt {color: #993333;
	font-weight: bold;
	font-size: 1.3em;}
.medtxt {font-size: 1.1em;
	color: #999;}
.redtxt {color: #cc0000;
	font-size: 1.5em;}
.greytxt {font-weight: bold;
	color: #666;
	font-size: 1.2em;}
	
a.bigtxt {font-size: 1.6em;
	color: #999;}
a.bigredtxt {color: #993333;
	font-weight: bold;
	font-size: 1.3em;}
a.medtxt {font-size: 1.1em;
	color: #999;}
a.redtxt {color: #cc0000;
	font-size: 1.5em;}
a.greytxt {font-weight: bold;
	color: #666;
	font-size: 1.2em;}

a.quicklink:link,
a.quicklink:visited {text-decoration:none;}	

a.quicklink:hover { color:#333; background:#ccc;}	
	
	


div.bigsidebarbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 51px;
	text-align: center;
	padding:1px 0 0 0;
	margin:10px 0 0 30px;}
div.bigsidebarbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	margin-top: 5px;}
div.bigsidebarbtn a:link {color:#993333;}
div.bigsidebarbtn a:hover {color: #666;}
div.bigsidebarbtn a:visited {color: #993333;}

img#rs_logo {margin-left: 25px;}
ul.topics {font-size: 1.2em;}
.rightstart a {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
	

	
div#tablewrap { margin-left:20px;}
.datatable {width: 90%; margin: 0 0 5px 20px;
	border: 1px solid #ccc;}
.datatable td { text-align:center;
    border-bottom: 1px solid #ccc;}
.datatable th{ font-size: 1em;
    text-align:center;
	font-weight: bold;
	padding:5px;
	border-bottom: 1px groove;
	border-right: 1px groove;
	background-color: #cc9999;}

.datatable a { text-decoration:none;}
.datatable a:link {color: #990000;}
.datatable a:visited {color: #990000;}
.datatable a:hover {color: #cc0000; text-decoration:underline;}

/* ===================== Cart Review Blocks ================== */

	
div.reviewblk { position:relative;}
div.reviewblk img { float:left;
   padding:10px;}
div.reviewblk p { padding:0 10px 10px 10px;}

div.linkbar { position:relative;
  width:535px;
  height:32px;
  margin:10px auto;
  }
div.linkbar a.button { float:left;
  display:block;
  width:167px;
  height:22px;
  margin:0 10px 0 0;
  text-decoration:none;
  text-align:center;
  font-size:1.2em;
  color:#333333;
  padding:10px 0 0 0;}
div.linkbar a.green { 
  background: url('images/greenbutton.jpg') 0 0 no-repeat;
  }
div.linkbar a.purple { 
  background: url('images/purplebutton.jpg') 0 0 no-repeat;
 }
div.linkbar a.turqoies {
  background: url('images/turqoiesbutton.jpg') 0 0 no-repeat;
 }	

/* ========================================================= */
	
div#footer {background: white url('images/footer01.jpg') 0 0 no-repeat;
	height: 34px; width: 877px;
	margin:0; padding: 0;
	text-align: center;}
div#footer p#copyright {
    margin:0;
	padding:3px 0 0 0;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;}
div#footer p#copyright a { text-decoration:none;}
div#footer p#copyright a:link { color:#fff;}
div#footer p#copyright a:visited {color:#fff;}
div#footer p#copyright a:hover {color: #FFFF00; text-decoration:underline;}
	
	
	
/*  Accordian Form  */

div#content_estimate {
    position:relative;
    margin: 5px 5px 10px 205px;
	width: 635px;
	padding-left: 0;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;}
	
div#helpform { width:635px; height:3000px;}

table.sectionform { margin:15px auto 0 auto;
	 background: url('images/formbkgr.jpg') repeat;}
table.sectionform td { padding:5px; vertical-align:middle;}

table.postform { margin:30px auto 100px auto;}


.required { font-size:1.2em;
   color:#FF0000;}
.label { text-align:right; vertical-align:middle;}
.white {background:white;}
.center{ text-align:center;}
.rightstart a {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
.rightstart {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
.tinytext { font-size:10px; font-style:italic; color:#666666;}
.clearit { clear:both;}
.clearleft { clear:left;}
	

.siteinfo { background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:613px;
   height:38px;
   margin:0;
   padding:10px 0 0 20px;}
.sitequestion {  background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:633px;
   height:45px;
   margin:0;
   padding:5px 0 0 15px;
   vertical-align:middle;}
.statement { display: inline-block;
   width: 548px;}
   
/* ============= General Accordian settings ===============  */

.infoblock {  background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:633px;
   height:35px;
   margin:0;
   padding:12px 0 0 10px;
   font-size:14px;
   cursor:pointer;}
 .infoblock2 {  background: white url('images/plus.jpg') 0 0 no-repeat;
   margin:5px 0 10px 15px;
   padding:3px 0 10px 25px;
   font-size: 14px;
   cursor:pointer;
   border-bottom: 1px dotted #ccc;}
.moreinfo { float:right;
   font-style:italic;
   padding:5px 30px 0 0;
   font-size:12px;}
   
ul.golist {
   list-style:none;
   margin:10px 0 0 30px;
   padding:0;
   clear:both;
   }
ul.golist li {
    background: white url('images/redarrow.jpg') 0 0 no-repeat;
	padding:0;
	margin:0;
   }
ul.golist a { text-decoration:none;
   display:block;
   color:#333;
   margin:0;
   width:500px;
   height:20px;
   padding:2px 0 0 20px;}
ul.golist a:visited {color: #333;}
ul.golist a:hover {color: #cc0000;}
   
/* ============= End Accordian settings ===============  */
   
div.paypalestbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
    float: right;
	width: 140px;
	text-align:center; 
	height: 40px;
	padding:10px 0 0 0;
	z-index:2000;}
div.paypalestbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	margin: 5px 0 0 0;}
div.paypalestbtn a:link {color:#993333;}
div.paypalestbtn a:hover {color: #666;}
div.paypalestbtn a:visited {color: #993333;}

a.paypallink { display:block;
   float:right;
   background:white  url('images/logo_developercertgrey_50x33_.gif') 0 0 no-repeat;
   width:50px;
   height:33px;
   margin:0 40px 0 0;}
   
div#paypalrefferal { text-align:center;}

.accept_terms { display: none;}

/* =================== Table Contact Forms ================ */

table#contactform {width: 400px;
	margin: 10px;}
table#contactform tr {
    height:30px;}
table#contactform td {text-align: left;
	font-size: 1em;
	color: #666;}
table#contactform td.label {text-align: right;
	font-weight: bold;
	color: #333;}
table#contactform tr td input[type=submit] {
	color: #cc0000;
	background: white;
	width: 70px;
	height: 30px;
	margin: 5px 10px 0 0px;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

/* =================== Popup Contact Forms ================ */

div#contactform {text-align: center;
	position: relative;
	width: 250px;
	margin:30px 0 0 0; padding: 0;}
div#contactform form#emailForm { 
    text-align:right !important;}
div#contactform p {line-height: 1.8em;
	margin: 0 0 0 10px; padding: 0;}
div#contactform span.label {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;}
div#contactform span.filelabel {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;
	text-align:left !important;}
div#contactform input.text {font-size: 10px;
	color: #666;}
div#contactform span.top {display: block;
	vertical-align: top;}
div#contactform p.submit input {
	color: white;
	background: #993333;
	margin: 0 0 0 130px;
	padding: 3px 5px;
	font-size: 1em;
	border: 1px solid #333366;
	font-family: Arial, Helvetica, sans-serif;
}

div#contactform h1 { font-size:3em;
   color:#333366;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;}	
   
div#thankyou {text-align: center;
	position: relative;
	width: 275px;
	margin:30px 0 0 0; padding: 0;}
	
/* =================== Popup Contact Forms ================ */

div#qkquestform {text-align: center;
	position: relative;
	width: 350px;
	height:410px;
	margin:30px 0 0 0; padding: 10px;}
div#qkquestform form#emailForm { 
    text-align:right !important;}
div#qkquestform p {line-height: 1.8em;
	margin: 0 0 0 10px; padding: 0;}
div#qkquestform span.label {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;}
div#qkquestform span.required { color:#990000;
    font-weight:bold;}
div#qkquestform span.filelabel {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;
	text-align:left !important;}
div#qkquestform input[type=text] {font-size: 10px;
	color: #666;
	margin:3px 10px 0 0;}
div#qkquestform input[type=file] {font-size: 10px;
	color: #666;
	margin:3px 10px 10px 0;}
div#qkquestform span.top {display: block;
	vertical-align: top;}
div#qkquestform p.submit input {
	color: white;
	background: #993333;
	margin: 0 0 0 130px;
	padding: 3px 5px;
	font-size: 1em;
	border: 1px solid #333366;
	font-family: Arial, Helvetica, sans-serif;
}

div#qkquestform h1 { font-size:3em;
   color:#333366;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;}	
   
div#qkquestthankyou {text-align: center;
	position: relative;
	width: 350px;
	margin:30px 0 0 0; padding: 0;}
	
/* =================================================== */
	
	
a.buybtn { display:inline-block;
  width:102px;
  height:32px;
  background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 10px 0 20px;
  padding:7px 0 3px 0;
  text-align:center;}
	
a.buybtn:link { color: #666;}
a.buybtn:hover{ color: #990000;}
a.buybtn:visited { color:#666;}

a.buybtn_tbl { display:inline-block;
  width:102px;
  height:32px;
  background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:5px auto 0 auto;
  padding:10px 0 0 0;
  text-align:center;
  font-weight:bold;}
	
a.buybtn_tbl:link { color: #666;}
a.buybtn_tbl:hover{ color: #990000;}
a.buybtn_tbl:visited { color:#666;}

a.paynow { display:block;
  float:right;
  text-decoration:none;
  width:103px;
  height:32px;
   background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 40px 0 0;
  padding:10px 0 3px 0;
  text-align:center;
  font-weight:bold;}
	
a.paynow:link { color:#666;}
a.paynow:visited { color:#666;}
a.paynow:hover { color:#990000;}
a.paynow:active {color: #666;}
a.paynow:focus{color: #666;}



	
div#popwrapper { position:relative;
   margin:0 auto 0 auto;
   width:400px;
   height:100%;}
div#popwrapper h1 { font-size:24px;
   margin:0; padding:10px 0 10px 0;
   text-align:center;}
iframe.popframe { width:460px;
    height:325px;
	border:#999 medium inset;}
iframe.popframe_short { width:460px;
    height:220px;
	border:#999 medium inset;}
	
div#viewcart { position:absolute;
   top:10px;
   left: 700px;
   z-index:1000;}
div#viewcart table { width:200px;}
div#viewcart table td { color:#666666;}