@charset "utf-8";
/*
########################################################################
IE6 PNG Fix
########################################################################
*/
img, div { 
	behavior: url(/components/iepngfix.htc);
}
/*
########################################################################
Common Site structure
########################################################################
*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 99.9%;
}
body {
	font-size: 100%;
	background-color: #ECECED;
	background-image: url(../images/body-bg-fade.jpg);
	background-repeat: repeat-x;
}
.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.content {
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
/*
########################################################################
Rounded white corner caps top + bottom
########################################################################
*/
#top-cap {
	background-image: url(../images/corners-fullwidth-top.png);
	background-repeat: no-repeat;
	height: 15px;
}
#bottom-cap {
	background-image: url(../images/corners-fullwidth-bottom.png);
	background-repeat: no-repeat;	
	height: 15px;
}

/*
########################################################################
Setup standard font based tags
########################################################################
*/
small {
	font-size: 60%;	
}

p {
	margin-top: 3px;
	margin-bottom: 3px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;

}
/*
########################################################################
First element on page - top bar with nav
########################################################################
*/
#top-bar {
	height: 20px;
	background-color:#6E96D2;
	padding-top: 5px;
	background-image: url(../images/top-bar-bg.jpg);
	background-repeat: repeat-x;
}
#top-bar .container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-size: 70%;
	color: #666;
}
#top-bar .container a {
	text-decoration: none;
	color: #666;
}
#top-bar .container a:hover {
	text-decoration: underline;
	color: #6E96D2;
}
#top-bar ul {
	display: inline;
}
#top-bar ul li {
	list-style: none;
	display: inline;
	padding-left: 5px;
	padding-right: 7px;
	border-right: 1px solid #666;

}
#top-bar ul li.nodivide {
	border-right: 0px solid #666;
}
/*
########################################################################
Common page footer
########################################################################

########################################################################
Common page header - logo (as BG and right aligned basket etc
########################################################################
*/
#header {
	font-size: 84%;
	height: 48px;
	padding-top: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image:url(../images/recarpetit-logo.gif);
	background-repeat: no-repeat;
	text-align: right;
	color: #afe403;
}
#header ul li a {
	color: #6E96D2;
}
#header ul li a:hover {
	color:#6E96D2;
}
#header a {
	background-repeat: no-repeat;
	margin-right: 20px;
	color: #666;
	text-decoration: none;
	padding-left: 45px;
	padding-top: 9px;
	padding-bottom: 12px;
	line-height: 40px;
}
#header a:hover {
	text-decoration: none;
	color: #6E96D2;
}
#header a.basket {
	background-image: url(../images/top-icon-basket.gif);
}
#header a.help {
	background-image: url(../images/top-icon-info.gif);
}
#header a.tel {
	background-image: url(../images/top-icon-telephone.gif);
}


.divider {
	border-top: 1px dotted #666;	
	margin-top: 10px;
	margin-bottom: 10px;
}

#start-new-search {
	font-weight: bold !important;
	font-size: 1em !important;
}

#flashscroll {
	
	height: 40px;
	width: 946px;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}




.form .validation-advice {
	margin:0 0 0 230px;
	padding:1px;
	background-color:#FFFFFF;
	color:#CC0000;
	font-weight:bold;
	font-size:10px;
	display:inline;
	width:200px;
}

#newsletterSignup .validation-advice {
	margin:0 0 0 60px;
	padding:1px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	display:inline;
	width:200px;
}

#newsletter fieldset{
	border:none;
}

#newsletter label{
	display:block;
	width:20%;
	float:left;
	/*color:#48BAED;*/
	text-align:right;
	font-size:0.9em;
	line-height:1.5em;
	padding-right:4%;
}

#newsletter input{
	width:65%;
}

#newsletter .formset{
	padding-bottom:10px;
}

#newsletter .textfield{
	border:1px solid #CCCCCC;
	color:#666666;
	padding:2px;
}

#newsletter .submitbutton{
	width:auto!important;
}

h2 {
	color: #6E96D2;
	font-style: normal;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 0px;
}

h3 {
	/*color: #999999;*/
	font-style: normal;
	font-size: 0.8em;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 0px;
	border-bottom: 0px solid #CCCCCC !important;
}

h4 {
	margin-bottom: 10px;
	margin-top: 10px;
}

h5 {
	font-size: 18px;
	line-height:180%;
}

#abouttext {
width:300px;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
color:#000;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#aboutimage {
	width:600px;
}


/* [footer] */

#footer {
    clear: both;
    background-repeat: repeat-x;
    width: 100%;
    background-image: url(../images/footerBG.jpg)
}

#holder-footer p {
	color:white;
}

#holder-footer a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	
}

#holder-footer a:hover {
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}

#holder-footer {
    width: 960px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

#contact-footer {
    width: 220px;
    height: 180px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	font-size:14px;
	}

#offer-footer {
    width: 220px;
    height: 180px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	font-size:14px;
}

#good-footer {
    width: 220px;
    height: 180px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	font-size:14px;
}

#get-footer {
    width: 220px;
    height: 180px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	font-size:14px;
	color:white;
}

textcolour {
	color:#FFF;
	font-size:14px;
}

#wearehere {
	background-image:url(/images/wearehere.png);
	background-repeat:no-repeat; 
	position: absolute; 
	width: 200px;
	height: 60px;
	top: 170px;
	left: 400px;
	font-weight: bold; 
	color: #ffffff; 
	padding-top: 20px; 
	padding-left: 0px; 
	font-size: 1.2em;
	text-align:center;
	text-decoration: none;
	
	#menu14 {
	width: 200px;
	margin: 10px;
	}
	

.bubbleInfo {
    position: relative;
}


        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(/images/bubble-1.png); }
        .popup td.top { background-image: url(/images/bubble-2.png); }
        .popup td#topright { background-image: url(/images/bubble-3.png); }
        .popup td.left { background-image: url(/images/bubble-4.png); }
        .popup td.right { background-image: url(/images/bubble-5.png); }
        .popup td#bottomleft { background-image: url(/images/bubble-6.gif); }
        .popup td.bottom { background-image: url(/images/bubble-7.gif; text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(/images/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(../images/starburst.gif) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }