/* mac (safari) : animated gif hack (1st September 2006) ----- */
@import url('hack_mac_animatedgif.css');

/* global generic =========================================================== */

/* body ----- */
body {
	font: normal 100 0.8em arial,sans-serif; color: #333;
}
html, body {
	height: 100%;
}
blockquote { 
	font-size: 0.9em;
}

/* simple structural ----- */
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
.hide, .hidden {
	display: none !important;
}
.clearboth {
	clear: both;
}
.centerchildren, .centerchildren * {
	text-align: center; 
}
.nomargins {
	margin: 0 !important;
}
.clear:after {
	content: ".";
	display: block; 
	clear: both;
	visibility: hidden;
	height: 0;
}

/* headings : generic styles ----- */
#content h3 {
	font-size: 1.3em;
}

/* headings : with large left side arrows (primary-main) ----- */
#content #pri_content h2 {
	font-size: 1.5em;
}
#content h2.pinkarrow, #content h2.yellowarrow, 
#content h2.greenarrow, #content h2.bluearrow { 
	min-height: 35px;
	margin: 5px 0 0 0;
	padding: 0.4em 0 0 30px;
}
#content h2.pinkarrow {
	background: url(/library/images/v2/arrow_pink.gif) center left no-repeat; 
}
#content h2.yellowarrow {
	background: url(/library/images/v2/arrow_yellow.gif) center left no-repeat; 
}
#content h2.greenarrow {
	background: url(/library/images/v2/arrow_green.gif) center left no-repeat; 
}
#content h2.bluearrow {
	background: url(/library/images/v2/arrow_blue.gif) center left no-repeat; 
}

/* headings: coloured background with arrow (primary-main) ----- */
#content .title_color_bg {
	position: relative;
}
#content .title_color_bg h3 {
	margin: 0;
	padding: 0.3em 0 0.2em 40px;
	font-size: 2.0em;
}
#content .title_color_bg h4 {
	margin: 0;
	padding: 0 0 0.2em 40px;
	font-size: 1.2em;
	font-weight: 100;
	line-height: 0.6em;
}
#content .title_color_bg span.base {
	display: block;
	width: 100%;
	height: 5px;
	padding: 0 !important;
}
#content .title_color_bg a:hover {
	text-decoration: underline;
}
/* with a sticker */
#content .title_sticker {
	margin: 3em 0 2em 0;
}
#content .title_sticker .leftsticker {
	position: absolute;
	margin: 0;
	left: -30px;
	top: -24px;
}
#content .title_sticker .rightsticker {
	position: absolute;
	margin: 0;
	right: 20px;
	top: -24px;
}
/* red background */
#content .title_red_bg {
	background: url(/library/images/v2/bg_title_red_top.gif) top left no-repeat;
}
#content .title_red_bg a {
	color: #fff;
}
#content .title_red_bg .base {
	background: url(/library/images/v2/bg_title_red_bot.gif) top left no-repeat;
	background-color: #fff;
}
/* red background, easyread (narrower)*/
#content .title_red_bg_easy {
	background: url(/library/images/v2/bg_easytitle_red_top.gif) top left no-repeat;
}
#content .title_red_bg_easy a {
	color: #fff;
}
#content .title_red_bg_easy .base {
	background: url(/library/images/v2/bg_easytitle_red_bot.gif) top left no-repeat;
	background-color: #fff;
}
/* green background, easyread (narrower)*/
#content .title_green_bg_easy {
	background: url(/library/images/v2/bg_easytitle_green_top.gif) top left no-repeat;
}
#content .title_green_bg_easy a {
	color: #fff;
}
#content .title_green_bg_easy .base {
	background: url(/library/images/v2/bg_easytitle_green_bot.gif) top left no-repeat;
	background-color: #fff;
}

/* headings : secondary content section ----- */
#content #sec_content h2.sectiontitle {
	margin: 0;
}
#content #sec_content h3.sectiontitle {
	margin: 0 0 0 3px;
	font-size: 1em;
	font-weight: 100;
	color: #777;
}

/* images ----- */
img {
	border: none;
}
.imageleft {
	float: left;
	margin: 0 40px 0 0;
}
.imageright {
	float: right;
	margin: 0 0 0 40px;
}

/* links ----- */
a {
	text-decoration: none;
}

/* links : with coloured arrows ----- */
a.uparrow_orange_right {
	padding-right: 15px !important;
	background: url(/library/images/v2/arrow_up_orange_micro.gif) right 50% no-repeat;
}
a.uparrow_orange_up {
	padding-right: 15px !important;
	background: url(/library/images/v2/arrow_up_orange_micro.gif) right 50% no-repeat;
}
a.rightarrow_white_right {
	padding-right: 15px !important;
	background: url(/library/images/v2/arrow_right_white_micro.gif) right 50% no-repeat;
}
a.leftarrow_blue_left {
	padding-left: 15px !important;
	background: url(/library/images/v2/arrow_left_blue_micro.gif) left 50% no-repeat;
}

/* list fix  ----- */
ul.txtlst, ul.tick { 
	list-style: disc inside; 
	margin-left: 0; 
	padding-left: 1em; 
	text-indent: -1em;
}
ul.txtlst li, ul.tick li { 
	margin-bottom: 0.3em;
	color: #1059BD;
} 
ul.txtlst li span, ul.tick li span { 
	color: #333;
} 

/* definition list ----- */
dl.std {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}
dl.std dt {
	margin: 0 0 5px 0;
	font-weight: 800;
	color: #2c99d1;
}
dl.std dd {
	margin: 0 0 20px 0;
}

/* text ----- */
#content .highlight {
	color: #fff; padding: 0 2px;
	background-color: #df1453;
	font-weight: 800;
}
#content .pinkhighlight {
	color: #fff; padding: 0 2px;
	background-color: #de1251;
	font-weight: 800;
}
#content .para_labelarrow_orange {
	padding-left: 12px; 
	background: url(/library/images/v2/labelarrow_orange.gif) left 2px no-repeat;
}
#content .para_labelarrow_yellow {
	padding-left: 12px; 
	background: url(/library/images/v2/labelarrow_yellow.gif) left 2px no-repeat;
}
#content .para_labelarrow_green {
	padding-left: 12px; 
	background: url(/library/images/v2/labelarrow_green.gif) left 2px no-repeat;
}
#content .para_labelarrow_blue {
	padding-left: 12px; 
	background: url(/library/images/v2/labelarrow_blue.gif) left 2px no-repeat;
}

/* text size ----- */
.normal {
	font-weight: 100 !important;
	font-style: normal !important;
}
.biggertext {
	font-size: 1.4em !important; 
	font-weight: 800 !important;
}
.bigtext {
	font-size: 1.2em !important; 
	font-weight: 800 !important;
}
.smallertext {
	font-size: 0.5em !important; 
	font-weight: 800 !important;
}
.smalltext {
	font-size: 0.8em !important; 
	font-weight: 800 !important;
}

/* sIFR assist ============================================================== */
.sIFR-active .sIFR_white, 
.sIFR-active .sIFR_black, 
.sIFR-active .sIFR_purple, 
.sIFR-active .sIFR_red, 
.sIFR-active .sIFR_brightred, 
.sIFR-active .sIFR_orange, 
.sIFR-active .sIFR_darkorange, 
.sIFR-active .sIFR_lightyellow, 
.sIFR-active .sIFR_green, 
.sIFR-active .sIFR_lightgreen, 
.sIFR-active .sIFR_blue,
.sIFR-active .sIFR_darkblue, 
.sIFR-active .sIFR_lightblue,
.sIFR-active .sIFR_pink {
	font-family: arial,verdana,sans-serif;
	font-weight: 800;
	line-height: 1em;
}
.sIFR_white, 
.sIFR_black, 
.sIFR_purple, 
.sIFR_red, 
.sIFR_brightred, 
.sIFR_orange, 
.sIFR_darkorange, 
.sIFR_lightyellow, 
.sIFR_green, 
.sIFR_lightgreen, 
.sIFR_blue,
.sIFR_darkblue, 
.sIFR_lightblue,
.sIFR_pink {
	/* display: block; disabled until sIFR switched back on */
	_height: 1px; /* ie height / margin hack */
}
.sIFR_white { 
	color: #fff !important;
	font-size: 1.0em;
}
.sIFR_black {
	color: #000 !important;
	font-size: 1.0em;
}
.sIFR_purple {
	color: #5f3790 !important;
	font-size: 1.0em;
}
.sIFR_red {
	color: #bc0000 !important;
	font-size: 1.0em;
}
.sIFR_brightred {
	color: #ea0030 !important;
	font-size: 1.0em;
}
.sIFR_orange {
	color: #ffa202 !important;
	font-size: 1.0em;
}
.sIFR_darkorange {
	color: #ff6600 !important;
	font-size: 1.0em;
}
.sIFR_lightyellow {
	color: #fed36d !important;
	font-size: 1.0em;
}
.sIFR_green {
	color: #85b009 !important;
	font-size: 1.0em;
}
.sIFR_lightgreen {
	color: #c8dc95 !important;
	font-size: 1.0em;
}
.sIFR_blue {
	color: #2597d5 !important;
	font-size: 1.0em;
	margin: 5px 0 0 0;
}
.sIFR_darkblue {
	color: #015bb1 !important;
	font-size: 1.0em;
}
.sIFR_lightblue {
	color: #a8d6ee !important;
	font-size: 1.0em;
}
.sIFR_pink {
	color: #df1453 !important;
	font-size: 1.0em;
}

