/*Base reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*Start*/
body { background: url(../../images/back_purple.png) repeat-x #6a6abf; width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: 'Arial', serif; }
hr { border-width: 1px 0px 0px 0px; margin: 20px 0px; border-color: #28306c; }

.main { background: url(../../images/game_left.png) no-repeat #ffffff; width: 1190px; position: relative; overflow: hidden; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 2px 2px 8px #171754; -moz-box-shadow: 2px 2px 8px #171754; box-shadow: 2px 2px 8px #171754; }
/*.index_back { background: url(../../images/main_back.png) repeat-x #b0d7e5; }*/
.main .main_pad { padding: 10px; }
.main_move { padding: 65px 0px 45px 0px; }
.main .game_left { display: none; background: url(../../images/game_left.png) no-repeat; width: 297px; height: 1830px; position: absolute; top: 0; left: 0; -moz-border-radius-topleft: 19px; -webkit-border-top-left-radius: 19px; border-top-left-radius: 19px; z-index: 5; }
.main .puzzle_pieces { background: url(../../images/puzzle_pieces.png) no-repeat; width: 552px; height: 261px; position: absolute; top: 0; right: 0; z-index: 5; }
.main .surround { width: 100%; height: 100%; position: relative; z-index: 10; }
.main a { text-decoration: none; color: #000000; }
.main_page_text { width: 375px; font-size: 13px; line-height: 20px; color: #28306c; margin-top: 10px; }
.main_home_title { color: #6a6abf; font-family: 'Covered By Your Grace', arial, serif; font-size: 50px; }

.featured_game { margin-top: 60px; }
.title_text, .small_title_text { font-family: 'Covered By Your Grace', arial, serif; color: #6a6abf; font-size: 40px; }
.small_title_text { font-size: 25px; margin-bottom: 5px; }
.main_image_surround { border: 1px solid #cacaef; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.main_image { background: #ffffff; width: 300px; padding: 10px; position: relative; border: 4px solid #f2f2f2; cursor: pointer; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-align: center; }
.main_image .large_arrow { background: url(../../images/large_arrow.png) no-repeat; width: 140px; height: 219px; position: absolute; top: 0; left: 0; margin-top: -35px; margin-left: -85px; }
.link_area a { font-weight: bold; color: #6a6abf; }
.link_area a:hover { text-decoration: underline; }

/*Header*/
.header { padding-left: 100px; }
.header .logo { background: url(../../images/logo.png); width: 153px; height: 122px; cursor: pointer; }

.no_display { display: none; }

/*Indiv product*/
.indiv_product_all { width: 180px; }
.indiv_product_surround { border: 1px solid #cacaef; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.indiv_product, .indiv_product_slide { background: #ffffff; width: 170px; border: 4px solid #f2f2f2; cursor: pointer; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-align: center; }
.indiv_product_slide { width: 775px; text-align: left; position: relative; cursor: move; }
.indiv_product .indiv_product_pad { padding: 5px 5px 15px 5px; }
.indiv_product_slide .indiv_product_pad { padding: 5px; }
.indiv_product_all .product_name, .indiv_product_slide .product_name { font-family: 'Arial Black', serif; color: #28306c; margin-top: 5px; font-size: 11px; line-height: 15px; font-weight: bold; }
.indiv_product_all .product_name { width: 155px; text-align: center; margin-top: 10px; }
.indiv_product_slide .product_name_align { padding: 10px 12px 12px 24px; z-index: 5; position: relative; }
.indiv_product_slide .product_number { position: absolute; top: 0; left: 0; margin-left: 10px; z-index: 1; font-family: 'Covered By Your Grace', arial, serif; font-size: 50px; color: #f2f2f2; }
.indiv_product_slide .move_icon { background: url(../../images/move_icon.png); width: 19px; height: 19px; position: absolute; top: 50%; margin-top: -9px; left: 0; margin-left: -30px; display: none; }
.indiv_product_slide:hover .move_icon { display: block; }
.indiv_product .product_image { width: 160px; height: 160px; }
.remove_button { background: url(../../images/remove_button.png); width: 19px; height: 19px; position: absolute; top: 0; right: 0; margin-top: -12px; margin-right: -12px; cursor: pointer; -moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40); }
.remove_button:hover { -moz-opacity: 1.0; opacity:1.00; filter: alpha(opacity=100); }

.third_column { width: 240px; }
.third_column a { color: #28306c; }
.third_column .third_column_row { color: #28306c; text-decoration: none; font-size: 13px; line-height: 16px; margin-bottom: 15px; }
.third_column .third_column_row:hover { text-decoration: underline; }

/*Navigation*/
.top_nav { font-family: 'Covered By Your Grace', arial, serif; font-weight: normal; font-size: 30px; color: #ffffff; text-shadow: 2px 2px 3px #171754; margin-bottom: 15px; }
.top_nav a { color: #ffffff; text-decoration: none; }
.top_nav .indiv_top_nav { margin-left: 25px; cursor: pointer; position: relative; text-align: center; }
.top_nav .indiv_top_nav:first-child { margin-left: 0px; }
.top_nav .red_game_piece { background: url(../../images/red_game_piece.png); width: 29px; height: 41px; position: absolute; top: 0px; left: 50%; margin-left: -14px; margin-top: -38px; display: none; }
.top_nav .indiv_top_selected a { color: #ec1c23; }
.top_nav .indiv_top_selected .red_game_piece { display: block; }

.nav { position: relative; z-index: 10; padding-top: 70px; padding-left: 10px; }
.nav .indiv_nav { margin-top: 17px; margin-right: 10px; cursor: pointer; }
.nav .indiv_marker { margin-right: 5px; position: relative; }
.nav .home { background: url(../../images/nav/home.png); width: 53px; height: 18px; }
.nav .about { background: url(../../images/nav/about.png); width: 62px; height: 18px; }
.nav .contact { background: url(../../images/nav/contact.png); width: 83px; height: 18px; }
.nav .instructions { background: url(../../images/nav/instructions.png); width: 136px; height: 18px; }
.nav .licenses { background: url(../../images/nav/licenses.png); width: 87px; height: 18px; }
.nav .products { background: url(../../images/nav/products.png); width: 94px; height: 18px; }
.nav .where { background: url(../../images/nav/where.png); width: 139px; height: 18px; }
.nav .yellow { background: url(../../images/nav/yellow.png); width: 24px; height: 36px; }
.nav .orange { background: url(../../images/nav/orange.png); width: 24px; height: 36px; }
.nav .green { background: url(../../images/nav/green.png); width: 24px; height: 36px; }
.nav .blue { background: url(../../images/nav/blue.png); width: 24px; height: 36px; }

/*Titles*/
.title_products { background: url(../../images/titles/products.png); width: 330px; height: 96px; }
.title_about { background: url(../../images/titles/about.png); width: 364px; height: 106px; }
.title_contact { background: url(../../images/titles/contact.png); width: 364px; height: 106px; }
.title_licenses { background: url(../../images/titles/licenses.png); width: 364px; height: 106px; }
.title_add_product { background: url(); }
.title_add { background: url(../../images/titles/add.png); width: 48px; height: 29px; } 

/*Content*/
.content { width: 785px; margin: 30px 55px 15px 0px; }
.content .content_title { color: #6a6abf; font-size: 60px; font-family: 'Covered By Your Grace', arial, serif; font-weight: bold; }
.content .content_sub_title, .content .content_cat_title { color: #38b884; font-size: 40px; font-family: 'Covered By Your Grace', arial, serif; font-weight: bold; }
.content .content_cat_title { font-size: 30px; color: #d74b3e; }
.content .content_inner_title { font-family: 'Covered By Your Grace', arial, serif; font-size: 25px; }
.content .content_under { color: #000000; font-size: 16px; line-height: 19px; }
.content .home_image { margin-top: 15px; position: relative; right: 15px; }
.content .content_info { color: #28306c; font-size: 13px; line-height: 23px; }

.game_info { width: 350px; font-family; "Arial"; color: #28306c; font-size: 12px; line-height: 18px; margin-top: 25px; }
.game_info .game_name { font-family: "Arial Black"; color: #28306c; font-size: 18px; margin-bottom: 10px; }
.game_image { width: 300px; text-align: center; font-family: "Arial Black"; font-size: 13px; position: relative; }
.large_image { background: #ffffff; padding: 10px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -250px; display: none; z-index: 55; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.large_image .remove_button { margin-top: 10px; margin-right: 10px; }
.overlay { background: #000000; position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }

.admin_banner { background: url(../../images/admin_banner.png); width: 211px; height: 122px; position: absolute; top: 0; left: 0; z-index: 10; }

.contact_info { width: 225px; font-size: 13px; line-height: 20px; color: #28306c; line-height: 17px; }
.contact_info .contact_title { font-family: 'Arial Black'; }
.large_mail { background: url(../../images/large_mail.png); width: 279px; height: 258px; }
.large_cart { background: url(../../images/large_cart.png); width: 336px; height: 277px; }

/*Info box*/
.info_box { width: 350px; font-size: 13px; line-height: 23px; color: #28306c; }
.info_box .info_title { color: #40b784; font-size: 40px; margin-bottom: 10px; font-family: 'Covered By Your Grace', arial, serif; font-weight: bold; }
.info_box a { color: #28306c; text-decoration: underline; }

/*Form*/
.indiv_form { position: relative; width: 510px; }
.form_title { font-family: 'Arial Black'; font-size: 12px; margin-bottom: 5px; }
.input_surround { background: #f2f2f2; padding: 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.input_surround_area { background: #f2f2f2; padding: 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.input_text { background: #ffffff; font-family: Arial; font-size: 13px; width: 450px; padding: 8px 12px; margin: 0px; border: 1px solid #cacaef; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.input_textarea { background: #ffffff; font-family: Arial; font-size: 13px; width: 450px; height: 30px; padding: 8px 12px; border: 1px solid #cacaef; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.input_textarea_large { background: #ffffff; font-family: Arial; font-size: 13px; width: 450px; height: 120px; padding: 8px 12px; border: 1px solid #cacaef; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.input_text:focus, .input_textarea:focus, .input_textarea_large:focus { border-color: #6a6abf; }
.form_info { width: 480px; font-size: 12px; line-height: 15px; }
.submit_button { background: #6a6abf; padding: 10px 25px; font-family: 'Covered By Your Grace', arial, serif; font-size: 22px; cursor: pointer; text-shadow: 2px 2px 5px #30307b; color: #ffffff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.submit_button_selected { background: #40b784; text-shadow: 2px 2px 5px #1f7b54; }
.current_image { position: absolute; top: 0; right: 0; margin-right: -150px; margin-top: -50px; } 

.topdown_loader { background: #ffffff; width: 236px; position: fixed; top: 0; left: 50%; margin-top: -100px; margin-left: -118px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 75; -webkit-box-shadow: 2px 2px 8px #171754; -moz-box-shadow: 2px 2px 8px #171754; box-shadow: 2px 2px 8px #171754; }
.topdown_loader .topdown_pad { padding: 8px; }

.form_message_area { width: 485px; color: #ffffff; font-size: 12px; line-height: 16px; font-family: "Arial Black"; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 15px; display: none; }
.form_message_area .form_message_pad { padding: 12px 15px; }
.form_message_success { background: #40b784; }
.form_message_fail { background: #ec5256; }

.loader { background: url(../../images/loader.gif); width: 32px; height: 32px; display: none; }

.footer { width: 1190px; margin-top: -10px; margin-bottom: 25px; font-family: 'Covered By Your Grace', arial, serif; font-size: 20px; color: #ffffff; text-shadow: 2px 2px 3px #171754; }
.footer a { color: #ffffff; text-decoration: none; }
.footer a:hover { color: #ffffff; text-decoration: underline; }
.copyright { color: #6a6abf; font-family: 'Covered By Your Grace', arial, serif; font-size: 20px; margin-top: 30px; }

/*Floats*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; }

/*Margins*/
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }