/********* Top Level ********/
body {
	margin:0;
	padding:0 0 50px 0;
	font-family:Arial,Verdana,sans-serif;
	font-size:75%;
	background:#515055 url('../_images/back-body.jpg') repeat-x top left;
}
/* - Float Clearing - */
div#header:after,
div#loginArea:after,
div#main:after,
div#bottom:after,
div#footer:after,
div#leftform div.row:after,
div#leftform div.subscribesection:after {
  content:".";
  clear:both;
  display:block;
  height:0;
  visibility:hidden;
}

/********* Fonts ********/
h1, h2 {
	color:#0099ff;
}
/* - Error Styles - */
span.error,
ul.errors {
  color:#CC3333;
}
/* - Layout Styles - */
div#holder {
  max-width:1003px;
  min-width:779px;
  margin:0 auto;
  /*padding-bottom:5px;
  background:url('../_images/back-footer.png') repeat-x bottom left;*/
}
div#holder div#shadowleft {
  background:url('../_images/container-background-left.png') repeat-y top left;
}
div#holder div#shadowright {
  background:url('../_images/container-background-right.png') repeat-y top right;
}
div#holder div#holderinner {
  margin:0 4px;
  background:#FFF;
}
/********* Header ********/
div#header {
  min-height:100px;
}
div#header a#usebefore {
  float:left;
  padding: 20px 25px 10px 25px;
}
div#header a#usebefore img {
  border:none;
}
div#header div#contact {
	float:right;
	/*width:230px;*/
	padding:40px 20px 20px 0;
	color:#0099ff;
}
div#header img#flag-it {
  float:right;
  margin:41px 10px 10px 0;
}
div#header div#contact p {
  margin:0;
  padding:0;
  font-size:2em;
}
div#header div#contact a.email {
	color:#cc2222;
	font-size:0.9em;
	text-decoration:none;
}
div#header div#contact a:hover.email{
	color:#000;
}
/********* Login ********/
div#loginArea {
	min-height:30px;
	padding:10px 25px 0 25px;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	background:#44484f;
}
div#loginArea a {
  color:#FFF;
  font-weight:normal;
}
div#loginArea label,
div#loginArea input,
div#loginArea p {
  float:left;
}
div#loginArea label {
  display:block;
  margin:0;
  padding:0;
  padding:3px 15px 0 0;
  font-weight:bold;
  font-size:1em;
  color:#FFF;
}
div#loginArea input.text {
  margin-right:20px;
  border:1px solid #a2a2a2;
  background:#FFF !important;
}
div#loginArea p {
  margin:0;
  padding:4px 20px;
  font-size:0.8em;
  color:#FFF;
}
div#loginArea p span {
  float:left;
  display:block;
  width:12px;
  padding:0 3px;
}
div#loginArea p a {
  color:#FFF;
}
div#loginArea p a:hover{
	color:#000;
}
div#loginArea input.submit{
  padding:0 6px;
  cursor:pointer;
  color:#FFF;
  font-weight:bold;
  font-size:1em;
  border:1px solid #a2a2a2;
  background:#54575c url('../_images/back-submit.gif') repeat-x top left;
}
div#loginArea span#loggedin {
  display:block;
  padding:3px 0 0 0;
}
div#loginArea span#loginerror {
  display:block;
  padding-top:2px; 
  font-size:1em;
  font-weight:normal;
}
/********* Main Content ********/
div#main {
  margin:25px;
  /*min-height:327px;*/
  padding:21px 0 21px 21px;
  background:#f1f1f1;
}
div#main h1 {
  font-size:2.5em;
  margin:0;
  padding:0 0 30px 0;
  font-weight:normal;
  font-family:Lucida Sans Unicode;
}
div#main img.floatright {
  float:right;
  margin:0 0 0 15px;
}
div#mainContentText p {
  color:#000;
  margin-bottom:15px;
}
div#main ul {
  margin:0 0 25px 0;
  padding:0;
}
div#main li {
  padding-left:12px;
  line-height:1.5em;
  list-style:none;
  background:url('../_images/bullet.gif') no-repeat 0 50%;
}
div#main a.viewDemo,
div#main a.subscribeNow {
  float:left;
  display:block;
  min-height:50px;
  margin:0 15px 15px 0;
  padding:11px 60px;
  color:#FFF;
  font-weight:bold;
  font-size:1.5em;
  text-decoration:none;
}
div#main a.viewDemo {
  background:url('../_images/back-viewd-demo.gif') repeat-x top left;
}
div#main a.subscribeNow {
  background:url('../_images/back-subscribe-now.gif') repeat-x top left;
}
div#main a.viewDemo:hover,
div#main a.subscribeNow:hover {
  text-decoration:none;
}
div#main a {
  color:#cc3333;
}
div#main a:hover {
  text-decoration:underline;
}
/* - Bottom Content Styles - */
div#bottom {
  clear:both;
  margin:0 25px;
  padding:11px 0;
  border-top:5px solid #2e3137;
}
div#bottom div#bottomleft {
  float:left;
  width:464px;
}
div#bottom div#quote {
  float:right;
  width:435px;
  padding:10px;
  background:#f1f2f2;
  margin-bottom:20px
}
div#bottom div#quote p#quotesleft {
  padding:21px 0 0 52px;
  background:url('../_images/top-left-quote.gif') no-repeat top left;
}
div#bottom div#quote span#quotesright {
  display:block;
  padding:0 52px 0 0;
  background:url('../_images/bot-right-quote.gif') no-repeat right bottom;
}
div#bottom div#quote span#author {
  display:block;
  padding:16px 0 0 0;
  color:#0099ff;
  font-size:0.9em;
}
div#bottom span#poweredby,
div#bottom span#usedby {
  padding-bottom:15px;
  font-size:1.5em;
  color:#0099ff;
}
div#bottom span#poweredby {
  float:right;
  margin:10px 10px 0 0;
}
div#bottom span#usedby {
  margin:10px 0 0 0;
  display:inline-block;
}
/* - Subscribe.php Styles - */
div#leftform {
  float:left;
  width:530px;
}
div#leftform div.row {
  padding:0 0 20px 0;
}
div#leftform div.row input.radio {
  float:left;
  margin:5px 0 0 0;
}
div#leftform div.row div.subscriberight {
  float:left;
  padding:0 0 0 20px;
}
div#leftform div.row div.subscriberight label {
  display:block;
  font-size:2.5em;
}
div#leftform div.subscribesection {
  padding:20px 0 0 0;
  margin:20px 0 0 0;
  border-top:1px solid #dddddd;
}
div#leftform div.subscribesection div.details {
  float:left;
  width:255px;
  padding:0 0 10px 0;
}
div#leftform div.subscribesection div.detailslefts {
  padding-right:20px;
}
div#leftform div.subscribesection div.details label {
  display:block;
}
div#leftform form.forgotpassword lebel {
  float:left;
}
div#leftform div.row input.text,
div#leftform div.subscribesection div.details input.text {
  width:255px;
  border:1px solid #a2a2a2;
  background:#FFF !important;
}
div#leftform select.select {
  width:255px;
  border:1px solid #a2a2a2;
}
div#leftform div.subscribesection span {
  font-size:0.9em;
  color:#666;
  display:block;
  padding:0 0 10px 0;
}
div#leftform input.button {
  float:right;
  display:block;
  min-height:50px;
  margin:0;
  padding:0px 15px 10px 15px;
  color:#FFF;
  font-weight:bold;
  font-size:1.5em;
  cursor:pointer;
  border:none;
  background:url('../_images/back-subscribe-now.gif') repeat-x top left;
}
div#leftform form.forgotpassword input.button {
  float:left;
}
div#processOrder {
  display:none;
}
/* - New Form Styles - */
div#leftSubscribe,
div#rightSubscribe {
  float:left;
  width:255px;
}
div#leftSubscribe {
  padding-right:15px;
}
div#leftSubscribe label,
div#rightSubscribe label {
  display:block;
  padding:0 0 10px 0;
}
/* - Change Password - */
form.changepassword {
  margin:30px 0 0 0;
  width:500px;
}
form.changepassword div.row label {
  float:left;
  width:145px;
  display:block;
}
/* - Account Page - */
div#details {
  padding:15px 0;
  margin-bottom:15px;
  width:560px;
  border-bottom:1px solid #ccc;
}
div#details span {
  float:left;
  width:180px;
}
/* - Footer Styles - */
div#bottom a img,
div#footer a img {
  border:none;
}
div#bottom div.poweredBy {
  float:left;
  width:170px;
  margin-right:20px;
}
div#footer {
  padding:20px;
  border-top:1px solid #f0f0f0;
  font-size:0.8em;
}
div#footer a {
  color:#cc3333;
  text-decoration:none;
}
div#footer img#footerlogo {
  float:right;
}
div#footer span#copyright {
  display:block;
  padding:0 0 5px 0;
}


