/*----------
  General
----------*/

* {
    margin: 0;
    padding: 0;
}

html { 
    height: 100%; 
    color: #303245;
    border-collapse: collapse;
}

div {   border-collapse: collapse; }

#container {
    margin: 20px auto 0 auto;
    width: 888px;
    height: 100%;
    padding: 0;
}
#wrapper {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    background: #ffffff;
    margin: 0 auto;
}
#content {
    background-color: #fff;
    width: 888px;
    text-align: left;  
	border-bottom: 2px solid #8EBEEC;
	padding-bottom: 30px;
}
    .sub-page #content {
        border-bottom: 1px solid #bdbdbd;
    }

#col-a {
    width: 583px;
    float: left;
    padding: 0;
    margin: 0;
}
#col-b {
    width: 293px;
    float: left;   
    margin-left: 12px;
}

.sub-page #col-a {
    width: 293px;
    float: left;
}
.sub-page #col-b {
    width: 583px;
    float: right;
}

.sub-page-3-4 #col-a{
    width: 669px;
}
.sub-page-3-4 #col-b{
    width: 198px;
}

.sub-page-full #col-a{
    width: 868px;
}
.sub-page-full #col-b{
    width: 0;
}

.sub-page-half #col-a{
    width: 434px;
}
.sub-page-half #col-b{
    width: 434px;
}

.mod { width: 293px; }
    
.mod.two-thirds { width: 583px; }

/*--------
  Header
--------*/

#header {   
    width: 888px;
    margin: 0 auto;
    text-align:left;
    height: 140px;
    overflow: hidden;
}
#header .logo {
    float: left;
    margin-right: 25px;
}
#header h2.tagline {
    margin: 25px 0 0 0px;
    font-size: 15px;
    line-height: 16px;
}

/*----------
--   nav  --
------------*/

#nav {
    height: 38px;
    background: url(gfx/nav-bg.gif) no-repeat;
    float: left;
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    width: 629px;
}
#nav ul li {
    margin: 0;
    padding: 0;
}
#nav ul li a{   
    padding:11px 12px 12px 11px;
    font-weight: normal;
    display: block;
    float: left;    
    color: #fffefe;
    background: url(gfx/nav-separator.gif) 100% 50% no-repeat;
    text-decoration: none;
    white-space: nowrap;
}
#nav ul li.lastchild a{
    background: none;
}
#nav ul li a:hover, #nav ul li.active a {
    background:url(gfx/button-active.png) repeat-x;
    color: #3d3f57;
}

/*----------
-- footer --
------------*/

#footer {
    font-size: 12px;
    margin: 0 auto; 
    padding-top: 20px;
}
#footer img {
    margin: 0 0 6px 0;
}
#footer a{
    color: #737587;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
}
#footer .links {
    margin: 6px;
}
#footer .links li {
    border-right: 1px solid #b3b5cf;
    padding:0 4px 0 4px;
    margin: 0;
}
#footer .links li.last {
    border-right:none;
}
#footer p {
    margin: 14px 0;
    color: #b3b5cf;
}
#footer p a{
    color: #b3b5cf;
}

/* custom classes */

.error {
	font-weight: bolder;
	color: #FF0000;
	font-size: 90%;
}

.success {
	font-weight: bolder;
    color: #00FF00;
    font-size: 90%;
}

.clear { 
    clear: both; 
    line-height: 1px;
    font-size: 1px;
}
.self-clear {
    _height: 1%;
    *display: inline-block;
    _display: block;
}

