W3C CSS Validator results for http://www.30.com.au/ (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.30.com.au%2F&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (12)

URI : http://www.30.com.au/style.css

164 Same colors for color and background-color in two contexts #right_content and a.white:link
164 Same colors for color and background-color in two contexts #quotation form label and a.white:link
164 Same colors for color and background-color in two contexts body and a.white:link
168 Same colors for color and background-color in two contexts body and a.white:visited
168 Same colors for color and background-color in two contexts #quotation form label and a.white:visited
168 Same colors for color and background-color in two contexts #right_content and a.white:visited
172 Same colors for color and background-color in two contexts body and a.white:hover
172 Same colors for color and background-color in two contexts #quotation form label and a.white:hover
172 Same colors for color and background-color in two contexts #right_content and a.white:hover
176 Same colors for color and background-color in two contexts #right_content and a.white:active
176 Same colors for color and background-color in two contexts #quotation form label and a.white:active
176 Same colors for color and background-color in two contexts body and a.white:active

↑ Top

Valid CSS information

body {
height : auto;
width : auto;
margin-top : 0;
margin-right : auto;
margin-left : auto;
background-image : url(images/bk.jpg);
background-repeat : repeat-x;
background-color : #ffffff;
}
#main {
height : auto;
width : auto;
background-image : url(images/main_bk.jpg);
background-repeat : repeat;
}
.main {
height : auto;
width : auto;
background-image : url(images/main_bk.jpg);
background-repeat : repeat;
}
.error {
height : 20px;
width : auto;
background-color : #fba4a4;
border : 1px solid #ff0000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding-top : 8px;
padding-left : 10px;
padding-right : 10px;
margin-right : 10px;
margin-top : 10px;
margin-left : 10px;
color : #f25454;
text-align : right;
}
.success {
height : 20px;
width : auto;
background-color : #8cd69e;
border : 1px solid #1fc145;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding-top : 8px;
padding-left : 10px;
padding-right : 10px;
margin-right : 10px;
margin-top : 10px;
margin-left : 10px;
color : #1fc145;
text-align : right;
}
#opacity {
width : auto;
float : left;
padding : 4px;
}
#left {
height : 600px;
width : 250px;
float : left;
}
#header {
height : 140px;
width : 850px;
margin-right : auto;
margin-left : auto;
}
#chthree {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #6acfff;
}
#orange {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #ff9900;
}
#navy {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #003366;
}
#chfour {
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #6acfff;
padding : 5px;
}
#center {
height : 720px;
width : 850px;
margin-right : auto;
margin-left : auto;
padding-top : 10px;
}
#footer {
height : 300px;
width : 830px;
margin-right : auto;
margin-left : auto;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #dddddd;
}
#right {
float : right;
height : 690px;
width : 540px;
margin-left : 10px;
background-image : url(images/notepad_bk.jpg);
background-repeat : no-repeat;
padding-left : 50px;
}
#right_content {
float : right;
height : 690px;
width : 590px;
margin-left : 10px;
background-color : #ffffff;
}
#nav {
height : 48px;
width : 830px;
margin-right : auto;
margin-left : auto;
background-image : url(images/nav_bk.jpg);
background-repeat : no-repeat;
padding-left : 20px;
padding-top : 1px;
}
.nav_text {
height : 22px;
width : auto;
padding-right : 8px;
padding-left : 6px;
float : left;
padding-top : 8px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
}
.nav_line {
background-image : url(images/nav_side.jpg);
background-repeat : no-repeat;
height : 20px;
width : 8px;
float : left;
margin-right : 8px;
margin-left : 8px;
margin-top : 8px;
}
a.white:link {
color : #ffffff;
text-decoration : none;
}
a.white:visited {
color : #ffffff;
text-decoration : none;
}
a.white:hover {
color : #ffffff;
text-decoration : underline;
}
a.white:active {
color : #ffffff;
text-decoration : none;
}
#side {
float : left;
height : auto;
width : 250px;
background-image : url(images/side_col.jpg);
background-repeat : repeat;
margin-bottom : 10px;
}
#side_bot {
background-image : url(images/side_bot.jpg);
background-repeat : no-repeat;
float : left;
height : 14px;
width : 250px;
}
.side_bot {
background-image : url(images/side_bot.jpg);
background-repeat : no-repeat;
float : left;
height : 14px;
width : 250px;
}
.side_header {
float : left;
height : auto;
width : 220px;
margin-right : 15px;
margin-left : 15px;
margin-top : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #6acfff;
}
.side_text {
float : left;
height : auto;
width : 220px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
margin-right : 15px;
margin-left : 15px;
margin-top : 5px;
margin-bottom : 10px;
color : #333333;
}
.side_text2 {
float : left;
height : auto;
width : 220px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
margin-right : 15px;
margin-left : 15px;
margin-top : 5px;
margin-bottom : 5px;
color : #333333;
}
.side_text3 {
float : left;
height : 28px;
width : 160px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
margin-right : 15px;
margin-left : 15px;
color : #333333;
background-color : #e3d8ca;
padding-top : 5px;
padding-left : 10px;
}
.side_link {
float : left;
height : 18px;
width : 230px;
margin-right : 5px;
margin-left : 5px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #dfd2c4;
padding-left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
padding-top : 12px;
}
.side_link2 {
float : left;
height : 18px;
width : 230px;
margin-right : 5px;
margin-left : 5px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #dfd2c4;
padding-left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
padding-top : 12px;
margin-top : 10px;
}
.side_link2x {
float : left;
height : 25px;
width : 230px;
margin-right : 5px;
margin-left : 5px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #dfd2c4;
padding-left : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
padding-top : 12px;
margin-top : 10px;
}
.side {
float : left;
height : auto;
width : 250px;
background-image : url(images/side_col.jpg);
background-repeat : repeat;
margin-bottom : 10px;
}
a.orange:link {
color : #ff9900;
text-decoration : underline;
}
a.orange:visited {
color : #ff9900;
text-decoration : underline;
}
a.orange:hover {
color : #ff9900;
text-decoration : none;
}
a.orange:active {
color : #ff9900;
text-decoration : underline;
}
.right_header {
float : left;
height : 30px;
width : 490px;
margin-top : 40px;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
color : #003366;
}
.right_text {
float : left;
height : auto;
width : 485px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
line-height : 22px;
}
#latest {
float : left;
height : 30px;
width : 490px;
margin-top : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #999999;
}
.new a {
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #003366;
text-decoration : underline;
width : 215px;
height : 90px;
background-color : #e3d8ca;
float : left;
display : block;
margin-top : 2px;
margin-right : 10px;
padding : 10px;
}
.new a:hover {
background-color : #d5f1ff;
text-decoration : none;
}
.new img {
float : left;
height : 58px;
width : 213px;
border : 1px solid #ffffff;
margin-bottom : 5px;
}
#news {
float : left;
height : 22px;
width : 470px;
background-color : #ffffcc;
border : 1px solid #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
padding-top : 6px;
padding-left : 10px;
margin-top : 10px;
margin-left : 10px;
color : #333333;
}
#trail {
float : left;
height : 20px;
width : 560px;
background-color : #ecf3f8;
border : 1px solid #b0c6d5;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding-top : 8px;
padding-left : 10px;
margin-top : 10px;
margin-left : 10px;
color : #666666;
}
#PPagination {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666666;
float : right;
margin : -20px 20px 0 0;
}
#trailclient {
float : right;
height : 20px;
width : auto;
background-color : #ecf3f8;
border : 1px solid #b0c6d5;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding-top : 8px;
padding-left : 10px;
padding-right : 10px;
margin-right : 10px;
margin-top : 10px;
margin-left : 10px;
color : #666666;
text-align : right;
}
#trailorange {
float : right;
height : 15px;
width : auto;
background-color : #ffd89e;
border : 1px solid #ff9900;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding-top : 2px;
padding-left : 10px;
padding-right : 10px;
margin-right : 10px;
margin-top : 10px;
margin-left : 10px;
color : #666666;
text-align : right;
}
#main_content {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
padding-top : 30px;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
margin-top : 15px;
margin-left : 10px;
}
#logo {
float : left;
height : 100px;
width : 320px;
background-image : url(images/logo.jpg);
background-repeat : no-repeat;
}
#head_right {
float : right;
height : 65px;
width : 450px;
margin-top : 35px;
}
#login {
float : right;
height : 38px;
width : 400px;
margin-top : 20px;
background-color : #ffffdd;
border : 1px solid #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : center;
padding-top : 10px;
}
#right_bot {
float : left;
height : 300px;
width : 520px;
margin-top : 50px;
}
.rb_box {
float : left;
height : auto;
width : 300px;
margin-top : 20px;
}
.rb_list {
float : right;
height : 200px;
width : 200px;
}
.rb_list_header {
float : left;
height : 25px;
width : 180px;
margin-top : 30px;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
color : #003366;
padding-left : 20px;
}
.rb_list_text {
float : left;
height : 22px;
width : 170px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
padding-top : 8px;
padding-left : 30px;
background-image : url(images/sticky.gif);
background-repeat : no-repeat;
background-position : 8px;
}
a.red:link {
color : #990000;
text-decoration : underline;
}
a.red:visited {
color : #990000;
text-decoration : underline;
}
a.red:hover {
color : #990000;
text-decoration : none;
}
a.red:active {
color : #990000;
text-decoration : none;
}
.rb_box_head {
float : left;
height : 28px;
width : 200px;
margin-left : 70px;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
color : #003366;
}
.rb_box_text {
float : left;
height : 180px;
width : 290px;
margin-left : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 22px;
color : #333333;
}
.foot {
float : left;
height : auto;
width : 200px;
}
.foot2 {
float : left;
height : 160px;
width : 520px;
margin-left : 40px;
}
.foothead {
float : left;
height : 22px;
width : 200px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #006699;
font-weight : bold;
padding-top : 8px;
margin-top : 8px;
}
.foothead2 {
float : left;
height : 22px;
width : 300px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #006699;
font-weight : bold;
padding-top : 8px;
margin-top : 8px;
}
.foot_text {
height : 20px;
width : 90px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #dddddd;
float : left;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
font-size : 11px;
padding-top : 5px;
margin-right : 10px;
}
.foot_text2 {
height : 20px;
width : 480px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #dddddd;
float : left;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
font-size : 11px;
padding-top : 5px;
margin-right : 10px;
color : #666666;
}
.foot_text3 {
height : 20px;
width : 750px;
float : left;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
font-size : 11px;
margin-right : 10px;
color : #666666;
margin-left : 20px;
}
.imgfoot {
float : left;
height : 70px;
width : 58px;
padding-top : 130px;
padding-left : 0;
}
a.grey:link {
color : #999999;
text-decoration : none;
}
a.grey:visited {
color : #999999;
text-decoration : none;
}
a.grey:hover {
color : #999999;
text-decoration : underline;
}
a.grey:active {
color : #999999;
text-decoration : none;
}
.tele_head {
float : right;
height : 22px;
width : 380px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : right;
color : #cccccc;
}
.tele_text {
float : right;
height : 40px;
width : 380px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : right;
font-style : italic;
color : #a4a2a2;
}
a.grey2:link {
color : #999999;
text-decoration : underline;
}
a.grey2:visited {
color : #999999;
text-decoration : underline;
}
a.grey2:hover {
color : #999999;
text-decoration : none;
}
a.grey2:active {
color : #999999;
text-decoration : underline;
}
a.navy:link {
color : #003366;
text-decoration : underline;
}
a.navy:visited {
color : #003366;
text-decoration : underline;
}
a.navy:hover {
color : #003366;
text-decoration : none;
}
a.navy:active {
color : #003366;
text-decoration : underline;
}
h4 {
color : #026396;
font-size : 12px;
border-bottom : 1px dashed #026396;
padding : 2px 5px;
margin : 0;
}
.portfolioContainer {
margin-left : -8px;
}
.portfolioMContainer {
float : right;
margin-right : -2px;
}
#quotation #button {
float : right;
padding : 10px 50px 0 0;
}
#quotation {
margin-left : -48px;
}
#quotation span {
font-size : 12px;
color : #000;
}
#quotation h4 {
background : transparent url(images/form_header.gif) no-repeat scroll left top;
font-size : 12px;
height : 27px;
padding : 6px 0 0 10px;
margin-top : 10px;
margin-bottom : 10px;
color : #484848;
}
#quotation form li {
background : transparent url(images/li_bg.gif) repeat-x scroll left center;
margin : 0 40px 20px 10px;
width : 382px;
list-style : none;
}
#quotation form li:hover label {
color : #003366;
}
#quotation form label {
background : #fff none repeat scroll 0% 0%;
color : #2c2c2c;
font-size : 13px;
margin-top : 8px;
padding-right : 4px;
position : absolute;
}
#quotation form .field {
background : #f0f0f0 url(images/input_bg.gif) repeat-x scroll 0% 0%;
border-top : 0;
border-right : 1px solid #9d9d9d;
border-bottom : 0;
border-left : 6px solid #ffffff;
color : #414141;
font-family : arial, verdana;
font-size : 13px;
height : 23px;
margin : 0 0 8px 140px;
padding : 6px 5px 0;
width : 273px;
}
#quotation form .dropdown {
background : #f0f0f0 url(images/input_bg.gif) repeat-x scroll 0% 0%;
border-top : 0;
border-right : 1px solid #9d9d9d;
border-bottom : 0;
border-left : 6px solid #ffffff;
color : #414141;
font-family : arial, verdana;
font-size : 13px;
height : 29px;
margin : 0 0 8px 140px;
padding : 6px 4px 5px 3px;
width : 242px;
}
#quotation form .regbtn {
background : transparent url(images/register.gif) repeat scroll 0% 0%;
border : medium none;
cursor : pointer;
height : 27px;
width : 167px;
}
#quotation textarea {
background : #f0f0f0 url(images/textarea_bg.gif) repeat-x scroll 0% 0%;
border : 1px solid #9d9d9d;
color : #414141;
font-family : arial, verdana;
font-size : 13px;
padding : 6px 5px 0;
margin-left : 155px;
position : relative;
top : 5px;
height : 130px;
width : 350px;
}
.style1 {
color : #cccccc;
}
.style2 {
font-size : 12px;
}
.style4 {
font-size : 12px;
color : #666666;
}
div.c2 {
display : none;
}
img.c1 {
border : 0;
}

↑ Top