.foo{} /* Not starting with a comment to keep the validators happy */







/* Form Elements */

input {
  padding: 3px;
  border: 1px solid #CCC;
}

.button {
  padding: 3px;
  border: 1px solid #CCC;
}

/* Image Gallery */

.gallery_img {
  text-align: center;
  min-height: 150px;
  min-width: 160px;
  padding: 5px;
  border-top: 1px solid #F5F5F5;
  border-left: 1px solid #F5F5F5;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-decoration: none;
  vertical-align: middle;
}

.gallery_img a {
  display: block;
  height: 150px;
  text-decoration: none;
}

.gallery_img a.img {
  vertical-align: middle;
}

.gallery_txt a.text {
  display: block;
  font-size: 10px;
  text-decoration: none;
}

img.wrapper {
  border: none;
}

/* FAQs Page */

.faq_heading {
  
}

.faq_content {
  
}

/* Links Page */

.link_list,
.link_list_alt {
  width: 97%;
  padding: 10px;
  display: block;
  border: 1px solid #DDD;
  border-bottom: none;
}

.link_list:hover,
.link_list_alt:hover {
  cursor: pointer;
  background: #CCC;
}

.link_list_alt {
  background: #EEE;
}

.link_list_end {
  border-bottom: 1px solid #DDD;
}

.title {
  float: left;
}

.url {
  float: right;
}

/* News Page */

.news_heading {
  float: left;
}

.news_date {
  float: right;
  font-size: 10px;
}

.news_hr {
  border-bottom: 1px dotted #DDD;
  margin: 20px 0;
}

/* Content Pages */

.subcat_heading {
  
}

.subcatnav a:link,
.subcatnav a:visited {
  text-decoration: none;
  margin-right: 20px;
  padding-left: 10px;
  background: url(../images/subcatnav.gif) no-repeat left;
  display: block;
}

/* Temporary Stuff */

#logininfo {
  width: 300px;
  padding: 20px;
  margin: 0 auto;
  border: 1px solid #CCC;
  background: #F5F5F5;
}


/* Page box (dog ear page curl) styling and contained elements */

#pagebox .space
{
    margin-top: 0px;
}

.pagebox
{
   /* float: left;
    width: 960px;
    background: url(../images/pagebox_top-left.jpg) no-repeat top left;*/
}

#quote_sash
{
    background: url(../images/header_quote_sash.png) no-repeat top right;
    width: 135px;
    height: 135px;
    float: right;
    z-index: 100;
    position: fixed;
    right: 0;
}

#quote_sash a
{
    width: 130px;
    height: 130px;
    display: block;
    border-bottom: none;
}

#quote_sash a span
{
    display: none;
}




.pagebox p
{
   
}

div.p
{
    padding: 20px 0;
}

.pagebox p.cols3
{
    float: left;
    padding: 10px 0 30px 30px;
    width: 290px;
}

.pagebox div.cols3_last
{
    float: left;
    margin: 0 0 0 35px;
    width: 275px;
}

.pagebox div.cols4
{
    float: left;
    width: 229px;
}

.pagebox div.feat_news
{
    margin: -8px 0 20px 30px;
    padding: 10px 10px 10px 0;
    padding: 3px;
    border: 2px dotted #CCC;
    float: left;
    width: 194px;
    height: 70px;
    background: #F5F5F5;
}

.pagebox div.feat_news:hover
{
    border: 2px dotted #61AB1D;
}

.pagebox div.feat_news h2
{
    margin: 10px 20px;
    font-size: 1.2em;
}

.pagebox div.feat_news a
{
    text-decoration: none;
}

.pagebox div.cols4 p
{
    padding: 0 0 30px 30px;
}

.pagebox ol li:first-child, .pagebox ul li:first-child
{
  
}

.pagebox li
{
   
    font-size:14px;
   
}





/* Specific styling of homepage newsletter subscription box */

.subscribe_pagebox
{
    background: url(../images/subscribe_top_bg.jpg) no-repeat top left;
    float: right;
    width: 300px;
}

.subscribe_pagebox h1
{
    font-family: "Century Gothic" , Arial, Courier;
    margin: 11px 0 0 117px;
    font-size: 1.5em;
    color: #052046;
}

.subscribe_pagebox p
{
    padding: 20px 30px 30px 30px;
}


