/*
Copyright (c) 2008 yourfonts.com

top, right, bottom, left

*/

body {background: #b2b8b8 url(/images/background.gif) repeat-x top center; color:#3a3a3a; font-family: Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}

/* Main layout and header */
#container {margin:5px auto; padding:1px 5px; width:950px;}
#header {background-image: url(./images/titlebar.png); height:65px; margin:0 0 0px; padding:0;}
div#logo {
	padding:2px 0;
}

div#templates {
	position: absolute;
	top: 0px;
	text-align: left;
	margin: 0 500px;
	padding:0;
/*	width: 760px; */
}

#warning {
	position:fixed;
	top:0;
	left:0;
	width:100%;
      height: 40px;
	vertical-align:middle;
	z-index:101;
	background-color:#AE0000;
	margin:0;
	padding:0;
}
#noscript-warning, #nocookies-warning {
/*	position:fixed;*/
	top:0;
	left:0;
	width:100%;
/*      height: 24px;*/
	z-index:102;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:white;
/*	background-color:#00AE00;*/
	margin:10px 0 0 0;
}
#warning a {background:inherit; color:#C8E0F8; text-decoration:underline;}
#warning a:hover {background:inherit; color:#C8E0F8; text-decoration:underline;}

#headermenu {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#headermenu a {margin: 0 10px;}
#headermenu a:link,
#headermenu a:visited
{
  color: #404040;
}
#social {
	text-align: right;
	margin-top: 12px;
	margin-right: 4px;
}
/* Menubar */
#menubar { background:#F79500; font-size:0.8em; margin:6px 0 0 0; padding:0; height: 21px;}
#menubar ul.menu {list-style-type: none; width: 100%; margin: 0; padding:2px 0px 2px 10px;}
#menubar ul.menu li {background:#F79500; float: left;}
#menubar ul.menu li a {font-weight: bold; margin: 0 1px 0 0px; width: 104px; display: block; text-align: center; text-decoration: none; color: #606060; border-left: 1px solid #fff;}
#menubar ul.menu li.firstchild a {border-left: 1px solid #F79500;}
#menubar ul.menu li a:hover {color:#fff;}
#menubar ul.menu li a.current {color:#fff;}

/* Main content variations */
#contentwide {background:#fff; border:1px solid #949494; font-size:0.9em; line-height:1.5em; margin:6px 1px 6px 1px; padding:2px 15px; text-align:left;}
#contentwide a {background:inherit; color:#0033FF; text-decoration:none;}
#contentwide a:hover {background:inherit; color:#0033FF; text-decoration:underline;}
/* #contentwide ul {margin:0 0 16px 10px; padding:0; list-style-type: disc; list-style-image: url('/images/ster.png');} */
#contentwide ul {margin:0 0 16px 10px; padding:0; list-style-type: disc;}
#contentwide h2 {font-size:1.2em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
/*#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}*/
/*#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}*/
/*#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}*/
#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}

h3 {
margin:6px 0;
padding:0;
text-align: left;
}

#content {
border:1px solid #949494;
font-size:0.9em;
line-height:1.5em;
margin:6px 1px 6px 1px;
padding:8px 15px;
text-align:left;
background: #fff url(images/bg.jpg)
}

#ad {
/* border:10px solid #949494; */
height:90px;
font-size:0.9em;
line-height:1.5em;
margin:6px 1px 6px 1px;
padding:18px 15px;
text-align:left;
background: #fff
}

img.price {
  float: right;
  clear: left;
  margin: 0em 0.6em 0em 0em;
}

img.right {
  float: right;
  clear: left;
  margin: 0em 0.6em 0em 2em;
}

img.promo {
  float: left;
  clear: right;
  margin: 0em 0.6em 0em 0em;
}

#left {
float: left;
width: 640px;
padding: 0; 
text-align: justify;
}
#left p {margin:0; padding:0; vertical-align:middle;}
#left img {margin:0; padding:0; vertical-align:middle;}

#left h3 {
padding: 0;
text-align: left;
vertical-align:middle;
}

#left a {background:inherit; color:#0000CC; text-decoration:underline;}
#left a:hover {text-decoration:underline;}

#right {
float: right;
width: 240px;
padding: 0;
}
#right p {margin:4px; padding:0; vertical-align:middle;}
#right img {margin:4px; padding:0; vertical-align:middle;}

#right h3 {
padding: 0 0 0 10px;
text-align: left;
}

#right a {background:inherit; color:#1661b1; font-weight:700; text-decoration:none;}
#right a:hover {text-decoration:none;}


#rightcolumn
{ float: right; width: 200px; margin: 0 0 10px 0; padding: 0; }

#leftcolumn
{ float: left; width: 700px; margin: 0 0 10px 0; padding: 0; }

#contentcolumn {clear:left; float:left; margin:0 0 10px; padding:0; width:700px;}

#steps {line-height:1.5em; width: 1030px; margin:10px 170px 10px 160px; padding:0; text-align:left;}

#contentcolumnold{
float: left;
width: 520px; /*Width of left column*/
margin-left: -60px; /*Set left margin to -(MainContainerWidth)*/
}

#stepsold{
margin-left: 520px; /*Set left margin to LeftColumnWidth*/
}

/* Footer */
#footer {color:#404040; font-size:0.7em; margin:0 auto; padding:3px 0; text-align:center; width:950px;}
#footer p {margin:4px; padding:0;}
#footer a {background:inherit; color:#404040; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

h4 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:#f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

p.invalid 
{color:#D23D24;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:100%; margin:0 0 16px 0; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:#eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:#f4f4f4; color:#303030; font-size:0.9em; padding:8px 4px 6px 4px; text-align:left;}
td.hint1 {padding:8px 4px 0px 4px;}
td.hint2 {padding:0px 4px 6px 4px;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:0.9em; margin:0; padding:4px;}
label {margin:2px;}
/* input {width:200px;} */
textarea {width:400px;}

#left .nextstep a {background:inherit; color:#0000CC; text-decoration:none;}
#left .nextstep a:hover {text-decoration:none;}

/* Various classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:#f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}

.tooltip {border-bottom: 1px dashed #0033FF;}