/*  
Theme Name: Wow Gold
Theme URI: http://www.wowgold.com/
Author: Sergio Ordóñez
Author URI: http://www.sosfactory.com/
Date: Apr 2009
*/

/*----------------- GENERIC TAGS ----------------*/

body{
    background: #fff url(/v2/images/bg-web.jpg) repeat-x;
    font:12px Arial;
    margin:0 auto;
    padding:0;
}

h1{
    background: url(/v2/images/content-bullet.gif) no-repeat 0 5px;
    color: #093069;
    font:  bold 15px Century Gothic, tahoma, "Times New Roman", Times, serif;
    margin: 20px 0 5px 0;
    padding: 0 0 0 12px;
}

h2, h3{
    font: bold 12px Arial, Helvetica, sans-serif;
    margin: 20px 0 0 0;
    padding: 0;
}

p {
    line-height: 1.25;
    margin: 13px 0 0 0;
    padding: 0;
    text-align:left;
}    
    
img {border:0;}
    
a,a:visited {
    color: #005ddd;
    text-decoration: none;
}
    
a:hover {
    color: #e50077;
    text-decoration: none;
}

/*----------------- SPECIFIC DIVS ----------------*/

#wraper {
    background: url(/v2/images/bg-wraper.gif) repeat-y;
    height:auto;
    margin:0 auto;
    width:960px;
}

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

#headerbg {
    background: url(/v2/images/bg-header.jpg) no-repeat center bottom;
    height:255px;
    margin: 0 auto;
    width:auto;
}

    #header {
    height:255px;
    margin: 0 auto;
    width:960px;
    }

        #headernav {
            height: 48px;
            width: 960px;
        }
                    
            #headernav ul{
                float: right;
                height:48px;
                list-style:none;
                margin: 0;
                padding: 0;
                width:auto;
            }
                                
            #headernav li{
                float: left;
                font-weight: bold;
                padding: 12px 10px;
                width:auto;
            }
                    
            #headernav  a{
                color: #032e67;
                display:block;
                float: left;
                padding: 5px 8px;
                width:auto;
            }
            
            #headernav a:link,#headernav a:visited {color: #032e67;}
            #headernav a:hover {color: #90e8ff; background-color: #0f4891;}

    #logo {
    float: left;
}
    
    #slogan {
    color: #fff;
    float: left;
    padding: 68px 0 0 18px;
    width: 440px;
    }
    
        #slogan p {
            font: bold 12px arial;
            margin: 0;
            padding: 0 0 0 7px;
        }
    
    #login {
        color: #01e0ff;
        float: right;
        height: 207px;
        width: 217px;
    }
    
        #login h2 {
            background: none;
            color: #3af0ff;
            margin: 0;
            padding: 20px 0 10px 0;
        }
        
        #login  a, #login a:link,#login a:visited, #login a:hover{color: #fff;}

        #login ul {
            float: left;
            height: auto;
            list-style:none;
            margin: 0;
            padding:0;
            width: 217px;
        }
        
        #login li {
            clear:right;
            display:block;
            width:auto;
        }

        .formlink {
            float: right;
            font-size: 10px;
            padding: 2px;
        }
        
        .field {
            background: url(/v2/images/field.gif) no-repeat center center;
            border-style: none;
            height: 25px;
            padding: 8px 0 0 10px;
            width: 132px;
        }
        
        .formtext{
            float: left;
            padding: 7px 0 0 0;
        }

/*-------- Sidebar -------*/

#sidebar {
    background: #fff (/v2/images/bg-sidebar.jpg) no-repeat;
    float: right;
    height: auto;
    width: 217px;
}
#sidebar h2{
    color: #093069;
    font:  bold 15px Century Gothic, tahoma, "Times New Roman", Times, serif;
    margin: 20px 0 5px 0;
    padding: 0;
    background: none;
}
#sidebar h3{
    color: #093069;
    font-size: 12px;
    margin: 20px 0 5px 0;
    padding: 0;
    background: none;
}

    .sb_box {
        border-bottom: 1px dotted #a9a9a9;
        padding: 0 0 20px 16px;
    }

        #sidebar ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

