/* CSS Document for Cluedup Marketing 2009 */

html,body{margin:0;padding:0}
body{font-family: verdana, arial,sans-serif;text-align:center; font-size:13px; color:#000;}
p{margin:0px 0px 10px 0px;}
a{color: #D95409; text-decoration:none;}
a:hover{ text-decoration:underline;}
.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; clear:both; color:#000; margin:0px 0px 10px 0px; padding:0px; font-style:italic;}
.quote-name { float:right; text-align:right; font-weight:bold; color:#000000;}
/*.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; clear:both; color:#999999; margin:0px 0px 10px 0px; padding:0px; font-style:italic;}*/
/*.quote-name { float:right;}*/

h1 { font-weight:bold; color:#FA8A11; margin:0px; padding:0px 0px 10px 0px; font-size:xx-large; font-family:Verdana, Arial, Helvetica, sans-serif;}
.subtitles { font-size:18px; font-weight:bold;color: #FA8A11; border-bottom:1px solid #ccc; padding-bottom:5px;}
div#header{position:relative; background-image:url(../images/header.jpg); height:116px; color:#FFFFFF;}
div#header p{ position:relative; top: 23px; left:36px; line-height:24px;}
div#header a{ color:#FFFFFF;}

div#header .logo { float:left;}
div#header .basket { background-color:#FF0000; float:right; width:251px; height:116px; background-image:url(../images/bg_basket.jpg);}
div#header .basketppc { background-color:#FF0000; float:right; width:251px; height:116px; background-image:url(../images/bg_basketPPC.jpg);}
div#header .sub-nav { margin-top:30px; float:right; width:251px; }
div#header .sub-nav a {color: #FA8A11; font-weight:bold; text-decoration:none;}
div#header .sub-nav a:hover {text-decoration:underline;}
div#header .sub-navPPC { position:relative; top:85px; left:15px; width:251px; }
div#header .sub-navPPC a {color: #FA8A11; font-weight:bold; text-decoration:none;}
div#header .sub-navPPC a:hover {text-decoration:underline;}
div#banner { margin:0px 0px 10px 0px; height:186px; float:right; position:relative; bottom:23px; }
div#container{text-align:left; width:971px;margin:0 auto;}
div#content p{line-height:1.4}


.breadcrumb { clear:both; font-size:11px; padding:10px 0px 0px 0px; background-image:url(../images/bg_bread.jpg); background-repeat:repeat-x;}
.breadcrumb a{ text-decoration:none;}
.breadcrumb a:hover{ text-decoration:underline;}

div#left-column{float:left; width:198px; margin-top:13px;}
div#left-column .resources{list-style-type:none; font-weight:bold; background-repeat:repeat-x; margin:0px 0px 0px 0px; padding:0px;}
div#left-column .catalogue{list-style-type:none; background-repeat:repeat-x; font-weight:bold; margin:0px 0px 0px 0px; padding:0px;}
div#left-column li { padding:6px 10px 6px 20px; font-size:10px; background-image:url(../images/bg_nav2.jpg); background-repeat:no-repeat; background-position:0px 0px; background-color:transparent;}
div#left-column a{ color:#000000; text-decoration:none; color:#E3630C;}
div#left-column a:hover{text-decoration:underline;}

div#centre-column{ float:left; margin-left:13px; position:relative; top:13px; background-color:transparent; margin-bottom:15px;}
div#centre-column .image-left{ float:left; margin:0px 13px 13px 0px}
div#centre-column .price { font-size:18px; color:#000000; font-weight:bold;}
div#centre-column .buttons{ text-align:center; clear:both; padding-bottom:5px;}
div#centre-column .buttonsmsg{font-weight:bold; font-size:12px;}
div#centre-column .extrainfo{ margin:0px 0px 13px 0px; text-align:center;}
div#centre-column .extrainfo ul{ padding:0px; margin:0px; text-align:center; text-align:left; list-style-type:none;}
div#centre-column .extrainfo ul li{ padding:0px 0px 10px 15px; margin:10px 0px 0px 0px; text-align:center; text-align:left; background-image:url(../images/bullet_02.jpg); background-repeat:no-repeat; background-position: 0px 5px;}
div#centre-column .extrainfo-left{ float:left; width:152px; border:1px dotted #D1DFE3; padding:10px;}
div#centre-column .extrainfo-centre{ float:left; width:152px; border:1px dotted #D1DFE3; padding:10px; margin-left:13px;}
div#centre-column .extrainfo-right{ float:right; width:152px; border:1px dotted #D1DFE3; padding:10px;}
div#centre-column .extrainfo a{ font-size:18px; font-weight:bold;color: #FA8A11; padding-bottom:5px;}
div#centre-column .price { font-size:18px; color:#000000; font-weight:bold;}
div#centre-column ul{list-style-image:url(../images/bullet_diamond.gif);}

div#right-column{float:right; width:198px; position:relative; top:13px;}
div#right-column .latest{border-bottom: 1px solid #D1DFE3; float:left; margin-bottom:10px; width:180px;}
div#right-column .latest-left { float:left; width:65px; }
div#right-column .latest-right { float:right; width:85px;}

.box-head { background-repeat:repeat-x; clear:both; font-size:12px; background-image:url(../images/bg_boxhead.jpg); height:12px; padding:10px; color:#000; font-weight:bold;}
.box-head2 { background-repeat:repeat-x; clear:both; font-size:12px; background-image:url(../images/bg_cards.jpg); height:12px; padding:10px; color:#fff; font-weight:bold;}
.box-container { padding:10px; margin-bottom:13px; width:176px; border:1px solid #D1DFE3; float:left; background-color:transparent;}
.box-container2 { margin-bottom:13px; width:196px; border:1px solid #D1DFE3; float:left; padding:0px;}
.box-container3 { margin-bottom:13px; width:186px; border:1px solid #D1DFE3; float:left; padding:5px;}

.box-container-orange { padding:10px; margin-bottom:13px; width:178px; float:left; background-image:url(../images/bg_nav.jpg); background-repeat:repeat-x;}


.box-container .video{ width:176px; background-color:transparent; float:left;}
.box-container .video .videoTitle{ width:176px; background-color:transparent; float:left; margin:5px 0px 5px 0px; text-align:center;}

.featured { margin-bottom:13px;}
.left { float:left;}
.right { float:right;}
.noBorder { border:none;}
.clearBoth { clear:both;}

.listing{border-bottom:1px solid #ccc; padding-bottom:10px; clear:both; margin-bottom:10px; width:100%; }

/*Resources*/
.resourceLine{ width:538px; float:left; background-color:transparent; margin-bottom:4px; padding-left:10px;}
.resourceImage{ width:25px; float:left; background-color:transparent;}
.resourceText{ width:380px; float:left; background-color:transparent;}
/*End Resources*/

/*contact page*/


#contact-area {
	width: 430px;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	position:relative;
	top:10px;
}

#contact-area .input, #contact-area textarea {
	padding: 2px;
	width: 305px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #8FA5DF;
}

#contact-area .submit-button {
	width: 60px;
	float: right;
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12px;
}

#contact-area .ddl{width: 310px; color:#666666; margin: 0px 0px 10px 0px;}

div#footer{clear:both;width:100%;color: #000; border-top:1px solid #CCCCCC; margin-top:13px; }
div#footer a{color: #FA8A11; font-weight:bold; font-size:11px; text-decoration:none;}
div#footer a:hover{text-decoration:underline;}
div#footer p{margin:0;padding:5px 5px; line-height:24px; }
div#footer .small{ font-size:11px; line-height:14px;}
div#footer .small a{ font-weight:normal;}
.rightS{ float:right; font-size:11px; line-height:40px; padding-top:180px;}

.ppcBox{ background-color:#ff6600; border:solid 1px #666; color:#FFF; font-size:medium; font-weight:bold; }
.ppcBox:hover{ background-color:#CCC;  }

.ppcBox a{ color:#FFF; text-decoration:none;}
.ppcBox a:hover{ color:#FFF; text-decoration:none;}

/*SiteMap*/

#sitemap{
    background-color:transparent;
    width:320px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    float:left;
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    }