/************************************/
/*            PRIMI PIATTI          */
/*            CSS DOCUMENT          */
/*            VERSION 1.1  2009     */
/************************************/

/* CSS FILE FOR CONTENT SITE 2009 */
	

/*REST OF SITE*/
	*{outline:none; margin:0px; padding:0px;}
	
	body{
		background:transparent url(images/paper_overlay.jpg) repeat top left;
		color:#555555;
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
		line-height:1.4em;

	}
	
	.home_tags{display:none;}
	.pdf_record{display:none;}
	.heading_h1{display:none;}
	.home_date{
		background:transparent url(images/home_date_bg.gif) repeat-x scroll left top;
		display:block;
		font-size:10px;
		font-style:italic;
		margin:1px 0px;
		padding:5px 2px 5px 10px;
		color:#555;
	}
	.readmore{
		color:#fff!important; 
		text-decoration:none; 
		display:block; 
		background:transparent url(http://primiworld.primi-network.co.za/images/readmore_bg.png) no-repeat top left;
		font-weight:bold;
		font-size:11px;
		padding:6px 16px 5px 23px;
		margin-top:5px;
	}	
	.hide_me{display:none;}
	.clear{width:100%; display:block; clear:both;}
	.pdf_icon li{list-style-image:url(images/pdficon.gif);}
		
	#social{position:fixed; margin:5px 0px 0px 11px; z-index:1000;}
	.social_jgh{display:none;}



/*GRID ADJUSTMENTS*/
	#col960{margin:0px auto;}




/*MILKBOX ADJUSTMENTS*/
	.milk_stage_tags{display:none;}
	.milk_stage_close{display:block; color:#FF0066; cursor:pointer;}
	#milk_stage{padding:3px 3px 110px;}




	


/* TOP */

	#cardboard_top{
		background:transparent url(images/bg_top.jpg) repeat-x bottom left; 
		height:388px;
		position:relative;
		z-index:0;
		top:5px;
	}
	
	#top{
		padding:42px 0 0; 
		position:relative;
		z-index:1000px;
	}
	
	.slogan{
		background:transparent url(images/piatti_slogan.png) no-repeat scroll left top;
		width:412px;
		height:48px;
		float:right;
		margin:0 26px 0 0;
		position:relative;
		z-index:2000;
	}
	
	.logo{
		height:129px;
		margin:10px 0 0;
		position:absolute;
		width:365px;	
		z-index:999;
		background:transparent url(images/logo.png) no-repeat top left;
	}
	.body6 .logo{background:transparent url(images/podslogo.png) no-repeat top left; width:385px; margin:-13px 0px 0px;}
	
	.top_image{
		background:transparent url(images/mask_topimg.png) no-repeat scroll left top;
		height:309px;
		margin:24px 0 0;
		padding:2px 0 0 0;
		position:absolute;
		width:960px;
		z-index:1;
	}
	#banner{height:280px; overflow:hidden; margin:32px 0px 0px 12px; position:absolute; width:920px;}

	.bookinglink{position:absolute; z-index:900;}
	.bookinglink a{padding:0px 480px 254px;}



/* MENU */