.self-clear:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.float-left { float:left; }
.float-right { float:right; }
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.add-margin-bottom, .mod .add-margin-bottom { margin-bottom: 4px; }
.add-margin-top { margin-top: 10px; }
.add-pad-left { padding-left: 12px; }
.add-pad-right { padding-right: 12px; }
.add-pad-top { padding-top: 10px; }
.add-pad-bottom { padding-bottom: 10px; }
.border-bottom { border-bottom: 1px solid #d2d2d2; }
.blue { color: #1d6bb0; }
.light-blue { color: #00a1e3; }
.green { color: #0c5106; }
.purple { color: #6a3483; }
.gray { color: #6a6a6a; }
.orange { color: #ff8900; }
div.hr {
  height: 15px;
  background: url(gfx/gray-hr.gif) repeat-x;
}
div.hr hr {
  display: none;
}

p {
    margin: 10px 0; 
}
.large-text {
    font-size: 14px;
}
ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
}
ul li {
    display:inline;
}
ul li a {
    color:#005bae;
    font-size:12px;
}
a { color: #f60; }
a:hover { text-decoration: none; }
img { border:0; }
.image-hr {
    margin: 6px 0 14px 0;
}
h1 {
    line-height: 30px;
    font-size: 20px;
} 
h2 {
    line-height: 25px;
    font-size: 20px;
}
h3 {
    color: #303245;
    font-size: 14px;
    margin: 10px 0;
}
/* List Styles */       
.orange-bullet-list-sitemap {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; 
}
    .orange-bullet-list-sitemap li {
        background: url(gfx/orange-bullet.gif) 0 4px no-repeat;
        display: block;
        padding: 0 15px 0 20px;
        margin: 14px 0;
        display: block;
        position: relative;
    }
    
    .orange-bullet-list-sitemap .level1 {
        background: url(gfx/orange-bullet.gif) 0 4px no-repeat;
        display: block;
        padding: 0 15px 0 20px;
        margin: 14px 0;
        display: block;
        position: relative;
    }
    
    .orange-bullet-list-sitemap .level2 {
        background: url(gfx/orange-bullet.gif) 0 4px no-repeat;
        display: block;
        padding: 0 15px 0 20px;
        margin: 14px 28px;
        display: block;
        position: relative;
    }

.orange-bullet-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; 
}
    .orange-bullet-list li {
        background: url(gfx/orange-bullet.gif) 0 4px no-repeat;
        display: block;
        padding: 0 15px 0 20px;
        margin: 14px 0;
        display: block;
        position: relative;
    }

.orange-bullet-list.condensed {
    margin: 10px 0;
}   
.orange-bullet-list.condensed li {
    margin: 2px 0;
}

.orange-bullet-list.float {
    margin: 10px 0;
    width: 460px;
}
    .orange-bullet-list.float li {
        margin: 2px 0;
        float: left;
        width: 200px;
    }
.ordered-list {
    list-style: decimal;
    list-style-position: inside; 
    margin: 12px 0 20px 0;
    padding: 0;
    display: block;
}
    .ordered-list li {
        padding: 0 0 0 0px;
        margin: 10px 0;     
    }
.gray-border-box-full .orange-bullet-list a {
    color: #ff8900;
}
.-buttons {
    margin: 4px 0;
    padding: 0;
}
    .-buttons li {
        float: left;
        margin: 2px 0;
    }
    
/* Light Blue Round Box */  

.light-blue-round-box {
    background: url(gfx/box-body-matrix.png) -3089px 0 repeat-y;
    width: 560px;
    padding: 0 0 0 22px;
    font-size: 14px;
}
    .light-blue.h1, .light-blue.h2 {
        font-size: 18px;
        margin-bottom: 20px;
        height: 32px;
    }
    .light-blue-round-box-top {
        background: url(gfx/mod-border-matrix-wide.png) no-repeat;
        height: 48px;
        overflow: hidden;
        margin: 0 0 -30px -22px;
        width: 583px;
    }
    .light-blue-round-box-bottom {
        background: url(gfx/mod-border-matrix-wide.png) 0 -52px no-repeat;
        height: 48px;
        overflow: hidden;
        margin: 0 0 0 -22px;
        width: 583px;
    }
    .light-blue-round-box .orange-bullet-list li {
        background-position: 0 3px;
    }
    
/* blue Gradient Round Box half*/

.blue-gradient-box-half {       
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    width: 415px;
    background: url(gfx/box-body-matrix.png) -7889px 0 repeat-y;
    font-size: 14px;
    line-height: 18px;
}
    .blue-gradient-box-half-top {
        background: url(gfx/mod-border-matrix-wide.png) 0 -827px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 435px;
        margin: 0 0 0 -20px;
    }
    .blue-gradient-box-half-bottom {
        background: url(gfx/mod-border-matrix-wide.png) 0 -879px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 435px;
        margin: 0 0 0 -20px
    }
    .blue-gradient-box-half p {
        margin: 14px 0;     
    }
    .blue-gradient-box-half h1, .blue-gradient-box-half h2 {
        position: relative;
    }
    
    
/* Gray Border Round Box */

.gray-border-box {
    background: url(gfx/box-body-matrix.png) -200px  0 repeat-y;
    padding: 8px 20px 0 20px;
    width: 245px;   
    font-size: 14px;
}
    .gray-border-box h1, .gray-border-box h2 {
        color: #00a1e3;
        font-size: 18px;
        margin-bottom: 14px;
    }   
    .gray-border-top {
        background: #fff url(gfx/mod-border-matrix.png) no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    .gray-border-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -14px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    
/* Gray Border Round Box Xwide*/

.gray-border-box-xwide {        
    padding: 8px 20px 10px 20px;
    width: 630px;
    background: url(gfx/box-body-matrix.png) -485px 0 repeat-y;
    font-size: 14px;
    line-height: 18px;
}
    .gray-border-box-xwide h1, .gray-border-box-xwide h2 {
        color: #00a1e3;
    }   
    .gray-border-xwide-top {
        background: url(gfx/mod-border-matrix-xwide.png) 0 0 no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 670px;
    }
    .gray-border-xwide-bottom {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -14px no-repeat;
        height: 14px;
        position: relative;
        overflow: hidden;
        width: 670px;
    }
    .gray-border-box-xwide p {
        margin: 14px 0;     
    }
    
/* Gray Border Round Box Small sub-page-3-4 */
.sub-page-3-4 .gray-border-box {            
    width: 184px;
    padding: 0 8px;
    background: url(gfx/box-body-matrix.png) 0 0 repeat-y;
    font-size: 14px;
    text-align: center;
}
    .sub-page-3-4 .gray-border-box p {
        margin: 0;
        padding: 4px 5px 10px 5px;
    }
    .sub-page-3-4 .gray-border-box h1, .sub-page-3-4 .gray-border-box h2 {
        color: #00a1e3;
        font-size: 18px;
        margin-bottom: 10px;
    }   
    .sub-page-3-4 .gray-border-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -430px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 200px;
    }
    .sub-page-3-4 .gray-border-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -444px no-repeat;
        height: 10px;
        margin: 0 0 10px 0;
        position: relative;
        overflow: hidden;
        width: 200px;
    }

/* Gray Border Round Box Full*/

.gray-border-box-full {     
    padding: 8px 20px 10px 20px;
    width: 839px;
    background: url(gfx/box-body-matrix.png) -5304px 0 repeat-y;
    font-size: 14px;
    line-height: 18px;
}
    .gray-border-box-full h1, .gray-border-box-full h2 {
        color: #00a1e3;
    }   
    .gray-border-full-top {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -502px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 888px;
    }
    .gray-border-full-bottom {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -516px no-repeat;
        height: 14px;
        position: relative;
        overflow: hidden;
        width: 888px;
    }
    .gray-border-box-full p {
        margin: 14px 0;     
    }
    
/* Blue Border Roung Box */

.blue-border-box {      
    padding:0 20px;
    width:245px;
    background: url(gfx/box-body-matrix.png) -2520px 0 repeat-y;
    font-size: 14px;
}
    .blue-border-box-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -48px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    .blue-border-box-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -62px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    
/* Blue Border Round Box Small sub-page-3-4 */

.sub-page-3-4 .blue-border-box {        
    padding:0 14px;
    width: 172px;
    background: url(gfx/box-body-matrix.png) -2320px 0 repeat-y;
    font-size: 14px;
}
    .sub-page-3-4 .blue-border-box-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -478px no-repeat;
        height: 10px;
        position: relative;
        overflow: hidden;
        width: 200px;
    }
    .sub-page-3-4 .blue-border-box-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -492px no-repeat;
        height: 11px;
        margin: 0 0 10px 0;
        position: relative;
        overflow: hidden;
        width: 200px;
    }   

    .buy-now-content p {
        color: #ff8900;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        background: url(gfx/orange-underline.png) 0 100% no-repeat;
        margin: 0 0 5px 0;
        padding: 0 0 12px 0;
    }
    .buy-now-content p span {
        font-weight: normal;
        font-size: 44px;
    }
/* orange Border Roung Box */

.orange-border-box {        
    padding:0 20px;
    width:245px;
    background: url(gfx/box-body-matrix.png) -3873px 0 repeat-y;
    font-size: 14px;
}
    .orange-border-box-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -99px no-repeat;
        height: 48px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    .orange-border-box-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -147px no-repeat;
        height: 48px;
        position: relative;
        overflow: hidden;
        width: 293px;
    }
    .orange-border-box h1, .orange-border-box h2 {
        color: #994e00;
        font-size: 14px;
    }

/* orange Border Roung Box Small sub-page-3-4*/

.sub-page-3-4 .orange-border-box {      
    padding: 0 9px;
    width: 182px;
    background: url(gfx/box-body-matrix.png) -3673px 0 repeat-y;
    font-size: 14px;
}
    .sub-page-3-4 .orange-border-box-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -527px no-repeat;
        height: 30px;
        overflow: hidden;
        width: 200px;
    }
    .sub-page-3-4 .orange-border-box-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -576px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 200px;
        position: relative;
    }
    .sub-page-3-4 .orange-border-box h1, .sub-page-3-4 .orange-border-box h2 {
        color: #994e00;
        font-size: 17px;
        margin: -4px 0 3px 0;
    }
    
