/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe,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: 0px; padding: 0px; border: 0px;outline: 0px;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} ol li ol, ul li ul {padding-left:25px;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} :focus {outline: 0px;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */ /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ html {min-height:101%;} body {color:#494949;background:url(../images/bg_bottom.jpg) repeat;font-size:14px;font-family: Arial, Verdana, Helvetica, sans-serif;line-height:20px;} a {color:#000;} a:hover {color:#000;} a:active {color:#000;} a:visited {color:#000;} .left {float:left;} .right {float:right;} .clear {clear:both;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* for IE/Mac */ .padd10 {padding-right:10px;} .column2 {width:450px; padding-right:25px;} h1 {font-size:30px;margin:0px;margin-bottom:15px;} h2 {font-size:20px;margin:5px 0px;} h3 {font-size:16px;margin:0px;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container_top {background:url(../images/bg_topline.jpg) repeat-x bottom #fff;width:100%;} #content_top {background:url(../images/bg_topline.jpg) repeat-x bottom #fff;width:960px;margin: 0px auto;height:128px;position:relative;z-index:5000;} #content {width:960px;margin:0px auto;background:#fff;border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:justify;} #top_menu {background:url(../images/menu_top.jpg) no-repeat top center #323232;width:960px;margin-top:2px;height:36px;overflow: hidden;position: relative;} #top_menu > ul {margin:0px;list-style:none;font-size:15px;padding-left:5px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;} #top_menu > ul > li {float:left;display:block;} #top_menu > ul > li > a {text-decoration:none;color:#fff;display:block;padding:10px 15px 10px 15px;border-right:1px solid #606060;} #top_menu > ul > li > a:hover {background:url(../images/hover.jpg) top repeat-x #606060;} #top_menu > ul > li > ul > li > a {padding: 0px;margin:0px;} #footer {background:#323232;width:960px;margin-top:10px;} #footer a {text-decoration:none;} #footer {background:#eee;} .section {padding:20px;} .section img {padding:5px;border:1px solid #eee;margin:9px;} .section p {padding:5px 0px;} /* ------------------------------------------------------------------------------------ CUSTOM */ /* LOGO --------- */ div#logo h1 {margin:0px;margin-left:0px;z-index:5000;} div#logo h1 a {display:block;background:url(../images/czlogo.png) no-repeat left center; width:500px;height:89px;text-indent:-9999px;} /* Login form (client area) --------- */ div#clientarea {position:absolute;top:0px;right:0px;background:url(../images/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;z-index:9000;} #clientarea.hide {top: -54px;} #login {color: #fff;font-size: 10px;text-align: right;margin: 2px;} input#submit {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #login div {width:190px;float:left;} #login label {display:block;} input#client_login {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:3px;color:#fff;padding:3px;height:16px;} input#client_pswd {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;height:16px;} #clientarea p {padding:0px;text-align:right;color:#fff;margin-top: 5px;margin-right: 5px;margin-bottom: 0px;margin-left: 0px;line-height:16px;} #clientarea input#login_username, #login input#secretkey {display:none;} form#login.loggedIn {float:right;margin-right: 5px;padding: 0px;margin-top: 0px;margin-bottom: 5px;margin-left: 0px;} form#login.loggedIn input#launchWebmail {margin-top:5px;margin-right:0px;margin-left:5px;margin-bottom:0px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;text-decoration:none;} form#logout {float:right;margin-right:5px;padding: 0px;margin-top: 0px;margin-bottom: 5px;margin-left: 0px;} form#logout input#logoutButton {margin-top:5px;margin-right:0px;margin-left:5px;margin-bottom:0px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;text-decoration:none;} #loginError {position:absolute;width:200px;height:auto;top:10px;left:500px;color:#6595D3;font-weight:bold;} /* First page promo top --------- */ div#promodesc {width:460px;padding:10px;padding-left:50px;padding-top:30px;font-size:12px;} div#promodesc h1 {font-size:24px; text-align:left; line-height:30px;} div#promodesc p {margin-top:20px;width:400px;background:url(../images/darkopac.png) repeat;padding:10px;line-height:22px;font-size:16px;} div#promodesc p a, div#promodesc p a:visited {color:#FFF;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #CCC;text-decoration:none;} div#promodesc p a:hover, div#promodesc p a:visited:hover {color:#FFF;border-bottom-style: none;text-decoration:none;} div#promoimg {width:400px;padding:20px;height:280px;} div#promo {background-color:#5C76D5;background:url(../images/contentbg.png) bottom repeat-x;color:#fff;z-index: 100;} div#buttons {width:370px;margin-top:30px;margin-left:-70px;} /* Buttons Tour and Demo --------- */ a#tour {display:block;width:169px;height:43px;background:url(../images/tour.png) top;text-indent:-9999px;} a:hover#tour {display:block;width:169px;height:43px;background:url(../images/tour.png) 0px 43px;} a#test {display:block;width:169px;height:43px;background:url(../images/test.jpg) top;text-indent:-9999px;} a:hover#test {display:block;width:169px;height:43px;background:url(../images/test.jpg) 0px 43px;} a#specials {display:block;width:169px;height:43px;background:url(../images/specials.png) top;text-indent:-9999px;} a:hover#specials {display:block;width:169px;height:43px;background:url(../images/specials.png) 0px 43px;} /* Features on home page with icons --------- */ div#features {background:url(../images/descbg.jpg) repeat-x top #fff;width:960px;padding-bottom:10px;} div#features h2 {margin:0px;padding:20px 20px;} ul#feat {width:600px;margin-top:0px;margin-left:10px;} ul#feat li {float:left;display:block;width:200px;padding-left:75px;margin:10px;} ul#feat li h3 {margin:0px;text-transform:uppercase; text-align:left;} #f_clock {background:url(../images/ico_clock.png) top left no-repeat;} #f_monitor {background:url(../images/fico_monitor.jpg) top left no-repeat;} #f_pen {background:url(../images/fico_pen.jpg) top left no-repeat;} #f_search {background:url(../images/fico_search.jpg) top left no-repeat;} #f_secure {background:url(../images/ico_lock.png) top left no-repeat;} #f_stamp {background:url(../images/fico_stamp.jpg) top left no-repeat;} #f_person {background:url(../images/ico_users.png) top left no-repeat;} #f_promotion {background:url(../images/ico_promotion.png) top left no-repeat;} #f_info {background:url(../images/ico_info.png) top left no-repeat;} #f_protection {background:url(../images/ico_protection.png) top left no-repeat;} #f_help {background:url(../images/ico_help.png) top left no-repeat;} #f_process {background:url(../images/ico_process.png) top left no-repeat;} #f_mail {background:url(../images/ico_mail.png) top left no-repeat;} #f_chart {background:url(../images/ico_chart.png) top left no-repeat;} #f_tag {background:url(../images/ico_tag_blue.png) top left no-repeat;} div#features > p {width: 580px;padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 20px; } /* From the blog box --------- */ div#recentonblog h2 {padding-left:0px;} div#recentonblog h3 a {color:#666;text-decoration:none;} div#recentonblog ul li {margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;} div#recentonblog ul li p {padding:10px 0px;} div#recentonblog {width:300px;border-left:0px solid #eee;border-bottom:0px solid #eee;padding-left:20px;padding-right:20px;padding-bottom:10px;background:url(../images/recentbg.jpg) no-repeat left bottom ;} span.date {color:#666;padding-left:20px; background:url(../images/ico_sm_calendar.png) no-repeat left top;display:block;height:15px;margin-top:5px;font-size:9px;} a.more {color:#666;padding-right:10px; background:url(../images/more.png) no-repeat right center;text-decoration:none;} /* Testimonials --------- */ div#testimonials h2 {margin:0px;padding:0px 0px 10px 12px;} div#testimonials {color: #666;background:url(../images/descbg.jpg) repeat-x top #fff;margin:0 0 24px;padding:15px 10px 10px;width:940px;height:80px;} div.avatar {background:url(../images/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;} div.avatar img {padding-left:6px;padding-top:4px;} blockquote {color:#868686;font-family: "Trebuchet MS", serif;font-size: 20px;letter-spacing: normal;padding:0px 0px 0px 25px;line-height:22px;background:url(../images/quotetop.jpg) no-repeat top left #fff;} blockquote span {background:url(../images/quotebottom.jpg) no-repeat top right;padding-right:25px;} div#testimonialslist p {margin-right:30px;margin-top:5px;color:#6a6a6a;font-family: Verdana, serif;font-size: 13px;margin-left:10px;background:#fff;} div#testimonialslist {margin-top:10px;} .tstm_author {background-image:none;background-color:#fff;font-size:12px;font-weight:normal} .pics_container {overflow:hidden;height:263px;width:372px;padding:5px;background:url(../images/darkopac.png) repeat;} .pics img {top:0;left:0} /* Footers boxes --------- */ .column {width:280px;padding:10px 20px;} #tweet p {padding:10px;border:1px solid #5e5e5e;font-size:13px;line-height:18px;background:#474747;} #tweet p a, #tweet p a:visited {color:#fff;font-style: italic;font-size: 10px;text-decoration: none;} #tweet p a:hover, #tweet p a:visited:hover {color:#fff;font-style: italic;font-size: 10px;text-decoration: none;} #tweet img {margin-top:10px;} #quickcontact img {padding:5px; border:1px solid #808080;background:#474747;margin-right:0px;} #quickcontact a {color:#fff;} #quickcontact p {margin: 0px;padding:0px;} #bottom {background:url(../images/bottombg.jpg) repeat-x top #323232;width:960px;color:#fff;} #bottomline {background:url(../images/bottom.jpg) repeat-x bottom #323232;width:940px;color:#fff;margin: 0px;padding-top: 8px;padding-right: 10px;padding-bottom: 8px;padding-left: 10px;text-align: center;} #bottomline a {color:#fff;text-decoration:none;} #bottomline a:hover {color:#FFFFFF;text-decoration:underline;} /* BLOG --------- */ #blog {width:960px;} #head { color:#fff; background-color: #6595D3; background-image: url(../images/contentbg.jpg); background-repeat: repeat-x; background-position: bottom; } #head h2 {padding:10px;margin:0px;} #posts {width:650px;padding:10px;padding-top:20px;padding-right:10px;} .post_content {width:600px;} .post_content p {padding:20px 10px 20px 15px;} .post_content h2 {padding-left:10px;color:#fa6900;} .post {background:url(../images/post_bottom.jpg) no-repeat bottom center;padding-bottom:21px;} .post_meta {background:url(../images/whitedot.jpg) top repeat-x #eee;padding:2px 5px;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px;} .post_meta a.categorylink {background:#fff;text-decoration:none;} .post_meta a {text-decoration:none;color:#323232;} .post_date {margin-top:40px;background:url(../images/datebg.jpg) no-repeat;width:49px;height:54px;padding-top:8px;color:#868686;line-height:16px;} .post_date .day {font-family: Georgia, "Times New Roman", Times, serif;font-size:28px;text-align:center} .post_date .month {font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center} .post_date .hour {font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;} .pagination{margin-top:0px;} .pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;} /* Blog sidebar --------- */ #sidebar {padding-top:20px;padding-left:20px;margin-left:20px;border-left:1px solid #eee;background:url(../images/sidebar_bg.jpg) repeat-y left;width:240px;} #sidebar .widget {padding-bottom:10px;} #sidebar h2 {padding-bottom:5px;} #sidebar ul {margin-left:10px;list-style:circle;} #sidebar ul li {padding:2px;} #sidebar ul ul {margin-left:10px;} #sidebar .widget img {float:left;padding:4px 4px 4px 4px;border:1px solid #ddd;margin:4px 8px 4px 0px} #sidebar #baner {margin:10px 0px} #sidebar a {text-decoration:none;} /* Price page and table --------- */ #pricefaq li {display:block;float:left;width:250px;padding:20px;border:1px solid #eee;margin:5px;} #pricefaq li h2 {text-align:left;} table#prices {width:920px;margin-bottom:20px;margin-top:20px;} table#prices td {background:#6595D3;text-align:center;color:#333; /*background:url(../images/tablebg.png) repeat-y;*/} table#prices td.tdname {background:url(../images/tdname.jpg) top left no-repeat #323232;padding:5px 0px 5px 5px;width:190px;vertical-align:middle;color:#fff;text-align:left} table#prices th {font-size:16px;text-align:center;background:url(../images/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;} span.yes {display:block;background:url(../images/ico_sm_yes.png) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px;} span.no {display:block;background:url(../images/ico_sm_no.png) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;} span.option {display:block;background:url(../images/ico_sm_optional.png) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;} table#prices td.totalprice {color:#3E3E3E;font-size:18px;padding-top:7px;/* background:url(../images/tablebg.png) repeat-y;*/} /* Tour page --------- */ #tour {background:url(../images/toursidebar.jpg) repeat-y left} #sidebar_tour {width:235px;padding-top:20px;} #sidebar_tour li.current {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} /* Use this class for hover --------- */ #sidebar_tour li {padding:10px 10px 10px 10px;border-bottom:1px solid #ddd;} #sidebar_tour a {text-decoration:none} #tour_content {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;} #tour_content ul#count {margin-top:20px;} #tour_content ul#count li {font-size:25px;padding:10px;padding-left:65px;height:40px;padding-top:15px;} .one {background:url(../images/1.jpg) top left no-repeat;} .two {background:url(../images/2.jpg) top left no-repeat;} .three {background:url(../images/3.jpg) top left no-repeat;} .four {background:url(../images/4.jpg) top left no-repeat;} .five {background:url(../images/5.jpg) top left no-repeat;} /* Contact Form --------- */ .message {display:none;} .contact {text-align:right; width:400px; position: relative; margin: auto; border:1px solid #eeeeee;padding:10px;} .contact ul {list-style-type:none;} .contact li {list-style-type:none;margin:5px 0px;} .contact li.special {display:none;} .contact label {float:left;padding-top:4px;} .contact input {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .contact textarea {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} input#send {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} .contact_info{text-align:center;width:440px;margin-top:5px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} /* Genreal Form --------- */ .form {text-align:right; width:400px;} .form ul {list-style-type:none;} .form li {list-style-type:none;margin:5px 0px;} .form li.special {display:none;} .form label {float:left;padding-top:4px;} .form input {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .form textarea {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .form select {width:272px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} /* Trial Forms --------- */ .message {display:none;} .trial {text-align:right; width:400px;margin: 20px 125px 0px 125px;} .trial ul {list-style-type:none;} .trial li {list-style-type:none;margin:5px 0px;} .trial li.special {display:none;} .trial label {float:left;padding-top:4px;} .trial input {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .trial textarea {width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} #contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} .trial p {margin: 20px -125px 00px -125px;text-align: justify;} .trial input#btnSubmit {float:right;width:275px;margin-top:30px;margin-right:0px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} .trial input#btnReset {float:left;width:100px;margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} .trial label.error {color: red;clear:left;margin-top: -7px;margin-bottom: 15px;width: 100%;} /* Miscellaneous --------- */ .red { color: #F00; } .green { color: #060; } #alerts > .success {width:388px;height:25px;border:1px solid #060;padding:5px;background-color:#DFFFDF;background-image: url(../images/whitedot.jpg);background-repeat:repeat-x;background-position:top;text-align:center;} #alerts > .error {width:388px;height:25px;border:1px solid #C00;padding:5px;background-color: #FFC6C6;background-image: url(../images/whitedot.jpg);background-repeat:repeat-x;background-position:top;text-align:center;} #hostingPlans {padding: 0px;margin-top: -20px;margin-right: 0px;margin-bottom: -20px;margin-left: 0px;} #flash {width:372px;height:263px;background-color:#FFF;z-index:9000;} div.section ul > li > a, div.section ul > li > a:visited {color:#494949;text-decoration:underline;} div.section ul > li > a:hover, div.section ul > li > a:visited:hover {color:#6595D3;text-decoration:underline;} ul#feat > li > a, ul#feat > li > a:visited {color:#494949;text-decoration:underline;} ul#feat > li > a:hover, ul#feat > li > a:visited:hover {color:#494949;text-decoration:none;} div.sectionSoftware {padding:20px;background:url(../images/descbg.jpg) repeat-x top #fff;width:920px;} /* Portfolio --------- */ .portfolioEntry {padding-top: 30px;padding-bottom: 30px;border-top-width: 1px;border-top-style: solid;border-top-color: #CCC;} .portfolioEntry p {display:block;width:280px;padding-left:0px;} .portfolioEntry h2 {display:block;width:280px;padding-left:0px;} .portfolioEntry p.desc {font-style:italic;padding-left:0px;} .portfolioEntry img {padding:4px;border:1px solid #CCC;margin-left:20px;margin-right:0px;} .portfolioEntry a, .portfolioEntry a:visited {color:#494949;text-decoration: none;} .portfolioEntry a:hover, .portfolioEntry a:visited:hover {text-decoration: none;color:#F60;} /* Showcase --------- */ #showcase {padding-top: 30px;padding-bottom: 30px;border-top-width: 1px;border-top-style: solid;border-top-color: #CCC;margin: 0px;padding-right: 0px;padding-left: 0px;} #showcase > ul {padding: 0px;display:block;list-style-type: none;width: 918px;margin: 0px 1px 0px 1px;} #showcase > ul > li {margin: 0px;padding: 0px;width: 306px;height: 230px;display: block;float: left;overflow: hidden;} #showcase > ul > li > img {padding:4px;border:1px solid #CCC;margin:0px;} #showcase > ul > li > p {margin: 0px;padding: 0px 13px 0px 13px;text-align: center;} #showcase a, #showcase a:visited {color:#494949;text-decoration: none;margin: 0px;padding:0px;outline:0px;} #showcase a:hover, #showcase a:visited:hover {text-decoration: none;color:#F60;margin: 0px;padding:0px;outline:0px;} /* Employment Form --------- */ .employmentForm {width: 920px;text-align:left;padding:0px;margin:0px;} .employmentForm h2 {display:block;width: 440px;padding-top:20px;padding-bottom:0px;margin:0px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #999;} .employmentForm h3 {padding-top:20px;padding-bottom:0px;width:440px;} .employmentForm div.left {width: 440px;float:left;padding-right:20px;} .employmentForm div.right {width: 440px;float:right;padding-left:20px;} .employmentForm ul {list-style-type:none;} .employmentForm li {list-style-type:none;padding: 0px;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;clear:both;} .employmentForm li.special {display:none;} .employmentForm label {float:left;padding-top:4px;width:160px;} .employmentForm label.checkbox {float:none;width:440px;} .employmentForm label.checkbox > input {float:none;width:20px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;} .employmentForm input {float:right;width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;margin-top:5px;margin-bottom:0px;} .employmentForm textarea {float:right;width:260px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;margin-top:5px;margin-bottom:0px;} .employmentForm select {float:right;width:272px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px;margin-top:5px;margin-bottom:0px;} input#btnSubmit {float:right;width:277px;margin-top:30px;margin-right:0px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} input#btnReset {float:left;width:137px;margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;} #alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} #contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:url(../images/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;} .homeNewsFlash { border:1px solid #C00; padding:5px; margin: 15px; background-color: #FFC6C6; } .homeNewsFlash p{ margin: 0px 20px 10px 20px; }