.seo-packages-a-b-c { background-image: url(http://static4.valpocreative.com/css-sprites/valpocreative/seo-packages-a-b-c.png); background-color:transparent;background-repeat:no-repeat;} #package_A_gold { background-position: -2px -0px; width: 160px; height: 41px; } #package_B_silver { background-position: -2px -43px; width: 160px; height: 41px; } #package_C_bronze { background-position: -2px -86px; width: 160px; height: 41px; } /**Sprite**/ .question_markqmark-blue3, .question_markqmark-blue, .question_markqmark-black { display: block; background: url('http://static3.valpocreative.com/assets/scripts/temp/qmark-spr.png') no-repeat; } .question_markqmark-blue3 { background-position: -2px -0px; width: 30px; height: 30px; } .question_markqmark-blue { background-position: -2px -32px; width: 20px; height: 20px; } .question_markqmark-black { background-position: -2px -54px; width: 20px; height: 20px; } #valpo_content #st-accordion .st-accordion li.contentheading a { float: left; width:910px; color: #DEE6E6; font-family: 'HelveticaNeueCondensed'; border-spacing: 10px 10px; padding: 0 10px 0 20px; font-size: 12pt; letter-spacing: 0.28em; } #buttons_style a.active, #buttons_style a:link {font-weight: normal;color: #f3f3f3} /*************MODAL CSS*****************/ a {color:#333; text-decoration:none} a:hover {color:#ccc; text-decoration:none} #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;} #boxes .window { position:fixed; left:0; top:0; width:750px; height:350px; display:none; z-index:9999; padding:20px;} #boxes #dialogA, #boxes #dialogB, #boxes #dialogC, #boxes #dialogD, #boxes #dialogE, #boxes #dialogF, #boxes #dialog { width:700px; height:333px; padding:10px;} #boxes #dialog-X1, #boxes #dialog-X2, #boxes #dialog-X3, #boxes #dialog-X4, #boxes #dialog-X5, #boxes #dialog-X6 { width:700px; height:433px; padding:1px;} #boxes #dialog1, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4, #boxes #dialog5, #boxes #dialog6, #boxes #dialog7, #boxes #dialog8, #boxes #dialog9, #boxes #dialog-10, #boxes #dialog-11, #boxes #dialog-12, #boxes #dialog-13, #boxes #dialog-14 { background:url(http://static3.valpocreative.com/assets/modal/sticky_note.png) no-repeat 0 0 transparent; width:750px; height:466px; padding:40px 0 20px 15px; } .dialog_content_cnt {margin:50px 10px 10px 20px; padding: 10px 30px; text-align:left; } .dialog_content_cnt2 {margin:20px 5px 10px 5px; padding: 10px; text-align:left} .dialog_content_cnt3 {margin:20px 10px 10px 20px; padding: 10px 30px; text-align:left} .dialog_content_cnt4 {margin:20px 10px 10px 10px; padding: 10px 30px; text-align:left} .dialog_content_cnt, .dialog_content_cnt p, .dialog_content_cnt2, .dialog_content_cnt3, .dialog_content_cnt4 {font-family: 'LucidaGrandeRegular';font-size: 13px; font-weight:normal; letter-spacing: normal;color:#E8E8E8} #boxes #dialog1 .dialog_content_cnt p, #boxes #dialog2 .dialog_content_cnt p, #boxes #dialog3 .dialog_content_cnt p, #boxes #dialog4 .dialog_content_cnt p, #boxes #dialog5 .dialog_content_cnt p, #boxes #dialog6 .dialog_content_cnt p, #boxes #dialog7 .dialog_content_cnt p, #boxes #dialog8 .dialog_content_cnt p, #boxes #dialog9 .dialog_content_cnt4 p, #boxes #dialog-10 .dialog_content_cnt p, #boxes #dialog-11 .dialog_content_cnt p, #boxes #dialog-12 .dialog_content_cnt p, #boxes #dialog-13 .dialog_content_cnt p, #boxes #dialog-14 .dialog_content_cnt p, {font-size: 14px; line-height: 1.25em; margin: 10px 0px; letter-spacing: normal; font-weight:800; font-family: 'LucidaGrandeRegular'; color:#414141} #boxes #dialogA p, #boxes #dialogB p, #boxes #dialogC p, .accordion_grid_container #accordion_grid_cont_wrap #boxes #dialogC p, #boxes #dialogB li, div#dialogB li, #boxes #dialog p, #boxes #dialog-X4 p, #dialog-X4 .window .dialog_content_cnt2 p, #boxes #dialog-X5 p, #boxes #dialog-X5 .dialog_content_cnt2 p, #boxes #dialog-X6 .dialog_content_cnt2 p {font-size: 13px; letter-spacing: normal; font-family: 'LucidaGrandeRegular'; color:#e8e8e8; } #boxes strong {font-size: 15px; letter-spacing: normal; font-family: 'LucidaGrandeRegular'; color:#e8e8e8; } #boxes #dialogB b {font-weight: bold; color:#e8e8e8} #boxes #dialog strong, #boxes #dialog1 strong, #boxes #dialog2 strong, #boxes #dialog3 strong, #boxes #dialog4 strong, #boxes #dialog5 strong, #boxes #dialog6 strong, #boxes #dialog7 strong, #boxes #dialog8 strong, #boxes #dialogA strong, #boxes #dialogB .window strong, #dialogB.window strong, #boxes #dialogC strong, #boxes #dialogD strong, #boxes #dialogE strong, #boxes #dialogF strong, #boxes #dialogG strong, #boxes #dialogH strong, {font-size: 18px; font-family: 'QuicksandBook'; font-weight: 650; color: #E8E8E8; } input.close #close-this-windows, input.close #close-this-windows:hover, input[type=button] {border: none ; background-image:url('http://static3.valpocreative.com/assets/scripts/temp/close-window.png'); background-position:0px; background-repeat: no-repeat; height:28px; width:140px; outline: 0; mouse: pointer;} input.close #close-this-windows-blk, input.close #close-this-windows-blk:hover, input[type=button] { border: none ; background-image:url('http://static3.valpocreative.com/assets/scripts/temp/close-window-blk.png'); background-position:0px; background-repeat: no-repeat; height:28px; width:140px; outline: 0; mouse: pointer; } input[type=button]:hover { background-position: 0px -66px; mouse: pointer;} input[type=button]:active {background-position: 0px -132px; mouse: pointer;} #close-this-windows, #close-this-windows-blk { text-size: 14px; font-weight:bold; border: none ; color:#FFFFFF; background-color:transparent;} code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px; margin:1px 10px 1px 0} @media all and (max-width: 760px) { #boxes #dialog1, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4, #boxes #dialog5, #boxes #dialog6, #boxes #dialog7, #boxes #dialog8, #boxes #dialog9, #boxes #dialog-10, #boxes #dialog-11, #boxes #dialog-12, #boxes #dialog-13, #boxes #dialog-14 { background:url(http://static3.valpocreative.com/assets/scripts/modal/sticky_note_resp.png) no-repeat 0 0 transparent; width:100%; height:auto; margin: auto padding:4% 0 2% 3%; } } /********************************MODAL CSS**********************************************/ #slot-b6 { width:315px; padding-bottom:10px} #slot-2b { width:156px; } .row .slot-1-2 a.about_valpo, .row .slot-1-2 .about_valpo a:link, .slot-1-2 .about_valpo a, .row .slot-1-2-3 a.about_valpo, .row .slot-1-2-3 .about_valpo a:link {font-size:14px;font-family: 'QuicksandBook'; font-weight: 650; color: #EB6025;} .accordion_page_content { float: left; margin: 10px 0px 20px 10px; width:930px; border-bottom: 1px dashed #4b4a4a;} .row #packages_cont {border-right: 1px dashed #4b4a4a; padding: 1em;} .row #packages_cont_empty {height: 45px ;border-right: 1px dashed #4b4a4a; padding: 1em;} .row .slot-4 #packages_cont_last {border-right: 1px dashed #4b4a4a; padding: 1em; margin-right:-10px} .slot-6 #cnt_slot_cont_right {float:right; width: 80%; text-align: left} .slot-6 .left, .slot-6 #cnt_slot_cont_left {float:left; width:18%} .slot-6 span#cnt_slot_cont, #cnt_slot_cont {padding: 1em 4px 1em 20px; margin: 10px 0 -10px 0} span.cnt_slot_right {padding: 1em 0 0 14px; margin: 10px 0 10px 10px} .cnt_slot_left { padding: 4px 4px 10px 10px; margin: 10px 10px 10px 0} #valpo_content .accordion_grid_container, #valpo_content .accordion_grid_container #accordion_grid_cont_wrap {overflow: hidden} .accordion_grid_container {padding: 0 20px; width: 1206px; overflow: hidden; float: left; } #accordion_grid_cont_wrap {margin: -20px 0 20px -160px; overflow: hidden;} #valpo_content, #valpo_content .accordion_grid_container #accordion_grid_cont_wrap, .accordion_grid_container #accordion_grid_cont_wrap {overflow: hidden}