/* structural : content container =========================================== */
#content {
	position: relative;
	clear: both;
	width: 595px; /* enforce section width */
	margin: 0;
	padding: 0 0 0 18px !important;
	z-index: 1;
}

/* header  (full width, top of page) ----- */
#content #header {
	position: relative;
	width: 100%; 
	margin: 0; 
	z-index: 1;
}

/* primary content (2 column, typically upper half of page)  ----- */
#content #pri_content {
	width: 100%; 
	margin-top: 20px; 
	z-index: 1;
}
#content #pri_content:after { 
	display: block; 
	content: ".";
	height: 0pt; 
	clear: both; 
	color: #fff;
}
#content #pri_content #main {
	float: left; 
	clear: left; 
	width: 392px; 
	margin-right: 13px; 
	z-index: 1;
}
#content #pri_content #side {
	float: left; 
	clear: right; 
	z-index: 1;
	width: 177px; 
	margin: 0 0 0 13px;
}



#content #pri_content #div_side {
	float: right; 
	clear: right; 
	z-index: 1;
	width: 177px; 
	margin: 0 0 0 13px;
}




#content #pri_content .easyread {
	margin-left: 25px;
}
#content #pri_content .easyleftcol {
	float: left;
	clear: left;
	width: 265px;
	margin: 0 0 2em 0;
	padding: 0 20px 0 25px;
}
#content #pri_content .easyrightcol {
	float: left;
	clear: right;
	width: 265px;
	margin: 0 0 2em 0;
	padding: 0 0 0 20px;
}

/* split content (2 column [1.6/1 ratio], typically whole page) ----- */
#content #split_content {
	width: 100%; 
	z-index: 1;
}
#content #split_content:after { 
	display: block; 
	content: ".";
	height: 0pt; 
	clear: both; 
	color: #fff;
}
#content #split_content #main {
	float: left; 
	clear: left; 
	width: 350px; 
	margin-right: 13px; 
	z-index: 1;
}
#content #split_content #side {
	float: left; 
	clear: right; 
	z-index: 1;
	width: 210px; 
	margin: 0 0 0 13px;
}

/* secondary content (3 column, typically lower half of page)  ----- */
#content #sec_content {
	width: 100%; 
	margin-top: 20px; 
	z-index: 1;
	/* background: url(/library/images/v2/bg_sec_content.gif) 0px 10px repeat-y; */
}
#content #sec_content:after { 
	display: block; 
	content: "."; 
	height: 0pt; 
	clear: both; 
	color: #fff;
}
#content #sec_content #col_1 {
	float: left; 
	clear: left; 
	width: 171px; 
	margin: 5px 20px 0 0;
	z-index: 1;
}
#content #sec_content #col_2 {
	float: left;
	width: 172px;
	margin: 5px 20px 0 20px;
	z-index: 1;
}
#content #sec_content #col_3 {
	float: left; 
	clear: right;
	width: 171px; 
	margin: 5px 0 0 20px;
	z-index: 1;
}

/* secondary content twocols overrides [no L/R margins & stripe] ----- */
#content #sec_content.twocols {
	background: none;
	padding: 0 10px;
	width: 580px;
}
#content #sec_content.twocols a {
	text-decoration: underline;
}
#content #sec_content.twocols a:hover {
	text-decoration: none;
}
#content #sec_content.twocols #col_1 {
	width: 225px;
	margin: 5px 0 0 0;
}
#content #sec_content.twocols #col_2 {
	width: 315px;
	margin: 5px 0 0 0;
}
#content #sec_content.twocols #col_2 #emailsearch form {
	margin: 0;
	padding: 10px 0 0 55px;
	background: url(/library/images/v2/emailsearch_envelope.gif) no-repeat 0 100%;
	}
#content #sec_content.twocols #col_2 #emailsearch form h4 {
	color: #2597D5;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#content #sec_content.twocols #col_2 #emailsearch form p {
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	}
#content #sec_content.twocols #col_2 #emailsearch form input {
	width: 90px;
	vertical-align: middle;
	border: 1px solid #2597D5;
	padding: 3px 3px 4px;
	}
#content #sec_content.twocols #col_2 #emailsearch form input.btn {		
	width: 29px;
	border: 0;
	padding: 0;
	}

/* secondary content easyread overrides [no L/R margins & stripe] ----- */
#content #sec_content.easyread {
	/* background: none; */
}
#content #sec_content.easyread #col_1,
#content #sec_content.easyread #col_3 {
	width: 198px;
	margin: 5px 0 0 0;
}
#content #sec_content.easyread #col_2 {
	width: 199px;
	margin: 5px 0 0 0;
}

/* secondary content ultrawide easyread overrides [no L/R margins & stripe] ----- */
#ultrawide #content #sec_content.easyread {
	/* background: none; */
}
#ultrawide #content.index #sec_content.easyread {
	/* remove margins on homepage */
	margin: 0;
}
#ultrawide #content #sec_content.easyread #col_1,
#ultrawide #content #sec_content.easyread #col_3 {
	width: 248px;
	margin: 5px 0 0 0;
}
#ultrawide #content #sec_content.easyread #col_2 {
	width: 250px;
	margin: 5px 0 0 0;
}

/* skyscraper bar  ----- */
#content #skyscraper {
	/* positioned from top left corner of #header */
	position: absolute;
	top: 0px;
	left: 616px;
	width: 128px;
	margin: 0;
	padding: 0;
	z-index: 1;
	text-align: center;
}
a#togbutton { 
	 color: #666;
	 font-size: 0.8em;
	 text-decoration: underline;
}	

/* footer  ----- */
#content #footer {
	width: 100%;
	margin: 20px 0 0 0; 
	z-index: 1;
}

/* structural : ultrawide surround (overrides) ============================== */
#ultrawide #content {
	width: 746px; /* full width page */
}
#ultrawide #content #pri_content #main {
	width: 487px; /* wider main content column */
}
#ultrawide #content #pri_content #side {
	width: 233px; /* wider side column */
}

/* structural : single (wider) content column (595px) ======================= */
#content #pri_content #main.wide {
	width: 595px; /* full width content column */
	margin: 0; /* remove right hand margin - no column gutters */
}

/* structural : left aligned side column (overrides) ======================== */
#content .news #pri_content #main {
	float: right;
	clear: right;
	margin: 0 0 0 13px;
}

#content .news #pri_content #side {
	float: right;
	clear: left;
	margin: 0 13px 0 0;
}

/* header: standard (full width) ============================================ */
#content #header {
	position: relative;
	margin-top: 0;
	padding-top: 0;
	z-index: 1;
}
#content #header h1 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 2.7em;
	color: #fff;
}
#content #header h2 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1.8em;
}
#content #header .header_image_1 {
	position: absolute;
	z-index: 2;
}

/* header: basic ============================================================ */
#basic_header {

}
#basic_header h1 {
	margin: 0 0 1em 0;
	font-size: 2em;
}

/* header: mini (with arrow) ================================================ */
#content #mini_header {
	display: block;
	clear: both;
	margin-top: 0;
	padding-top: 0;
	background-position: left 0px !important; /* for coloured arrow */
	font-size: 2.0em;
}

/* breadcrumbs ============================================================== */
/* for standard header */
#header #breadcrumbs {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 109px;
	left: 20px;
	font: normal 100 0.89em arial,sans-serif;
	z-index: 2;
}
/* for basic header */
#basic_header #breadcrumbs {
	padding: 0;
	margin: 0 0 0.5em 0;
	font: normal 100 0.89em arial,sans-serif;
	z-index: 2;
}
/* for mini header */
#breadcrumbs.minicrumbs {
	position: relative;
	top: -1.1em;
	_top: 0;
	clear: both;
	margin: 0;
	padding: 0;
	left: 33px;
	font-size: 0.89em;
}
/* continue */
#breadcrumbs a {
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}
/* #breadcrumbs id selector specified apart from #header/#split_header -> ie6 non-rendering issue */
/* blue */
#header .blue, #split_header .blue, 
#breadcrumbs.blue {
	color: #18658d; /* dark */
}
#breadcrumbs.blue a {
	color: #2597d5 !important;
}
/* green */
#header .green, #split_header .green, 
#breadcrumbs.green {
	color: #617715; /* dark */
}
#breadcrumbs.green a {
	color: #94b621 !important;
}
/* orange */
#header .orange, #split_header .orange, 
#breadcrumbs.orange {
	color: #9e6905; /* dark */
}
#breadcrumbs.orange a {
	color: #f4a009 !important;
}
/* pink */
#header .pink, #split_header .pink, 
#breadcrumbs.pink {
	color: #af1040; /* dark */
}
#breadcrumbs.pink a {
	color: #df1453 !important;
}

/* footer =================================================================== */
#content #footer .backtotop {
	display: block;
	padding: 0 10px 0 0;
	color: #ffffff;
	font-size: 0.89em;
	text-decoration: none;
	background: url(/images/backtotop.gif) top right no-repeat;
	text-align: right;
	height: 15px;
}
#content #footer .backtotop:hover {
	text-decoration: underline;
}

/* generic components ======================================================= */

