/* RESETTING STUFF */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td
{ 
   margin:0;
   padding:0;
}

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

fieldset,img
{ 
   border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
   font-style:normal;
   font-weight:normal;
}

ol,ul
{
   list-style:none;
}

caption,th
{
   text-align:left;
}

h1,h2,h3,h4,h5,h6
{
   font-size:100%;
   font-weight:normal;
}

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

abbr,acronym
{
   border:0;
}

/* GENREAL STYLE */

body
{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background:;
	color: #333;
}

h1 
{ 
	font-size: 30px; 
	color: #000000;
}

h2 
{  
	font-size: 24px; 
	color: #333333
}

h3 
{ 
	font-size: 18px; 
	color: #555555; 
	margin: 0 0 12px;
}

h4, .emList li, .numberedList li
{ 
	font-size: 14px; 
	color: #666666; 
	margin: 0 0 12px;
}

h5
{ 
   font-size: 13px; 
   color: #666666; 
   margin: 0 0 12px;
}

h6 
{ 
	font-size: 12px; 
	color: #666666; 
	margin: 0 0 12px;
}

h1, h2, h3, h4, h5, h6, .emList li, .numberedList li
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;   
}

  
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .emList li em, .numberedList li em
{
	font-size: inherit;
	color: #888888;
	font-style: normal;
	font-weight: bold;
}

h3, h3 em
{
   font-weight: normal;   
}
 
p, li
{
   margin: 0 0 10px;
   line-height: 1.6em;
   color: #666666;
   /*text-align: justify;*/
}

li
{
	margin-bottom : 6px;
}

img, a img
{
   border: 0;
}

strong
{
   font-weight: bold;
}

a:link, a:active, a:visited
{
   color: #2274a9;
}

a:hover
{
   text-decoration: none;
}

li img
{
	float: left;
	margin: 0 15px 0 0;
}

/* COMMON CLASSES */ 

.rightFloater
{
   float: right;
   margin: 0 0 0 18px;
}

.leftFloater
{
   float: left;
   margin: 0 18px 0 0;
}

.clearer 
{
   clear: both;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   font-size: 0px;
}

.needsToClear
{   
   clear: both;
}

.clearAndSpace
{   
   clear: both;
   margin: 10px 0 0 0;
}

.pageElement
{
	margin-bottom: 30px;
	display:block;
}

span.sup
{
   font-size: 70%;
   position: relative;
   left: 0;
   top: -0.4em;
}

span.lineThrough
{
   text-decoration: line-through;
}

ul.default
{
   padding-left: 18px;
   list-style-type: disc;
   color: #666666;
}

ul.default li
{
   margin-bottom: 6px;
   clear: left;
}

ol.default
{
   padding-left: 24px;
   list-style-type: decimal;
   color: #666666;
}

.emList li, .numberedList li
{ 
   font-size: 13px; 
   color: #666666; 
}

.numberedList
{
   padding: 0 0 0 35px;
   background: transparent url(/images/listNumbers.png) no-repeat 0px 2px;
   line-height: 30px;
   text-align: left;
}

.numberedList li
{
   white-space: nowrap;
   margin-bottom:7px;
   padding-bottom:2px;
   padding-top:5px;
}

.numberedList li.last
{
   margin-bottom:0;
}

.mainBox, .emBox, .expandableBox, ul, ol
{
   margin-bottom: 30px;
}

.mainBox .emBox, .emBox .mainBox
{
   margin-bottom: 0; 
}

.mainBox
{
   border: 1px solid #eeeeee;
   padding: 10px;
}

.last
{
   margin-bottom: 0;
}

.nowrap
{
	white-space: nowrap;
}

.emBox
{
   background: #eeeeee;
   padding: 10px;
}

.expandableBox
{
   padding: 12px 0 0;
   background: #eeeeee url(/images/roundedGreyBoxTop.png) no-repeat scroll left top;
   margin-bottom: 24px;
   width: 422px;
}

.expandableBox .expandableContent
{
   padding: 0 12px 12px;
   background: #eeeeee url(/images/roundedGreyBoxBottom.png) no-repeat scroll left bottom;
}

.orderBox
{
   text-align: center;
   border: 1px solid #eee;
   color: #666666;
   font-weight: bold;
   font-size: 16px;
   padding: 20px 0 20px 0;
}

.orderBox a
{
   margin: 0 12px 0 0;
}

.blackWhiteBox 
{
   padding: 6px;
   margin-bottom: 20px;
}

.blackWhiteBox .black, .blackWhiteBox .white
{
   background-color: #eeeeee;
   margin-right: 5px;
   padding: 6px;
   width: 396px;
   float: left;
   position: relative;
}

.blackWhiteBox .black
{
   padding-right: 20px;
}

.blackWhiteBox .white
{
   background-color: transparent;
   margin-right: 0;
}

a.highlighted
{
   background: #ecf3f8;
   border: 1px solid #b0c6d5 !important;
}

a.indieAnchor, a.importantAnchor
{
   background: #eee;
   color: #666;
   text-decoration: none;
   text-transform: uppercase;
   border: 1px solid #ccc;
   padding: 5px;
   font-size: 10px;
   margin-right: 15px;
}

a.importantAnchor
{
   background: #fff1dc;
   border-color: #fbb34d;
}

a.importantAnchor:hover, a.indieAnchor:hover
{
   color: #333;
}

a.importantAnchor:hover
{
   border-color: #ff8400;
}

a.indieAnchor:hover
{
   border-color: #ccc;
}

.requiredField
{
   color: #cc0000;
}

#introText p
{
   width: 395px;
   margin: 5px;
   float: left;
}

#introText p.leftFloater
{
   margin-right: 15px;
}

#upgrades {
   margin-top:25px;
}

#upgrades div {
   width: 200px;
   margin: 5px 5px 5px 40px;
   float: left;
}

#upgrades div.clearer {
   float: none;
}

#upgrades dl {
   padding:5px 0 0 0;
}

#upgrades dt, #upgrades dt.closed {
   cursor: pointer;
   padding: 0 0 0 20px;
   height:20px;
   line-height:20px;
   background:url(/images/arrowRight.gif) no-repeat center left;
}

#upgrades dt.opened {
   background:url(/images/arrowDown.gif) no-repeat center left;
}

#upgrades dd, #upgrades dd.default {
   display:none;
   margin-top:5px;
}

#upgrades dd.visible {
   display:block;
}

/** LivePerson invitation **/
#mylayer
{
   z-index: 90000 !important;
}