/**
 * Description				: Layout styles for standards-compliant browsers
 * Author							: Stephen Lewis (stephen@meetmanifest.com)
 * Version						: 2.0
 * Date								: 19th December 2006
 */

* {margin : 0; padding : 0;}
p {margin-bottom : 1.63em;}
abbr, acronym {border-bottom : 1px dotted #000;}


/* =ul
 -------------------------------------------------------------*/
ul  {margin : 0 0 2em 2em;}


/* =ol
 -------------------------------------------------------------*/
ol  {margin : 0 0 2em 3em;}
li  {margin-bottom : 0.36em;}			/* Applies to both ul and ol */


/* =img
 -------------------------------------------------------------*/
img.inline_right {float : right; margin : 0 -1.5em 1.5em 0.63em;}
a img {border : none;}


/* =h*
 -------------------------------------------------------------*/
h1, h2, h3 {margin : 1.63em 0 0.24em;}
h1 {margin-top : 0.63em;}

h1 span.divider,
h2 span.divider,
h3 span.divider {margin-right : 0.36em; padding-right : 0.63em; border-right : 1px solid #000;}

/* Heading variants */
#col_nav h3 {margin : 0 0 0.63em; padding-bottom : 0.18em; border-bottom : 1px dashed #000;}
#col_ad h3 {margin : 0 0 0.36em;}


/* =form
 -------------------------------------------------------------*/
form {margin : 2em 0;}
fieldset {border : none;}
legend {padding-bottom : 1em;}
form div {margin-bottom : 0.636em; padding-top : 0.636em; border-top : 1px solid #000;}

form div:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}

label {float : left; width : 180px;}
input, textarea, select {display : block; width : 196px; margin-left : 200px; padding : 1px 2px; border : 1px solid #000;}
input.input-image {width : auto; padding : 0; border : none;}


/* =clearfix
 -------------------------------------------------------------*/
.clearfix:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}


/* =wrapper
-----------------------------------------------*/
#wrapper {position : relative; width : 780px; margin : 0 auto;}


/* =col_main
-----------------------------------------------*/
#col_main {float : left; width : 510px; margin-left : 140px;}


/* =col_nav
-----------------------------------------------*/
#col_nav {float : left; width : 130px; margin-left : -650px;}


/* =col_ad
-----------------------------------------------*/
#col_ad {float : left; width : 120px; margin-left : 10px;}


/* =col_main .content_block
-----------------------------------------------*/
#col_main .content_block {margin-bottom : 2px; padding : 10px 15px; border : 1px solid #000;}

/* TO DO : CHANGE TO USE CLEARFIX */
#col_main .content_block:after {
display : block;
height : 0;
visibility: hidden;
clear : both;
content : ".";
}


/* =col_ad .content_block
-----------------------------------------------*/
#col_ad .content_block {width : 120px; margin-bottom : 10px; padding-top : 5px;}
#col_ad .content_block div:first-child {padding : 0 5px 5px;}

#col_ad .content_block div:first-child:after {
display : block;
visibility : hidden;
height : 0;
clear : both;
content : ".";
}

#col_ad img.brand_image {float : right; margin-right : -4px;}


/* =index_text
-----------------------------------------------*/
.index_text {margin : 0 0 3em;}
.index_text li {margin-bottom : 1.36em;}
.index_text dt {margin-bottom : 0.24em;}
.index_text dd {margin-bottom : 0.18em;}
.index_text dt.thumb {display : none;}			/* Just in case the user has included a thumbnail */

/* Inline Title */
.index_text dl.inline_title dt,
.index_text dl.inline_title dd {display : inline; margin-bottom : 0;}
.index_text dl.inline_title dt {margin-right : 4px; padding-right : 10px;}
.index_text dl.inline_title dd {margin-right : 0.63em;}
.index_text dl.inline_title dt.thumb {display : none;}