/* easyread 3-step panel (primary-main) ----- */
#content .panel_easyread_3step { 
	width: 100%; 
	margin-bottom: 10px;
}
#content .panel_easyread_3step .top { 
	width: 100%; 
	height: 7px; 
	line-height: 7px;
}
#content .panel_easyread_3step .step1 { 
	float: left; 
	width: 112px; 
	margin-right: 16px;
}
#content .panel_easyread_3step .step2 { 
	float: left; 
	width: 112px; 
	margin-right: 14px;
}
#content .panel_easyread_3step .step3 { 
	float: left; 
	width: 112px;
}
#content .panel_easyread_3step * h2 { 
	font-size: 1.4em; 
	margin: 0 0 0 7px;
}
#content .panel_easyread_3step * p { 
	font-size: 0.9em; 
	margin: 5px 15px 10px 7px;
}
#content .panel_easyread_3step * a { 
    color: #fff !important;
	font-weight: 800;
}
#content .panel_easyread_3step:after { 
	display: block;
	content: ".";  
	height: 0pt; 
	clear: both; 
	color: #fff;
}
/* orange */
#content .panel_3step_yellow { 
	color: #fff; 
	background: url(/library/images/v2/bg_easyread3step_bot_yellow.gif) bottom left no-repeat;
}
#content .panel_3step_yellow .top {
	background: url(/library/images/v2/bg_easyread3step_top_yellow.gif) bottom left no-repeat;
}
/* green */
#content .panel_3step_green { 
	color: #fff; 
	background: url(/library/images/v2/bg_easyread3step_bot_green.gif) bottom left no-repeat;
}
#content .panel_3step_green .top {
	background: url(/library/images/v2/bg_easyread3step_top_green.gif) bottom left no-repeat;
}

/* simple feature panel (with icon) ----- */
#content .panel_feature {
	width: 100%;
	margin: 2em 0 1em 0;
}
#content .panel_feature:after {
	display: block; 
	content: ".";  
	height: 0pt; 
	clear: both; 
	color: #fff;
}
#content .panel_feature div {
	margin-left: 100px;	
}	
#content .panel_feature img {
	float: left;
	clear: both;
	margin-right: 10px;
}
#content .panel_feature h4 {
	margin: 0;
	font-size: 1.2em;
	color: #85b009; /* green */
}
#content .panel_feature h5 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 0.89em;
	font-weight: 100;
}
#content .panel_feature p {
	margin: 3px 0 0 0;
}
#content .panel_feature .button {
	display: block;
	float: right;
	margin: 5px 0 0 0;
}

/* simple news post / info panel (with dotted bottom border) ----- */
#content .post h2 {
	margin: 0;
	font-size: 1.5em !important;
}
#content .post h2 .flash {
	float: left;
	margin-right: 5px;
	background-color: #CC3300;
}
#content .post h3 {
	margin: 0;
	font-size: 0.89em;
	font-weight: 100;
	color: #999;
}
#content .post p {
	margin: 1em 0 1em 0;
}
#content .post .backtotop {
	float: right;
	clear: both;
	margin: 0 0 0.5em 0;
	font-size: 0.89em;
	color: #777 !important;
}
#content .post .dotted_seperator {
	display: block;
	width: 100%;
	height: 4px;
	margin-bottom: 20px;
	line-height: 4px;
	background: url(/library/images/v2/separator_h_lightorange_mini.gif) 1% bottom repeat-x;
}

/* image pullout + caption (primary-main) ----- */
#content .image_pullout { 
	float: right;
	margin: 0 0 10px 5px;
}
#content .image_pullout p { 
	margin-top: 3px;
	font-size: 0.89em;
}

/* list: 123 logo based ----- */
#sec_content .ott_logolist {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sec_content .ott_logolist li {
	padding: 15px 0 0 85px;
	min-height: 60px;
	_height: 60px; /* Hack - for IE6 */
}
#sec_content .ott_logolist .one {
	background: url(/library/images/v2/webworx/icon_123logo_1.gif) top left no-repeat;
}
#sec_content .ott_logolist .two {
	background: url(/library/images/v2/webworx/icon_123logo_2.gif) top left no-repeat;
}
#sec_content .ott_logolist .three {
	background: url(/library/images/v2/webworx/icon_123logo_3.gif) top left no-repeat;
}

/* list: picture bullet styled (everywhere) ----- */

/* list: free lozenge */
#content ul.lozenge { 
	margin: 0 0 0 10px;
	list-style: none; 
	font-size: 0.89em;
}
#content ul.lozenge li {
	margin-top: 5px;
	padding: 0 0 0 45px; 
	min-height: 18px;
	background: url(/library/images/v2/button_free_red_small.gif) top left no-repeat;
}
#content ul.lozenge a {
	color: #777;
	text-decoration: underline;
}
#content ul.lozenge a:hover {
	text-decoration: none;
}	

/* list: simple arrows */

ul.squarered, ul.simplered, ul.simpleorange,
ul.simpleyellow, ul.simplegreen, ul.simpleblue {
	width: 90%;
	margin: 0 0 0 10px; 
	padding: 0;
	list-style: none; 
	font-size: 0.89em;
}


ul.squarered_normal, ul.simplered_normal, ul.simpleorange_normal,
ul.simpleyellow_normal, ul.simplegreen_normal, ul.simpleblue_normal {
	/* font-size: 1em; */
}
ul.squarered li, ul.simplered li, ul.simpleorange li, 
ul.simpleyellow li, ul.simplegreen li, ul.simpleblue li {
	padding: 0 0 0 15px !important;
	line-height: 1.6em;
}
ul.simplered li {
	background: url(/library/images/v2/arrow_right_red_micro.gif) left 4px no-repeat;
}
ul.squarered li {
	background: url(/library/images/v2/square_brightred.gif) left 4px no-repeat;
}
ul.simpleorange li {
	background: url(/library/images/v2/arrow_right_orange_micro.gif) left 4px no-repeat;
}
ul.simpleyellow li {
	background: url(/library/images/v2/arrow_right_yellow_micro.gif) left 4px no-repeat;
}
ul.simplegreen li {
	background: url(/library/images/v2/arrow_right_green_micro.gif) left 4px no-repeat;
}
ul.simpleblue li {
	background: url(/images/blue_dot.gif) left 4px no-repeat; 
}

/*images top - email and skype*/

.top_img {vertical-align: text-bottom;}


/*blue square*/
.button-signup {font-weight:800;background:url(images/button_signup.gif) bottom left no-repeat;cursor:pointer}
.button-signup div{padding-left:55px; color:#ffffff; text-decoration:none}
.button-signup2 {font-weight:800;background:url(images/button_signup.gif) top left no-repeat;cursor:pointer}
.button-signup2 div{padding-left:55px; color:#ffffff; text-decoration:none}

.button-sample {font-weight:800;background:url(images/button_sample.gif) bottom left no-repeat;cursor:pointer}
.button-sample div{padding-left:55px; color:#ffffff; text-decoration:none}
.button-sample2 {font-weight:800;background:url(images/button_sample.gif) top left no-repeat;cursor:pointer}
.button-sample2 div{padding-left:55px; color:#ffffff; text-decoration:none}



.link_black {color:#333333 !important;text-decoration:none}
.link_black a{color:#333333 !important;text-decoration:underline}
.link_black a:hover{text-decoration:none !important}

.link_black2 {color:#333333;text-decoration:underline;}
.link_black2 a{color:#333333;text-decoration:underline;}
.link_black2 a:hover{text-decoration:none;}

/* list: truncated arrows */
ul.miniarrow {
	width: 90%;
	margin: 0 0 0 10px; 
	padding: 0;
	list-style: none; 
	font-size: 0.89em;
}
ul.miniarrow li {
	padding: 0 0 0 15px !important;
	line-height: 1.6em;
}
ul.miniarrow li {
	background: url(/library/images/v2/arrow_right_blue_truncated.gif) left 4px no-repeat; 
}
ul.miniarrow_pink li {
	background: url(/library/images/v2/arrow_right_pink_truncated.gif) left 4px no-repeat; 
}
ul.miniarrow_green li {
	background: url(/library/images/v2/arrow_right_green_truncated.gif) left 4px no-repeat; 
}
ul.miniarrow_blue li {
	background: url(/library/images/v2/arrow_right_blue_truncated.gif) left 4px no-repeat; 
}


/* list: ticks */
#content ul.tick {
	margin: 0;
	padding: 0;
	list-style: none outside;
	text-indent: 0px;
}
#content ul.tick li {
	position: relative;
	margin: 0;
	padding: 0 0 0.4em 20px; 
	font-size: 0.95em;
	background: url(/library/images/v2/tick_red.gif) left 4px no-repeat;
}
#content ul.tick span { 
	/* unused, placeholder only */ 
} 
#content ul.pinktick li {
	background: url(/library/images/v2/tick_pink.gif) left 4px no-repeat;
}
#content ul.orangetick li {
	background: url(/library/images/v2/tick_orange.gif) left 4px no-repeat;
}
#content ul.greentick li {
	background: url(/library/images/v2/tick_green.gif) left 4px no-repeat;
}
#content ul.bluetick li {
	background: url(/library/images/v2/tick_blue.gif) left 4px no-repeat;
}
#content ul.redplaintick li {
	background: url(/library/images/v2/tick_plain_red.gif) left 4px no-repeat;
}
#content ul.pinkplaintick li {
	background: url(/library/images/v2/tick_plain_pink.gif) left 4px no-repeat;
}
#content ul.whiteplaintick li {
	background: url(/library/images/v2/tick_plain_white.gif) left 4px no-repeat;
}

/* list: big ticks */
#content ul.bigtick {
	margin: 0;
	padding: 0;
	list-style: none outside;
	text-indent: 0px;
}
#content ul.bigtick li {
	position: relative;
	margin: 0;
	padding: 0 0 0.8em 30px; 
	font-size: 0.95em;
	background: url(/library/images/v2/tick_large_grey.gif) left top no-repeat;
}
#content ul.bigpinktick li {
	background: url(/library/images/v2/tick_large_pink.gif) left top no-repeat;
}
#content ul.biggreentick li {
	background: url(/library/images/v2/tick_large_green.gif) left top no-repeat;
}
#content ul.bigbluetick li {
	background: url(/library/images/v2/tick_large_blue.gif) left top no-repeat;
}