/*-------- Footer -------*/
#footerbg {
    background: #1481cd url(/v2/images/bg-footer.jpg) repeat-x;
    height: auto;
    margin: 0 auto;
    width: auto;
}

    #footer {
        height: 146px;
        margin: 0 auto;
        width: 960px;
    }
    
        #footer a, #footer a:visited { color: #fff;}
        #footer a:hover {color: #fff; text-decoration: underline;}

        #footernav {
            float: left;
            padding: 0;
            width: 960px;
        }

            #footernav ul {
                list-style: none;
                margin: 0;
                padding: 5px 0 0 0;
            }

                #footernav li {
                    background: url(/v2/images/footer-bullet.gif) no-repeat 0px 3px;
                    float: left;
                    padding: 0 20px 0 0;
                }
                    #footernav li a, #footernav li a:visited {
                        color: #2392cd;
                        padding: 0 14px 0 8px;
                        font-size: 11px;
                    }
                    
                    #footernav li a:hover {color: #0ff; text-decoration: none;}

        #copyright {
            background: url(/v2/images/logo-footer.jpg) no-repeat 0px 10px;
            font-size: 11px;
            float: left;
            height: 95px;
            padding: 20px 0 0 180px;
            width: 780px;
        }

/*----------------- ALIGNMENTS----------------*/

.center {text-align: center;}
.alignleft {float: left;}
.alignright {float: right;}
.medium {font-size:11px; padding: 0; margin: 0;}
.small {font-size:10px;}

img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}

/*----------------- REIN --------------------*/
.form_label {
    color: #093069;
    font:  bold 14px Century Gothic, tahoma, "Times New Roman", Times, serif;
    margin: 20px 0 5px 0;
    padding: 0;
}

/*----------------- RESETING ----------------*/
html, div, span,
applet, object, iframe, 
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

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

/*----------------- CONTENT PAGES ----------------*/

#content {
    float: left;
    height: auto;
    padding: 0px 14px 20px 0;
    width: 729px;
}

/*-------- Homepage -------*/
    .step {
    border: 1px solid #a9a9a9;
    float: left;
    height: auto;
    margin: 10px 0;
    padding: 5px;
    width: 719px;
    }    
    
    .step h1   {
    background: none;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0;
    width: 100%;
    }
        
        .step #products {
            background:#009af4 url(/v2/images/step-1.jpg) no-repeat left center;
            float:left;
            width: 672px;
            padding: 0 0 0 47px;
        }
        
            .step #products .instructions {
                border-right: 1px dotted #00588c;
                float: left;
                height: auto;
                margin: 0 10px 0 0;
                padding: 20px 10px 20px 0;
                width: 135px;
            }

            .step #products ul {
                height: 56px;
                list-style:none;
                float: left;
                font:  bold 14px Century Gothic, tahoma, "Times New Roman", Times, serif;
                margin: 0;
                padding: 55px 0 0 0;
                width: 515px;
            }
        
            .step #products li {
                width:auto;
                float: left;
                margin: 0 14px 0 0;
            }
                    
                .step #products a {
                    color: #001456;
                    display:block;
                    width:auto;
                    padding: 6px 0 0 40px;
                    float: left;
                }
                
                .step #products #accounts a:link,.step #products #accounts a:visited {
                    background:url(/v2/images/btn-accounts.jpg) no-repeat top left; height: 33px;}
                .step #products #currency a:link,.step #products #currency a:visited {
                    background:url(/v2/images/btn-currency.jpg) no-repeat top left; height: 33px;}        
                .step #products #guides a:link,.step #products #guides a:visited {
                    background:url(/v2/images/btn-guides.jpg) no-repeat top left; height: 33px;}
                .step #products #power a:link,.step #products #power a:visited {
                    background:url(/v2/images/btn-power.jpg) no-repeat top left; height: 33px;width: 110px;}
                    
                .step #products #accounts a:hover, .step #products #currency a:hover, .step #products #guides a:hover, .step #power a:hover{color: #fff;}

        .step #games{
            background: #009af4 url(/v2/images/step-2.jpg) no-repeat left center;
            float:left;
            padding: 0 0 0 47px;
            width: 672px;
        }
        
        .step #games #list {
            border-left: 1px dotted #00588c;
            float: right;
            height: auto;
            width: 515px;
            padding: 0 0 0 10px;
        }
        
        .step #games ul {
            background-color: #009af4;
            float: left;
            margin: 0;
            padding: 20px 200px 0 0;
            width: auto;
        }

            .step #games li {
                background: url(/v2/images/arrow.gif) no-repeat 0px 10px;
                color: #fff;
                display: block;
                height: 20px;
                font-weight: bold;
                list-style:none;
                padding: 5px 0 5px 14px;
                width: 265px;
            }
        
            .step #games #go  {
                height: 20px;
                float: right;
                padding: 0 320px 20px 0;
                width: 70px;
            }

            .step #games select {
                float: right;
                margin: 0;
                padding: 0;
                width: 220px;
				font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px
            }
            
            .step #games .text {
                float: left;
                padding: 2px 0 0 0;
            }

