W3C CSS Validator results for http://www.tidywebdesign.co.uk/ (CSS level 3)

Sorry! We found the following errors (3)

URI : http://www.tidywebdesign.co.uk/css/rotator.css

33 .desc Value Error : background-color auto is not a background-color value : auto auto
34 .desc Property visiblity doesn't exist : hidden hidden
148 #tooltip Parse Error padding:4px

↑ Top

Warnings (38)

URI : http://www.tidywebdesign.co.uk/css/rotator.css

5 .wt-rotator Same color for background-color and border-bottom-color
5 .wt-rotator Same color for background-color and border-top-color
5 .wt-rotator Same color for background-color and border-left-color
5 .wt-rotator Same color for background-color and border-right-color
35 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and .desc
35 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and .desc
114 .thumbnails li Same color for background-color and border-top-color
114 .thumbnails li Same color for background-color and border-left-color
114 .thumbnails li Same color for background-color and border-right-color
114 .thumbnails li Same color for background-color and border-bottom-color
136 .prev-btn Same color for background-color and border-top-color
136 .play-btn Same color for background-color and border-left-color
136 .play-btn Same color for background-color and border-bottom-color
136 .play-btn Same color for background-color and border-right-color
136 .play-btn Same color for background-color and border-top-color
136 .next-btn Same color for background-color and border-left-color
136 .next-btn Same color for background-color and border-top-color
136 .prev-btn Same color for background-color and border-left-color
136 .next-btn Same color for background-color and border-right-color
136 .prev-btn Same color for background-color and border-bottom-color
136 .next-btn Same color for background-color and border-bottom-color
136 .prev-btn Same color for background-color and border-right-color
146 #tooltip Same color for background-color and color

URI : http://www.tidywebdesign.co.uk/css/styles.css

94 #footer Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
95 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and #footer
95 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and #footer
112 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and #footer a
112 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and #footer a
274 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and #menu ul li a
274 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and #menu ul li a
338 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and .tweet
338 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and .tweet
353 Same colors for color and background-color in two contexts .button-over and .lightgrey
361 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and .twitter_follow a
361 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and .twitter_follow a
423 .send Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
566 Same colors for color and background-color in two contexts .thumbnails li.thumb-over and .title
566 Same colors for color and background-color in two contexts .thumbnails li.curr-thumb and .title

↑ Top

Valid CSS information