/* list: large icons */
#content ul.icon {
	margin: 0;
	padding: 0;
	list-style: none outside;
	text-indent: 0px;
}
#content ul.icon li {
	position: relative;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 0 0.4em 40px; 
	font-size: 0.95em;
}
#content ul.icon span { 
	/* unused, placeholder only */ 
} 
#content ul.icon_book li {
	background: url(/library/images/v2/icon_list_book_aliasblue.gif) left 4px no-repeat;
}

/* numeric list */
#content ul.numeric {
	margin: 2em 0 2em 0;
	padding-left: 1em;
	list-style: none;
}
#content ul.numeric li span {
	display: block;
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 0.5em 0 0;
	padding: 1px 0 0 0;
	text-align: center;
	color: #fff;
	font-weight: 800;
	background: url(/library/images/v2/roundel_blue_20x20.gif) left top no-repeat;
}
#content ul.numeric li {
	clear: both;
	margin: 0 0 0.8em 0;
}

/* small numeric list (overrides numeric) */
#content ul.numeric_small li {
	font-size: 0.89em;
}
#content ul.numeric_small li span {
	width: 18px;
	height: 18px;
	padding: 2px 0 0 0;
	background: url(/library/images/v2/roundel_blue_18x18.gif) left top no-repeat;
}
#content ul.numeric_small li span.highlight {
	background: url(/library/images/v2/roundel_pink_18x18.gif) left top no-repeat;
}

/* dotted horizontal break (full width) ----- */
#content .hozr {
	display: block;
	width: 100%;
	height: 10px;
	margin: 0 0 1em 0;
}
#content .hozr hr { 
	display: none;
}

/* orange */
#content .hozr_orange {
	background: url(/library/images/v2/hr_orange.gif) bottom left repeat-x;
}

/* green */
#content .hozr_green {
	background: url(/library/images/v2/hr_green.gif) bottom left repeat-x;
}

/* blue */
#content .hozr_blue {
	background: url(/library/images/v2/hr_blue.gif) bottom left repeat-x;
}

/* blue dash */
#content .hozr_bluedash {
	background: url(/library/images/v2/hr_bluedash.gif) bottom left repeat-x;
}

/* buttons (everywhere) ----- */
a.capsule { 
	display: block;
	float: right;
	clear: both;
	margin: 0 5px 0 0;
	width: 60px;
	height: 19px;
	text-indent: -1000em;
	background: url(/library/images/v2/button_more_med.gif) top right no-repeat;
}

/* ticks (everywhere) ----- */
#content span.large_tick {
	display: block;
	width: 25px; 
	height: 16px;
	text-indent: -9999px;
	background: url(/library/images/v2/tick_large_green.gif) top left no-repeat;
}
#content span.tick {
	display: block;
	width: 100%; /* expand container */
	height: 9px;
	text-indent: -9999px;
	background: url(/library/images/v2/tick_green.gif) 50% top no-repeat;
}

/* badges (primary-side) ----- */
#content .badge {
	display: block;
	margin: 0 0 1.3em 0;
}

/* subtle link list pod [pod format, dkgrey, dashed under] (overrides) ----- */
#content .pod_subtlelinklist ul {
	width: 160px;
	margin: 0;
}
#content .pod_subtlelinklist li {
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
#content .pod_subtlelinklist a {
	color: #333 !important;
	border-bottom: 1px dashed #D88E07;
	text-decoration: none !important;
}
#content .pod_subtlelinklist a:hover {
	border-bottom: none;
}

/* star disclaimer ----- */
.disclaimer {
	clear: both;
	margin: 0.5em 0 0 0 !important;
	padding: 0 0 0 30px;
	font-size: 0.89em;
	line-height: 2.7em;
	background: url(/library/images/v2/roundel_star_blue.gif) left 2px no-repeat;
}
.disclaimer_long {
	padding-top: 0.8em;
	line-height: normal;
}
.disclaimer a {
	color: #2597d5;
	text-decoration: underline;
}
.disclaimer a:hover {
	text-decoration: none;
}

/* usp blocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* usp block : generic (everywhere) ----- */
#content .block_usp { 
	width: 100%;
}
#content .block_usp * { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
#content .block_usp h3 {
	margin: 3px 0 1px 0; 
	/* color: #2597d5; */
	vertical-align: middle;
	line-height: 1.1em;
	/* note - font size is now globally controlled for all body h3's */
}
#content .block_usp h4 { 
	font-size: 1.1em; 
}
#content .block_usp p { 
	margin: 5px 0 5px 0; 
	line-height: 1.5em; 
	font-size: 0.89em; 
	text-align: justify; 
}
#content .block_usp a { 
	display: block;
	float: right;
	clear: both;
	margin: 5px 5px 10px 0;
	width: 60px;
	height: 19px;
	font-size: 0.89em;
	background: url(/library/images/v2/button_more_med.gif) top right no-repeat;
}
#content .block_usp a.plain {
	float: none;
	width: 100%;
	margin: 5px 0 0 0;
	text-align: left;
	text-decoration: underline;
	color: #2597D5;
	background: none;
}
#content .block_usp a.green {
	width: 62px; height: 20px;
	background: url(/library/images/v2/more_green.gif) top right no-repeat;
}
#content .block_usp a.yellow {
	width: 62px; height: 20px;
	background: url(/library/images/v2/more_orange.gif) top right no-repeat;
}
#content .block_usp a.plain:hover {
	text-decoration: none;
}
#content .block_usp img { 
	margin: 0 4px;
}

/* usp block : free star (everywhere) ----- */
#content .block_starusp { 
	width: 100%;
}
#content .block_starusp * { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}
#content .block_starusp h3 {
	height: 48px; 
	margin: 3px 0 10px 0; 
	padding: 0 0 0 53px;
	color: #bc0000; 
	font-size: 1.2em; 
	vertical-align: middle; 
	line-height: 1.2em;
	background: url(/library/images/v2/star_free_small.gif) top left no-repeat; 
}
#content .block_starusp h3 img { 
	margin: 0 5px 0 0; 
}

/* usp block : primary-side overrides ----- */
#content #side .block_usp {
	margin: 20px 0 0 0;
	text-align: center;
}
#content #side .block_usp h3, 
#content #side .block_usp h4, 
#content #side .block_usp h5, 
#content #side .block_usp p,
#content #side .block_usp li {
	text-align: left;
}
#content #side .block_usp h3 {
	margin: 0;
	font-size: 1.1em;
}
#content #side .block_usp h4 {
	margin: 0;
	font-size: 0.9em;
	font-weight: 100;
	color: #2597d5;
}	
#content #side .block_usp p {
	margin: 0;
	font-size: 0.89em;
}
#content #side .block_usp ul.lozenge {
	position: relative;
	left: -10px;
}

/* usp block : want-more (primary-side) ----- */
#content #side #wantmore.block_usp a {
	/* color: #2597d5; */
}

/* usp block : single big character (everywhere) ----- */
#content .block_bigcharusp {
	position: relative;
	width: 100%;
	padding-top: 60px;
}
#content .block_bigcharusp span {
	display: block;
	position: absolute;
	top: 0px;
	left: 8px;
	width: 1em;
	font-size: 3.8em;
	font-weight: 800;
}
#content .block_bigcharusp h3 {
	position: absolute;
	top: 12px;
	left: 40px;
	margin: 0;
	font-size: 1.0em;
}
#content .block_bigcharusp h4 {
	position: absolute;
	top: 30px;
	left: 40px;
	margin: 0;
	font-size: 0.89em;
	font-weight: 100;
}
#content .block_bigcharusp p {
	margin: 0;
	padding:0 10px 0.3em 10px;
	font-size: 0.89em;
	line-height: 1.5em;
}
#content .block_bigcharusp ul {
	width: 165px !important;
	padding-left: 10px !important;
}
#content .block_bigcharusp a {
	display: block;
	margin: 2px 0 0 0;
	padding:0 10px 1em 10px;
	font-size: 0.89em;
	color: #777;
	text-decoration: underline;
}
#content .block_bigcharusp img {
	margin: 0 8px;
}
#content .block_bigcharusp a:hover {
	text-decoration: none;
}

/* colour backgrounds for 3-column content (#sec_content) ----- */
/* orange */
#content #sec_content .threecol_orangebg {
	background: url(/library/images/v2/bg_lightorange_198pxw_top.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_orangebg {
	background: url(/library/images/v2/bg_lightorange_248pxw_top.gif) top left no-repeat;
}
#content #sec_content .threecol_orangebg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightorange_198pxw_bot.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_orangebg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightorange_248pxw_bot.gif) top left no-repeat;
}
/* green */
#content #sec_content .threecol_greenbg {
	background: url(/library/images/v2/bg_lightgreen_198pxw_top.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_greenbg {
	background: url(/library/images/v2/bg_lightgreen_248pxw_top.gif) top left no-repeat;
}
#content #sec_content .threecol_greenbg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightgreen_198pxw_bot.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_greenbg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightgreen_248pxw_bot.gif) top left no-repeat;
}
/* blue */
#content #sec_content .threecol_bluebg {
	background: url(/library/images/v2/bg_lightblue_198pxw_top.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_bluebg {
	background: url(/library/images/v2/bg_lightblue_248pxw_top.gif) top left no-repeat;
}
#content #sec_content .threecol_bluebg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightblue_198pxw_bot.gif) top left no-repeat;
}
#ultrawide #content #sec_content .threecol_bluebg .threecol_footerbg {
	background: url(/library/images/v2/bg_lightblue_248pxw_bot.gif) top left no-repeat;
}
/* footer */
#content #sec_content .threecol_footerbg {
	height: 10px;
	line-height: 10px;
}