#staff_wrapper
{
    padding: 20px 0 0 30px;
}

.staff
{
    float: left;
    width: 440px;
    margin: 0 20px 20px 0;
    height: 200px;
}

.staff img
{
    float: left;
    margin-right: 10px;
    border: 3px dotted #CCC;
}

.staff h3
{
    font-size: 1.5em;
    margin: 0;
    color: #052046;
}

.staff h4
{
    font-size: 1em;
    margin: 0 0 2px 0;
    text-transform: uppercase;
 }

.staff p
{
    font-size: 12px;
}

.padding
{
    padding: 0 30px;
}

/* Generic Element Widths */

.w100
{
    width: 100px;
}
.w165
{
    width: 165px;
}
.w200
{
    width: 200px;
}
.w230
{
    width: 230px;
}
.w270
{
    width: 270px;
}
.w380
{
    width: 380px;
}
.w395
{
    width: 395px;
}
.w400
{
    width: 400px;
}
.w420
{
    width: 420px;
}
.w500
{
    width: 500px;
}
.w100p
{
    width: 100%;
}

/* Items */

.item_bg
{
    margin: 0 10px 30px 10px;
    font-size: 1.2em;
    background: url(../images/item_bg.jpg) repeat-x bottom;
}

.item_bg_font
{
    font-size: 1em;
    margin: 0;
}

.item_bg quote:before
{
    content: open-quote;
    font-size: 3em;
    line-height: .4em;
    vertical-align: bottom;
    color: #CCC;
}

.item_bg quote:after
{
    content: close-quote;
    font-size: 3em;
    line-height: .4em;
    vertical-align: bottom;
    color: #CCC;
}

.item_bg .name
{
    text-align: right;
    font-size: 1em;
    font-style: italic;
}

/* Logo and Banner Portfolio layout */

.folio img.thumbnail
{
    float: left;
    padding: 3px;
    border: 2px dotted #CCC;
}

.folio img.thumbnail:hover
{
    border: 2px dotted #61AB1D;
}

.folio div.details
{
    margin: 10px 0 20px 150px;
    padding-left: 40px;
}

.folio_3col div
{
    float: left;
    width: 33%;
    min-height: 100px;
    text-align: center;
    vertical-align: middle;
}

.featured img.thumbnail
{
    margin: 12px 30px 0 30px;
    padding: 3px;
    border: 2px dotted #CCC;
}

.featured img.thumbnail:hover
{
    border: 2px dotted #61AB1D;
}

.cleanlink
{
    text-decoration: none;
    border: none;
}


/* News pages */

.newslist
{
    float: left;
    width: 400px;
    height: 120px;
    padding: 40px;
    font-family: Georgia, "Courier New" , Courier;
    font-size: 2em;
    font-weight: bold;
    background: url(../images/news_bg.jpg) no-repeat left top;
}

.newslist div
{
    width: 330px;
    padding-bottom: 10px;
    border-bottom: 3px solid #CCC;
}

.newslist a:link, .newslist a:visited
{
    display: block;
    width: 340px;
    color: #666;
    border: none;
}

.newslist a:hover, .newslist a:active
{
    color: #000;
}

.newslist em
{
    position: relative;
    top: 5px;
    font-size: .5em;
    font-weight: normal;
    font-style: normal;
}


/* SEO Packages */

div.seo_item
{
    width: 960px;
    height: 350px;
    color: #FFF;
}

div.seo_item .h2
{
    position: relative;
    top: 56px;
    left: 120px;
    font-size: 30px;
    color: #FFF;
}

div.seo_item .h3
{
    position: relative;
    top: 93px;
    left: 60px;
    width: 200px;
    font-size: 16px;
    color: #FFF;
}

div.seo_item .h4
{
    position: relative;
    top: 75px;
    left: 70px;
    width: 200px;
    font-size: 1.5em;
    color: #FFF;
}

div.seo_item p
{
    position: relative;
    width: 530px;
    margin-left: 325px;
}

div.seo_item a:link, div.seo_item a:visited
{
    display: block;
    position: relative;
    bottom: 54px;
    left: 586px;
    width: 355px;
    height: 60px;
    border-bottom: none;
}

div.seo_item a:hover, div.seo_item a:active
{
    background: url(../images/seo_link_bg.png) !important;
    background: url(../images/seo_link_bg.gif);
    text-decoration:none;
    
}

