/*-----------start reset-------------- */

   html, body, div, span, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   abbr, address, cite, code,
   del, dfn, em, img, ins, kbd, q, samp,
   small, strong, sub, sup, var,
   b, i,
   dl, dt, dd, ol,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, dialog, figure, footer, header,
   hgroup, menu, nav, section,
   time, mark, audio, video {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
   background:transparent;
}

body {
   line-height:1.2;
}

   article, aside, dialog, figure, footer, header,
   hgroup, nav, section {
   display:block;
}
label{
  float:left;
  width: 70px;
}
nav ul {
   list-style:none;
}


blockquote, q {
   quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
   border-bottom:1px dotted #000;
   cursor:help;
}

table {
        /*border-collapse:collapse;
   border-spacing:0;*/
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

p {
 text-align:left;

}

/*-----------end reset-------------- */
body{
  background-color:#FFFFFF;
  color:#333333;
  background-position:left top;
  background-image:url(/ocache/253/resources/themes/);
  background-repeat:url(/ocache/253/resources/themes/repeat-y);
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
  margin:0;
  padding:0;
  text-align:center;
}
#container {
  background-image:url(/ocache/253/resources/themes/);
  background-repeat:no-repeat;
  background-color:#F6F6F6;
  margin-left:auto;
  margin-right:auto;
  width:950px;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
}

#header {
background-color:#FFFFFF;
height:140px;
margin-left:auto;
margin-right:auto;
width:950px;
background-repeat: no-repeat;
}

#content {
  margin-top:10px;
  width:100%;
}

#logo {
text-align: left;
float: left;
}

#logo_img {
float: left;
}

#logo img {
border: 0;
margin: 10px 0px 0px 0px;
}

#logo_sub {
float: left;
color: #777777;
font-size: 1.1em;
padding-top: 53px;
padding-left: 25px;
}

#login {
float:right;
margin-right:10px;
width: 460px;
font-size:10pt;
padding-right:10;
padding-top:16px;
}

#login input {
  border:1px solid #0054a4;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  border:1px solid #cfd2da;
}
/*
#menu {
  background-color:#2905A0;
  width:100%;
  height:39px;
  margin-top:8px;
  margin-bottom:8px;
  width: 823px;
}
#menu li {
  float:left;
}
*/

#footer {
clear: left;
width: 950px;
min-height: 39px;
padding-top: 22px;
padding-left: 10px;
}

#footer a {
color: #777777;
}

#footer_left {
float: left;
width: 118px;
height: 38px;
}

#footer_mid {
color: #666666;
float: left; 
width: 380px;
text-align: left;
}

#footer_mid a {
font-weight: normal;
color: #8C9E27;
}

#footer_mid_links { 
line-height: 2em;
}

#footer_right {
float: right; 
width: 350px;
margin-right:15px;
text-align: right;
}
#footer_left2 {
float: left; 
clear: left;
width: 200px;
text-align: left;
}
#footer_right2 {
float: right; 
width: 500px;
text-align: right;
}

#footer_bottom {
clear: both;
font-size:11px;
text-align: left;
margin-left:15px;
}

a {
  color:#ff0000;
  text-decoration:none;
}
.create{
  margin-top:170px;
  margin-left:165px;
}
#logininfo {
  float:right;
  font-size:10px;
  padding-right:20;
  padding-top:20px;
}

/* thumbnail hover */

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail img{
  width:90px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 20;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width:150px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -70px;
left: 0px;
z-index: 999; /*position where enlarged image should offset horizontally */

}

/* thumnail hover ends */

/*--------------------menu---------------*/

#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; width:826px;}
#menu li {float:left; margin-right:2px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; background:#f2efd0; color:#ffffff; text-decoration:none; font-size:13px; letter-spacing: 1.7px; text-transform:uppercase; padding:0 28px 0 28px; background-image:url(/ocache/253/resources/themes/navbar.jpg);background-repeat:repeat-x}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;background-color:#BEB991;background-image:url(/ocache/253/resources/themes/navbardown.jpg);background-repeat:repeat-x}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a { background-color:#BEB991;background-image:url(/ocache/253/resources/themes/navbardown.jpg);background-repeat:repeat-x}
#menu li:hover > a.sub {background-color:#BEB991;background-image:url(/ocache/253/resources/themes/navbardown.jpg);background-repeat:repeat-x}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:40px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100%; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:150px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100%; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

#menu ul.drop { background-color: white;padding-top:5px}
#menu ul.drop li { border:4px solid #fff;border-top-width:0px;}
#menu ul.drop li a { background-color: #DEE8F1; color: #333333; background-image:url(/ocache/253/resources/themes/dropbtnbg.jpg);background-repeat:repeat-x; height:23px; font-size:12px; text-transform:uppercase; text-align:left;letter-spacing: 0px;}
#menu ul.drop li:hover a {background-color: #DEE8F1; color: #333333;background-image:url(/ocache/253/resources/themes/dropbtnbgdown.png);background-repeat:repeat-x;}
.mhome{
  width:50px;
}
.mgettingstarted{
  width:168px;
}
.mshop{
  width:50px;
}
.maccount{
  width:115px;
}
.mproducts{
  width:86px;
}
.mhelp{
  width:48px;
}
.maha{
  width:130px;
}
.mabout{
  width:65px;
}
.mblog{
  width:50px;
}
.mblank{
  width:30px;
}
/*--------------------menu ends---------------*/

.productTheme {
 float:left;
 height: 140px;
 margin-left:10px;
 margin-right:10px;
}
.characterTile {
  float:left;
  margin-left:30px;
  text-align:center;
}
.characterTile a {
     text-decoration: none;
     color: #000000;
     font-size:12px;
}
.title {
     text-decoration: none;
     color: #444444;
     font-size:16px;
     margin-left:30px;
     font-weight:600;
}
a.leftmenu:link { color: #224b4e;font-size: 11px;  }
a.leftmenu:visited { color: #224b4e;font-size: 11px;   }

#wflowbg{
   width:700px;
}



#wflow{
   width:100%;
}
#leftmenu  {
  background-color:#DEDEDE;
  clear:both;
  float:left;
  margin-left:12px;
  margin-right:15px;
  min-height:400px;
  min-width:150px;
  width:auto;
  font-size:12px;
  text-align:left
}

.tbp_subtitle {
     text-decoration: none;
     color: #4E5A74;
     font-size:18px;
     margin-left:0px;
     font-weight:600;
}