/* info pods, bordered + solid  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* info pod with border [default] (everywhere) ----- */
.pod_genericinfo {
	position: relative;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 0.9em;
}
.pod_genericinfo .top {
	height: 7px; 
	border: 0; 
	margin: 0; 
	padding: 0;
	background: url(/library/images/v2/red_tm.gif) top left repeat-x; 
}
.pod_genericinfo .top .left,
.pod_genericinfo .bot .left {
	width: 7px; 
	float: left;
}
.pod_genericinfo .mid {
	margin: 0;
	padding: 10px 10px 0 10px;
	border-left: 3px solid #DC004F; /* default red */
	border-right: 3px solid #DC004F; /* default red */
}
.pod_genericinfo .bot {
	height: 7px;
	border: 0;
	margin: 0; 
	padding: 0;
	background: url(/library/images/v2/red_bm.gif) bottom left repeat-x; /* default red */
}
.pod_genericinfo .top .right,
.pod_genericinfo .bot .right {
	width: 7px;
	float: right;
}
.pod_genericinfo .mid ul {
	/* fix for list margins */
	margin-top: 5px;
	margin-bottom: 0;
	border: 1px solid #fff;
}
.pod_genericinfo .mid ul a {
	color: #333;
	text-decoration: underline;
}
.pod_genericinfo .mid ul a:hover {
	text-decoration: none;
}
.pod_genericinfo a.button {
	display: block;
	margin: 10px 0 0 70px;
}

/* info pod with border : blue */
.pod_genericblue .top { 
	background: url(/library/images/v2/blue_tm.gif) top left repeat-x;
}
.pod_genericblue .mid {
	border-left: 3px solid #2597d5;
	border-right: 3px solid #2597d5;
}
.pod_genericblue .bot { 
	background: url(/library/images/v2/blue_bm.gif) bottom left repeat-x;
}

/* info pod with border : light blue */
.pod_genericlightblue .top { 
	background: url(/library/images/v2/bg_lightblueborderpod_tm.gif) top left repeat-x;
}
.pod_genericlightblue .mid {
	border-left: 3px solid #d5ebf8;
	border-right: 3px solid #d5ebf8;
}
.pod_genericlightblue .bot { 
	background: url(/library/images/v2/bg_lightblueborderpod_bm.gif) bottom left repeat-x;
}

/* info pod with border : orange */
.pod_genericorange .top { 
	background: url(/library/images/v2/orange_tm.gif) top left repeat-x;
}
.pod_genericorange .mid {
	border-left: 3px solid #f5ae2e;
	border-right: 3px solid #f5ae2e;
}
.pod_genericorange .bot { 
	background: url(/library/images/v2/orange_bm.gif) bottom left repeat-x;
}

/* info pod with solid background [15px corners] (everywhere) ----- */
.pod_genericinfo_solid {
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}
.pod_genericinfo_solid .top {
	height: 15px;
	border: 0; 
	margin: 0;
	padding: 0;
}
.pod_genericinfo_solid .bot {
	height: 15px;
	border: 0; 
	margin: 0; 
	padding: 0;
}
.pod_genericinfo_solid .top .left, .pod_genericinfo_solid .bot .left {
	width: 15px; 
	float: left;
}
.pod_genericinfo_solid .top .right, .pod_genericinfo_solid .bot .right {
	width: 15px;
	float: right;
}
.pod_genericinfo_solid .mid {
	padding: 0 10px 0 10px;
}
.pod_genericinfo_solid .mid h2, 
.pod_genericinfo_solid .mid h3 {
	position: relative;
	top: -5px;
	margin: 0 0 5px 0;
}
.pod_genericinfo_solid .mid h4 {
	margin: 5px 0;
	font-size: 1.1em;
}
.pod_genericinfo_solid .mid p {
	margin: 0 0 5px 0;
}
/* info pod with solid background : pink */
.pod_pinksolidbg {
	background-color: #cc2e51;
}
/* info pod with solid background : red */
.pod_redsolidbg {
	background-color: #b71918;
}
/* info pod with solid background : light-pink */
.pod_lightpinksolidbg {
	background-color: #fad0de;
}
/* info pod with solid background : med-orange */
.pod_medorangesolidbg {
	background-color: #fad28b;
}
/* info pod with solid background : light-orange */
.pod_lightorangesolidbg {
	background-color: #ffe1ab;
}
/* info pod with solid background : very-light-orange */
.pod_vlightorangesolidbg {
	background-color: #feefe0;
}
/* info pod with solid background : light-green */
.pod_lightgreensolidbg {
	background-color: #d9ee9f;
	color: #000;
}
/* info pod with solid background : very-light-green */
.pod_vlightgreensolidbg {
	background-color: #ecf6cf;
	color: #000;
}
/* info pod with solid background : light-blue */
.pod_lightbluesolidbg {
	background-color: #d5ebf8;
	color: #000;
}
/* info pod with solid background : med-blue */
.pod_medbluesolidbg {
	background-color: #bde0f2;
	color: #000;
}
/* info pod with solid background : dark-blue */
.pod_darkbluesolidbg {
	background-color: #2597d5;
	color: #fff;
}
/* info pod with faded background : orange */
.pod_orangefadebg {
	background: url(/library/images/v2/bg_orangefadepod_main.gif) top left no-repeat #fad083;
	color: #000;
}
/* info pod with faded background : green (style 1) */
.pod_greenfadebg {
	background: #87b009 url(/library/images/v2/shade_vert_green.gif) top left repeat-x;
	color: #fff;
}
/* info pod with faded background : green (style 2) */
.pod_greentopfadedbg {
	background: url(/library/images/v2/bg_topfade_green.gif) top left repeat-x #99cf29;
	color: #fff;
}
/* info pod with faded background : orange */
.pod_orangetopfadedbg {
	background: url(/library/images/v2/bg_topfade_orange.gif) top left repeat-x #ff9e0c;
	color: #fff;
}
/* info pod with faded background : blue */
.pod_bluetopfadedbg {
	background: url(/library/images/v2/bg_topfade_blue.gif) top left repeat-x #2597d5;
	color: #fff;
}

/* standard status/support titled pod pod (extends infopod) ----- */
.titledpod {
	margin-bottom: 15px;
}
.titledpod .top {
	height: 28px;
}
.titledpod .top .right, 
.titledpod .bot .right {
	right: 0 !important; /* reset previous IE hack */
}
.titledpod .mid {
	margin: 0 0 0 3px;
	padding: 0;
	color: #000;
}
#ultrawide #pri_content #main .titledpod .mid {
	/* modify pod width for ultrawide primary main content placement */
	width: 481px;
}
#ultrawide #pri_content #side .titledpod .mid {
	/* modify pod width for ultrawide primary side content placement */
	width: 171px;
}
#pri_content #main .titledpod .mid {
	/* modify pod width for primary main content placement */
	width: 386px;
}
#pri_content #side .titledpod .mid {
	/* modify pod width for primary side content placement */
	width: 171px;
}
.titledpod .bot {
	position: relative;
}
.titledpod .bot .centre {
	display: block;
	position: absolute;
	left: 15px;
	height: 12px;
	line-height: 11px;
	background-color: #fff;
}
#ultrawide #pri_content #main .titledpod .bot .centre {
	/* modify pod width for ultrawide primary main content placement */
	width: 460px;
}
#ultrawide #pri_content #side .titledpod .bot .centre {
	/* modify pod width for ultrawide primary side content placement */
	width: 151px;
}
#pri_content #main .titledpod .bot .centre {
	/* modify pod width for primary main content placement */
	width: 365px;
}
#pri_content #side .titledpod .bot .centre {
	/* modify pod width for primary side content placement */
	width: 151px;
}
.titledpod .titledpod_header h3 {
	position: absolute;
	top: 6px;
	left: 9px;
	font-size: 0.9em;
	color: #fff !important;
}
.titledpod .titledpod_body {
	margin: 0;
	padding: 0 5px;
	background-color: #fff;
}

/* ui alerts  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* form waiting animation (basic formatting for up to 8 per page) ----- */
#wait_display_1,
#wait_display_2,
#wait_display_3,
#wait_display_4,
#wait_display_5,
#wait_display_6,
#wait_display_7,
#wait_display_8 {
	display: none;
	height: 16px;
	padding-right: 45px !important;
	font-weight: 800 !important;
	font-size: 0.9em !important;
	color: #333 !important;
	background: url(/library/animations/3box_incremental_wait.gif) right 50% no-repeat;
}