/* Blue Gradient Box Sm */

.blue-gradient-box-sm {     
    padding:0 10px 0 18px;  
    width: 257px;
    background: url(gfx/box-body-matrix.png) -2805px 0 repeat-y;
    font-size: 14px;
}
    .blue-gradient-box-sm h1, .blue-gradient-box-sm h2 {
        font-size: 20px;        
    }
    .blue-gradient-box-sm-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -210px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 293px;
        margin: 0 -10px 0 -18px;
    }
    .blue-gradient-box-sm-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -258px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 293px;
        margin: 0 -10px 0 -18px;
    }
    
.gray-gradient-box-sm {     
    padding: 0 10px;
    font-size: 14px;
    width: 265px;
    background: url(gfx/box-body-matrix.png) -1155px 0 repeat-y;
}
    .gray-gradient-box-sm .orange-bullet-list li {
        margin: 10px 0 20px 0;
        background-position: 0 3px;
    }
    .gray-gradient-box-sm-top {
        background: #fff url(gfx/mod-border-matrix.png) 0 -320px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 293px;
        margin: 0 -10px;
    }
    .gray-gradient-box-sm-bottom {
        background: url(gfx/mod-border-matrix.png) 0 -362px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 293px;
        margin: 0 -10px;
    }
    
/* Gray Gradient Round Box Full*/

.gray-gradient-box-full {       
    padding: 0 0 0 20px;
    width: 860px;
    background: url(gfx/box-body-matrix.png) -1436px  0 repeat-y;
    font-size: 14px;
    line-height: 18px;
}
    .gray-gradient-box-full-top {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -100px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 888px;
        margin: 0 0 0 -20px;
    }
    .gray-gradient-box-full-bottom {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -140px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 888px;
        margin: 0 0 0 -20px
    }
    .gray-gradient-box-full p {
        margin: 14px 0;     
    }
    .gray-gradient-box-full h1, .gray-gradient-box-full h2 {
        position: relative;
    }
    
/* Gray Gradient Round Box half*/

.gray-gradient-box-half {       
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    width: 415px;
    background: url(gfx/box-body-matrix.png) -7454px   0 repeat-y;
    font-size: 14px;
    line-height: 18px;
}
    .gray-gradient-box-half-top {
        background: url(gfx/mod-border-matrix-wide.png) 0 -710px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 435px;
        margin: 0 0 0 -20px;
    }
    .gray-gradient-box-half-bottom {
        background: url(gfx/mod-border-matrix-wide.png) 0 -749px no-repeat;
        height: 48px;
        overflow: hidden;
        width: 435px;
        margin: 0 0 0 -20px
    }
    .gray-gradient-box-half p {
        margin: 14px 0;     
    }
    .gray-gradient-box-half h1, .gray-gradient-box-half h2 {
        position: relative;
    }
    
/* gradient-content */

.gradient-content {
    margin: -30px 0 -30px 0;
    position: relative;
}   
    .gradient-content img {
        position: relative;
    }

/* orange bonus box */