/* =index_image
-----------------------------------------------*/
.index_image {margin : 0;}
.index_image li {margin-bottom : 1.63em;}
.index_image dt, .index_image dd {margin-left : 95px;}
.index_image.small_image dt, .index_image.small_image dd {margin-left : 47px;}
.index_image dt.thumb {float : left; width : 82px; margin-left : 0;}
.index_image.small_image dt.thumb {width : 39px;}
.index_image dt.thumb.plain {width : 80px;}
.index_image.small_image dt.thumb.plain {width : 37px;}
.index_image dt.thumb img {border : 1px solid #000;}
.index_image dt.thumb.plain img {border : none;}
li.block-item {margin-bottom : 2px; padding : 10px 15px; border : 1px solid #000;}
li.divider {margin-bottom : 1em; padding-bottom : 1em;}
.index_image dl.inline_title dt, .index_image dl.inline_title dd {display : inline;}
.index_image dl.inline_title dt {margin : 0 4px 0 0; padding-right : 10px;}
.index_image dl.inline_title dd {margin : 0 0.63em 0 0;}


/* =index_company
-----------------------------------------------*/
.index_company {margin : 0;}
.index_company li {float : left; width : 208px; margin-right : 30px; margin-bottom : 0.36em;}


/* =featured_list
-----------------------------------------------*/
.featured_list {margin : 0;}

.featured_list li {float : left; position : relative; width : 254px; margin-right : 2px; margin-bottom : 2px;}
.featured_list li.col-last {margin-right : 0;}
.featured_list dl {height : 100px; overflow : hidden; padding : 5px 10px; border : 1px solid #000;}
.featured_list dt, .featured_list dd {margin-right : 80px;}

/* TO DO : CHANGE TO USE CLEARFIX */
.featured_list dd:after {
display : block;
visibility : hidden;
height : 0;
clear : left;
content : ".";
}

.featured_list dt {margin-bottom : 0.2em;}
.featured_list dt.thumb {float : right; width : 80px; margin : -5px -10px 0 0;}
.featured_list dd img {float : left; margin-right : 0.63em;}
dd.button_link {position : absolute; right : 8px; bottom : 8px; margin-top : 0.36em;}

/* TO DO : CHANGE TO USE CLEARFIX */
dd.button_link:after {
display : block;
visibility : hidden;
height : 0;
clear : right;
content : ".";
}

dd.button_link span {float : right; display : block; padding : 1px 0 0 1px;}
dd.button_link span a {display : block; padding : 0.4em 0.7em 0.5em 0.6em;}

/* plain (no thumb) */
.featured_list li.plain dt, .featured_list li.plain dd {margin-right : 0;}
.featured_list li.plain dt.thumb {display : none;}


/* =qa (Question - Answer list)
-----------------------------------------------*/
dl.qa dt {margin : 1.36em 0 0.45em;}
dl.qa dd {margin-bottom : 2.63em;}
dl.qa p {margin-bottom : 1em;}


/* =headlines
-----------------------------------------------*/
.headlines {margin : 0 0 1.63em;}
.headlines li {margin-bottom : 0.63em; padding-bottom : 0.63em; border-bottom : 1px dashed #000;}
#col_ad .headlines li {padding-bottom : 0; border-bottom : none;}


/* =brand_strapline
-----------------------------------------------*/
#brand_strapline {width : 100%; padding : 0.36em 0; border-bottom : 1px solid #000;}


/* =brand_logo
-----------------------------------------------*/
#brand_logo {padding : 1.5em 0 2em;}


/* =nav_primary
-----------------------------------------------*/
#nav_primary {margin : 0 0 1.2em;}
#nav_primary li {display : block; margin-bottom : 1px; border : 1px solid #000;}
#nav_primary a {display : block; padding : 0.6em 0.6em 0.6em 26px;}
#nav_primary li.first_item {border : none; border-bottom : 1px solid #000;}
#nav_primary li.last_item {border : none; border-top : 1px solid #000;}


/* =nav_secondary
-----------------------------------------------*/
#nav_secondary {margin : 0 0 1.5em;}
#nav_secondary li {display : inline; margin : 0; padding : 0 0.9em; border-left : 1px solid #000;}
#nav_secondary li:first-child {border-left : none;}


/* =nav_az
-----------------------------------------------*/
.nav_az {margin : 0 0 2px; padding : 0.36em 1em; border : 1px solid #000;}
.nav_az li {display : inline; margin : 0 0.63em 0 0;}


/* =nav_pageIndex
-----------------------------------------------*/
div.nav_pageIndex {margin : 0.63em 0;}
div.nav_pageIndex ul {float : right;}
div.nav_pageIndex li {display : inline; margin-left : 0.63em;}


/* =nav_stepbystep
-----------------------------------------------*/
ol.nav_stepbystep li.active a {padding-right : 15px;}


/* =ad_banner
-----------------------------------------------*/
#ad_banner {position : absolute; top : 13px; right : 0;}


/* =supp_nav
-----------------------------------------------*/
#supp_nav {display : block; margin : 1.5em 0.5em; padding : 0.5em 0; border-top : 1px dashed #000; border-bottom : 1px dashed #000;}
#supp_nav ol {margin : 0;}
#supp_nav li {display : inline; margin : 0 0.5em;}