/* productiser ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* structural ----- */
/* Widths:
	2 col width (pri-content):	col1,col2 = 188px
	3 col width (sec-content):	col1,col2,col3 = 197px
	3 col width (ultra-wide):	col1,col2,col3 = 245px
	4 col width (sec-content): 	col1 = 160px / col2,col3,col4 = 142px	
	4 col width (ultra-wide): 	col1 = 260px / col2,col3,col4 = 159px
*/
#productiser {
	clear: both;
	font-size: 1em !important; /* initial font size */
}
#productiser:after {
	content: ".";
	display: block;
	clear: both;
	color: #fff;
	height: 0;
}
#productiser .features {
	float: left;
	clear: left;
	width: 260px; /* default (4 col, full) */
}
#productiser .overview {
	float: left;
	width: 159px; /* default (4 col, full) */
	margin-right: 1px;
}
#productiser .minicomp {
	float: left;
	width: 245px; /* default (3 col, full) */
	margin-right: 1px;
}
#productiser .description {
	width: 160px !important; /* default (4 col, presales) */
}
#productiser .compare {
	float: left;
	width: 142px; /* default (4 col, presales) */
}
#productiser .simple {
	float: left;
	width: 188px; /* default (3 col, full) */
	margin-right: 5px;
}
#productiser .col1 { }
#productiser .col2 { }
#productiser .col3 { }
#productiser .col4 { }

/* generic ----- */
#productiser ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#productiser li {
	position: relative;
}
/* top corners */
#productiser .tl {
	float: left;
}
#productiser .tr {
	float: right;
}
/* bottom corners */
#productiser .bl {
	float: left;
}
#productiser .br {
	float: right;
}
/* subtitles */
#productiser h4.subtitle,
#productiser li.subtitle {
	height: 28px;
	line-height: 28px;
	font-size: 1.1em;
}
/* items */
#productiser .feat,
#productiser .subfeat {
	height: 2em;
	padding-top: 0.5em;
	font-size: 1em;
}

/* head [row] ----- */
#productiser .head {
	height: 120px;
}
#productiser .head h3 {
	clear: both;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 1.6em;
}
#productiser .head h4 {
	clear: both;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.89em;
	font-weight: 100;
	color: #fff;
}
#productiser .head a {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 0.89em;
	text-decoration: underline;
}
#productiser .head a span {
	display: block;
	font-size: 0.6em;
	font-weight: 100;
}
#productiser .head a:hover {
	text-decoration: none;
}
/* prices */
#productiser .head dl {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}
/* monthly info */
#productiser .head .monthly dt {
	margin: 0;
	font-size: 0.9em;
	font-weight: 800;
}
#productiser .head .monthly dd {
	position: relative;
	margin: 0;
}
#productiser .head .monthly dd .price {
	font-size: 1.5em;
	font-weight: 800;
}
#productiser .head .monthly dd em {
	font-style: normal;
	font-size: 1.5em;
}
#productiser .head .monthly dd .period {
	font-size: 0.89em;
}
/* yearly info, dl style */
#productiser .head dl.yearly {
	margin: 0;
	paddin: 0;
}
#productiser .head dl.yearly dt {
	font-size: 1em;
}
#productiser .head dl.yearly dd {
	margin: 0;
	padding: 0;
	color: #d4ebf9;
}
/* yearly info, p style */
#productiser .head p.yearly {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 0.9em;
}
#productiser .head p.yearly em {
	font-style: normal;
}

/* features [column] ----- */
/* head */
#productiser .features .head {
	height: 150px;
}
#productiser .features .head h3 {
	margin: 0;
	font-size: 1.3em;	
}
/* subtitles */
#productiser .features h4.subtitle,
#productiser .features li.subtitle {
	margin: 0;
	padding: 0;
 	text-indent: 10px;
	background: url(/library/images/v2/bg_productiser_title.gif) top left no-repeat;
}
#productiser .features .head h4.subtitle {
	position: absolute;
	top: 122px;
	left: 0;
	width: 100%;
	font-size: 1.2em;
	font-weight: 800;
}
#productiser .features li.subtitle h4 {
	margin: 0;
}
/* items */
#productiser .features .feat,
#productiser .features .subfeat {
	margin-left: 20px;
}
#productiser .features .subfeat_tall {
	height: 4em;
}

/* overview [column] ----- */
/* head */
#productiser .overview .head {
	height: 150px;
}
/* subtitles */
#productiser .overview .subtitle {

}
/* features */
#productiser .overview .feat {

}
#productiser .overview .feat_alt {

}
#productiser .overview .feat_last {

}
#productiser .overview .feat span {
	padding-left: 20px;
	font-size: 1.1em;
	font-weight: 800;
}
#productiser .overview .feat span em {
	font-style: normal;
	font-size: 1.5em;
}
/* sub features */
#productiser .overview .subfeat {
	text-align: center;
}
#productiser .overview .subfeat_tall {
	height: 4em;
}
/* sub features: ticks */
#productiser .overview .subfeat .tick {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 16px;
	text-indent: -9999px;
}
/* sub features: text */
#productiser .overview .subfeat .text {
	padding: 0 0.4em 0 0.4em;
	line-height: 2em;
	font-size: 0.9em;
	color: #fff;
}
/* foot */
#productiser .overview .foot {
	padding-top: 1em;
}
#productiser .overview .foot a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 118px;
	height: 23px;
}
#productiser .overview .foot .alert {
	font-size: 0.9em;
	text-align: center;
	color: #fff;
}
#productiser .overview .foot .alert strong {
	display: block;
	font-size: 1.3em;
}
#productiser .overview .foot .corners {
	width: 100%;
	height: 15px;
}

/* overview: inactive [column] ----- */
#productiser .overview_inactive .head {
	background-color: #a1d2ed;
}
#productiser .overview_inactive .head h3 {
	color: #d0e9f6;
}
#productiser .overview_inactive .head a {
	display: none;
	color: #d0e9f6;
}
#productiser .overview_inactive .head dl {
	color: #d0e9f6;
}
/* subtitles */
#productiser .overview_inactive .subtitle {
	background: url(/library/images/v2/bg_productiser_subitem_inactive_top.gif) top left repeat-x #8bcef5;
}
/* items */
#productiser .overview_inactive .feat {
	color: #fff;
	background: url(/library/images/v2/bg_productiser_item_inactive.gif) top left repeat-x;
}
#productiser .overview_inactive .feat_alt {
	background: url(/library/images/v2/bg_productiser_item_alt_inactive.gif) top left repeat-x;
}
#productiser .overview_inactive .feat_last {
	background: url(/library/images/v2/bg_productiser_item_inactive_foot.gif) top left repeat-x;
}
#productiser .overview_inactive .subfeat {
	background-color: #cdeafb;
}
#productiser .overview_inactive .subfeat .tick {
	background: url(/library/images/v2/tick_large_lightblue.gif) top left no-repeat;
}
/* foot */
#productiser .overview_inactive .foot {
	padding: 0;
	height: 15px;
	background-color: #cdeafb;
}
#productiser .overview_inactive .foot .corners {
	margin: 0;
	padding: 0;
}
#productiser .overview_inactive .foot a {
	display: none;
}

/* overview: active [column] ----- */
/* head */
#productiser .overview_active .head {
	background-color: #de1248;
}
#productiser .overview_active .head h3 {
	color: #fff;
}
#productiser .overview_active .head a {
	color: #fff;
}
#productiser .overview_active .head dl {
	color: #fff;
}
#productiser .overview_active .head .yearly dd {
	color: #fad9e2;
}
/* subtitles */
#productiser .overview_active .subtitle {
	background: url(/library/images/v2/bg_productiser_subitem_active_top.gif) top left repeat-x #8bcef5;
}
/* items */
#productiser .overview_active .feat {
	color: #fff;
	background: url(/library/images/v2/bg_productiser_item_active.gif) top left repeat-x;
}
#productiser .overview_active .feat_alt {
	background: url(/library/images/v2/bg_productiser_item_alt_active.gif) top left repeat-x;
}
#productiser .overview_active .feat_last {
	background: url(/library/images/v2/bg_productiser_item_active_foot.gif) top left repeat-x;
}
#productiser .overview_active .subfeat {
	background-color: #f09eb5;
}
#productiser .overview_active .subfeat .tick {
	background: url(/library/images/v2/tick_large_pink.gif) top left no-repeat;
}
/* foot */
#productiser .overview_active .foot {
	background-color: #f09eb5;
}
#productiser .overview_active .foot a {
	background: url(/library/images/v2/button_login_med_pink.gif) top left no-repeat;
}

/* overview: upgrade [column] ----- */
#productiser .overview_upgrade .head {
	background-color: #2597d5;
}
#productiser .overview_upgrade .head h3 {
	color: #fff;
}
#productiser .overview_upgrade .head a {
	color: #fff;
}
#productiser .overview_upgrade .head dl {
	color: #fff;
}
/* subtitles */
#productiser .overview_upgrade .subtitle {
	background: url(/library/images/v2/bg_productiser_subitem_upgrade_top.gif) top left repeat-x #8bcef5;
}
/* items */
#productiser .overview_upgrade .feat {
	color: #fff;
	background: url(/library/images/v2/bg_productiser_item_upgrade.gif) top left repeat-x;
}
#productiser .overview_upgrade .feat_alt {
	background: url(/library/images/v2/bg_productiser_item_alt_upgrade.gif) top left repeat-x;
}
#productiser .overview_upgrade .feat_last {
	background: url(/library/images/v2/bg_productiser_item_upgrade_foot.gif) top left repeat-x;
}
#productiser .overview_upgrade .subfeat {
	background-color: #8bcef5;
}
#productiser .overview_upgrade .subfeat .tick {
	background: url(/library/images/v2/tick_large_blue.gif) top left no-repeat;
}
/* foot */
#productiser .overview_upgrade .foot {
	background-color: #8bcef5;
}
#productiser .overview_upgrade .foot a {
	background: url(/library/images/v2/button_upgrade_med_blue.gif) top left no-repeat;
}