div.seo_item a span
{
    visibility: hidden;
}

div.launch
{
    background: url(../images/seo_launch.jpg) no-repeat 25px top;
}

div.launch p
{
    top: -30px;
}

div.launch a
{
    margin-top: 14px;
}

div.atlas
{
    background: url(../images/seo_atlas.jpg) no-repeat 25px top;
}

div.atlas p
{
    top: -120px;
}

div.atlas a
{
    margin-top: -20px;
}

div.boost
{
    background: url(../images/seo_boost.jpg) no-repeat 25px top;
}

div.boost p
{
    top: -90px;
}

div.boost a
{
    margin-top: 550px;
}

div.campaign
{
    background: url(../images/seo_campaign.jpg) no-repeat 25px top;
}

div.campaign p
{
    top: -35px;
}

div.campaign a
{
    margin-top: 91px;
}


/* Community Support page links list */

div.community_support .padding
{
    padding: 20px;
    margin: 0;
}

div.community_support img
{
    margin-right: 10px;
    text-align: left;
    border: none;
}

div.community_support a
{
    border: 1px solid #FFF;
    display: block;
    width: 192px;
}

div.community_support a:hover
{
    border: 1px dotted #FF6600;
}

ul.docsafe li span
{
    display: block;
    width: 160px;
    padding-top: 10px;
    font-weight: bold;
}



.greentable {
	border: 1px solid #1bb002;
	background: #F7F7F7;
	padding: 10px;
}

.greentable tr:hover
{
    background: #ccff99;
}

.table_head {
	background-color: #D4E5F6;
	color: #000000;
	font-weight: bold;
}

.leftborder 
{
    border-left: 1px solid black;
}


/* Payment Form layout and formating - leaving as much as possible up to the browser */

.form_payment {
	padding: 10px;
	border: dotted 1px #CCC;
	background: #F3F3F3;
}


.form_payment p {
	position: relative;
	margin-bottom: 10px;
	
}

.form p {
	padding:10px;
	
}

.form_payment label {
	float: left;
	width: 110px;
}

.form_payment input {
	width: 150px;
}

.form_payment input[type="submit"] {
	width: auto;
}

.form_payment input[type="checkbox"] {
	float: left;
	width: auto;
}

.form_payment textarea {
	width: 150px;
	height: 100px;
}

.validation_summary {
	margin-left: 30px;
	padding: 10px;
	border: dotted 1px #CC0000;
	background: #FFF2F2;
}

#handy .li:hover
{
    cursor:help;
    color: #000000;
}

/* Form layout */

div.form
{
    font-size: 14px;
    border: 2px dotted #CCC;
    background: #F9F9F9;
    padding: 15px;
}

.tableform
{
    font-size: 14px;
    border: 2px dotted #CCC;
    background: #F9F9F9;
    padding:10px;
    
}



.tableform tr:hover
{
    background: #ffffcc;
}

.cleanform tr:hover
{
    background: white;
}

.tableform a
{
    cursor: pointer;
}

/* Form elements */

input, select, textarea
{
    font-family: "Century Gothic" , Arial, Courier;
    font-size: 14px;
    color: #666;
    padding: 2px 3px;
    border: 1px solid #CCC;
    border-bottom-color: #61AB1D;
    background: #FFF;
}

input#submit, .button
{
    font-weight: bold;
    color: #FFF;
    padding: 5px 6px;
    border: 1px solid #61AB1D;
    background: url(../images/button_bg.jpg) repeat-x center;
}

.offset_button
{
    margin-left: 360px;
}

.offset_button_order
{
    margin-left: 305px;
}

select
{
    min-width: 100px;
    padding: 4px 2px;
}

label
{
    float: left;
    width: 220px;
    font-weight: bold;
    margin-right: 20px;
    padding-top: 5px;
}

.form p:hover
{
    background: #e0eded;
    
}

abbr {
	cursor: hand;

	
}

abbr:hover
{
    text-decoration:underline;
	
}




.examples img
{
    margin-bottom: 20px;
    width: 127px;
    padding: 3px;
    border: none;
}



.examples img:hover
{
   
    padding: 0;
    border: 3px solid #88A5B3;
}

.examples a
{
  
    border-bottom: none;
}