#bonus-orange {
    margin: 0 0 12px 0px;
    width: 583px;
    text-align: left;
    float: left;
}   
    #bonus-orange h1, #bonus-orange h2 {
        color: #994e00;
        font-weight: normal;
        padding-bottom: 12px;
        margin: 0 0 0 10px;
        background: 490px 10px url(gfx/arrow-orange.gif) no-repeat;
        line-height: 26px;
        font-size: 24px;
    }
    #bonus-orange h1 span, #bonus-orange h2 span {
        font-size: 20px;
    }

/* orange gradient frame background */      
#bonus-orange {
    background: url(gfx/box-body-matrix.png) -4158px 0 repeat-y;
}

#bonus-orange div.round-top {
    background: url(gfx/mod-border-matrix-wide.png) 0 -134px no-repeat;
    height: 90px;
    margin: 0 0 -70px 0px;
}
    
#bonus-orange div.round-bottom {
    background: url(gfx/mod-border-matrix-wide.png) 0 -227px no-repeat;
    height: 47px;
    float: left;    
    width: 583px;
}

/* New Rooms Frame - White Inner Box */

#bonus-orange #white-content-box-orange-frame {
        background: #fff;
        margin: 4px 0 0px 0;
        position: relative;
        width: 563px;
        float: left;
        }   

#bonus-orange #white-content-box-orange-frame div.round-top {
    background: url(gfx/mod-border-matrix-wide.png) 0px -311px no-repeat;
    height: 10px;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    width: 563px;
    }
    
#bonus-orange #white-content-box-orange-frame div.round-bottom {
    background: url(gfx/mod-border-matrix-wide.png) 0px -339px no-repeat;
    margin: 0;
    height: 10px;
    width: 563px;
    float: left;
    }
    
/* full width orange gradient frame background */       
#bonus-orange-full {
    background: url(gfx/box-body-matrix.png) -6183px 0 repeat-y;
    width: 836px;
}

#bonus-orange-full div.round-top {
    background: url(gfx/mod-border-matrix-xwide.png) 0 -280px no-repeat;
    height: 90px;
    margin: 0 0 -70px 0px;
}
    
#bonus-orange-full div.round-bottom {
    background: url(gfx/mod-border-matrix-xwide.png) 0 -369px no-repeat;
    height: 47px;
    float: left;    
    width: 836px;
    margin-top: -36px;
}

    #bonus-orange-full h1, #bonus-orange-full h2 {
        color: #994e00;
        font-weight: normal;
        padding-bottom: 12px;
        margin: 0 0 0 10px;     
        line-height: 26px;
        font-size: 24px;
    }
    #bonus-orange-full h1 span, #bonus-orange-full h2 span {
        font-size: 20px;
    }

/* Full New Rooms Frame - White Inner Box */

#bonus-orange-full #white-content-box-orange-frame {
        background: #fff;
        margin: 4px 0 0px 0;
        position: relative;
        width: 816px;
        float: left;
        }   

    #bonus-orange-full #white-content-box-orange-frame div.round-top {
        background: url(gfx/mod-border-matrix-xwide.png) 0px -446px no-repeat;
        height: 10px;
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
        width: 816px;
        }
        
    #bonus-orange-full #white-content-box-orange-frame div.round-bottom {
        background: url(gfx/mod-border-matrix-xwide.png) 0px -462px no-repeat;
        margin: 0;
        height: 10px;
        width: 816px;
        float: left;
    }
    
/* half width orange gradient frame background */       
#bonus-orange-half {
    background: url(gfx/box-body-matrix.png) -7017px 0 repeat-y;
    width: 435px;
    margin-right: -3px;
}

#bonus-orange-half div.round-top {
    background: url(gfx/mod-border-matrix-wide.png) 0 -471px no-repeat;
    height: 90px;
    margin: 0 0 -70px 0px;
}
    
#bonus-orange-half div.round-bottom {
    background: url(gfx/mod-border-matrix-wide.png) 0 -564px no-repeat;
    height: 47px;
    float: left;    
    width: 435px;
    margin-top: -36px;
}

    #bonus-orange-half h1, #bonus-orange-half h2 {
        color: #994e00;
        font-weight: normal;
        padding-bottom: 12px;
        margin: 0 0 0 10px;     
        line-height: 26px;
        font-size: 24px;
    }
    #bonus-orange-half h1 span, #bonus-orange-half h2 span {
        font-size: 20px;
    }

/* half bonus orange - White Inner Box */

#bonus-orange-half #white-content-box-orange-frame {
        background: #fff;
        margin: 4px 0 0px 0;
        position: relative;
        width: 415px;
        float: left;
        }   

    #bonus-orange-half #white-content-box-orange-frame div.round-top {
        background: url(gfx/mod-border-matrix-wide.png) 0px -649px no-repeat;
        height: 10px;
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
        width: 415px;
        }
        
    #bonus-orange-half #white-content-box-orange-frame div.round-bottom {
        background: url(gfx/mod-border-matrix-wide.png) 0px -665px no-repeat;
        margin: 0;
        height: 10px;
        width: 415px;
        float: left;
    }

/* light blue testimonials box */

.blue-round-box-solid {
    background: #e5f1fd;
    width: 604px;
    padding: 0 0 0 22px;
    font-size: 14px;
}
    .blue-round-box-solid-top {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -50px repeat-y;
        height: 10px;
        overflow: hidden;       
        width: 627px;
    }
    .blue-round-box-solid-bottom {
        background: url(gfx/mod-border-matrix-xwide.png) 0 -67px repeat-y;
        height: 10px;
        overflow: hidden;
        width: 627px;
        margin-bottom: 20px;
    }   
    .blue-round-box-solid p {
        margin: 0;
        padding: 10px 10px 10px 0;
        width: 589px;
    }
    
    .blue-round-box-solid ul li p {
        margin: 0;
        padding: 0 10px 12px 0;
        width: auto;
    }
    