/* overview: buy [column] ----- */
#productiser .overview_buy .head {
	background-color: #2597d5;
}
#productiser .overview_buy .head h3 {
	color: #fff;
}
#productiser .overview_buy .head a {
	color: #fff;
}
#productiser .overview_buy .head dl {
	color: #fff;
}
/* subtitles */
#productiser .overview_buy .subtitle {
	background: url(/library/images/v2/bg_productiser_subitem_upgrade_top.gif) top left repeat-x #8bcef5;
}
/* items */
#productiser .overview_buy .feat {
	color: #fff;
	background: url(/library/images/v2/bg_productiser_item_upgrade.gif) top left repeat-x;
}
#productiser .overview_buy .feat_alt {
	background: url(/library/images/v2/bg_productiser_item_alt_upgrade.gif) top left repeat-x;
}
#productiser .overview_buy .feat_last {
	background: url(/library/images/v2/bg_productiser_item_upgrade_foot.gif) top left repeat-x;
}
#productiser .overview_buy .subfeat {
	background-color: #8bcef5;
}
#productiser .overview_buy .subfeat .tick {
	background: url(/library/images/v2/tick_large_blue.gif) top left no-repeat;
}
/* foot */
#productiser .overview_buy .foot {
	background-color: #8bcef5;
}
#productiser .overview_buy .foot a {
	background: url(/library/images/v2/button_buy_med_blue.gif) top left no-repeat;
}

/* mini comparison [column] ----- */
/* head */
#productiser .minicomp .head {
	height: 140px;
	background-color: #2597d5;
}
#productiser .minicomp .head h3 {
	color: #fff;
	font-size: 1.8em;
}
#productiser .minicomp .head h3 a {
	margin: 0px;
	padding: 0px;
}
#productiser .minicomp .head a {
	color: #fff;
	font-size: 0.9em;
}
#productiser .minicomp .head dl {
	color: #fff;
}
#productiser .minicomp .head .yearly {
	color: #fff;
}
#productiser .minicomp .head .yearly em {
	color: #d4ebf9;
}
/* summary & item */
#productiser .minicomp .summary {
	height: 5em;
	padding: 1em;
	background-color: #d4ebf9;
	border-bottom: 1px solid #e3f3fd;
}
#productiser .minicomp .item {
	height: 2.5em;
	padding: 0.5em 1em 0.5em 3em;
	font-size: 0.89em;
	color: #000;
	background: url(/library/images/v2/tick_blue.gif) 1.1em 0.8em no-repeat #d4ebf9;
	border-bottom: 1px solid #e3f3fd;
}
#productiser .minicomp .item_med {
	height: 3.5em;
}
#productiser .minicomp .item_large {
	height: 5em;
}
#productiser .minicomp .item_xlarge {
	height: 7em;
}
#productiser .minicomp .link {
	height: 1.8em;
	padding: 0.5em 0 0 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: 800;
	color: #000;
	background-color: #d4ebf9;
	border-bottom: 1px solid #e3f3fd;
}
/* foot */
#productiser .minicomp .foot {
	padding-top: 1em;
	background-color: #d4ebf9;
}
#productiser .minicomp .foot a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 118px;
	height: 23px;
	margin-bottom: 0.5em;
}
#productiser .minicomp .foot a.more {
	background: url(/library/images/v2/button_moreinfo_med_blue.gif) top left no-repeat;
}
#productiser .minicomp .foot a.order {
	background: url(/library/images/v2/button_ordernow_med_blue.gif) top left no-repeat;
}
#productiser .minicomp .foot .corners {
	width: 100%;
	height: 15px;
}

/* mini comparison: emphasis [column] ----- */
/* head */
#productiser .minicomp_emph .head {
	background-color: #de1248;
}
#productiser .minicomp_emph .head .yearly em {
	color: #fad9e2;
}
/* summary & item */
#productiser .minicomp_emph .summary {
	background-color: #fad9e2;
	border-bottom: 1px solid #fbe8ed;
}
#productiser .minicomp_emph .item {
	background: url(/library/images/v2/tick_pink.gif) 1.1em 0.8em no-repeat #fad9e2;
	border-bottom: 1px solid #fbe8ed;
}
#productiser .minicomp_emph .link {
	background-color: #fad9e2;
	border-bottom: 1px solid #fbe8ed;
}
#productiser .minicomp_emph .link a {
	color: #de1248;
}
/* foot */
#productiser .minicomp_emph .foot {
	background-color: #fad9e2;
}
#productiser .minicomp_emph .foot a.more {
	background: url(/library/images/v2/button_moreinfo_med_pink.gif) top left no-repeat;
}
#productiser .minicomp_emph .foot a.order {
	background: url(/library/images/v2/button_ordernow_med_pink.gif) top left no-repeat;
}

/* comparison [column] ----- */
/* description head */
#productiser .productisergraphic {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 200px;
	height: 250px; 
}
#productiser.comparison .col1 .summary {
	height: 17.85em !important;
	*height: 18.15em !important; /* for IE7 */
	_height: 18.55em !important; /* for IE6 */
}
/* head */
#productiser .compare .head {
	height: 130px;
}
#productiser .compare .head img {
	display: none;
}
#productiser .compare .head h3 {
	color: #2597d5;
	font-size: 1.7em;
}
#productiser .compare .head h3 a {
	color: #2597d5;
	margin: 0px;
	padding: 0px;
}
#productiser .compare .head h3 a span {
	display: block;
	font-size: 0.6em;
	font-weight: 100;
}
#productiser .compare .head a {
	font-size: 0.9em;
	color: #2597d5;
}
/* prices */
#productiser .compare .head .monthly {
	color: #333;
	border-top: 1px solid #d3eaf7;
}
#productiser.comparison .col2 .head .monthly {
	background: url(/library/images/v2/bg_productiser_sectionbreak_left.gif) left top no-repeat;
	*background-position: left 1px; /* for IE */
}
#productiser.comparison .col3 .head .monthly {
	background: url(/library/images/v2/bg_productiser_sectionbreak_mid.gif) left top repeat-x;
	*background-position: left 1px; /* for IE */
}
#productiser.comparison .col4 .head .monthly {
	background: url(/library/images/v2/bg_productiser_sectionbreak_right.gif) right top no-repeat;
	*background-position: right 1px; /* for IE */
}
#productiser .compare .head dl.monthly dt {
	padding-top: 0.5em;
}
#productiser .compare .head dl.monthly dd .price {
	color: #df1453;
}
#productiser .compare .head dl.yearly {
	font-size: 1em;
}
#productiser .compare .head dl.yearly dt {

}
#productiser .compare .head dl.yearly dd {
	font-size: 0.89em;
	color: #333;
}
/* alert */
#productiser .compare .alert {
	margin: 1em 0 0 1em;
	padding: 0;
	font-size: 0.9em;
	color: #df1453;
}
/* summary */
#productiser .compare .summary {
	position: relative;
	height: 11em;
	padding: 1em;
	font-size: 0.9em;
}
/*summary buttons */
#productiser .compare .summarybuttons {
	height: 5em;
}
/* section break */
#productiser .compare .section_break {
	display: block;
	height: 3em;
	margin-top: 1em;
	border-top: 1px solid #d3eaf7;
}
#productiser.comparison .col1 .section_break {
	*height: 2.7em !important; /* for IE */
	z-index: 10;
}
#productiser .compare .section_break h2 {
	position: absolute;
	top: 0.5em;
	width: 500px;
	margin: 0;
	font-size: 1.2em;
}
#productiser .compare .section_break a {
	color: #2597d5;
}
#productiser .compare .section_break a.hidesection,
#productiser .compare .section_break a.expandsection {
	display: block;
	padding: 0.6em 15px 0 0;
	text-align: right;
}
#productiser .compare .section_break a.hidesection {
	background: url(/library/images/v2/arrow_up_blue_truncated.gif) right 1.2em no-repeat;
}
#productiser .compare .section_break a.expandsection {
	background: url(/library/images/v2/arrow_down_blue_truncated.gif) right 1.2em no-repeat;
}
#productiser.comparison .col1 .section_break {
	background: url(/library/images/v2/bg_productiser_sectionbreak_left.gif) top left no-repeat;
}
#productiser.comparison .col2 .section_break {
	background: url(/library/images/v2/bg_productiser_sectionbreak_mid.gif) top left repeat-x;
}
#productiser.comparison .col3 .section_break {
	background: url(/library/images/v2/bg_productiser_sectionbreak_mid.gif) top left repeat-x;
}
#productiser.comparison .col4 .section_break {
	background: url(/library/images/v2/bg_productiser_sectionbreak_right.gif) top right no-repeat;
}
/* item: generic */
#productiser .description .item,
#productiser .compare .item {
	height: 3.5em;
	padding: 0.5em 0 0.5em 0;
	border-top: 1px solid #d3eaf7;
}
#productiser .compare .firstitem {
	border: none;
}
/* item: description */
#productiser .description .item span {
	font-size: 0.89em;
	font-weight: 800;
}
#productiser .description .item a {
	color: #333;
}
/* item: comparison */
#productiser .compare .item .text {
	display: block;
	height: 3em;
	padding: 0 0.2em;
	font-size: 0.9em;
	text-align: center;
}
#productiser .compare .item .tick {
	display: block;
	height: 3em;
	width: 100%;
	background: url(/library/images/v2/tick_large_pink.gif) center center no-repeat;
}
#productiser .compare .item .tick .hidden {
	/* craziness for IE - inserts 5px vertical margin between li elements
	containing a hidden span, so we use visibility as a hack around - eurghhhh */
	display: block !important;
	visibility: hidden;
}
/* section foot */
#productiser .compare .section_foot {
	height: 2em;
}
#productiser.comparison .col4 .section_foot {
	z-index: 10;
}
#productiser .compare .section_foot span {
	position: absolute;
	width: 500px;
	left: -360px;
	text-align: right;
}
#productiser .compare .section_foot a {
	color: #df1352;
}
/* foot */
#productiser .compare .foot {
	padding-top: 1em;
}
#productiser .compare .foot .corners {
	display: none;
}
/* buttons */
#productiser .compare .cbutton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 118px;
	height: 23px;
	margin-bottom: 0.5em;
}
#productiser .compare .cbutton_more {
	background: url(/library/images/v2/button_moreinfo_med_blue.gif) top left no-repeat;
}
#productiser .compare .cbutton_order {
	background: url(/library/images/v2/button_ordernow_med_blue.gif) top left no-repeat;
}

