@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0;  }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.blue { color:#00519A; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 0; margin:0; background: url(images/CaldLeft.jpg) 0 0 repeat-x #03753A;}
a {text-decoration:none;}

/* Main area */






#Frame {width:760px; padding: 0; margin-left:auto; margin-right: auto; }

#Banner {width: 760px; height: 198px; padding:0px 0 0 0; margin:0;}
	#Logo {width: 112px; height: 125px; padding:0; margin-left: auto; margin-right: auto;}

#NavHold {width: 700px; height: 30px; padding:0; margin-left: auto; margin-right:auto;}
	#NavL {width: 8px; height: 30px; padding:0; margin:0; float:left;}

#Navigation {width: 684px; height: 30px; padding:0; margin:0; float:left;}

	#NavR {width: 8px; height: 30px; padding:0; margin:0; float:left;}
	
	#NavShadow {width: 700px; height: 24px; padding:0 0 0 0; text-align:right; color:#FFFFFF; margin-left: auto; margin-right: auto; background: url(images/CaldNavShad.jpg) 0 0 repeat-x;}
	#NavShadow a{color: #FFFFFF; text-decoration: underline;}
	#NavShadow a:hover {color: #999999;}

#MainHold {width: 700px; padding:0; margin-left: auto; margin-right: auto; background: url(images/BigBkg.jpg) 0 0 repeat-y;} /* HOLD STHE LEFT AND RIGHT DIV TOGETHER */
#MainImage {background: url(images/CaldHomeBottom.jpg) bottom left no-repeat;}
	#MainL {width: 500px; padding:0; margin:0; float:left;}
	
	
	
		
		#MainTitle {width: 500px; height: 29px; padding:0; margin:0; color: #FFFFFF; } /* MAIN TITLE STARTS HERE */
			#MainTL {width: 9px; height:29px; padding:0; margin:0; float:left;}
			#MainTName {width: 477px; height: 24px; padding:5px 0 0 5px; margin:0; float:left; background: url(images/CaldTitMid.jpg) 0 0 repeat-x; font-weight:bold;}
			#MainTR {width: 9x; height:29px; padding:0; margin:0; float:left;}
			
			/* PLEDGE RECORD */
	
	#PledgeHold {width:480px; padding:0; margin:0; }
		#PledgeLogo {width: 196px; height: 100px; padding:15px 0 0 0; margin:0; float:left;}
		#PledgeR {width: 274px; padding:0; margin:0; float:left;}
			#PledgeTitle {width: 264px; height: 25px; padding:0 0 0 10px; margin:0; font-size: 14px;}
			#PledgeSub {width: 264px; padding:0 0 0 10px; margin:0;}	
			
		#PledgeMain {width: 480px; padding:0; margin:0; clear:both;}
			
			
			
			
			
	#LeftContent {width: 480px; padding:15px 10px 15px 10px; margin:0; /*background: url(images/MainStripeBkg.jpg) 0 0 repeat-y;*/}
	#LeftContent ul {padding:0px 0px 5px 20px; margin:0;}
	#LeftContent ul li {padding:0px 0px 8px 5px; margin:0;}
	#LeftConBot {width: 500px; height: 1px; padding:0; margin:0; }	
	
	
		
	#MainR {width: 184px; padding:0; margin-left:13px; float: left;}
			#MainTitleR {width: 184px; height: 29px; padding:0; margin:0; color: #FFFFFF; } /* MAIN TITLE RIGHT STARTS HERE */
			#MainTLR {width: 9px; height:29px; padding:0; margin:0; float:left;}
			#MainTNameR {width: 161px; height: 24px; padding:5px 0 0 5px; margin:0; float:left; background: url(images/CaldTitMid.jpg) 0 0 repeat-x; font-weight:bold;}
			#MainTRR {width: 9x; height:29px; padding:0; margin:0; float:left;}
			
			#SearchBox {width: 167px; height: 155px; padding:10px 0 0 15px; margin-right:auto; margin-left:auto; background: url(images/SearchBkg.jpg) 0 0 no-repeat; line-height: 1.6em;}
			#SearchT {Width: 160px; height: 15px; padding:0; margin:0; font-size: 12px; color: #03753A; font-weight: bold;}
			.Des {width: 135px; height: 20px; padding:0 0 0 5px; margin:0; border: 1px solid #999999;}
			.SFI {width: 135px; height: 22px; padding:0 0 0 5px; margin:0; color: #FFFFFF; font-size: 11px; background: url(images/CATButTitle.jpg) 0 0 repeat-x; font-weight:bold; border: none;}
			
			
			#Basket {width: 169px; height: 65px; padding:5px 0 0 15px; margin-right:auto; margin-left:auto; background: url(images/BasketBkg.jpg) 0 0 no-repeat;}
			#Basket a {text-decoration: none; color: #03753A;}
			#Basket a:hover {color: #999999;}
			#BasketT {width: 160px; height: 15px; padding:0; margin:0; font-size: 12px; color: #03753A; font-weight: bold;}
			
			
			#Seller {width: 169px; height: 70px; padding:5px 0 0 15px; margin-right: auto; margin-left:auto; background: url(images/BestSeller.jpg) 0 0 no-repeat;}
			#Seller a {text-decoration: none; color: #03753A;}
			#Seller a:hover {color: #999999;}
			#SellerT {Width: 160px; padding:0; margin:0; font-size: 12px; color: #03753A; font-weight: bold;}
			
			#Icons {width: 184px; height: 177px; padding:0; margin:0; background: url(images/IconBkgs.jpg) 0 0 no-repeat;}
			
			#Crumbs {width: 470px; height: 15px; padding:0 0 5px 0; margin:0; color: #000; }
			#Crumbs a {text-decoration: none; color: #03753A;}
			#Crumbs a:hover {color: #000000;}
			
			
			
			
			/* PRODUCT ITEM STYLE */
			
			.ProHold {width: 470px; padding:5px; margin:0 0 10px 0; border: 1px solid #999999;}
				.ProTitle {width: 460px; height: 15px; padding: 5px 0 5px 10px; margin:0; background:url(images/CATButTitle.jpg) 0 0 repeat-x; font-size: 12px; color: #FFFFFF; font-weight:bold;}
				.ProImg {width: 150px; height: 115px; padding:0; margin:0; float:left;  }	
				.ProDes {width: 310px; padding:0; margin:0; float:left;  }
				
					.NameHold {width: 310px; padding:15px 0 0 0; margin:0;}
					.NameL {width: 80px; padding:0 0 5px 0; margin:0; float:left; font-weight:bold; text-align:right; }
					.NameR {width: 210px; padding:0 0 5px 10px; margin:0; float:left; }
					
					.PointsHold {width: 310px; padding:0; margin:0;}
					.PointsL {width: 80px; padding:0 0 5px 0; margin:0; float:left; font-weight:bold; text-align:right; }
					.PointsR {width: 210px; padding:0 0 5px 10px; margin:0; float:left; }
					
					.DetailHold {width: 310px; padding:0; margin:0;}
					.DetailHold a {color: #8BC540; text-decoration: none;}
					.DetailHold a:hover {color: #666666;}
					.DetailL {width: 80px; padding:0 0 5px 0; margin:0; float:left; font-weight:bold; text-align:right; }
					.DetailR {width: 210px; padding:0 0 5px 10px; margin:0; float:left; }
					
					.AddHold {width: 310px; padding:0; margin:0;}
					.AddL {width: 80px; padding:0 0 5px 0; margin:0; float:left; font-weight:bold; text-align:right; }
					.AddR {width: 210px; padding:0 0 5px 10px; margin:0; float:left; }
				
					.ATO {width: 110px; height: 22px; padding:0; margin:0; color: #FFFFFF; font-size: 11px; background: url(images/CATButTitle.jpg) 0 0 repeat-x; font-weight:bold; border: none;}
					.QtyText {width: 35px; height: 17px; border: 1px solid #999999; padding:0; margin:0;}
					
					
	
						
					
					
					
					
	/* BASKET STYLES */
	
	.BaskSUB {width: 60px; height: 22px; padding:0; margin:0; color: #FFFFFF; font-size: 11px; background: url(images/CATButTitle.jpg) 0 0 repeat-x; font-weight:bold; border: none;}				
	.BaskDel {width: 60px; height: 22px; padding:0; margin:0; color: #FFFFFF; font-size: 11px; background: url(images/CATButTitle.jpg) 0 0 repeat-x; font-weight:bold; border: none;}		
	.BaskUp {width: 60px; height: 22px; padding:0; margin:0; color: #FFFFFF; font-size: 11px; background: url(images/CATButTitle.jpg) 0 0 repeat-x; font-weight:bold; border: none;}		
			
			
	
	#BigFooter {width: 700px; height: 2px; padding:0; margin:0;}
		
	#Footer {width: 725px; height: 50px; padding:10px 0 0 30px; background: none; margin:0; color: #FFFFFF; clear:both; text-align: left;}
	#Footer a {color: #FFFFFF; text-decoration: none;}
	#Footer a:hover {color: #000000; text-decoration:none;}

	#BottomFloat {width: 211px; height: 168px; z-index: 1; position: absolute; bottom: 0; left:0; background: url(images/BottomLBkg.jpg) 0 0 no-repeat;}

/*NEW*/
/* NAVIGATION */

#nav li a { color:#FFFFFF; font-weight:normal; margin-left:auto; margin-right:auto; padding: 8px 0px 0px 0px; height:22px; display:block; text-align:center; }
#nav li a:hover {  background-position: 0px 0px; color: #8BC540; text-decoration: none;  }
#nav, #nav ul { /* all lists */	padding: 0;	margin: 0; list-style: none; line-height: 1;}
#nav a { display: block; /*width: 10em;*/ color:#000; padding-left:15px; text-decoration:none;  }
#nav a:hover {  color:#000; }
#nav li { /* all list items */ text-align:left; float: left; padding: 0 0 0 0; /* width needed or else Opera goes nuts */}
#nav li ul li {	border:0; text-align:left; float: left;	padding: 0px 0px 0px 10px;	width: 155px; background: #666666; text-align:left; border-bottom: 1px dashed #8BC540;}
#nav li ul { /* second-level lists */ position: absolute;  text-align:left; width: 155px; left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul ul { /* third-and-above-level lists */ margin: -18px 0 0 155px; text-align:left; height:auto; width: 165px; }
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em; }	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */	left: auto; }
#nav li ul {  /*background: #FFFFFF url(images/navSubBG.jpg) repeat-x 0 0; */}

/* Nav Setup */

#nav li { background:  url(images/CaldNavMain.jpg) 0 0 repeat-x ; display: block; list-style-type: none; float:left; width:97px;  padding: 0; }


#nav li ul li a{  text-align:left }

#nav li.HOME { width:54px; border-right: 1px #006837 solid; }
#nav li.HOMECAT { width:54px; border-right: 1px #006837 solid; }
#nav li.ABOUT { width:69px; border-right: 1px #006837 solid;}
#nav li.REWARDS { width:69px; border-right: 1px #006837 solid;}
#nav li.WHY { width:94px; border-right: 1px #006837 solid;}
#nav li.POINTS { width:84px; border-right: 1px #006837 solid;}
#nav li.NEWS { width:44px; border-right: 1px #006837 solid;}
#nav li.CONTACT { width:57px; border-right: 1px #006837 solid;}
#nav li.CAT { width:69px; border-right: 1px #006837 solid;}
#nav li.RECYCLE { width:135px; }


/* Catalogue NAV */

#nav li.SEARCHBANNER {width: 400px; padding:4px 0 2px 8px; background: url(images/CatNav.jpg) 0 0 repeat-x;  border-right: 1px #5B9751 solid;}
#nav li.TV {width: 104px; background: url(images/CatNav.jpg) 0 0 repeat-x; border-right: 1px #5B9751 solid;}
#nav li.COMP {width: 99px; background: url(images/CatNav.jpg) 0 0 repeat-x; border-right: 1px #5B9751 solid;}
#nav li.SOUND {width: 99px; background: url(images/CatNav.jpg) 0 0 repeat-x; border-right: 1px #5B9751 solid;}
#nav li.BASKET {width: 129px; border-right: 1px #5B9751 solid;}
#nav li.PAST {width: 90px;}


/* NEW RIGHT HAND SIDE NAV */

#navlist {padding: 0 1px 1px; margin-left: 0; width: 182px;}

#navlist li{list-style: none; margin: 0; border-top: 1px solid gray; text-align: left;}

#navlist li a{display: block; padding: 8px 0px 0px 15px; height: 22px; background:  url(images/CaldNavMain.jpg) 0 0 repeat-x ; text-decoration: none; color: #FFFFFF; font-weight: bold;}

#navlist li a:hover {color: #000000; background: url(images/CatNav.jpg) 0 0 repeat-x;}

#navlist li.LogLink {width: 182px; background: url(images/CatNav.jpg) 0 0 repeat-x;}

#navlist li a.LogLink {color: #000;  background: url(images/CaldNav.jpg) 0 0 repeat-x ; }

#navlist li a.LogLink:hover {color: #000;  background: url(images/CaldNavMain.jpg) 0 0 repeat-x ; }




/* Normal States */

#nav li a.HOMELink {  width:54px;  }
#nav li a.HOMECATLink {  width:54px;  }
#nav li a.ABOUTLink {  width:69px; }
#nav li a.REWARDSLink { width:69px; }
#nav li a.WHYLink { width:94px; }
#nav li a.POINTSLink { width:84px; }
#nav li a.NEWSLink {  width:44px; }
#nav li a.CONTACTLink {  width:57px;}
#nav li a.CATLink {  width:69px;}
#nav li a.RECYCLELink {  width:135px;}

#nav li.PHOTOLink {width: 400px; background: url(images/CatNav.jpg) 0 0 repeat-x;}
#nav li.TVLink {width: 104px; background: url(images/CatNav.jpg) 0 0 repeat-x;}
#nav li.COMPLink {width: 99px; background: url(images/CatNav.jpg) 0 0 repeat-x;}
#nav li.SOUNDLink {width: 99px; background: url(images/CatNav.jpg) 0 0 repeat-x;}
#nav li.BASKETLink {width: 129px; background: url(images/CatNav.jpg) 0 0 repeat-x;}
#nav li.PASTLink {width: 90px; background: url(images/CatNav.jpg) 0 0 repeat-x;}

/* Hover States */
#nav li a.HOMELink:hover {  color: #666666;}
#nav li a.HOMECATLink:hover {  color: #666666;}

#nav li a.ABOUTLink:hover { color: #666666;}
#nav li a.REWARDSLink:hover { color: #666666;}
#nav li a.WHYLink:hover { color: #666666;}
#nav li a.POINTSLink:hover { color: #666666;}
#nav li a.NEWSLink:hover { color: #666666;}
#nav li a.CONTACTLink:hover { color: #666666;}
#nav li a.CATLink:hover { color: #666666;}
#nav li a.RECYCLELink:hover { color: #666666;}

#nav li a.PHOTOLink:hover {color: #000; }
#nav li a.TVLink:hover {color: #000;}
#nav li a.COMPLink:hover {color: #000;}
#nav li a.SOUNDLink:hover {color: #000;}
#nav li a.BASKETLink:hover {color: #666666;}
#nav li a.PASTLink:hover {color: #666666;}

#SearchBar {width: 50px; padding:5px 0 0 0; margin:0; float: left;}
#SearchBoxes {width: auto; padding:0 0 0 0; margin:0; float: left;}

/* Sliders */
#SliderContain {width:186px; padding: 0 0 0 0; height:auto; font-size: 10px; }

#DAFSliders h2 { background: url(images/macatwork_headerbg.png) no-repeat; }
#DAFSliders .shingles { margin: 0 0px; position: relative; overflow: hidden; }
#DAFSliders .shingles li { display: block; z-index: 1; width: 100%; }
#DAFSliders .shingles img.photo { display: block; margin: 2px 3px 0 3px; }
#DAFSliders .shingles .handle { display: block; padding: 15px 15px 8px; height: 57px; margin-bottom: -6px; background: url(images/shingles_handlebg2.png) -184px 100% no-repeat; overflow: hidden; }
#DAFSliders .shingles .handle:hover { text-decoration: none; _background: #fff;  }
#DAFSliders .shingles .handle strong { display: block; font-size: 12px; color: #03753A; font-weight: bold; height: 18px; white-space: nowrap; overflow: hidden; }
#DAFSliders .shingles .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
#DAFSliders .shingles .handle .more { color: #66CC33;}
#DAFSliders .shingles li.obscured .handle { background-position: 0 100%; }
#DAFSliders .shingles li.obscured .handle .description { color: #666; }

.box { background: url(images/box_582bgrep.png) repeat-y; /*overflow: hidden;*/ position: relative; }
.sidebar .box { background: url(images/box_184bgrep.png) repeat-y; width:184px; }
.box h2 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; }
.box h2 a { display: block; position: absolute; height: 25px; width: 100%; background: url(images/box_linkarrow.png) 95% 50% no-repeat; }
.boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(images/box_582capbottom.png) no-repeat; behavior:url(Scripts/iepngfix.htc); }
.sidebar .boxcap { background: url(images/box_184capbottom.png) no-repeat; }
.sidebar .captop { bottom: auto; top: 0; background-image: url(images/box_184captop.png); }
ul.drawers { margin: 0; }
.slider .drawer-handle { color: #333; font-size: 12px; padding: 5px 0; text-indent: 15px; width: 100%; background: #939393 url(images/slider_handlebg2.png) 0 0 no-repeat; cursor: default; }
.slider .drawer-content { display: block;  height: auto; }
.slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; }

.grid3col .column { margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }
.grid3cola .column {  margin-left: 2%; fl}
.grid3cola .column.first, .grid3cola .column.last { width: 19%; }
.column.first{ margin-left: 0 !important; }
.sidebar { font-size: 10px; line-height: 18px; color:#686868; }