/* Green Round Boxes */

.green-round-box-numbered {
        background: #0c5601;
        margin: 0;
        padding: 0 12px 0 44px;
        position: relative;
        width: 784px;
        float: left;
        }
        .green-round-box-numbered h1, .green-half-box-numbered h2 {
            color: #fff;
            font-size: 23px;
            margin: -8px 0 0 0;
            position: relative;
            line-height: 28px;
        }

.green-round-box-numbered-top {
    background: url(gfx/mod-border-matrix-xwide.png) 0 -215px no-repeat;
    height: 27px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 840px;
    }
    
.green-round-box-numbered-bottom {
    background: url(gfx/mod-border-matrix-xwide.png) 0 -238px no-repeat;
    margin: 0 0 18px 0;
    padding: 0;
    height: 12px;
    width: 840px;
    position: relative;
    }
    
/* Green Box Half */
.green-half-box-numbered {
    background: #0c5601;
    margin: 0;
    padding: 0 12px 0 44px;
    position: relative;
    width: 354px;
    float: left;
    }
    .green-half-box-numbered h1, .green-round-box-numbered h2 {
            color: #fff;
            font-size: 23px;
            margin-top: -12px;          
        }
.green-half-box-numbered-top {
    background: url(gfx/mod-border-matrix-wide.png) 0 -390px no-repeat;
    height: 27px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 410px;
    }
    
.green-half-box-numbered-bottom {
    background: url(gfx/mod-border-matrix-wide.png) 0 -420px no-repeat;
    margin: 0;
    padding: 0;
    height: 11px;
    width: 410px;
    position: relative;
    }
    
/*--------------
-- index page --
--------------*/

.main-title {
    color: #00a1e3;
    font-size: 30px;
    position: relative;
}

.index-fixed-height-top {
    height: 360px;
}

.index-fixed-height-top .mod.orange-border-box {
    height: 265px;
}

.index-fixed-height-top .light-blue-round-box {
    height: 339px;
}

.index-fixed-height-bottom .mod.gray-border-box {
    height: 190px;
}

.index-fixed-height-bottom .mod.blue-border-box {
    height: 197px;
}

.see-all-rooms {
    margin: 0;
    padding: 17px 0 10px 0;
    text-align: center; 
}
/* START: jeff */
#award {
	margin-bottom: 12px;
	height: 142px;
}
	.best-tool {
		margin: 12px 0 12px 0;
		text-align: center;
	}
	#award img {
		margin-bottom: 4px;	
	}
	.award-date {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		text-align: center;
	}
	.center-img-box {
		padding: 17px 0 0 0;
		text-align: center;
		z-index: 10;
		position: relative;
	}
		.center-img-box img {
			margin: 3px 0;
			z-index: 10;
			position: relative;
		}

#supported-rooms {
	height: 183px;	
}

#featured-rooms .room {
	position: relative;
}
#featured-rooms .room .gray-border-bottom {
	position: absolute;
	bottom: 0;
}
#featured-rooms .room .gray-border-box {
	height: 210px;	
}
#featured-rooms .featured-rooms-logo {
	float: none;
	margin: 0 auto;
	border: none;
	height: auto;
	width: auto;
}
#featured-rooms .featured-rooms-logo img {
	padding: 0 0 20px 0;
}
#featured-rooms .featured-rooms-logo .usflag {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	margin: -15px 0 0 0;
}
#featured-rooms .featured-rooms-logo .usflag img {
	vertical-align: bottom;
	padding: 0;
}
#featured-rooms .room .sign-up-bonus-code {
	text-transform: uppercase;
	display: block;
	text-align: center;
}
#featured-rooms .room .get-free {
	display: block;
	text-align: center;
	margin: 15px auto 0 auto;
}
/* END: jeff */

/* Product Box Blue Matte */

.product-box {
    float: left;
    margin: 20px 0 0 0;
    position: relative;
}

.fp-product-info {
    margin: 10px 0 0 0;
    padding: 0 28px 3px 0;
    width: 366px;
    height: 245px;
    float: right;
}

.learn-more-blue-box {
    text-align: center;
    position: relative;
    margin: 20px 0 -10px 0;
}
/* SUBPAGES */

/*--------
-- free --
----------*/

.mod .get-free-steps li {       
    font-size: 12px;
    height: 17px;
    position: relative;
}
    .mod .get-free-steps li strong {        
        font-size: 14px;
    }
    .mod .get-free-steps li p, .blue-ordered-steps {
        background: url(gfx/numbered-bullets.gif) no-repeat;
        padding: 3px 0 2px 32px;
    }
    .mod .get-free-steps li p.step1, .blue-ordered-steps.step1 {
        background-position: 0 0px;
    }
    .mod .get-free-steps li p.step2, .blue-ordered-steps.step2 {
        background-position: 0 -116px;
    }
    .mod .get-free-steps li p.step3, .blue-ordered-steps.step3 {
        background-position: 0 -230px;
    }

.mod .get-free-ebook-steps p {
    margin: 4px 0 14px 0;
}

#open-new-account .content {
    background: #ededea;
}
.open-new-account {
    background: url(../images/open-a-new-account_bg.png) no-repeat;
    height: 77px;
    margin: 1px;
    border-bottom: 1px solid #d2d2d2;
}