/* comparison: emphasis [column] ----- */
/* head */
#productiser .compare_emph .head h3 {
	color: #df1453;
}
#productiser .compare_emph .head a {
	color: #2597d5;
}
#productiser .compare_emph .head dl {
	color: #df1453;
}
#productiser .compare_emph .head dl.yearly dd {
	color: #df1453;
}
/* buttons */
#productiser .compare_emph .cbutton_more {
	background: url(/library/images/v2/button_moreinfo_med_pink.gif) top left no-repeat;
}
#productiser .compare_emph .cbutton_order {
	background: url(/library/images/v2/button_ordernow_med_pink.gif) top left no-repeat;
}

/* simple [column] ----- */
/* head */
#productiser .simple .head {
	height: 80px;
	background-color: #2597d5;
}
#productiser .simple .head h3 {
	color: #fff;
	font-size: 1.6em;
}
#productiser .simple .head h3 a {
	margin: 0px;
	padding: 0px;
}
#productiser .simple .head a {
	color: #fff;
	font-size: 0.9em;
}
#productiser .simple .head h4 {

}
/* container + inner tags */
#productiser .simple .container {
	width: 158px;
	padding: 1em 15px;
	background-color: #d4ebf9;
}
#productiser .simple .container p {
	margin: 0 0 1em 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
#productiser .simple .container ul {

}
#productiser .simple .container li {
	margin: 0 0 0.3em 0;
	padding-left: 0.9em;
	background: url(/library/images/v2/arrow_right_blue_truncated.gif) left 0.3em no-repeat;
}
/* foot */
#productiser .simple .foot {
	position: relative;
	padding-top: 1em;
	background-color: #d4ebf9;
}
#productiser .simple .foot a {
	display: block;
	padding: 0.3em 0.8em 0 0;
	text-align: right;
	font-size: 1.2em;
}
#productiser .simple .foot .star {
	display: block;
	position: absolute;
	left: 0.7em;
	top: 0;
	width: 81px;
	height: 81px;
	padding-top: 1.6em;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	background: url(/library/images/v2/star_bluegrad_subtle_onpink.gif) top left no-repeat;
}
#productiser .simple .foot .star strong {
	display: block;
	font-size: 1.6em;
	line-height: 0.9em;
}
#productiser .simple .foot .corners {
	width: 100%;
	height: 15px;
}

/* simple: emphasis [column] ----- */
#productiser .simple_emph .head {
	background-color: #df1453;
}
#productiser .simple_emph .container {
	background-color: #fad9e2;
}
#productiser .simple_emph .container li {
	background: url(/library/images/v2/arrow_right_pink_truncated.gif) left 0.3em no-repeat;
}
#productiser .simple_emph .foot {
	background-color: #fad9e2;
}
#productiser .simple_emph .foot a {
	color: #df1453;
}
#productiser .simple_emph .foot .star {
	background: url(/library/images/v2/star_pinkgrad_subtle_onblue.gif) top left no-repeat;
}

/* simple: alternate emphasis [column] ----- */
#productiser .simple_altemph .head {
	background-color: #9abf34;
}
#productiser .simple_altemph .container {
	background-color: #e8f3c8;
}
#productiser .simple_altemph .container li {
	background: url(/library/images/v2/arrow_right_green_truncated.gif) left 0.3em no-repeat;
}
#productiser .simple_altemph .foot {
	background-color: #e8f3c8;
}
#productiser .simple_altemph .foot a {
	color: #9abf34;
}
#productiser .simple_altemph .foot .star {
	background: url(/library/images/v2/star_green_ongreen.gif) top left no-repeat;
}

/* specific components ====================================================== */

/* 123-reg benefits pod (info pod with border) ----- */
#content #pod_benefits .mid h3 {
	background: url(/library/images/v2/123benefits_txt.gif) no-repeat;
	height: 37px;
	width: 114px;
	margin: 0;
	text-indent: -1000em;
}

/* dedicated server control panel (info pod with border) ----- */
#content #pod_dscontrol {
	margin-top: 7px;
}
#content #pod_dscontrol .mid {
	padding-top: 72px;
}
#content #pod_dscontrol .mid h3 {
	position: absolute;
	top: -6px;
	left: 10px;
	width: 158px;
	height: 82px;
	margin: 0;
	text-indent: -1000em;
	background: url(/library/images/v2/title_webcontrolpanel.gif) no-repeat;
}

/* pipex group pod ----- */
#content #pod_pipexgroup {
	margin-top: 20px;
	padding-left: 8px;
}
#content #pod_pipexgroup h3 {
	width: 151px;
	height: 47px;
	margin: 0;
	text-indent: -9999px;
	background: url(/library/images/v2/title_partofpipexgroup.gif) top left no-repeat;
}
#content #pod_pipexgroup p {
	margin: 0.5em 0 0 0;
	font-size: 0.89em;
}
#content #pod_pipexgroup ul {
	margin: 1.0em 0 0 0;
	width: 170px;
}
#content #pod_pipexgroup .footer {
	margin-top: 0.6em;
}

/* promo pod (content mini) ----- */
#content .promopod_micro_content {
	margin: 15px 0;
}
#content .promopod_micro_content span.text {
	display: block;
	float: left;
	width: 185px;
	margin: 0;
	color: #333;
	cursor: pointer;
	font-size: 0.89em;
}
#content .promopod_micro_content a:hover span {
	text-decoration: underline;
}
#content .promopod_micro_content img {
	margin-left: 10px;
	vertical-align: middle;
}

/* promo pod (side) ----- */
#content #promopod {
	clear: both;
	margin: 0;
	z-index: 1;
}
#content #promopod:after { 
	display: block; 
	content: " ";  /* alt-0160 ( ) */
	height: 0pt; 
	clear: both; 
	color: #fff;
}
#content #promopod .panel_link {
	display: block;
	position: absolute;
	width: 195px;
	height: 11em;
	background: url(/library/images/v2/trans.gif) top left repeat; /* add transparent background image */
	z-index: 3;
}
#content #promopod h3 {
	margin: 0;
	font-size: 1.3em;
}
#content #promopod h4 {
	margin: 0;
	font-size: 1.0em;
	font-weight: 100;
}
#content #promopod p {
	float: left;
	margin: 5px 0 20px 0;
	padding: 0;
	width: 100px;
	line-height: 1.5em;
	font-size: 0.89em;
	z-index: 2;
}
#content #promopod p a {
	text-decoration: underline;
}
#content #promopod p a:hover{
	text-decoration: none;
}
#content #promopod img {
	float: right;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	z-index: 1;
}
/* ad vouchers */
#content #promopod.ad_vouchers p{
	width: 100% !important;
}
#content #promopod.ad_vouchers img {
	float: none;
	margin: 0;
}
/* colors */
#content #promopod.napster h4,
#content #promopod.napster p a {
	color: #015bb1; /* dark blue */
}
#content #promopod.screenselect h4,
#content #promopod.screenselect p a {
	color: #bc0000; /* red */
}
#content #promopod.firebox h4,
#content #promopod.firebox p a {
	color: #ff6600; /* orange */
}
#content #promopod.spreadshirt h4,
#content #promopod.spreadshirt p a {
	color: #85b009; /* green */
}
#content #promopod.ad_vouchers h4,
#content #promopod.ad_vouchers p a,
#content #promopod.istockphoto h4,
#content #promopod.istockphoto p a {
	color: #2597d5; /* blue */
}

/* international domain names promo pod ----- */
#content .idn30_promopod {
	position: relative;
	height: 230px;
	margin: 0 0 20px 0;
}
#content .idn30_promopod a {
	position: absolute;
	height: 230px;
	width: 100%;
	z-index: 10;
}
#content .idn30_promopod h2 {
	text-indent: -9999px;
}
#content .idn30_promopod p {
	margin: 25px 5px 0 15px;
	font-size: 0.9em;
	text-align: left;
	color: #fff;
}

/* colors */
#content .idn30_promopod_blue {
	background: url(/library/images/v2/badge_idn30promo_blue_177w.jpg) top left no-repeat;
}
#content .idn30_promopod_green {
	background: url(/library/images/v2/badge_idn30promo_green_177w.jpg) top left no-repeat;
}
#content .idn30_promopod_orange {
	background: url(/library/images/v2/badge_idn30promo_orange_177w.jpg) top left no-repeat;
}

#right-footer-dvd {background:url(images/ad_dvd.jpg) top left no-repeat; width:218px;height:120px;}
#right-footer-dvd #text{border:0px solid #000000; padding-left:100px;top:32px;position:relative;}

#right-footer-cd {background:url(images/ad_cd.jpg) top left no-repeat; width:218px;height:120px;}
#right-footer-cd #text{border:0px solid #000000; padding-left:100px;top:32px;position:relative;}