/* CSS CODING FOR A DROP DOWN MENU */
		
		#menu { position:relative; z-index:100;}
		/* hack to correct IE5.5 faulty box model */
		* html #menu {width:746px; w\idth:745px;}
		/* remove all the bullets, borders and padding from the default list styling */
		#menu ul {padding:0;margin:0;list-style-type:none;}
		#menu ul ul {width:149px;}
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		#menu li {float:left; position:relative;}
		/* style the links for the top level */
		#menu a, #menu a:visited {display:block;text-decoration:none; padding-left:10px; height:35px;}
		/* a hack so that IE5.5 faulty box model is corrected */
		* html #menu a, * html #menu a:visited {width:149px; w\idth:138px;}
		
		/* style the second level background */
		#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		/* style the second level hover */
		#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		/* style the third level background */
		#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8; width:160px; padding:5px 0px;}
		/* style the third level hover */
		#menu ul ul ul a:hover {background:#b2ab9b;}
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:149px; margin:0px; padding:0px;}
		/* another hack for IE5.5 */
		* html #menu ul ul {top:30px;t\op:31px;}
		
		/* position the third level flyout menu */
		#menu ul ul ul{left:149px; top:-1px; width:149px;}
		
		/* position the third level flyout menu for a left flyout */
		#menu ul ul ul.left {left:-149px;}
		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
		#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
		
		/* style the second level links */
		#menu ul ul a, #menu ul ul a:visited {
			background:#fbe5ca; 
			color:#000; 
			height:auto; 
			line-height:1em; 
			padding:5px 10px; 
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
		}
		
		/* yet another hack for IE5.5 */
		* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}
		
		/* style the top level hover */
		#menu a:hover, #menu ul ul a:hover{color:#1a4e7d;}
		#menu :hover > a, #menu ul ul :hover > a {color:#1a4e7d;}
		
		/* make the second level visible when hover on first level list OR link */
		#menu ul li:hover ul,
		#menu ul a:hover ul{visibility:visible; }
		/* keep the third level hidden when you hover on first level list OR link */
		#menu ul :hover ul ul{visibility:hidden;}
		/* make the third level visible when you hover over second level list OR link */
		#menu ul :hover ul :hover ul{ visibility:visible;}
		
		#menu li ul li{background:none;}


	
	#menu{
		margin:287px 0 0 22px;
		position:absolute;	
	}
	#menu li{
		background:transparent url(images/menu_bg.png) no-repeat top left;
		display:inline;
		padding:0px 0 0px 0;
		width:auto;
	}
	#menu li li{width:110px;}
	#menu p{display:none;}
	#menu a{
		color:#fff;
		background:transparent url(images/menu_a_bg.png) no-repeat scroll right bottom;
		padding:0 8px 5px;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
	}
	#menu a:hover, .clicked{color:#1a4e7d!important;}
	#menu .menu10, #menu .menu11 {display:none;}
/*	#menu .menu3 ul{display:none;}*/
	
	.reg_button{text-align:right;}