.buy-no-border {
    padding-left: 30px;
}
    .buy-no-border-inner-box {
        width: 320px;
        float: right;
        padding-left: 25px;
    }

.supported-rooms-block {
    float: left;
    border-bottom: 1px solid #cbcad8;
    width: 540px;
    padding-bottom: 0 0 0 0;
    margin: -5px 0 30px 1px;
    height: 130px;
}

.supported-rooms-block-first-child {
    margin-top: 12px;
}
.supported-rooms-block-last-child {
    margin-bottom: -10px;
    border-bottom: 0;
}

div#index-free-link {
    clear: both;
    float: right;
    padding-top: 10px;
}

.featured-room {
    float: left; 
    margin-right: 12px; 
    text-align: center;
}
.featured-room-last {
    margin-right: 0;
}
.featured-rooms-logo {
    overflow: hidden;
    height: 100px;
    text-align: center;
}

.supported-rooms-logo {
    overflow: hidden;
    width: 175px;
    border-right: 1px solid #cbcad8;
    float: left;
    height: 130px;
    margin-top: -12px;
    text-align: center;
}
    .supported-rooms-logo img {
        padding-top: 15px;
    }
    .supported-rooms-logo img.fulltilt {
        padding-top: 5px;
    }
    .supported-rooms-logo img.party {
        padding-top: 10px;
    }
.get-free-license {
    text-align: center;
}
    .get-free-license a {
        
    }

.sign-up-bonus-blue {
    font-size: 20px;
    color: #303245;
    display: block;
    line-height: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.sign-up-bonus-code {
    font-size: 14px;
    color: #3d3a3f;
    display: block;
    line-height: 24px;
}
.sign-up-bonus-code strong {
    font-weight: bold;
    text-transform: uppercase;
}

.supported-rooms-bottom {
    margin: 6px 6px 0 0;
}

    .supported-rooms-bottom a {     
        padding: 0 16px 0 0;
        line-height:14px;
        float: right;
        color: #fff;
    }

/* new buy now free page block */

#buy-now h1, #buy-now h2 {
    color: #00a1e3;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 45px 0 0;
    margin: 0 0 4px 0;
    white-space: nowrap;
    line-height: 22px;
    }
    
.buy-now-content-top {
    float: left;
    width: 575px;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #bdbdbd;
    margin: 0 0 16px 0;
    font-size: 14px;
    line-height: 18px;
} 
    .buy-now-content-top p {
        margin: 8px 0 10px 0;
    } 

.buy-content-top {
    border-bottom: 1px solid #cbcad8;
    float: left;
    margin-bottom: 8px;
}

.buy-now-button-free-page {
    text-align: center;
    float: right;
}
    .buy-now-button-free-page img {
        margin-top: 10px;
    }

#buy-now .buy-now-details {
    font-size: 10px;
    line-height: 12px;
    width: 570px;
    margin-bottom: 16px;
}

#open-new-account .add-pad-left, #download-sngs-now .add-pad-left {
    margin-left: 9px;
    padding-left: 0;
}

/*--------
-- What --
--------*/

.numbered-img-header {
    background: url(gfx/critial-numbered-matrix.png) no-repeat;
    padding: 0 0 0 38px;
    height: 28px;
    line-height: 28px;
}

.numbered-img-header.critital-1 {
    background-position: 0 0;
}

.numbered-img-header.critical-2 {
    background-position: 0 -42px;
}

.numbered-img-header.critical-3 {
    background-position: 0 -84px;
}

.numbered-img-header.critical-4 {
    background-position: 0 -127px;
}

.numbered-img-header.critical-5 {
    background-position: 0 -169px;
}

.numbered-img-header.critical-6 {
    background-position: 0 -211px;
}

.numbered-img-header.critical-7 {
    background-position: 0 -252px;
}

.image-btn {
    margin-bottom: 8px;
}

/* get free */

.gray-purple-header { 
    color: #6a6a6a;
    font-size: 24px;
    line-height: 34px;
}
.gray-purple-header span { 
    color: #6a3483;
    font-size: 30px;
}

.steps-purple {
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;    
    margin: -22px 0 0 -59px;
    background: url(gfx/numbered-steps-purple.gif) no-repeat;
}
.steps-purple.step-1 { background-position: 0 0; }
.steps-purple.step-2 { background-position: 0 -155px; }
.steps-purple.step-3 { background-position: 0 -311px; }

.download-btn-green {
    margin: 30px 0 0 60px;
}
.download-btn-blue {
    padding: 10px 6px;
}

.green-split-left {
    float: left;
    margin: 0 20px -30px 0;
    width: 410px;
    clear: both;
    position: relative;
}
.green-split-right {
    float: left;
    margin: 0 0 -30px 0;
    position: relative;
}

.arrow-pad2 {
    padding: 16px 0 0 60px;
}
.thumb2 {
    float: right;
    margin-top: -5px;
    padding: 0 8px 0 0;
}

.arrow-pad3 {
    padding: 16px 0 0 40px;
}
.thumb3 {
    float: right;
    padding: 0 8px 0 0;
    margin: 20px 0 8px 0;
}

/* screenshots */

.screenshot-container {
    padding: 0 74px;
    clear: both;
}
.screenshot-container img {
    float: left;
    margin: 0 10px 10px 0;
}
.screenshot-container.tall p {
    padding-top: 200px;
}
.screenshot-container.med p {
    padding-top: 100px;
}
.screenshot-container.short p {
    padding-top: 55px;
}

/* tutorial */

