/* --------------------------------------- TOC --------------------------------------- 
 ------- common tag redefinitions 
 ------- common styles 
 ------- width styles for form elements 
 ------- main containers
 ------- footer
 ------- bottom boxes
 ------- flags
 ------- button grabitnow
 */


/* --------------------------------------- common tag redefinitions --------------------------------------- */
html, body, form, fieldset {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
html {
	font-size:100.01%; /* see remark bottom */
	background:#000 url(../images/bck_html.gif) left top repeat-x;
}
body { 
	color:#4e4e4e;
	/*line-height:1.3em;*/
	font-size:0.7em;
	background:url(../images/bck_body.jpg) center 58px no-repeat;
}
a {
	color:#4e4e4e;
}
a:visited {
	color:#4e4e4e;
}
a:hover {
	color:#4e4e4e;
}
a img {
	border:none; /* avoids border when img is link */
}
fieldset {
	border:none;
}
/* Neutralize/reset styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, hr, address {
        margin:0.9em 0;
        padding:0;
}
/* 	remember to define focus styles! */
:focus { outline: 0; }
h1 {
	color:#550000;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	margin:0 8px 0 0;
	padding:0;
	text-align:left;
}
h2 {
	color:#369136;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	padding:0 50px 80px 0;
	text-align:left;
}
h3 {
	color:#550000;
	border-bottom:1px solid #e7e7e7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	margin:37px 0 16px 0;
	padding:0 0 3px 0;
	text-align:left;
}
h4 {
	color:#318e31;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin:20px 0 0  0;
	padding:0;
	text-align:left;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
h6 {
	font-size:0.9em;
	font-style:italic;
	font-weight:normal;
}
hr {
	border:none;
	border-bottom:1px solid #4e4e4e;
	height:1px;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
	color:#4e4e4e;
}
ul li, .item-list ul li {
	list-style:none;
	background:url(../images/bul_list.gif) 0 0.4em no-repeat;
	padding:0 0 0.2em 1.2em;
	margin:0;
}
select, textarea { /* similar to class 'inputfield' */
	background-color:#fff;
	border:1px solid #4e4e4e;
	padding:2px;
}
td {
	font-size:0.9em;
	vertical-align:top; /* relevant in most cases, i.e. in application layout */
}
td td {
	font-size:1em; /* avoid smaller font in nested tables */
	padding:2px 10px;
}

/* --------------------------------------- common styles --------------------------------------- */
.alignR {
	text-align:right;
}
.clearfloats {
	clear:both;
}
.clearfloatsIE { /* voor IE bug */
	clear:both;
	//height:0;
	//min-height:1%;
	//line-height:0;
}
.error {
	color:#C00;
	font-weight:bold;
}
.error .inputfield, input.error {
	border-color:#C00;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.inputfield {}
.nowrap {
	white-space:nowrap;
}
.radio, .checkbox {
	vertical-align:middle;
}

/* --------------------------------------- width styles for form elements --------------------------------------- */
.S { width:72px;}
.M { width:248px;}
.L { width:328px;}
.XL { width:522px;}

/* --------------------------------------- main containers --------------------------------------- */
#container {
	width: 986px;
	margin:15px auto 0 auto;
}
#mainleft {
	width: 8px;
	float:left;
	background-position: bottom;
	background-repeat: no-repeat;
	border:0px solid #ff0000
}
.mainleftHome {
	height:750px;
	background:url(../images/bck_mainleft.jpg);
}
.mainleftContent {
	height:200px;
}
#mainright {
	width: 8px;
	float:left;
}
#main {
	width:970px;
	float:left;
}
#header {
	height:96px;
}
.headerHome{
	background:url(../images/bck_header_home.gif) top left no-repeat;
}
.headerContent{
	background:url(../images/bck_header_content.gif) top left no-repeat;
}
#body{}
.bodyHome{
	background:url(../images/bck_mainbody_home.jpg) top left no-repeat;
	height:465px;
}
.bodyContent{
	background:url(../images/bck_mainbody_content.gif) top left repeat-y;
	min-height:465px;
	height: auto !important; /* for sane browsers, keep it as default */
	height:465px;
	padding-bottom:15px;
}
#bottom {
	background:url(../images/bck_bottom.gif) top left no-repeat;
	height:10px;
}
/* --------------------------------------- footer --------------------------------------- */
#footer{
	clear: both;
	font-size:80%;
	padding:10px 0 0 0;
	text-align:center;
	border:0px solid #ff0000;
	height:30px
}
.footerHome {
	background:url(../images/bck_footer.jpg) 0 0 no-repeat;
}
/* --------------------------------------- bottom boxes --------------------------------------- */
#bottomBox {
	/*margin:7px 0 0 0;*/
	padding:7px 0 0 0;
}
#bottomBox #left {
	background:url(../images/bck_boxbottom_left.jpg) top left no-repeat;
	float:left;
	height:172px;
	width:266px;
}
.butFriends {
	float:right;
	margin:14px 14px 0 0;
}
.butFriends a {
	background:url(../images/but_tellfriends_US.gif) 0 0 no-repeat;
	display:block;
}
.butFriends a:hover {
	background:url(../images/but_tellfriends_US_over.gif) 0 0 no-repeat;
}
#bottomBox #right {
	background:url(../images/bck_boxbottom_right.gif) top left no-repeat;
	float:left;
	height:172px;
	margin:0 0 0 7px;
	padding:0 22px;
	width:653px;
}
#right .title {
	font:1.2em Arial, Helvetica, sans-serif;
	margin:18px 0 0 0;
}
#right .subtitle {
	color:#393939;
	font-weight:bold;
	margin:3px 0;
}
#right .underline {
	color:#ce1d1d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	margin:0;
	padding:0;
}
#right img {
	margin:0 8px;
}
#right a {
	text-decoration:underline;
}
#right a:hover {
	text-decoration:none;
}
#right .eligible {
	color:#fff;
	margin:15px 0 0 0;
}
#right .text {
	float:left;
	margin:5px 19px 0 0;
}
#right .eligible .title {
	font-family:"helvetica";
	font-weight:bold;
	margin:0 10px 0 0;
	text-transform:uppercase;
}
#right .butLearn {
	float:left;
}
#right .butLearn a {
	background:url(../images/but_learnmore_US.gif) 0 0 no-repeat;
	display:block;
	margin:0 !important;
}
#right .butLearn a:hover {
	background:url(../images/but_learnmore_US_over.gif) 0 0 no-repeat;
}
/* --------------------------------------- flags --------------------------------------- */
#flags {
	float:right;
	margin:17px 0 0 0;
}
.flag {
	float:left;
	margin:0 0 0 3px;
}