/* HOME PAGE */

	.news_block{}
	.news_block img{border:none;}
	.news_block h1{
		background:transparent url(images/orange_heading.png) no-repeat scroll left top;
		color:#FFFFFF;
		font-size:17px;
		line-height:1.2em;
		margin:0 0 15px 0px;
		padding:26px 0 4px 10px;
		text-transform:uppercase;

	}
	
	.first{background:none; padding:0 10px 0 10px;}
	
	.second{
		background:transparent url(images/tuneus_bg_narrow.png) no-repeat scroll left bottom;
		height:596px;
		margin:0 0 0 13px;
		padding:0 0 0 0;
	}
	.second .date{font-weight:bold; color:#F58426;}
	
	.third{background:none; width:262px; height:200px; margin:0px 0px 0px 29px;}
	.third h1{width:212px;}
	
	.entry{margin:0 10px 10px 19px; min-height:89px; padding:0 0 10px; }
	.first .entry{margin:0 10px 10px 0px; border-bottom:1px dashed #F58426; min-height:145px;}
	.second .entry{
		border-bottom:1px dashed #FFFFFF;
		height:auto;
		margin:0 10px 10px 19px;
		min-height:0;	
	}
	
	.entry h1{
		background:none!important;
		color:#F58426!important;
		font-size:16px!important;
		font-weight:bold!important;
		line-height:1.5em!important;
		text-decoration:none!important;
		padding:0px;
		margin:0px 0px 5px 0px;

	}
	.entry h1 a{color:#F58426; text-decoration:none;}

	.pods_block{
		background:transparent url(images/primipods_block.png) no-repeat top left; 
		height:285px; 
		width:222px;
		padding:80px 0px 0px;
		margin:0px 0px 0px 29px;
	}
	.pods_block img{margin:0 0px 5px 7px;}
	.pods_block .readmore{background:none; display:inline;}
		
	
	
/* CONTENT */

	#middle{margin:0px 0px 0px 0px;}
	#content{margin:30px 0 15px;}
	
	.text{
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		letter-spacing:0.4px;
		line-height:1.4em;
		padding:0 40px 0 5px;
		color:#555555;
	
	}
	.text img{float:right;}
	.body5 .text img{float:none;}
	.text a{color:#F58426; text-decoration:none;}
	.text h1{
		background:transparent url(images/orange_heading.png) no-repeat scroll left top;
		color:#FFFFFF;
		font-size:17px;
		font-weight:bold;
		margin:0 0 15px;
		padding:27px 0 7px 10px;
		text-transform:uppercase;
	}
	.text h2{
		color:#F58426;
		font-size:14px;
		margin:0px 0px 15px;
	}
	.text h3{
		color:#000;
		font-size:13px;
		margin:10px 0px;
	}
	.text li{margin:0px 0px 0px 20px;}
	.text .pdf_record{display:block; padding:10px 0px 10px 15px;}
	.text .pdf_record li{list-style-image:url(images/pdficon.gif);}
	.text .pdf_record a{color:#F58426; text-decoration:none; text-transform:uppercase;}
	
	.list{margin:30px 0px 20px 73px;}
	.list h1{text-transform:uppercase; font-size:13px; margin:0px 0px 15px;}
	.list h2{border-bottom:1px solid #ccc;}
	.list a{font-size:12px; text-decoration:none; color:#666666;}
	.list a:hover{color:#000;}
	
	.records{margin:0px 0px 20px; border-bottom:1px dashed #ccc; height:159px;}
	.records .heading_h1{display:none;}
	.records h1{background:none; color:#000; padding:0px;}
	.records h1 a{color:#F58426; text-decoration:none;}
	.records img{margin:0px;}
	
	.donegal{margin:40px 0px 0px;}
	.donegal img{margin:0px; background-repeat:no-repeat!important; background-position:center center!important; float:none;}
	


	.menu_records{width:33%; float:left; height:300px; text-align:center;}
	.menu_records h1{background:none; padding:0px;}
	.menu_records img{margin:10px 0 5px; border:1px solid #f58426;}
	
	.right_block{
		min-height:200px;
		padding:0 10px 30px 0;
		margin:0px 0px 5px;
		background:transparent url(images/tuneus_bg.png) no-repeat bottom left;
		width:280px;
		}
	.right_block h1{
		background:transparent url(http://primiworld.primi-network.co.za/images/h1_bg_orange.png) no-repeat scroll 88% top;
		color:#FFFFFF;
		font-size:17px;
		font-weight:bold;
		margin:0 0 15px 10px;
		padding:9px 0 7px 10px;
		text-transform:uppercase;

	}
	.right_block .entry{margin:0 20px 10px 19px;}
	.right_block .entry h1{margin:0px; padding:0px;}

	.rightgal{margin:0px 0px 0px 34px;}
	.rightgal img{margin:0 0px 6px 0; background-position:center center!important;}
	
	.live{
		background:transparent url(images/live_featureblock_bg.png) no-repeat scroll left top;
		height:226px;
		padding:54px 18px 0 11px;
		color:#fff;	
		margin:10px 0px 0px;
	}
	.live a{}

	.pods_block_right{
		background:transparent url(http://primipiatti.primi-network.co.za/piattistores/images/primipods_block.png) no-repeat scroll left top;
		height:214px;
		margin:0 0 30px;
		padding:72px 0 0;
		width:288px;	
	}
	.pods_block_right a{color:#fff; font-weight:bold;}
	
	.pods_block_right .podgal{margin:0px 0px 0px 8px;}
	
	#map_block{background:transparent url(images/map_blank.jpg) no-repeat top left; width:624px; height:433px; float:left;}
	.body31 #map_block{background:transparent url(images/map_wc.jpg) no-repeat top left;}
	.body32 #map_block{background:transparent url(images/map_ec.jpg) no-repeat top left;}
	.body33 #map_block{background:transparent url(images/map_nc.jpg) no-repeat top left;}
	.body34 #map_block{background:transparent url(images/map_fs.jpg) no-repeat top left;}
	.body35 #map_block{background:transparent url(images/map_kzn.jpg) no-repeat top left;}
	.body36 #map_block{background:transparent url(images/map_nw.jpg) no-repeat top left;}
	.body37 #map_block{background:transparent url(images/map_gauteng.jpg) no-repeat top left;}
	.body38 #map_block{background:transparent url(images/map_mpumulanga.jpg) no-repeat top left;}
	.body39 #map_block{background:transparent url(images/map_limpopo.jpg) no-repeat top left;}
	.body310 #map_block{background:transparent url(images/map_outside.jpg) no-repeat top left;}

/*WESTERN CAPE LINK	
	.wc_maplink{
		height:50px;
		margin:368px 0 0 13px;
		position:absolute;
		width:100px;
		z-index:800;
	}
	.wc_maplink a{padding:73px 116px 47px;}
	.wc_maplink a:hover{background:transparent url(images/map_wc_hover.png) no-repeat top left;}

/*EASTERN CAPE LINK
	.ec_maplink{
		height:50px;
		margin:277px 0 0 202px;
		position:absolute;
		width:100px;
		z-index:900;
	}
	.ec_maplink a{padding:6px 119px 173px;}
	.ec_maplink a:hover{background:transparent url(images/map_ec_hover.png) no-repeat top left;}


/*NORTHERN CAPE LINK
	.nc_maplink{
		height:50px;
		margin:189px 0 0 29px;
		position:absolute;
		width:100px;
	}
	.nc_maplink a{padding:73px 139px 173px;}
	.nc_maplink a:hover{background:transparent url(images/map_nc_hover.png) no-repeat top left;}


/*FREE STATE LINK
	.fs_maplink{
		height:50px;
		margin:242px 0 0 216px;
		position:absolute;
		width:100px;
	}
	.fs_maplink a{padding:73px 139px 173px;}
	.fs_maplink a:hover{background:transparent url(images/map_fs_hover.png) no-repeat top left;}


/*KWAZULU NATAL LINK
	.kzn_maplink{
		height:50px;
		margin:254px 0 0 361px;
		position:absolute;
		width:100px;
	}
	.kzn_maplink a{padding:73px 139px 173px;}
	.kzn_maplink a:hover{background:transparent url(images/map_kzn_hover.png) no-repeat top left;}


/*NORTH WEST LINK
	.nw_maplink{
		height:50px;
		margin:171px 0 0 158px;
		position:absolute;
		width:100px;
	}
	.nw_maplink a{padding:73px 117px 29px;}
	.nw_maplink a:hover{background:transparent url(images/map_nw_hover.png) no-repeat top left;}


/*GAUTENG LINK
	.gauteng_maplink{
		height:50px;
		margin:130px 0 0 302px;
		position:absolute;
		width:100px;
	}
	.gauteng_maplink a{padding:32px 63px 41px;}
	.gauteng_maplink a:hover{background:transparent url(images/map_gauteng_hover.png) no-repeat top left;}


/*MPUMULANGA LINK
	.mpumulanga_maplink{
		height:50px;
		margin:127px 0 0 349px;
		position:absolute;
		width:100px;
	}
	.mpumulanga_maplink a{padding:32px 94px 59px;}
	.mpumulanga_maplink a:hover{background:transparent url(images/map_mpumulanga_hover.png) no-repeat top left;}


/*LIMPOPO LINK
	.limpopo_maplink{
		height:50px;
		margin:62px 0 0 295px;
		position:absolute;
		width:100px;
	}
	.limpopo_maplink a{padding:32px 94px 59px;}
	.limpopo_maplink a:hover{background:transparent url(images/map_limpopo_hover.png) no-repeat top left;}


/*OUTSIDE LINK
	.outside_maplink{
		height:50px;
		margin:38px 0 0 60px;
		position:absolute;
		width:100px;
	}
	.outside_maplink a{padding:32px 94px 59px;}
	.outside_maplink a:hover{background:transparent url(images/map_outside_hover.png) no-repeat top left;}

*/
	#map_content{width:291px; float:left;}
	.map_records{}
	.map_records h1{background:none!important; padding:0px;}
	.storelink{
		font-size:18px;
		margin-bottom:15px;
		margin-left:0;
		margin-right:0;
		margin-top:0;
		text-transform:uppercase;
	}



/*INTRODUCTIONS ON PAGES*/
	
	.intro{font-weight:bold; border-bottom:1px dashed #ccc; padding:0px 0px 20px 0px; margin:0px 0px 20px;}
	
	
/*FORM ON FEEDBACK PAGE*/

	.feedback_form label{font-weight:bold; text-transform:capitalize;}
	.feedback_form fieldset{border:none;}
	.feedback_form input{width:240px;}
	.feedback_form textarea{width:240px;}	
	.feedback_form .button{
		width:80px; 
		cursor:pointer;
		background:#231f20 url(images/search_btn.png) no-repeat scroll left top;
		border:medium none;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
		padding:2px 0 3px 16px;
		width:80px;
	}
	
/* CONTENT TOOLS HERE*/

	.content_tools_top{margin:20px 0 10px;}
	.content_tools_top li{list-style:none; display:inline; margin:0px!important; padding:5px 7px; margin:0px 5px 0px 0px;}
	.content_tools_top img{margin:0px!important; float:none;}
	
	

/* BOTTOM */

	#bottom{background:transparent url(images/bg_bottom.jpg) repeat-x top left; color:#fff;}
	
	#bottom h1{
		background:transparent url(images/community_h1_bg.png) no-repeat top left; 
		color:#F58426;
		font-size:13px; 
		text-transform:uppercase;
		padding:5px 0 21px 8px;
	}
	
	.latestfeedback{padding:60px 0 0 28px;}
	
	.latestposts{padding:60px 0 0 60px;}
	
	.bottom_entry{
		background:transparent url(http://www.codp.co.za/images/post.png) no-repeat scroll 0 5%;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		margin:5px 0 5px;
		padding:0 10px 0px 34px;
	}	
	.bottom_entry h2 a{
		color:#555; 
		font-style:normal!important; 
		font-size:15px!important; 
		text-transform:uppercase; 
		text-decoration:none;
	}
	.bottom_entry a:hover{color:#000;}

	
	.tagblock{padding:60px 38px 0 0px;}
	.tagblock h1{text-align:left;}

	.network_more{font-size:11px; font-style:italic; color:#555; text-decoration:none;}
		
	.date{font-style:italic; font-size:11px;}
	.site_names{display:block; font-weight:bold;}
	.site_names:before{content:"By: ";}

/*COMMENT CHANGES*/

	#ic_comment a{color:#F58426; text-transform:lowercase; font-weight:bold;}
	
	#ic_comment_add h1{background:none!important; padding:0px!important; color:#555!important;}
	
	#post_button{margin:0px; font-weight:bold;}

	.ic_comment_box textarea{width:451px;}
	.ic_comment_box input{width:455px;}
	
	.ic_comment_posters{}
	.ic_comment_posters img{margin:0px 10px 0px 0px;}
	
	.ic_bubble{margin-left:127px; min-height:98px; height:auto; width:442px;}
		
	.the_comment{
		background:transparent url(http://primiworld.ic3lovestheweb.com/images/comment_icon.png) no-repeat scroll left center; 
		padding:0 10px 0 34px;
		margin:5px 0 5px;
	}
	.the_comment p{font-size:11px; margin:5px 0 0;}
	.the_comment a{font-weight:bold; color:#333; text-decoration:none;}
	.the_comment a:hover{color:#000;}
	
	.comment_name, .comment_date{font-size:11px;}
	
	#avatar_pic{margin:0px;}
	.avatar_name{width:109px;}

/*FOOTER STYLED HERE*/

	#footer{
		background:transparent url(http://primiworld.primi-network.co.za/images/bg_footer.jpg) repeat-x scroll left bottom;
		color:#555555;
		font-size:11px;
		font-style:italic;
		line-height:12px;
		padding:0px 0 24px 21px;
	}
	
	#footer a{color:#fff; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}

/*IE 7 FIXES*/

	*first-child+html #search_site{margin:0px!important;}
	*first-child+html .link_last{margin:0px 10px 0px 0px!important;}
	
	

	*:first-child+html .ic_comment_posters{margin:10px 0px 0px;}
	*:first-child+html .ic_comment_posters img{float:none!important;}
	*:first-child+html .ic_comment_poster img{float:none!important;}
	*:first-child+html .ic_comment_box{float:left; width:470px;}
	*:first-child+html .ic_bubble{margin-left:20px;}
	*:first-child+html .ic_comment_box textarea{margin-left:10px;}
	
	
/*ALL IE*/

	.ic_comment_posters img{float:none\9!important;}
	.ic_comment_poster img{float:none\9!important;}