.orange-numbered-list li {      
    font-size: 14px;
    position: relative;
    margin: 0;
    padding: 0;
}
    .orange-numbered-list li p {
        background: url(gfx/numbered-bullets.gif) no-repeat;
        padding: 3px 0 3px 32px;
        margin: 7px 0;
    }
    .orange-numbered-list li p.step1 {
        background-position: 0 -339px;
    }
    .orange-numbered-list li p.step2 {
        background-position: 0 -459px;
    }
    .orange-numbered-list li p.step3 {
        background-position: 0 -579px;
    }
    
/* faq */

ul.q-and-a {
    margin: 0 0 0 -5px;
    padding: 5px 0 0 0;
}   
    ul.q-and-a li {
        margin: 0;
        padding: 4px 10px 12px 35px;
        display: block;
    }
    ul.q-and-a li.question {
        background: url(gfx/numbered-bullets.gif) 0 -680px no-repeat;
    }
    ul.q-and-a li.answer {
        background: url(gfx/numbered-bullets.gif) 0 -779px no-repeat;
    }
    
    ul.q-and-a li a {
        color: #005BAE;
        font-size: 14px;
    }

/* Contact */
#contact label {
    display: block;
    font-weight: bold;
    color: #2e2e2e;
}

#contact textarea {
    width: 370px;
    border: 1px solid #7f9db9;
    margin-top: 4px;
}

#contact .checkboxes input {
    margin: 4px 0 0 0;
}

#contact select {
    margin: 4px 0 0 0;
    border: 1px solid #7f9db9;
}

#contact input.text {
    width: 156px;
    display: block;
    margin: 4px 0;
    padding: 2px;
    border: 1px solid #7f9db9;
}

#contact #contant-email label {
    float:none;
}

#contact #contant-email p {
    margin: 0 0 5px 0;
}

#contact .orange-bullet-list {
    margin: 0;
    padding: 6px 0;
    
}
    #contact .orange-bullet-list li {
        margin: 0 0 16px 0;
        /* padding: 6px 0 6px 10px; */
        /* position: relative;
        clear: both;
        float: none;
        display: block; */
    }
    
.captcha-input {
    margin-bottom: 6px;
    border: 1px solid #7f9db9;
}

.submit-button {
    margin: 10px 0;
}

/* Product */

.product-menu {
    list-style: none;
    height: 38px;
    line-height: 38px;
    width: 612px;
    margin: 0 0 5px 0;
    padding: 0pt 0pt 0pt 15px;
    background: url(gfx/product-menu-bg.png) no-repeat;
}

    .product-menu li {
        background: url(gfx/product-menu-divider.png) 100% 0 no-repeat;
        margin:0pt 5px 0px 0px;
        padding:0pt 7px 0px 0px;
    }
    
        .product-menu .last-element
        {
	        background: none;
	        padding: 0pt 0px 0pt 2px;
	        margin: 0;
        }
        .product-menu li a {
            color: #532a00;
        }

.product-info {
    text-align: center;
    margin: 30px 0 0 0;
    float: right;
}

.security {
    padding: 0 25px 0 60px;
    margin: 30px 0 10px 0;
    width: 324px;
    height: 54px;
    background: url(gfx/encryption-box.gif) no-repeat;
}
    .security p {
        width: auto;
    }
    
.product-info h3 {
    font-size: 17px;
    margin: 0 0 10px 0;
    line-height: 28px;
    color: #00a1e3;
}

.top-link {
    float: right;
}
    .top-link a {
        font-size: 12px;
        color: #00a1e3;
    }
    
/* Retrieve License */

#bonus-orange-full .rewards-white {
    color: #fff;
    float: right;
    padding-right: 25px;
}
.play-this {
    width: 175px;
    float: left;
}

.rounder-rewards-block {
    float: left;
    border-bottom: 1px solid #cbcad8;
    width: 798px;
    padding: 0 0 0 0;
    margin: -5px 0 20px 1px;
    height: 90px;
    font-size: 15px;
    line-height: 18px;
}
    .rounder-rewards-block img {
        float: right;
        padding: 0 5px 0 30px;  
    }
    
    .rounder-rewards-block.last-child {     
        border: none;
        margin: -5px 0 0 1px;
        height: 85px;
    }

    .rounder-rewards-block p {
        margin: 3px 0 0 0;
    }

.play-this-detail {
    overflow: hidden;
    width: 155px;
    border-right: 1px solid #cbcad8;
    float: left;
    height: 80px;
    text-align: left;
    font-weight: bold;
    padding: 0 10px;
}
    
.gray-border-box-full .rounder-rewards-block .receive-this-detail p {
    padding: 0 14px 0 204px;    
}

/* Download */

#download-sngs-now{
    
}
    #download-sngs-now h2, #download-sngs-now h1 {
        text-align: left;
    }

.white-inner-pad {
    padding: 0 10px;
    font-size: 12px;
    text-align: left;
}
    #download-sngs-now p {
        padding: 10px 10px 10px 16px;
        margin: 0;
    }

.download-product-info {
    float: right;
    width: 270px;
    font-size: 14px;
}
    .download-product-info img {
        padding-left: 14px;
    }
    
.white-center-links {
    margin: 10px auto 26px auto;
    padding: 0;
    width: 150px;   
}
    .white-center-links li {
        margin: 0 6px 0 0px;
        padding: 0 8px 0 0;
        background: url(gfx/white-link-separator.gif) 100% 1px no-repeat;
    }
    .white-center-links .last-child {
        background: none;
    }
    .white-center-links a {
        color: #fff;
    }
    
/* Buy */

#buy h1 {
    text-align: left;
}
#buy p {
    padding: 10px;
    margin: 0;
    text-align: left;
}

#buy div {
    text-align: left;
}   

#buy div 