@charset "utf-8";
#tooltip {
position : absolute;
z-index : 3000;
border : 1px solid #111;
background-color : #eee;
padding : 5px;
opacity : 0.95;
font-size : 11px;
color : #000000;
}
#tooltip h3, #tooltip div {
margin : 0;
}
html {
background-image : url(/images/stripe_2.png);
margin : 0;
padding : 0;
}
body {
margin : auto;
background-image : url(/images/body-bg-gradient.png);
background-repeat : repeat-x;
background-position : top;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
background-attachment : fixed;
color : #333333;
font-size : 15px;
height : 100%;
margin : 0;
padding : 0;
}
#h1h2 {
visibility : hidden;
}
a {
text-decoration : none;
color : #cc0000;
font-weight : bold;
}
a:hover {
text-decoration : underline;
}
h1 {
padding : 5px;
margin : 0;
font-size : 200%;
font-size : 32px;
color : #339933;
font-family : tahoma;
padding-top : 6px;
letter-spacing : -3px;
background-repeat : no-repeat;
text-indent : 60px;
height : 49px;
text-shadow : #cccccc 0.1em 0.1em 0.1em;
background-image : url(/images/icons/twd.png);
}
h2 {
margin-top : 60px;
color : #d70000;
padding-top : 0;
letter-spacing : -2px;
background-repeat : no-repeat;
text-indent : 30px;
height : 29px;
text-shadow : #cccccc 0.1em 0.1em 0.1em;
background-image : url(/images/icons/tick.png);
border-bottom : 1px solid #cccccc;
}
h3 {
color : #999999;
margin : 0;
margin-bottom : 15px;
padding : 0;
}
ul li {
list-style-type : square;
}
span {
margin : 0;
padding : 0;
}
#footer {
float : left;
bottom : 0;
display : block;
width : 100%;
text-align : center;
font-family : century gothic, verdana, arial, helvetica, sans-serif;
color : #ffffff;
height : 100px;
font-size : 12px;
font-weight : bold;
padding-top : 0;
background : red;
background-image : url(/images/footer-fixed.jpg);
background-repeat : repeat-x;
}
#footer a {
color : #fff;
}
.footergfx {
padding-top : 15px;
overflow : hidden;
}
#articledate {
margin-top : 90px;
font-size : 11px;
color : #999ccc;
text-align : right;
padding : 10px;
}
#footertext {
text-align : left;
width : 960px;
}
#leftfoot, #rightfoot {
border : 0 solid #ffffff;
padding-top : 10px;
}
#leftfoot {
float : left;
}
#rightfoot {
float : right;
}
#header {
background-image : url(/images/header-logo.png);
background-repeat : no-repeat;
background-position : center;
height : 189px;
position : relative;
}
#livehelp_old {
position : absolute;
margin-top : -150px;
margin-right : 150px;
right : 0;
}
#wrapper {
background-image : url(/images/repeat-y.png);
background-position : center;
background-repeat : repeat-y;
}
#contentwrapper {
width : 970px;
margin : 0 auto;
background : #fff;
}
#rightbar {
float : right;
margin : 0;
}
#rightbar p {
margin : 0;
padding : 0;
}
#content {
float : left;
width : 670px;
margin-top : 5px;
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
background-repeat : repeat-x;
padding : 5px;
border : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-top : 1px solid #cccccc;
}
#content img {
border : 1px solid #cccccc;
}
.right a img {
border : 0 !important ;
}
.clear {
clear : both;
}
#footerbreak {
display : block;
height : 90px;
}
#menu {
background-image : url(/images/menu-back.jpg);
height : 38px;
margin-bottom : 20px;
font-size : 15px;
}
#menu ul li {
display : inline-block;
list-style-type : none;
float : left;
margin : 0;
}
#menu ul {
margin : 0;
padding-left : 10px;
}
#menu ul li a p {
margin : 0;
padding : 0;
cursor : pointer;
}
.shadow {
text-shadow : #000000 0.1em 0.1em 0.2em;
}
#menu ul li a {
display : block;
padding : 10px;
padding-top : 8px;
padding-left : 14px;
padding-right : 14px;
color : #fff;
text-decoration : none;
font-weight : bold;
}
#menu ul li a:hover, #menu ul li a.active {
background-image : url(/images/menu-hover.png);
background-repeat : no-repeat;
background-position : 50% 100%;
}
#menu ul li a.active {
background-image : url(/images/menu-active.png);
}
.address {
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
border : 1px solid #ccc;
padding : 5px;
padding : 10px;
display : block;
width : 150px;
}
#twitter {
width : 280px;
border : 0 solid #000000;
text-align : right;
}
.twitter_cont {
border-bottom : 1px solid #cccccc;
line-height : 12px;
overflow : hidden;
font-size : 11px;
margin-top : 11px;
padding : 5px;
text-align : left;
}
.twitter_cont a {
text-decoration : none;
color : #cc0000;
font-weight : bold;
}
.twitter_cont a:hover {
text-decoration : underline;
}
.twitter_text {
float : right;
display : block;
width : 210px;
}
.tweet {
color : #fff;
font-size : 13px;
padding-top : 3px;
padding-bottom : 3px;
display : block;
width : 270px;
border : 1px solid red;
background : url(/images/twitter-background.png);
}
.lightgrey {
margin-top : 5px;
font-size : 9px;
color : #cccccc;
line-height : 10px;
}
.twitter_follow a {
display : block;
font-size : 13px;
font-weight : bold;
color : #fff;
text-decoration : none;
text-align : center;
padding : 10px;
border : 1px solid red;
background : url(/images/twitter-background.png);
width : 270px;
}
hr {
background-image : url(/images/horizontal-line.jpg);
background-repeat : no-repeat;
height : 1px;
display : block;
margin : 0;
padding : 0;
border : none;
}
dt {
font-weight : bold;
}
legend {
font-weight : bold;
}
fieldset {
font-size : 12px;
margin-bottom : 10px;
}
dl {
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
padding : 8px;
border : 1px solid #cccccc;
}
dd {
padding : 5px;
}
.success {
background : #99ff99;
border : 1px solid #009933;
text-align : center;
display : block;
padding : 10px;
}
.send {
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
padding-bottom : 3px;
margin : 5px;
width : 100px;
font-family : century gothic, Helvetica, sans-serif;
font-weight : bold;
}
.bronze, .silver, .gold {
padding : 5px;
margin : 5px;
border : 1px solid #cccccc;
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
}
#packages h2 {
background-image : url(/images/h2-fade.png);
margin : 0;
padding : 5px;
border : 1px solid #999999;
}
#packages li {
font-weight : bold;
}
.bronze h2, .silver h2, .gold h2 {
background-repeat : repeat-x;
height : auto;
text-indent : 0;
}
.bronze {
background-image : url(/images/bronze_b.jpg);
background-repeat : repeat-x;
}
.silver {
background-image : url(/images/silver_b.jpg);
background-repeat : repeat-x;
}
.gold {
background-image : url(/images/gold_b.jpg);
background-repeat : repeat-x;
}
.left {
float : left;
}
.right {
float : right;
}
.clear {
clear : both;
margin : 0;
padding : 0;
display : block;
height : 1px;
overflow : hidden;
}
h1.care-packages {
background-image : url(/images/icons/care.png);
}
h1.services {
background-image : url(/images/icons/services.png);
}
h1.about-us {
background-image : url(/images/icons/about.png);
}
h1.web-design {
background-image : url(/images/icons/webdesign.png);
}
h1.contact-us {
background-image : url(/images/icons/contact.png);
}
h1.ecommerce-shop-design {
background-image : url(/images/icons/ecommerce.png);
}
h1.portfolio {
background-image : url(/images/icons/portfolio.png);
}
.solution {
background-image : url(/images/icons/solution.png);
}
.share {
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
border : 1px solid #ccc;
padding : 5px;
padding : 10px;
display : block;
margin-top : 20px;
}
.share img {
border : 0 !important ;
}
.solutiontext {
border : 1px solid #cccccc;
margin-left : 30px;
padding : 10px;
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
}
.portfoliothumb {
float : left;
width : 318px;
height : 245px;
border : 1px solid #cccccc;
margin : 2px;
text-align : center;
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
margin-bottom : 2px;
overflow : hidden;
}
.title {
height : 20px;
display : block;
background : #333333;
font-weight : bold;
color : #fff;
padding : 0;
margin : 0;
margin-bottom : 3px;
padding-top : 6px;
padding-bottom : 6px;
border : 1px solid #cccccc;
}
.portlinks a {
background-image : url(http://www.jugglingdirect.co.uk/blog/wp-content/themes/default/images/jug-b-bg.jpg);
float : right;
width : 30px;
padding : 10px;
padding-top : 11px;
padding-bottom : 11px;
border : 1px solid #cccccc;
margin-right : 5px;
color : #666666;
margin-bottom : 3px;
text-align : center;
}
.portlinks a:hover {
border : 1px solid #999999;
text-decoration : none;
}
.portlinks a img {
border : 0 !important ;
}
.portfolioimgthumb {
float : left;
margin-left : 5px;
}
#additionallinks p a {
color : #666666;
display : block;
padding : 8px;
border : 1px solid #cccccc;
margin-top : 5px;
font-size : 11px;
}
.listing {
text-align : center;
margin : 20px;
display : block;
float : left;
width : 180px;
height : 150px;
border : 1px solid #cccccc;
}
.cat-pic img {
margin : 5px;
border : 0 solid #000000 !important ;
}
.wt-rotator {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-color : #000;
border : 1px solid #000;
position : relative;
display : block;
width : 970px;
height : 200px;
overflow : hidden;
}
.wt-rotator a {
outline : none;
}
#main-img {
display : block;
position : absolute;
top : 0;
left : 0;
z-index : 1;
border : none;
}
#bg-img {
display : block;
position : absolute;
top : 0;
left : 0;
z-index : 0;
border : none;
}
.desc {
color : #fff;
text-align : left;
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 4;
width : 1px;
padding : 10px;
overflow : hidden;
}
.tmp-desc {
text-align : left;
display : none;
position : absolute;
top : 0;
left : 0;
width : 300px;
padding : 10px;
}
.preloader {
display : block;
float : left;
width : 32px;
height : 32px;
background-color : #000;
position : absolute;
top : 0;
left : 0;
z-index : 6;
padding : 2px;
display : none;
}
.c-panel {
position : relative;
float : left;
clear : both;
top : 0;
left : 0;
width : auto;
height : auto;
z-index : 5;
margin : 6px 0 0 6px;
}
.buttons {
position : relative;
display : block;
float : right;
clear : none;
float : left;
}
.thumbnails {
position : relative;
display : block;
float : right;
clear : none;
float : left;
}
.thumbnails ul {
list-style : none;
width : auto;
height : auto;
margin : 0;
padding : 0;
}
.thumbnails li {
list-style : none;
font-size : 12px;
display : block;
float : left;
clear : none;
margin-right : 4px;
padding : 0;
overflow : hidden;
width : 24px;
height : 24px;
line-height : 24px;
text-align : center;
color : #fff;
background-color : #000;
border : 1px solid #000;
cursor : pointer;
font-weight : bold;
}
.thumbnails li.thumb-over, .thumbnails li.curr-thumb {
color : #000;
background-color : #fff;
}
.thumbnails li * {
display : none;
}
.play-btn, .prev-btn, .next-btn {
display : block;
float : left;
clear : none;
margin-right : 4px;
width : 24px;
height : 24px;
background-color : #000;
border : 1px solid #000;
cursor : pointer;
}
.button-over {
background-color : #ccc;
}
#tooltip {
color : #ffffff;
background-color : #000000;
position : absolute;
top : 0;
left : 0;
z-index : 10;
display : none;
}
.block {
position : absolute;
top : 0;
left : 0;
width : 100px;
height : 100px;
z-index : 2;
}
.vpiece {
position : absolute;
top : 0;
left : 0;
width : 50px;
height : 100%;
z-index : 2;
}
.hpiece {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 50px;
z-index : 2;
}

↑ Top