#flags .us {
	background:url(../images/flag_US.gif) 0 0 no-repeat;
	display:block;
}
#flags .us a {
	display:block;
}
#flags .us a:hover {
	background:url(../images/flag_US_over.gif) 0 0 no-repeat;
}

#flags .uk {
	background:url(../images/flag_UK.gif) 0 0 no-repeat;
	display:block;
}
#flags .uk a {
	display:block;
}
#flags .uk a:hover {
	background:url(../images/flag_UK_over.gif) 0 0 no-repeat;
}

#flags .de {
	background:url(../images/flag_DE.gif) 0 0 no-repeat;
	display:block;
}
#flags .de a {
	display:block;
}
#flags .de a:hover {
	background:url(../images/flag_DE_over.gif) 0 0 no-repeat;
}

#flags .fr {
	background:url(../images/flag_FR.gif) 0 0 no-repeat;
	display:block;
}
#flags .fr a {
	display:block;
}
#flags .fr a:hover {
	background:url(../images/flag_FR_over.gif) 0 0 no-repeat;
}

#flags .it {
	background:url(../images/flag_IT.gif) 0 0 no-repeat;
	display:block;
}
#flags .it a {
	display:block;
}
#flags .it a:hover {
	background:url(../images/flag_IT_over.gif) 0 0 no-repeat;
}

#flags .sp {
	background:url(../images/flag_SP.gif) 0 0 no-repeat;
	display:block;
}
#flags .sp a {
	display:block;
}
#flags .sp a:hover {
	background:url(../images/flag_SP_over.gif) 0 0 no-repeat;
}

#flags .nl {
	background:url(../images/flag_NL.gif) 0 0 no-repeat;
	display:block;
}
#flags .nl a {
	display:block;
}
#flags .nl a:hover {
	background:url(../images/flag_NL_over.gif) 0 0 no-repeat;
}

#flags .be {
	background:url(../images/flag_BE.gif) 0 0 no-repeat;
	display:block;
}
#flags .be a {
	display:block;
}
#flags .be a:hover {
	background:url(../images/flag_BE_over.gif) 0 0 no-repeat;
}
/* --------------------------------------- buttons grabitnow --------------------------------------- */
.butGrab {
	height:45px;
	width:174px;
	
}
.butPdf {
	margin-left:72px;
}
.butDragon {
	margin-left:230px;
}
#body .left {
	float:left;
	width:485px;
}
#body .promo {
	margin-top:320px;
}
.proPdf {
	margin-left:200px;
}
.proDragon {
	margin-left:185px;
}
/* --------------------------------------- content --------------------------------------- */
.back {
	margin:0 0 45px 45px;
}
.back a {
	background:url(../images/but_back.gif) 0 0 no-repeat;
	display:block;
}
.back a:hover {
	background:url(../images/but_back_over.gif) 0 0 no-repeat;
}
#conleft {
	width:600px;
	float:left;
	margin:0 0 0 45px;
	text-align:justify;
	display: inline;
}
#conright {
	float:left;
	margin:0 0 0 30px;
}
#boxshot {
	width:250px;
	height:450px;
}
.dragon {
	background:url(../images/bck_con_boxshot_dragon.jpg) 40px 0 no-repeat;
}
.pdf {
	background:url(../images/bck_con_boxshot_pdf.jpg) 40px 0 no-repeat;
}
.conProDragon {
	padding:194px 0 0 0;
}
.conProPdf {

}
.conButGrab {
	padding:10px 0 0 52px;
}
.friendstable td {
	padding: 2px 0px;
}
.no {
	margin: 0px 0px 45px 0px;
	width: 171px;
	height: 29px;
}
.no a {
	background:url(../images/no.gif) 0 0 no-repeat;
	display: block;
}
.no a:hover {
	background:url(../images/no_over.gif) 0 0 no-repeat;
}
.yes {
	margin: 0px 0px 45px 0px;
	width: 141px;
	height: 29px;
}
.yes a {
	background:url(../images/yes.gif) 0 0 no-repeat;
	display: block;
}
.yes a:hover {
	background:url(../images/yes_over.gif) 0 0 no-repeat;
}