#buy .add-pad-left {
    padding-left: 10px;
}
#buy .starter-ssl {
    float: right;
    margin: -8px 0 10px 0;
}

#buy .left-align {
    text-align: left;
    float: right;
    width: 195px;
    
}
#buy form label {
    margin: 6px 0;
    width: 160px;
    font-size: 14px;
    font-weight: bold;
    color: #2e2e2e;
    line-height: 18px;
    text-align: left;
    float: left;
    display: block;
    clear: left;
}
 
#buy form input,
#buy form select {
    margin: 6px 0;
    width: 210px;
    height: 18px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #005b8b;
    border: #7f9db9 1px solid;
    clear: right;
}

#buy p.small-text {
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
}
    
#buy form p.small-text {
    margin: 0 0 6px 166px;
    font-size: 10px;
    line-height: 11px;
    width: 200px;
    padding: 0;
}
    
#buy form select#credit-card-exp-month { width: 65px; }
    
#buy form select#credit-card-exp-year { width: 75px; }
    
#buy form input#credit-card-security-code { width: 140px; }
    
#buy form a#what-is-this {
    font-size: 10px;
    color: #005b8b;
    padding: 14px 0 0 5px;  
    position: relative;
    line-height: 20px;
    margin-top: -10px;
    float: right;
}
#buy .security-code {
    float: right;
    text-align: left;
    width: 212px;
    padding: 0 0 5px 0;
    white-space: nowrap;
    line-height: 28px
}

#buy .security-code input {
    float: left;
}

#buy form div {
    padding: 0 10px;
    clear: both;
}
    
#buy form div input#purchase-submit {
    color: #fff;
    text-decoration: underline;
    cursor:hand;
    cursor:pointer;
    font-weight: normal;
    border: none;
    height: auto;
    width: auto;
    margin-left: 155px;
}

#buy-summary table {
    width: 100%;
    background: #e2f0f5;
    border-top: #a8becc 1px solid;
}
    
#buy-summary table td {
    padding: 0.5em 0.5em 0 0.5em;
    font: 1em arial, helvetica, sans-serif;
    vertical-align: top;
    border-right: #a8becc 1px solid;
    border-bottom: #a8becc 1px solid;
}
    
#buy-summary table td.type {
    font-weight: bold;
    width: 20%;
}
    
#buy-summary table td#prod-box {
    background-color:#fff;
    padding:0;
    width: 30%;
    text-align: left;
    border-right: 0;
}

#buy-summary table td#prod-box img {
    vertical-align:bottom;
}
    
#buy-summary h3,
#buy-payment h3,
#buy-about h3  {
    margin: 0 0 0.7em 0;
    font: 1.3em arial, helvetica, sans-serif;
    font-weight: bold;
    color: #2e2e2e;
}
    
#buy-about ul {
    margin: 1em 1px;
}

#buy-about ul li {
    margin: 5px 0;
    padding: 8px 0 8px 5px;
    color: #333;
    line-height: 130%;
}
    
#buy-about ul li strong {
    font-weight: bold;
}
    
#buy p#license-disclaimer {
    border-top: 1px solid #EBEBDF;
    color: #2e2e2e;
}

.order-summary-table {
    background: #fff;
    border-color: #7f9db9;
    border-style: solid;
    border-collapse: collapse;
    margin:20px 0px 0pt 0pt;
    font-size: 12px;
}
    .order-summary-table td, .order-summary-table th {
        padding: 6px 8px;
        vertical-align: top;
    }
    .order-summary-table th {
        white-space: nowrap;
    }

.order-summary-box {
    float: right;
    padding: 10px 30px 0 0;
    margin: 0 0 -38px 0;
}


/* Menu */

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
	position:absolute;
	top: 0;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	z-index:100;
	background-color: white;
	width: 180px;
	visibility: hidden;
	border-top: 0 solid #B6B5B3;
	border-right: 1px solid #B6B5B3;
	border-bottom: 0 solid #B6B5B3;
	border-left: 1px solid #B6B5B3;
	margin: 0px;
}


.dropmenudiv_c a{
	width: auto;
	display: block;
	text-indent: 5px;
	padding: 10px 0;
	text-decoration: underline;
	font-weight: normal;
/*	color: #9E0003;*/
	color: #000000;
	text-align: left;
	border-top: 0 solid #B6B5B3;
	border-right: 0 solid #B6B5B3;
	border-bottom: 1px solid #B6B5B3;
	border-left: 0 solid #B6B5B3;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.slidetabsmenu{
	width:100%;
	margin: 0px;
	padding: 0px;
	font: 1em Arial, Helvetica, sans-serif;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
	display:inline;
	margin:0;
	padding:0;
	font: 1.2em Arial, Helvetica, sans-serif;
}

.slidetabsmenu a{
	float:left;
	background:url(gfx/misc/slide-left.gif) no-repeat left top;
	margin:0;
/*
	margin-right: 5px;
	padding:0 0 0 9px;
*/
	text-decoration:none;
}

.slidetabsmenu a span {
	float:left;
	display:block;
	background:url(gfx/misc/slide-right.gif) no-repeat right top;
	padding:2px 13px 2px 4px;
	color:#FFFFFF;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {
	float:none;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* End IE5-Mac hack */



.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
	color: #000000;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
	background-position:0% -124px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
	background-position:100% -125px;
}
.join-beta, .join-beta a {
    text-align: center;
    color: #00A1E3;
}

div.usflag {
    height: 105px;
}
p.usflag {
    margin-top: -10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

div.disclaimer {
    font-size: small;
    font-style: italic;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}
.article {
    line-height: 1.5;
}
.gpwa {
    padding: 10px;
}