.step #compare{
    background: #FFFFFF
    float:left;
    width: 672px;
    padding: 0 0 0 47px;
}
        
        .step #compare .instructions, .step #games .instructions {
            float: left;
            height: auto;
            margin: 0 10px 0 0;
            padding: 20px 0;
            width: 135px;
        }
        
        .step #compare table { 
            border: 0px solid #008adc;
            color: #fff;
        }
        
        .step #compare #stats {
            border-left: 0px dotted #00588c;
            float: left;
            padding: 10px;
        }
        
        .step #compare td, th {
            border: 0px solid #a4dafb;
            padding: 8px;
        }
        
            .row_light{
                background-color: #009af4;
                font: bold 16px Arial, Helvetica, sans-serif;
                text-align: center;
                vertical-align: middle;
            }
            
            .row_dark{
                background-color: #005ddd;
                font: bold 16px Arial, Helvetica, sans-serif;
                text-align: center;
                vertical-align: middle;
            }
    
            .row_white{
                background-color: #FFF;
                color: #005DDD;
                font-weight: bold;
                text-align: center;
                vertical-align: middle;
            }
            
    #skycraper {
    background: url(/v2/images/bg-adv-h.gif) no-repeat 0 10px;
    border-top: 1px dotted #a9a9a9;
    float: left;
    width: 728px;
    padding: 28px 0 0 0;
    margin: 10px 0 0 0;
    }

/*-------- Signup -------*/

#signup {
    background:url(/v2/images/bg-signup.jpg) no-repeat 0px 30px;
    padding: 30px 0 30px 220px;
}
/*-------- Store reviews -------*/

#reviews {
    float:left;
    width: 400px;
}

#reviews .box {
    float: left;
    width: 386px;
    margin: 0;
    border-bottom: 1px dotted #a9a9a9;
    height: auto;
    padding: 11px 0;
    }
#reviews .box .rank{
    float: left;
    width: auto;
}
#reviews .box .rank img{
    float: left;
    border: 1px solid #a9a9a9;
    padding: 5px;
    margin: 5px 0 0 0;
    }

#reviews .box .store{
    float: left;
    width: 306px;
    margin: 0 0 0 10px;
}

#reviews .box .store h2{
    padding: 3px 0 0 0;
    margin: 0;
}

#reviews .box .store p{
    padding: 0;
    margin: 0;
}

#reviews .box .store h2 span{
    display: inline;


}

#reviews .box .store h2 img{
    display: block;
}
    
#reviews .box .links{
    float: left;
    font-size: 11px;
    width: 400px;
    margin: 11px 0 0 0;
}

#reviews .box .links tr{
text-align: center;
    vertical-align: middle;
    
    }
    
#reviews .box .links .rate_merchant{
    background: url(/v2/images/rate-merchant.gif) no-repeat top left;
    height: 27px;
    padding: 0 0 0 5px;
}

#reviews .box .links .rate_merchant img{
    display: block;
    float: left;
}

#reviews .box .links .merchant_url{
    background: url(/v2/images/merchant-url.gif) no-repeat top left;
    height: 27px;
    width: 183px;
}

#reviews .box .links .reviews{
    background: url(/v2/images/reviews.gif) no-repeat top left;
    height: 25px;
    width: 76px;
}

#reviews .box .links .write_review{
    background: url(/v2/images/write-review.gif) no-repeat top left;
    height: 25px;
    width: 131px;
}

#editor {
    border: 1px solid #a9a9a9;
    float: right;
    height: auto;
    padding: 5px;
    width: 315px;
    }    
    
#editor #box {
    background-color:#009af4;
    float:left;
    width: 294px;
    padding: 0 10px 15px 10px;
}

#editor #box a{
    color: #fff;
    float: right;
    text-decoration: underline;
}

#pricesTable {
	font: Arial, Helvetica, sans-serif; color:#000000;
}