/* Website: DataLaw /* /* © 2010 www.ph-creative.com /* /* ##################### */ /* ### GLOBAL STYLES ### */ /* ##################### */ body {padding:0px; margin:0px; color:#333333; font-family: Arial, Sans-Serif; font-size: 12px; background: #dbe1e5 url(../builtin/body_bg.gif) repeat-x top left; } table, table tr, table td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0;} .left {float: left;} .right {float: right;} img { border: 0;} #lostHoursForm .legend { display: none;} #lostHoursForm fieldset { border: none; border-bottom: 1px dotted #ccc; padding: 10px 0;} #lostHoursForm legend { font-weight: bold; padding-top: 10px; text-transform: uppercase; margin-top: 0; font-family: Arial; color: #46056c;} #lostHoursForm label { width: 426px; float: left; display: block; padding-bottom: 5px;} #lostHoursForm select { margin-bottom: 5px;} #result { display: none; font-weight: normal; color: #333333; background: #f2edf4;border: 1px solid #898989;padding: 18px 20px; height: 48px; float: left; width: 388px; margin: 10px 0;} #result div { width: 241px; float: left; font-size: 16px; line-height: 145%;} #result span {font-size: 20px; color: #990000; font-weight: bold; border: 1px solid #898989; background: #fff; padding: 12px 29px 8px; float: right;} #wrapper { width: 980px; margin: 0 auto;} #top { height: 112px;} #logo { width: 221px; height: 56px; background: url(../builtin/logo.png) no-repeat top left; margin: 32px 0 0; float: left;} #logo h1 {margin: 0;} #logo a {width: 221px; height: 56px; display: block; cursor: pointer; text-indent: -9999px;} #call { width: 240px; height: 19px; float: left; margin: 50px 0 0 214px;} #call p { font-size: 20px; font-weight: bold; color: #8b4e9f; margin: 0; white-space: nowrap;} #call p strong {color: #47066d;} #top .right {width: 277px; margin-top: -15px;} #webex { float: right; position: relative; top: 26px; height: 15px; right: 230px; font-weight: bold; color: #333333; width: 327px;} #webex p { margin: 0;width: 327px;} #webex a { font-weight: normal; color: #46056c;} #small_basket {width: 277px; height: 19px; margin: 25px 0 0; float: right; text-align: right;} #small_basket .Phuse_PanelAreaRow, #small_basket .Phuse_PanelContainingDiv { text-align: right; float: right;width: 277px;} #small_basket .small_basket { float: right; height: 19px; position: relative; top: 0px; padding-bottom: 3px;width: 277px;} #small_basket .small_basket .ViewBasketButtonCSS { margin-right: 10px; cursor: pointer; width: 26px; height: 19px; border: none; position: relative; top: 1px; background: url(../builtin/trolley_icon.png) no-repeat 0 0px;} #small_basket .small_basket .CheckoutButtonCSS {background: none; border: 0; width: 60px; cursor: pointer; font-size: 12px; color: #46056c;} #search {width: 277px; height: 27px; float: right; margin: 21px 0 0; background: url(../builtin/search_bg.gif) no-repeat left top;} #search .Phuse_Search_TextQuery {float: left; background: none; width: 235px; height: 21px; border: none; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px 0px; font-family: Arial, Sans-Serif;} #search .Phuse_Search_Button {background: url(../builtin/search_btn.gif) no-repeat left top; width: 30px; height: 27px; border: none; cursor: pointer; text-indent: -9999px; float: left;} #navigation {background: url(../builtin/nav_bg.gif) repeat-x top left; height: 52px; font-family: Arial; text-transform: uppercase; font-size: 13px; } #mast {background: #644190; height: 292px; } #mast .mast_left { float: left; width: 434px; height: 247px; margin: 25px 0 0 22px;} #mast .mast_left h3 { color: #fff; margin: 0; font-size: 34px; text-transform: none; letter-spacing: -1px; width: 434px;} #mast .mast_left ul { color: #fff; margin: 22px 0 0 22px; padding: 0; list-style: none;} #mast .mast_left li {background: url(../builtin/mast_li.gif) no-repeat top left; padding-left: 26px; height: 16px; padding-top: 2px; margin-bottom: 6px;} #mast .mast_left .buy_now {background: url(../builtin/mast_buy_now_btn.gif) no-repeat top left; width: 207px; height: 41px; margin: 26px 0 0 111px;} #mast .mast_left .buy_now a { background: none; border: 0; width: 207px; height: 41px; cursor: pointer; display: block; text-indent: -9999px;} #mast .mast_mid { float: left;width: 79px; height: 191px; background: url(../builtin/mast_ribbon.png) no-repeat top left; padding: 46px 13px 0; margin: -5px 0 0 17px; text-align: center;} #mast .mast_mid p { color: #fff; font-size: 16px; margin: 0;} #mast .mast_mid p strong {font-size: 36px;} #mast .mast_right { float: right;width: 383px; height: 277px; background: url(../builtin/mast_right_bg.jpg) no-repeat top left; margin: 7px 7px 0 0;} #top_mast { background: #fff; width: 978px; height: 188px; border-left: #898989 1px solid; border-right: #898989 1px solid;} .ecommerce #mast { height: 188px; border-left: 1px solid #888; border-right: 1px solid #888; background: url(../builtin/60secs_away.jpg) no-repeat top left;} #content {background: #fff url(../builtin/content_top_bg.gif) repeat-x top left; border: 1px solid #898989; border-top: none; min-height: 518px; } .content { padding: 19px;} .ecommerce_left {float: left; margin: 0 20px 0 0; width: 940px;} .home_left {width: 641px; float: left; margin: 0 20px 0 -3px;} .content_left { width: 170px; float: left; margin: 0 20px 0 0; min-height: 1px;} .sub_nav { background: #f2edf4; padding: 19px 10px 10px; width: 150px;} .sub_nav h3 { font-size: 14px; color: #333333; padding-bottom: 3px;} .sub_nav ul { list-style: none; margin: 0; padding: 0;} .sub_nav li { border-bottom: 1px dotted #888888;} .sub_nav li a { color: #46056c; display: block; padding: 7px 22px 7px; background: url(../builtin/sub_nav_a_bg.gif) no-repeat left top;} .sub_nav li a:hover, .sub_nav li a.active { font-weight: bold; background: #dedae0 url(../builtin/sub_nav_a_over.gif) no-repeat left top;} .sub_nav .link { border-bottom: 1px dotted #888888;display: block;} .sub_nav .link a { color: #46056c; display: block; padding: 7px 22px 7px; background: url(../builtin/sub_nav_a_bg.gif) no-repeat left top;} .sub_nav .link a:hover, .sub_nav li a.active { font-weight: bold; background: #dedae0 url(../builtin/sub_nav_a_over.gif) no-repeat left top;} .content_mid { width: 430px; float: left;margin: 0 20px 0 0;} .resources { font-size: 11px; font-weight: bold; border-top: 1px dotted #888888; padding: 10px 0 0; clear: both;} .resources .resource { float: left; position: relative; margin-right: 21px;} .resources .resource a {color: #47056d;} .resources .resource img { border: 0; margin-right: 4px; position: relative; top: 2px;} .content_right {width: 280px; float: left; } .content_wide {width: 620px; float: left; margin-right: 20px;} .contact .content {width: 919px;} .contact_left {width: 390px; margin-right: 20px; float: left; height: 320px; background: #8b4fa0; margin-bottom: 20px; padding: 20px;} .contact_left h3 { color: #fff; font-size: 17px; font-weight: normal;} .contact_mid {width: 168px; margin-right: 20px; float: left; } .contact_mid p { margin-top: 0;} .contact_mid a { color: #46056c;} .contact_right {width: 280px; margin-right: 0px; float: right;} .content_full_width { width: 940px; } #base { height: 251px;} #base .top {height: 213px; padding: 28px 20px 0;} #base .top h3 { padding-bottom: 2px;} #base .top ul { list-style: none; margin: 0; padding: 0; float: left; width: 300px;} #base .top li {float: left; width: 300px;} #base .top li a {background: url(../builtin/base_top_a_bg.gif) no-repeat left top; height: 24px; display: block; color: #191a1b; padding: 6px 12px 0;} #base .top li a:hover {} #base .btm {height: 101px;padding-top: 31px; background: url(../builtin/base_mid_top.gif) no-repeat top left; text-align: center; display: none;} #base .btm .Phuse_PanelAreaRow { width: 484px; margin-left: 247px;} #footer { height: 80px;} #footer .top {height: 30px; background: #c0c4c8; padding: 13px 14px 0;font-weight: bold;} #footer .btm { color: #191a1b; margin: 24px 0;} #footer p { margin: 0;} #footer a { color: #191a1b;} #footer .btm img { border: none; position: relative; top: 2px;} .select_course { border-top: 1px dotted #888888;padding: 16px 0 8px; margin: 0px; float: left; width: 639px;} .select_course .FieldListLabelCSS { margin: 0; font-weight: bold;} .select_course .FieldListCSS {width: 480px; margin-right: 6px; float: left; height: 25px; padding: 1px; border: 1px solid #c0c0c0;} .select_course .Phuse_BuyButton {background: url(../builtin/buy_now_btn.gif) no-repeat top left; border: 0; width: 153px; height: 41px; cursor: pointer; float: left; position: relative; top: -6px; } /* ##################### */ /* ### HEADER STYLES ### */ /* ##################### */ h1 {} h2 { text-transform: uppercase; margin-top: 0; font-family: Arial; font-weight: normal; color: #46056c; font-size: 18px; background: url(../builtin/header_bg.gif) no-repeat top left; padding: 6px 0 7px 18px; border-bottom: 1px dotted #888888;} h3 { text-transform: uppercase; margin-top: 0; font-family: Arial; font-weight: normal;} h4 { text-transform: uppercase; margin-top: 0; font-family: Arial; font-weight: normal;} h5 {} h6 {} /* #################### */ /* ### TEXT STYLES ### */ /* #################### */ p {font-family: Arial, Sans-Serif !important; font-size: 12px;} ol li {line-height: 155%; padding-bottom: 7px;} .content_mid p, .ecommerce_left p { line-height: 155%; padding-bottom: 7px; font-family: Arial, Sans-Serif; font-size: 12px;} /* ######################## */ /* ### HYPERLINK STYLES ### */ /* ######################## */ a { text-decoration: none; outline: none; color: #46056c;} a:hover {} #calculate_btn {background: url(../builtin/calculator_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 20px 0 5px;} /* #################### */ /* ### IMAGE STYLES ### */ /* #################### */ .calculator_banner {background: url(../builtin/calculator_banner.gif) no-repeat top left; width: 641px; height: 103px; margin-bottom: 10px; } .calculator_banner a { width: 467px; height: 82px; display: block; font-size: 16px; color: #333333; font-family: Arial; padding: 21px 50px 0 124px; line-height: 26px;} .image_left { border: 4px solid #dedae0; padding: 8px; margin-right: 21px; margin-top: 6px;} .image_left img { float: left;} .image_right { border: 4px solid #dedae0; padding: 8px; margin-left: 21px; margin-top: 6px;} .image_right img { float: left;} /* ############################## */ /* ### DOWNLOADABLE RESOURCES ### */ /* ############################## */ /*.downloadable_doc { height:32px;line-height:32px;margin:10px 0px; } .downloadable_doc img { vertical-align:middle; }*/ .downloadable_pdf {height:32px;line-height:32px;margin:10px 0px; background: url(../builtin/file_pdf.gif) no-repeat left top;} .downloadable_pdf a { display: block; padding-left: 42px;} .downloadable_pdf a:hover { font-weight: bold;} /* ################ */ /* ### SITE MAP ### */ /* ################ */ .content_wide .Phuse_SiteMap_UL { list-style: none; margin: 0; padding: 0;} .content_wide .Phuse_SiteMap_LI {margin: 0 40px 10px; } .content_wide .Phuse_SiteMap_LI ul { margin-top: 10px; } .content_wide .Phuse_SiteMap_LI a {background: url(../builtin/sitemap_li.gif) no-repeat left 1px; padding-left: 19px; color: #46056c;} .content_wide .Phuse_SiteMap_LI a:hover {} /* #################### */ /* ### PANEL STYLES ### */ /* #################### */ .map { border: 4px solid #dedae0; width: 271px; height: 242px;} .map p {} #map {width: 244px; height: 214px; margin: 14px 0 0 14px;} #map a, #map span { display: none;} .content_right .mm_form { background: #8b4fa0; padding: 20px; width: 240px; margin-bottom: 10px; } .content_right .mm_form h3 { color: #fff; font-size: 17px;} .content_right .mm_form p { color: #fff; font-family: Arial, Sans-Serif; font-size: 12px;} .content_right .follow, .contact_right .follow { background: #f2edf4; padding: 10px 10px 2px; clear: both; float: left; width: 260px; margin: 20px 0;} .follow .facebook_link { margin-bottom: 8px;} .follow .facebook_link a {background: url(../builtin/facebook_link.gif) no-repeat top left; display: block; height: 24px; padding: 8px 0 0 41px; color: #46056c; font-size: 11px; font-weight: bold;} .follow .twitter_link { margin-bottom: 8px;} .follow .twitter_link a {background: url(../builtin/twitter_link.gif) no-repeat top left; display: block; height: 24px; padding: 8px 0 0 41px; color: #46056c; font-size: 11px; font-weight: bold;} .buy_now_banner { display: none; background: url(../builtin/buy_now_banner_left.gif) no-repeat top left; width: 169px; height: 218px; padding-top: 113px; margin: 20px 0; position: relative;} .buy_now_banner p { margin-top: 0; padding: 0 12px; font-size: 16px; line-height: 26px; color: #333333; font-family: Arial;} .buy_now_banner .buy_now {background: url(../builtin/buy_now_banner_button.gif) no-repeat top left; width: 156px; height: 41px; position: absolute; bottom: 6px; left: 8px; } .buy_now_banner .buy_now a { background: none; border: 0; width: 156px; height: 41px; cursor: pointer; display: block; text-indent: -9999px;} .buy_now_banner {height: 204px; padding-top: 127px; } .buy_now_banner p { line-height: 19px;} .buy_now_banner p .blue { color: #719220; font-weight: bold;} .buy_now_banner p .green { color: #7fcbde; font-weight: bold;} .buy_now_banner p .yellow { color: #f3b61f; font-weight: bold;} .buy_now_banner .link {background: url(../builtin/buy_now_banner_button.png) no-repeat top left; width: 151px; height: 36px; position: absolute; bottom: 10px; left: 9px; } .buy_now_banner .link a { background: none; border: 0; width: 151px; height: 36px; cursor: pointer; display: block; text-indent: -9999px;} .course_link { width: 299px; float: left; margin: 0px 10px 0; cursor: pointer; } .course_link:hover { } .course_link .info { height: 101px; border-bottom: 1px dotted #888; float: left; width: 299px; padding-top: 22px; overflow: hidden;} .course_link .icon { float: left; width: 81px; height: 123px;} .course_link .icon img {} .course_link .name {} .course_link .name h2 { font-size: 14px; background: none; border: 0; margin: 0 0 12px; padding: 0; color: #46056C !important;} .course_link .desc p { margin: 0; padding-right: 6px;} .course_hover { position: relative; top: 0; left: 20px; z-index: 10; display: none;} .course_links { width: 642px; height: 171px; padding: 36px 0px 0 21px; background: url(../builtin/course_links_bg.png) no-repeat top left; position: absolute; top: 100px; left: -40px; z-index: 10; clear: both; overflow: hidden;} .course_links ul { margin: 0px; padding: 0; list-style: none; float: left; overflow: hidden; height: 150px;} .course_links li { margin-right: 20px; float: left; font-weight: bold; height: 30px; overflow: hidden;} .course_links li a {background: url(../builtin/course_link_bg.gif) no-repeat left top; height: 24px; line-height: 160%; display: block; color: #fff; width: 277px; padding: 6px 12px 0;} .course_links .no_border a {background: url(../builtin/course_link_btm_bg.gif) no-repeat left top;} .home_footer { background: #f2edf4; margin: 21px 0 0; min-height: 232px; padding: 18px 20px 20px;} .home_footer a {color: #46056c;} .home_footer h4 { font-size: 14px;} .home_footer .latest_news { width: 269px; height: 231px; border-right: 1px solid #d4d0d6; float: left; padding-right: 30px;} .home_footer .latest_news ul { list-style: none; margin: -7px 0 0; padding: 0; line-height: 18px; height: 174px; overflow: hidden;} .home_footer .latest_news li a {width: 240px; height: 36px; display: block; border-bottom: 1px dotted #888888; padding: 9px 11px 12px 18px; background: url(../builtin/latest_news_home_li.gif) no-repeat left 12px;} .home_footer .latest_news .links { font-size: 11px; float: right; clear: both; margin: 14px 0 0; text-align: right;} .home_footer .latest_news .links a { font-weight: bold;} .home_footer .latest_news .links .rss_link {background: url(../builtin/rss_home.gif) no-repeat right top;padding-right: 26px; position: relative; padding-top: 3px;} .home_footer .latest_blog { width: 269px; height: 231px; border-left: 1px solid #fff; border-right: 1px solid #d4d0d6; float: left; padding: 0 20px 0;} .blogFeed { display: none;} .home_footer .latest_blog .blog_links { margin: -7px 0 0; padding: 0; list-style: none;} .home_footer .latest_blog .blog_links .blog_link {} .home_footer .latest_blog .blog_links .blog_link a {color: #46056c; width: 240px; height: 36px; display: block; border-bottom: 1px dotted #888888; padding: 9px 11px 12px 18px; background: url(../builtin/latest_news_home_li.gif) no-repeat left 12px;} .home_footer .latest_blog .link { font-size: 11px; float: right; clear: both; margin: 14px 0 0; text-align: right;} .home_footer .latest_blog .link a { font-weight: bold;} .home_footer .follow { width: 260px; height: 231px; border-left: 1px solid #fff; float: left; clear: none !important; padding: 0 0 0 28px !important; } .rosette_banner {background: url(../builtin/rosette_banner.gif) no-repeat left top; width: 430px; height: 98px; position :relative; margin: 0 0 20px; clear: both; } .rosette_banner .rosette_price { width: 45px; color: #fff; font-size: 16px; font-weight: bold; position: absolute; left: 23px; top: 26px; text-align: center;} .rosette_banner .rosette_text {width: 316px; color: #333333; font-size: 14px; font-weight: normal; position: absolute; left: 95px; top: 36px; font-family: Arial;} /* ####################### */ /* ### MAIN NAVIGATION ### */ /* ####################### */ #navigation a { color: #fff; } table.NavigationMenu {} table.NavigationMenu a { white-space: nowrap;} .MainMenuItem_Normal {} .MainMenuItem_Normal a { padding: 18px 24px 0 24px; height: 32px; display: block; float: left; background: none; border-left: 1px solid #b48cc1; border-right: 1px solid #47056d;} .MainMenuItem_Normal a:hover {padding: 18px 24px 0 24px; height: 32px; display: block; float: left; background: url(../builtin/nav_over.gif) repeat-x top left; border-left: 1px solid #b48cc1; border-right: 1px solid #47056d;} .MainMenuItem_Over {} .MainMenuItem_Over a { padding: 18px 24px 0 24px; height: 32px; display: block; float: left; background: url(../builtin/nav_over.gif) repeat-x top left; border-left: 1px solid #b48cc1; border-right: 1px solid #47056d;} .MainMenuItem_Over a:hover {} .Phuse_MI_SubDiv { background: #F2EDF4; padding: 5px;} .Phuse_MI_SubTable{ font-family: Arial; text-transform: uppercase; font-size: 11px; width: 165px;} .SubMenuItem_Normal{color: #191a1b; cursor: pointer; border-bottom: 1px dotted #888888;background: none; padding:5px;} .SubMenuItem_Normal a { color: #191a1b;} .SubMenuItem_Normal a:hover {color: #191a1b;} .SubMenuItem_Over {color: #fff; cursor: pointer;border-bottom: 1px dotted #888888; background: url(../builtin/nav_over.gif) repeat-x top left; padding:5px;} .SubMenuItem_Over a {color: #fff; } .SubMenuItem_Over a:hover {color: #fff;} /* ################## */ /* ### BREADCRUMB ### */ /* ################## */ .breadcrumb { color: #333333; font-size: 11px; padding-bottom: 14px; } .breadcrumb span { color: #333333; font-weight: bold;} .breadcrumb h1 {text-indent: 0px; margin: 0;} .breadcrumb a {text-decoration: none; font-size: 11px; display: inline; font-weight: normal;} .breadcrumb a:hover {text-decoration: none; color: #333333;} .breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header {display: inline; font-size: 11px; } .breadcrumb .Phuse_Breadcrumb_CurrentPage_Header_Link { color: #333333; font-weight: normal;} .breadcrumb .Phuse_Breadcrumb_Home_Link{color: #46056c; font-weight: bold;} .breadcrumb .Phuse_Breadcrumb_Link {color: #46056c; font-weight: bold;} /* ######################### */ /* ### MM - CAPTURE FORM ### */ /* ######################### */ .contact_form {border: 4px solid #a779b6; background: #fff; width: 382px; height: 266px; padding-top: 4px; overflow: hidden;} .MMDataCaptureForm_Table {} .MMDataCaptureForm_Table tr {vertical-align: top; } .MMDataCaptureForm_ErrorTD {} .MMDataCaptureForm_ErrorTD span{ position:relative; left: 16px; top: 4px; color: #8b4fa0; font-weight: bold;} .MMDataCaptureForm_Table input { position: relative; left: -350px; top: 30px; width: 186px; height: 19px; border: 1px solid #c0c0c0; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px 0px; font-family: Arial, Sans-Serif;} .MMDataCaptureForm_Table textarea {position: relative; left: -350px; top: 30px; width: 336px; height: 51px !important; border: 1px solid #c0c0c0; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px; font-family: Arial, Sans-Serif;} .MMDataCaptureForm_LabelTD {} .MMDataCaptureForm_LabelTD span { width: 350px;display: block; height: 41px; padding: 13px 0 0 16px; } .MMDataCaptureForm_FieldTD {position: absolute; } .MMDataCaptureForm_Input {} .MMDataCaptureForm_ButtonEmptyTD {display: none;} .MMDataCaptureForm_ButtonTD {width: 206px !important; height: 41px; padding: 10px 0;} .MMDataCaptureForm_SubmitButton {position: relative; left: 162px !important; top: 42px !important; background: url(../builtin/contact_submit_btn.gif) no-repeat top left; width: 206px !important; height: 41px !important; border: 0 !important; cursor: pointer; text-indent: -9999px; position: relative;} .content_right .mm_form h3 { font-family: Arial Black; font-size: 17px; line-height: 20px; margin: 0; padding: 0;} .content_right .mm_form table { border: 4px solid #a779b6; background: #fff;} .content_right .mm_form table tr { height: 42px;} .content_right .mm_form table tr.first .label {padding-top: 17px;} .content_right .mm_form table .label { width: 200px; float: left; padding: 9px 16px 3px;} .content_right .mm_form table .label div { width: 200px; float: left; color: #333333;} .content_right .mm_form table .input { width: 200px;float: left;padding-left: 16px; } .content_right .mm_form table .input input { width: 186px; height: 19px; border: 1px solid #c0c0c0; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px 0px; font-family: Arial, Sans-Serif;} /* .content_right .mm_form .SubmitButtonTD { height: 41px; text-align: center; padding: 10px 0 14px; float: left;} .content_right .mm_form .SubmitButtonTD .SubmitButton {background: url(../builtin/sign_up_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0; cursor: pointer; text-indent: -9999px; position: relative; left: 13px;} */ .content_right .mm_form .SubmitButtonTD { height: 49px; text-align: center; padding: 10px 0 14px; float: left;} .content_right .mm_form .SubmitButtonTD .SubmitButton {background: url(../builtin/go_to_demos_btn.gif) no-repeat top left; width: 206px; height: 49px; border: 0; cursor: pointer; text-indent: -9999px; position: relative; left: 13px;} /* #################### */ /* ### OPINION POLL ### */ /* #################### */ /* ######################### */ /* ### PRICE PLAN STYLES ### */ /* ######################### */ .price_plan_item {width: 295px; height: 316px; background: url(../builtin/price_plan_panel.gif) no-repeat top left; float: left; padding: 23px 0 0;} .price_plan_item div { width: 260px; margin: 0 auto;} .price_plan_item .title { border-bottom: 1px solid #cfcfcf; font-family: 'ArialBlack'; letter-spacing: -1px; text-align: center; text-transform: uppercase; font-size: 26px; line-height: 32px; padding-bottom: 9px; margin-bottom:4px;} .price_plan_item .price { display: none; font-size: 69px; line-height: 83px; font-family: 'ArialBlack'; letter-spacing: -1px;} .price_plan_item .price p { color: #616864; font-size: 16px; line-height: 19px; font-weight: normal; margin: 0 0 -9px; padding: 0; letter-spacing:0px; padding-left: 18px;} .price_plan_item .price span { text-align: center; display: block; *top: -6px; _top: -6px; position: relative;} .price_plan_item .desc { position: relative;} .price_plan_item .desc ul { margin: -13px 0 0; *margin: 0px 0 0; _margin: 0px 0 0; padding: 0; list-style: none; border-top: 1px solid #e4e4e4;} .price_plan_item .desc li { cursor: pointer; text-align: center; border-bottom: 1px solid #e4e4e4; height: 24px; padding: 5px 0 0; font-size: 13px; color: #5f6664;} .price_plan_item .desc .li_one { display: none; position: absolute; top: -114px; left: 167px; background: #8a4b9e; color: #fff; z-index: 10000000000000000000; padding: 8px 13px 3px; width: 253px;} .price_plan_item .desc .li_one .arrow { position: absolute; top: 123px; left: -12px; background: url(../builtin/plan_pricing_desc_arrow.png) no-repeat top left; width: 12px; height: 15px;} .price_plan_item .desc .li_one p {font-size: 11px !important; margin: 0; padding: 0 0 12px;} .price_plan_item .desc .li_one .header {border-bottom: 1px solid #a16fb1; width: 253px; position: relative; top: 4px; margin-bottom: 11px; } .price_plan_item .desc .li_one .header p {font-size: 13px !important; padding: 0 0 6px; margin: 0;} .price_plan_item .desc .li_two { display: none; position: absolute; top: -85px; left: 167px; background: #8a4b9e; color: #fff; z-index: 10000; padding: 8px 13px 3px; width: 253px;} .price_plan_item .desc .li_two .arrow { position: absolute; top: 123px; left: -12px; background: url(../builtin/plan_pricing_desc_arrow.png) no-repeat top left; width: 12px; height: 15px;} .price_plan_item .desc .li_two p {font-size: 11px !important; margin: 0; padding: 0 0 12px;} .price_plan_item .desc .li_two .header {border-bottom: 1px solid #a16fb1; width: 253px; position: relative; top: 4px; margin-bottom: 11px; } .price_plan_item .desc .li_two .header p {font-size: 13px !important; padding: 0 0 6px; margin: 0;} .price_plan_item .desc .li_three {display: none; position: absolute; top: -55px; left: 167px; background: #8a4b9e; color: #fff; z-index: 10; padding: 8px 13px 3px; width: 253px;} .price_plan_item .desc .li_three .arrow { position: absolute; top: 123px; left: -12px; background: url(../builtin/plan_pricing_desc_arrow.png) no-repeat top left; width: 12px; height: 15px;} .price_plan_item .desc .li_three p {font-size: 11px !important; margin: 0; padding: 0 0 12px;} .price_plan_item .desc .li_three .header {border-bottom: 1px solid #a16fb1; width: 253px; position: relative; top: 4px; margin-bottom: 11px; } .price_plan_item .desc .li_three .header p {font-size: 13px !important; padding: 0 0 6px; margin: 0;} .price_plan_item .buy_now_btn {width: 255px; height: 60px; top: -3px; *margin-top: -11px; _margin-top: -11px; overflow: hidden;} .price_plan_item .buy_now_btn input {width: 255px; height: 60px; cursor: pointer; border: none; background: none; text-indent: -9999px; *text-indent: 0px; *font-size: 9999px; _text-indent: 0px; _font-size: 9999px;} .price_plan_item .buy_now_btn a {width: 255px; height: 60px; display: block;text-indent: -9999px;} .individual { position: relative; z-index: 3;} .individual .title, .individual .price {color: #749823; } .individual .buy_now_btn { background: url(../builtin/green_buy_now_btn.gif) no-repeat top left;} .small_pp_options .company { margin: 0 26px; position: relative; z-index: 2;} .small_pp_options .company .desc, .small_pp_options .company .desc p { padding: 0 0 2px !important;} .company .title, .company .price {color: #87cfe1; } .company .buy_now_btn { background: url(../builtin/blue_buy_now_btn.gif) no-repeat top left;} .payg .title, .payg .price {color: #f4b61f; } .payg .buy_now_btn { background: url(../builtin/orange_view_options_btn.gif) no-repeat top left;} /* ############################### */ /* ### SMALL PRICE PLAN STYLES ### */ /* ############################### */ .small_pp_options { padding-bottom: 27px;} .small_pp_options .price_plan_item {width: 139px; height: 208px; background: url(../builtin/price_plan_panel_small.gif) no-repeat top left; float: left; padding: 15px 0 0;} .small_pp_options .price_plan_item div { width: 123px; margin: 0 auto;} .small_pp_options .price_plan_item .title { border-bottom: none; font-family: 'ArialBlack'; letter-spacing: -1px; text-align: center; text-transform: uppercase; font-size: 17px; line-height: 20px; padding-bottom: 12px; margin-bottom:0px;} .small_pp_options .price_plan_item .price { display: none; font-size: 41px; line-height: 50px; font-family: 'ArialBlack'; letter-spacing: -1px;} .small_pp_options .price_plan_item .price p { color: #606764; font-size: 9px; line-height: 11px; font-weight: normal; margin: 0px; padding: 0; letter-spacing:0px; padding-left: 6px;} .small_pp_options .price_plan_item .price span { text-align: center; display: block; *top: 0px; _top: 0px; position: relative; margin: -8px 0 0;} .small_pp_options .price_plan_item .desc {width: 108px; margin: 0 auto; padding: 0 0 17px;} .small_pp_options .price_plan_item .desc p { color: #5f6664; font-size: 11px; line-height: 13px; padding: 0; margin: 0;} .small_pp_options .price_plan_item .buy_now_btn {width: 123px; height: 30px; top: 2px; *margin-top: 0px; _margin-top: 0px; overflow: hidden;} .small_pp_options .price_plan_item .buy_now_btn input {width: 123px; height: 30px; cursor: pointer; border: none; background: none; text-indent: -9999px; *text-indent: 0px; *font-size: 9999px; _text-indent: 0px; _font-size: 9999px;} .small_pp_options .price_plan_item .buy_now_btn a {width: 123px; height: 30px; display: block;text-indent: -9999px;} .small_pp_options .individual { position: relative; z-index: 3;} .small_pp_options .individual .title, .small_pp_options .individual .price {color: #749823; } .small_pp_options .individual .buy_now_btn { background: url(../builtin/green_buy_now_btn.png) no-repeat top left;} .small_pp_options .company { margin: 0 6px 0 7px; position: relative; z-index: 2;} .small_pp_options .company .title, .small_pp_options .company .price {color: #87cfe1; } .small_pp_options .company .buy_now_btn { background: url(../builtin/blue_buy_now_btn.png) no-repeat top left;} .small_pp_options .payg .title { width: 100px; margin-top: -4px; margin-bottom: -3px;} .small_pp_options .payg .title, .small_pp_options .payg .price {color: #f4b61f; } .small_pp_options .payg .buy_now_btn { background: url(../builtin/orange_view_options_btn.png) no-repeat top left;} /* ### Page Mast ### */ #page_mast{ width: 978px; height: 188px; border-left: 1px solid #919191; border-right: 1px solid #919191; position: relative; } #page_mast .image { position: absolute; top: 0; left: 0;} #page_mast .Phuse_P { position: absolute; top: 36px; left: 56px;} #page_mast .Phuse_P p { margin: 0; padding: 0; font-size: 26px; line-height: 32px; color: #8b4c9f;} #page_mast .Phuse_P p strong { font-size: 32px; line-height: 39px; color: #616864; font-family: 'ArialBlack';} #page_mast .Phuse_P em { font-style: normal; color: #8b4c9f;} #page_mast .link { position: absolute; top: 114px; left: 56px; width: 211px; height: 51px; background: url(../builtin/view_pricing_link.png) no-repeat top left;} #page_mast .link a {width: 211px; height: 51px; display: block; text-indent: -9999px;} /* ### Home Page Mast ### */ #home_page_mast { width: 946px; height: 327px; background: #644190; padding: 15px 17px 0 } .flash_mast { width: 484px; height: 312px; float: left; margin-right: 21px;} .home_page_mast { width: 410px; height: 305px; float: left; padding: 6px 0 0;} .home_page_mast h2 { background: none; border: none; padding: 0 0 13px; margin: 0; color: #fff; font-size: 30px; line-height: 36px; font-family: Arial Black;} .home_page_mast p { font-size: 24px; line-height: 29px; color: #fff; margin: 0; padding: 0 0 11px;} .home_page_mast ul { font-size: 14px; line-height: 23px; color: #fff; list-style: none; margin: 0; padding: 0 0 13px;} .home_page_mast ul li {background: url(../builtin/home_mast_li.gif) no-repeat 0 3px; padding-bottom: 3px; padding-left: 25px;} #home_page_mast .link { position: relative; width: 257px; height: 62px; background: url(../builtin/home_mast_link.gif) no-repeat top left;} #home_page_mast .link a {width: 257px; height: 62px; display: block; text-indent: -9999px;} /* ################### */ /* ### PHUSE FEEDS ### */ /* ################### */ .content_mid .news{ height:545px; overflow:hidden; position:relative; margin-top: -9px;} .content_mid .news .item { position:relative; border-bottom:1px dotted #888888; height:108px; overflow:hidden; cursor: pointer;} .content_mid .news .item a {display: block; height:95px; float: left; padding-top: 13px; color: #333333; width: 100%;} .content_mid .news .item a:hover {} .content_mid .news .item .title { height: 17px; overflow: hidden; margin-bottom: 10px;} .content_mid .news .item .title h3 { margin: 0; color: #46056c; font-size: 14px;} .content_mid .news .item .title h3 a {color: #46056c;} .content_mid .news .item .desc {line-height: 19px; height: 60px; overflow: hidden;} .content_mid .news .item .desc p { margin-top: 0; } .paging { height: 39px; padding: 20px 0 0; text-align: right;} .paging span { border: 1px solid #888888; color: #47056d; padding: 3px 6px; margin-left: 4px; font-weight: bold;} .paging .active { border: 1px solid #888888; background: #f2edf4; color: #000;} .content_left h2 { background: none; border: 0; margin: 0; padding: 0; color: #333333; font-size: 14px;} .content_left .news {width: 149px; margin: 17px 0 0; height: 180px; overflow: hidden; } .content_left .news .item { position:relative; height:30px; overflow:hidden; width: 149px;} .content_left .news .item a {display: block; height:22px; background: url(../builtin/news_archive_link.gif) no-repeat top left; padding: 8px 10px 0 22px; width: 117px;} .content_left .news .item a:hover {background: url(../builtin/news_archive_link_over.gif) no-repeat top left;} .content_left .news .item .title {} .content_left .news .item .title h3 { margin: 0; color: #46056c; font-size: 12px; height: 14px; overflow: hidden; text-transform: none; width: 120px; font-family: Arial;} .content_left .news .item .title h3 a {color: #46056c;} .content_left .news .item .title h3:hover {font-weight: bold !important;} .content_left .news .item .desc { display: none;} .content_left .news .active a {background: url(../builtin/news_archive_link_over.gif) no-repeat top left;} .content_left .news .active h3{font-weight: bold !important;} .faqs { height:545px; overflow:hidden; position:relative; margin-top: -9px;} .faqs .faq {position:relative; border-bottom:1px dotted #888888; height:100px; overflow:hidden; padding: 8px 0 0; } .faqs .faq .title { height: 17px; overflow: hidden; margin-bottom: 10px;} .faqs .faq .title h3 { margin: 0; color: #46056c; font-size: 14px;} .faqs .faq .desc {line-height: 19px;} .faqs .faq .desc p { margin-top: 0; } .testimonials {} .testimonials .testimonial { background: #f2edf4; padding: 19px; margin: 0px 0 20px; font-size: 11px; color: #333333; line-height: 200% !important; display: none;} .testimonials .testimonial strong, .testimonial b { font-size: 16px !important; font-weight: normal; color: #333333;} .testimonials .testimonial span { padding-top: 6px; clear: both; display: block; *padding-top: 0px; _padding-top: 0px;} .testimonial_panel { background: url(../builtin/pp_features_quote.gif) no-repeat 0 12px; padding: 42px 0 0; margin: 0px 0 0px; font-size: 13px; color: #333333; line-height: 15px; } .testimonial_panel strong, .testimonial_panel b, .testimonial_panel i { font-weight: normal; font-style: normal;} .testimonial_panel .name { } /* ###################### */ /* ### SEARCH RESULTS ### */ /* ###################### */ .search_results {} .search_results strong {color: #46056c;} .search_results .results {} .search_results .search_return {} .search_results .search_return .search_count { float: left; padding: 20px 0;} .search_results .search_return .paging {float: right;} .search_results .search_return .paging a { border: 1px solid #888888; color: #47056d; padding: 3px 6px; margin-left: 4px; font-weight: bold;} .search_results .search_return .paging a:hover { background: #f2edf4; color: #000;} .search_result_item {position:relative; border-bottom:1px dotted #888888; height:100px; overflow:hidden; padding: 8px 0 0; font-weight: bold; } .search_result_item b { font-weight: normal;} .search_result_item h3 { color: #46056c; font-weight: normal;} .search_result_item h3 a {} .search_result_item p { height: 60px; overflow: hidden;} .search_result_item p a {} .search_result_item a { color: #46056c; font-weight: bold; display: none;} /* ################# */ /* ### ECOMMERCE ### */ /* ################# */ .accreditation {margin: 0 0 20px;} .accreditation .Phuse_BuyButton {background: url(../builtin/buy_now_btn_acc.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0; float: left;} .accreditation .Phuse_AddToBasketButton {background: url(../builtin/add_to_basket_btn_acc.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0; float: right;} .content_mid .buy_now {background: url(../builtin/buy_now_btn_acc.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0 0 20px; float: left;} .content_mid .buy_now a {width: 206px; height: 41px; display: block;} .Phuse_AddToBasketButton {} .CheckoutButtonCSS2 {} .EcommerceLabel {} .EcommerceFormDllTitle {} .EcommerceFormDllTitle option {} .BlackText {} .ErrorText {} .EcommerceTextBox {} .EcommerceTextMiniBox {} #txtComments {} .Ecommerce1Back {background: url(../builtin/back_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 20px 0 0;} .Ecommerce1Continue {background: url(../builtin/continue_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 20px 0 0} .ECommerceBack {background: url(../builtin/back_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0;} .ECommerceConfirm {background: url(../builtin/contact_submit_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0;} .basket_details { width: 620px;} .basket_details .basket_header { height: 21px; font-weight: bold; font-size: 11px; color: #333333;} .basket_details .basket_item { background: #f2edf4; height: 40px; border-bottom: 2px solid #fff;} .basket_details .basket_item h3 { margin: 0; font-size: 12px; font-weight: bold; color: #46056c; font-family: Arial, Sans-Serif;} .basket_details .basket_item .price {color: #46056c;} .basket_details .Phuse_QuantityField { width: 33px; height: 18px; padding: 2px 0 0; border: 1px solid #8c8c8c; font-size: 12px; color: #333333; font-family: Arial, Sans-Serif; text-align: center;} .RemoveButtonCSS { border: 0px; width: 11px; height: 14px;background: url(../builtin/remove_btn.gif) no-repeat top left; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; } .basket_details .total {font-weight: bold;color: #333333; border-top: 10px solid #fff; margin-top: 10px; height: 30px; vertical-align: bottom;} .basket_details .total span {color: #46056c;} .basket_details .total_inc {font-weight: bold;color: #333333; border-top: 5px solid #fff; margin-top: 0px; height: 20px; vertical-align: bottom;} .basket_details .total_inc span {color: #46056c;} .basket_checkout {width: 620px; margin: 20px 0;} .UpdateButtonButtonCSS, #ECommerceShoppingbasketPreview_UBB {background: url(../builtin/update_basket_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0;} .CheckoutButtonCSS2 {background: url(../builtin/checkout_btn.gif) no-repeat top left; width: 206px; height: 41px; border: 0px; cursor: pointer; text-indent: -9999px; *text-indent: 0px; _text-indent: 0px; *font-size: 9999px; _font-size: 9999px; overflow: hidden; margin: 0 0 0 20px; } .your_details { background: #8b4fa0; width: 580px; padding: 20px;} .your_details h3 { color: #fff;} .your_details .your_details_form { border: 4px solid #a779b6; background: #fff; padding: 16px;} .your_details .your_details_form table { border: none; width: 100%;} .your_details .your_details_form table tr { vertical-align: top;} .your_details .your_details_form table td { padding: 5px 0; } .your_details .your_details_form table td span { display: block; height: 13px; padding: 6px 0 0; float: left; background: none;} .your_details .EcommerceForm1Label {} .your_details .EcommerceTextBox {border: 1px solid #c0c0c0; width: 246px; height: 13px; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px; font-family: Arial, Sans-Serif;} .your_details .EcommerceFormDllTitle { border: 1px solid #c0c0c0; width: 260px; height: 25px; padding: 1px; color: #333333; font-size: 12px; font-weight: normal; font-family: Arial, Sans-Serif;} .ErrorText { color: #a779b6; font-weight: bold;} /* Payment2 */ .your_personal_details_form { margin: 0 0 20px;} .your_personal_details_form .EcommerceForm1Label { padding-right: 20px; height: 20px;} .your_personal_details_form .EcommerceForm1Field { height: 20px; font-weight: bold; } .card_details { background: #8b4fa0; width: 580px; padding: 20px;} .card_details h3 {color: #fff !important;} .card_details .card_details_form { border: 4px solid #a779b6; background: #fff; padding: 16px;} .card_details .card_details_form table { border: none; width: 100%;} .card_details .card_details_form table tr { vertical-align: top;} .card_details .card_details_form table td { padding: 5px 0; } .card_details .card_details_form table td span { display: block; height: 13px; padding: 6px 0 0; float: left; background: none;} .card_details_form label {width: 246px; } .card_details_form .EcommerceTextBox { border: 1px solid #c0c0c0; width: 246px; height: 13px; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px; font-family: Arial, Sans-Serif;} .card_details_form #txtComments { border: 1px solid #c0c0c0; width: 246px; height:113px !important; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px; font-family: Arial, Sans-Serif;} .card_details_form .EcommerceFormDllTitle { border: 1px solid #c0c0c0; width: 260px; height: 25px; padding: 1px; color: #333333; font-size: 12px; font-weight: normal; font-family: Arial, Sans-Serif;} .card_details_form .EcommerceTextMiniBox { border: 1px solid #c0c0c0; width:26px; height: 13px; color: #333333; font-size: 12px; font-weight: normal; padding: 6px 6px; font-family: Arial, Sans-Serif; text-align: center;} /* ######################### */ /* ### END OF STYLESHEET ### */ /* ######################### */ .rss_wrapper {width: 940px; margin: 0 auto; padding: 20px; background: #fff;} .PhuseFeed_HeaderImage {width: 221px; height: 56px; display: block; float: left; margin: 10px 0 20px; } .rss_wrapper a { color: #46056c;} .PhuseFeed_Header { margin-bottom: 30px; clear: both;} .PhuseFeed_HowTo { margin-top: 30px;} .PhuseFeed_RssLogo { margin-right: 5px;} .PhuseFeed_Item {border-bottom:1px dotted #888888; margin-bottom: 5px;} .PhuseFeed_Item h3 { margin: 0;} .PhuseFeed_FeedTitleDescription { margin-bottom: -10px;} .who_uses_datalaw { padding: 19px 0 0;} .who_uses_datalaw h3 { margin: 0px; padding: 0 0 9px; font-size: 22px; line-height: 27px; color: #616864; font-family: 'ArialBlack'; text-transform: none;} .who_uses_datalaw marquee {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 0 0 26px;} .who_uses_datalaw span { padding: 0 38px 0;} .pp_features { } .pp_features h3 { margin: 0px; padding: 0 0 9px; font-size: 22px; line-height: 27px; color: #616864; font-family: 'ArialBlack'; text-transform: none; border-bottom: 1px solid #e7e7e7; } .pp_features ul { list-style: none; margin: 0; padding: 0; width: 369px;} .pp_features ul li { padding: 9px 0 0 22px; height: 24px; border-bottom: 1px solid #e7e7e7; background: url(../builtin/pp_features_li.gif) no-repeat left; } .pp_features blockquote {background: url(../builtin/pp_features_quote.gif) no-repeat left top; margin: 0; padding: 0 0 0 55px; } .content_wide_panel_top {background: url(../builtin/content_wide_panel_top.gif) no-repeat left top; width: 940px; height: 10px;} .content_wide_panel_mid {background: url(../builtin/content_wide_panel_mid.gif) repeat-y left top; width: 888px; padding: 18px 26px 0; color: #606764;} .content_wide_panel_btm {background: url(../builtin/content_wide_panel_btm.gif) no-repeat left top; width: 940px; height: 10px;} .area_of_law_options { width: 888px; border-bottom: 2px solid #eaeaea; position: relative; height: 38px; *margin-bottom: 12px; margin-bottom: 12px;} .area_of_law_options .options {} .area_of_law_options h2 { position: absolute; left: 180px; top: -6px; color: #f3b61f; font-size: 26px; border: none; background: none; margin: 0; padding: 0; line-height: 32px; font-family: 'ArialBlack';font-weight: bold; } .payg_options {border-bottom: 1px solid #e7e7e7; width: 888px; padding: 4px 0 11px;} .payg_options h3 { font-size: 18px; color: #606764; font-family: 'ArialBlack'; text-align: center; line-height: 22px; word-spacing: -1px; text-transform: capitalize; } .payg_options_header { height: 49px; padding-top: 0px; margin-top: -10px; border-bottom: 1px solid #e7e7e7; width: 888px; padding: 4px 0 11px;} .payg_options_header h3 { position: relative; top: 11px; font-size: 18px; color: #606764; font-family: 'ArialBlack'; text-align: center; line-height: 22px; word-spacing: -1px; text-transform: capitalize; } .payg_options_header .first { width: 253px;float: left; padding: 7px 0 0;} .payg_options .first h3 { width: 79px;} .payg_options .second { width: 235px;float: left;} .payg_options .second h3 { width: 139px;} .payg_options .third {width: 210px;float: left;} .payg_options .third h3 {width: 98px;} .payg_options .fourth {float: left;} .payg_options .fourth h3 {padding: 7px 0 0; } .payg_options .course_title { float: left; width: 180px; padding: 0 81px 0 0;} .payg_options .course_title h4 { font-weight: normal; font-size: 13px; font-family: Arial !important; text-transform: none; padding: 5px 0 0;} .payg_options .add_to_basket { float: left; width: 215px;} .payg_options .add_to_basket .price {text-align: center; padding: 0 0 8px;width: 111px; } .payg_options .add_to_basket .price span{ text-align: center; font-size:16px; font-weight: bold; font-family: 'ArialBlack';} .payg_options .add_to_basket .button { width: 111px; height: 26px; background: url(../builtin/payg_add_to_basket_btn.gif) no-repeat left top; } .payg_options .add_to_basket .Phuse_AddToBasketButton {width: 111px; height: 26px; border: none; background: none; cursor: pointer;} .payg_options .add_to_basket .pre_button { width: 111px; height: 26px; background: url(../builtin/payg_pre_order_btn.gif) no-repeat left top; } .payg_options .cat { display: none;} .ecommerce_panel { width: 640px; float: left;} .ecommerce_panel h3 { text-transform: none;} .ecommerce_panel .ecommerce_panel_top { width: 640px; height: 10px; background: url(../builtin/ecommerce_panel_top.gif) no-repeat left top; } .ecommerce_panel .ecommerce_panel_mid {width: 628px; background: url(../builtin/ecommerce_panel_mid.gif) repeat-y left top; padding: 6px 6px 20px; } .ecommerce_panel .ecommerce_panel_btm {width: 640px; height: 10px; background: url(../builtin/ecommerce_panel_btm.gif) no-repeat left top; } .ecommerce_panel .ecommerce_panel_mid .header {background: url(../builtin/ecommerce_panel_header.gif) repeat-x left top; height: 40px; padding: 10px 21px 0; margin-bottom: 13px; position: relative; top: -10px; } .ecommerce_panel .ecommerce_panel_mid .header h2 { color: #fff; margin: 0; padding: 0; font-size: 22px; line-height: 27px; font-family: Arial Black; background: none; border: none; } .ecommerce_panel .basket_contents, .ecommerce_panel .your_personal_details { width: 592px; margin: 0 auto;} .ecommerce_panel .basket_contents h3, .ecommerce_panel .your_personal_details h3, .purchased_details h3 {color: #606764; margin: 0 0 13px; padding: 0 0 7px; font-size: 22px; line-height: 27px; font-family: Arial Black; background: none; border: none; border-bottom: 1px solid #e7e7e7;} .ecommerce_panel .ecommerce_panel_mid .basket_details, .ecommerce_panel .ecommerce_panel_mid .basket_checkout {width: 592px; margin: 0 auto;} .ecommerce_panel .ecommerce_panel_mid .basket_details h3 {color: #8a4b9e; font-weight: bold; margin: 0; padding: 0; font-size: 13px; line-height: 15px; font-family: Arial; background: none; border: none;} .basket_contents { padding-bottom: 22px;} .ecommerce_panel .card_details_form { position: relative;} .ecommerce_panel .secure_cards { position: absolute; top: 0; right: 0; width: 152px; padding: 50px 0 0; background: url(../builtin/secure_cards.gif) no-repeat left top; color: #5f6664; font-size: 12px; line-height: 14px; } .ecommerce_panel .ecommerce_panel_mid .UpdateButtonButtonCSS, .ecommerce_panel .ecommerce_panel_mid #ECommerceShoppingbasketPreview_UBB { width: 151px; height: 36px; background: url(../builtin/ecommerce_panel_update_btn.gif) no-repeat left top; margin: 10px 0 0;} .ecommerce_panel .ecommerce_panel_mid .your_details { border-top: 1px solid #e7e7e7; width: 592px; margin: 0 auto; padding: 21px 0 0; background: none;} .ecommerce_panel .your_details_form, .ecommerce_panel .card_details, .ecommerce_panel .card_details_form, .purchased_details { border: none; background: none;width: 592px; margin: 0 auto; padding: 0;} .ecommerce_panel .step_one, .ecommerce_panel .step_two, .ecommerce_panel .step_three {width: 538px; height: 30px; height: 41px; padding: 6px 0 0 54px;} .ecommerce_panel .step_one {background: url(../builtin/ecommerce_step_one.gif) no-repeat left top;} .ecommerce_panel .step_two {background: url(../builtin/ecommerce_step_two.gif) no-repeat left top;} .ecommerce_panel .step_three {background: url(../builtin/ecommerce_step_three.gif) no-repeat left top;} .ecommerce_panel .step_one h3, .ecommerce_panel .step_two h3, .ecommerce_panel .step_three h3 {color: #606764 !important; margin: 0 0 0px; padding: 0 0 0px; font-size: 22px; line-height: 27px; font-family: Arial Black; background: none; border: none;} .ecommerce_panel .ecommerce_panel_mid #btnBack { width: 151px; height: 36px; background: url(../builtin/ecommerce_panel_back_btn.gif) no-repeat left top; position: relative; left: -5px;} .ecommerce_panel .ecommerce_panel_mid #btnContinue { width: 151px; height: 36px; background: url(../builtin/ecommerce_panel_continue_btn.gif) no-repeat left top;} .ecommerce_panel .ecommerce_panel_mid #btnConfirmPayment { width: 151px; height: 36px; background: url(../builtin/ecommerce_panel_submit_btn.gif) no-repeat left top;} .ecommerce_panel_right { width: 292px; float: right;} .thanks_for_choosing { width: 292px; height: 163px; background: url(../builtin/thanks_for_choosing.gif) no-repeat left top; text-indent: -9999px; margin: 0 0 19px;}