div#side {
  float:left;
  width:26%;
  margin:0 0 10px 0;
}

div#side a { 
  text-decoration:none; 
}

div#side a:hover { 
  text-decoration:underline; 
}

div#side div.box {
  background:#f1f1f1 url('../_images/box-background.jpg') repeat-x 0 0;
  margin:0 0 4px 0;
  padding:0;
  min-height:1%;
  border:1px solid #f1f1f1;
}
div#side div.box:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


div.submenu {
  margin: 0 0 2px 0;
}

div.submenu h2 {
  background: #45494f url('../_images/submenuhead-background.jpg') repeat-x 0 0;
  color: #fff;
  padding: 20px 20px 10px 25px;
  margin: 0;
}
div.submenu h2 a {
  color: #fff;
}
div#side div.submenu h2 a:hover {
  color: #09f;
  text-decoration: none; 
}

div.submenu ul {
  margin:0;
  padding:0;
}

ul#submenu li {
  padding: 0;
  margin: 0;
  background: #45494f;
}

ul#submenu li li { 
  background: #575b60; 
}

ul#submenu li li li { 
  background: #666a6e; 
}

ul#submenu li a {
  display:block;
  padding: 10px 20px 7px 25px;
  background: #45494f url('../_images/sm-dot.gif') no-repeat 0 0;
  border-top: 1px dashed #747780;
  color: #fff;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 1.3em;
}

ul#submenu li.expanded a { 
  background: #45494f url('../_images/sm-open.gif') no-repeat 0 0;
}

ul#submenu li.contracted a { 
  background: #45494f url('../_images/sm-closed.gif') no-repeat 0 0;
}

ul#submenu li.expanded li a,
ul#submenu li li a {
  padding: 10px 20px 5px 33px;
  background: #575b60 url('../_images/sm-2dot.gif') no-repeat 0 0;
  font-size: 1.2em;
}

ul#submenu li li.contracted a { 
  background: #575b60 url('../_images/sm-2closed.gif') no-repeat 0 0;
}

ul#submenu li li.expanded a { 
  background: #575b60 url('../_images/sm-2open.gif') no-repeat 0 0;
}

ul#submenu li li.expanded li a,
ul#submenu li li li a {
  padding: 12px 20px 7px 38px;
  background-image: none;
  background-color: #666a6e;
  border:0;
  font-size: 0.98em;
}

ul#submenu a.selected {
  color: #09f;
}

ul#submenu a:hover {
  color: #09f;
  text-decoration: none;
}

#accountForm {
  padding: 0 0 0 29%;
}
