/* - - - - - - - - - - - - - - - - - - - - -

Title : Mabuzi Art
URL : Company URL

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */


/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

html { overflow: -moz-scrollbars-vertical; }

body { background: #333; color: #666; font: 12px/19px arial, verdana, Helvetica; text-align: center; }

fieldset,img { border: 0; }

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

h1 { font: 16px "Arial Narrow", arial, verdana, Helvetica; color: #D42027;}

h2 { font: 14px "Arial Narrow", arial, verdana, Helvetica; color: #333; }

p, td { font: 12px/19px arial, verdana, Helvetica; color: #333; }

ul,li { font: 12px/22px arial, verdana, Helvetica; color: #333; }

a:link, a:visited { color: #D42027; text-decoration: none; }

a:hover, a:focus { color: #333; text-decoration: none; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; }

.txtinput {
background-color: #e3e4e4; border: none; padding: 2px; } 

.radio { margin: 0 3px; }

.button { background-color: #d3021d; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase;
border: none; padding: 3px; } 

.button2 { background-color: #fff; color: #d3021d; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase;
border: 1px solid #d3021d; padding: 3px; } 

/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/

#wrapper {
  width: 952px;
	margin: 0 auto;
	padding: 15px;
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
}

#headerwrap {
  width: 952px;
	height: 90px;
	background: #FFF url('../templateimages/logo.gif') no-repeat 100% 0;
	border-bottom: 15px solid #FFF;
	overflow: hidden;
}

  div#logowrap {
	  float: left;
		width: 325px;
		height: 90px;
	}

  div#logowrap a {
		width: 325px;
		height: 90px;
		display: block;
	}
	
	div#menuwrap {
	  float: right;
		width: 600px;
		height: 54px;
		overflow: hidden;
		margin: 4px 0 0 0;
	}
	
	#sloganWrap {
		width: 620px;
		height: 32px;
		float: right;
	}
	
		.slogan {
			float: right;
			position: relative;
			right: 15px;
			font: bold 13px/32px "Arial Narrow", arial, verdana, Helvetica;
			color: #D42027;
			text-transform: uppercase;
		}

  #nav_menu {
		width: 600px;
		height: 54px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}

  #nav_menu li {
		float: left;
		margin: 0;
		padding: 0;
		font: 16px/54px Arial Narrow, arial, "verdana", Helvetica;
		background: url('../templateimages/bg_nav.gif') no-repeat 0 0;
		height: 54px;
	}

  #nav_menu li#home {
		float: left;
		margin: 0;
		padding: 0;
		font: 16px/54px Arial Narrow, arial, "verdana", Helvetica;
		background: none;
	}

    #nav_menu li a, #nav_menu li a:visited {
		  padding: 0 10px;
		  font: 16px/54px Arial Narrow, arial, "verdana", Helvetica;
			color: #FFF;
			text-decoration: none;
			display: block;
			height: 54px;
			float: left;
	  }

    #nav_menu li a:hover {
		  font: 16px/54px Arial Narrow, arial, "verdana", Helvetica;
			color: #CCC;
			text-decoration: none;
	  }

		#nav_menu ul {
			position: absolute;
			width: 170px !important;
			margin: 54px 0 0 0;
			padding: 0;
			list-style: none;
			background: #701716;
			display: none;
			-webkit-border-radius:  0 0 7px 7px;  
			-moz-border-radius:  0 0 7px 7px;  
			border-radius:  0 0 7px 7px;
			clear: both;
		}
		
		#nav_menu li ul li {
			width: 170px;
			height: 40px;
		}
		
		#nav_menu li ul li a, #nav_menu li ul li a:visited {
			width: 150px;
			height: 40px;
			line-height: 38px;
			display: block;
		}
		
		#nav_menu li ul li a:hover {
			background: #560d0c;
			line-height: 38px;
			-webkit-border-radius:  0 0 7px 7px;  
			-moz-border-radius:  0 0 7px 7px;  
			border-radius:  0 0 7px 7px;  
		}

		#nav_menu li:hover ul, #nav_menu li.sfhover ul {
			display: block;
			z-index: 10000;
			margin: 0;
			left: auto;
			top: 105px;
		}

#bodywrap {
  width: 952px;
	overflow: hidden;
}

  #bodyLHS {
	float: left;
	width: 760px;
	overflow-x: hidden;
	}

   #contentwrap {
	   padding: 15px;
	   width: 728px;
	   border-left: solid 1px #e8e8e8;
	   border-right: solid 1px #e8e8e8;
	   background: url(/persistent/templateimages/content_bg_default.jpg) top left no-repeat;
	 }
	 
	 #content_top {
		background: url(/persistent/templateimages/contentBg.jpg) top left no-repeat;
		height: 10px;
		line-height: 0;
		font-size: 0;
		margin: 0;
		padding: 0;
		width: 760px;
	 }
	 
	 #content_bottom {
		background: url(/persistent/templateimages/contentBg.jpg) bottom left no-repeat;
		height: 10px;
		line-height: 0;
		font-size: 0;
		margin: 0;
		padding: 0;
		width: 760px;
	 }

  #bodyLHSForm {
	float: left;
	width: 760px;
	}

   #bodyLHSForm #contentwrap {
	   padding: 15px;
	   height: auto;
	 }

  #bodyRHS {
	  float: right;
		width: 185px;
	}

   #flashwrap {
	   width: 184px;
		 height: 287px;
		 background: #FFF url('../templateimages/bg_flash.gif') no-repeat 0 0;
	 }

   .subscribeNewsletter {
	   width: 184px;
		 height: 115px;
		 margin-top: 15px;
		 background: #FFF url('../templateimages/bg_joinNewsletter.gif') no-repeat 0 0;
	 }

#footer {
	width: 922px;
	height: 220px;
	margin: 0 auto;
	padding: 15px 30px 0 30px;
	background: #fff url(../templateimages/bg_footer.jpg) top center no-repeat;
	color: #fff;
	position: relative;
	text-align: left;
	overflow: hidden;
}

  #footer ul {
    width: 500px;
		height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}

		  #footer ul li {
			  float: left;
				padding: 0 0 0 5px;
				font: 16px Arial Narrow, arial, verdana, Helvetica;
				color: #fff;
				float: left;
			}
		
		  #footer ul li a {
			  font: 16px/30px Arial Narrow, arial, verdana, Helvetica;
				color: #fff;
				width: 200px;
				float: left;
			}
		
		  #footer ul li a:hover {
			  font: 16px/30px Arial Narrow, arial, verdana, Helvetica;
				color: #ccc;
			}
			
		#footerLinks {
			width: 600px;
			float: left;
		}

		#footer_left {
			width: 600px;
			float: left;
		}

#footerwrap {
  width: 952px;
	margin: 0 auto;
	padding-top: 25px;
	background: #FFF url('../templateimages/footerbar.jpg') no-repeat 50% 0;
}

  #footerwrap ul {
    width: 600px;
		height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		  #footerwrap ul li {
			  float: left;
				padding: 0 0 0 5px;
				font: 11px arial, verdana, Helvetica;
				color: #CCC;
			}
		
		  #footerwrap ul li a {
			  font: 11px/30px arial, verdana, Helvetica;
				color: #666;
			}
		
		  #footerwrap ul li a:hover {
			  font: 11px/30px arial, verdana, Helvetica;
				color: #333;
			}
			
		#footerLinks {
			width: 600px;
			float: left;
		}
		
		#addThis {
			width: 320px;
			float: right;
			text-align: right;
		}
		
		#footer_right {
			width: 320px;
			float: right;
			text-align: right;
		}
		
			.footer_content, .footer_content p {
				text-align: left;
				color: #fff;
				font: normal 15px/18px Arial Narrow, Arial, Helvetica, sans-serif, "Trebuchet MS";
			}
		
	#searchSite {
		width: 952px;
		height: 19px;
		margin: 0 auto;
		text-align: left;
		font: normal 11px/18px Arial, Helvetica, sans-serif, "Trebuchet MS";
	}
	
	#inputwrap {
		width: 160px;
		height: 22px;
		float: left; 
		
	}
		#inputfield {
			height: 22px;
			float: left;
			vertical-align: bottom;
		}
			input.field {
				height: 22px;
			}
			
			input {
				font: normal 12px Arial, Helvetica, sans-serif, "Trebuchet MS";
				color: #333333;
			}
	
		#submitbtn {
			float: right;
			text-align: right;
		}


  #copyrights {
    width: 500px;
	margin: 0 auto;
	 font: 14px/30px Arial Narrow, arial, verdana, Helvetica;
	color: #fff;
	text-align: left;
	float: left;
	position: absolute;
	bottom: 20px;
	}
	
	#copyrights a, #copyrights a:visited {
		color: #fff;
	}
	
	#homeLHS {
		float: left;
		width: 952px;
		font: normal 11px verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
		color: #666666;
	}
	
	#homecontentwrap {
		padding: 0;
		height: 285px;
	 	overflow-x: hidden;
		overflow-y: hidden;
	}
	
	#homeContent {
		width: 760px;
		margin-top: 15px;
		background: url(/persistent/templateimages/homeBgMiddle.jpg) top left repeat-y;
		font: normal 11px verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
		color: #666666;
		float: left;
	}
	
		#homeContent_top { width: 760px; height: 10px; line-height: 0; font-size: padding: 0; margin: 0; background: url(/persistent/templateimages/homeBg2.jpg) top left no-repeat; }
		
		#homeContent_middle { width: 730px; margin: 0 auto; }
		
		#homeContent_bottom { width: 760px; height: 10px; line-height: 0; font-size: padding: 0; margin: 0; background: url(/persistent/templateimages/homeBg2.jpg) bottom left no-repeat; }
		
	
		#TabsLHS {
			float: left;
			width: 760px;
		}
		
			#Tabs {
				width: 760px;
				font: normal 11px/27px Arial, Helvetica, sans-serif, "Trebuchet MS";
				height: 27px;
			}
			
			#tabsNav {
				width: 625px;
				float: left;
			}
			
				#greyLabel {
					width: 130px;
					float: right;
					padding: 0;
					margin: 0;
					color: #fff;
					font: bold 11px/27px Arial, Helvetica, sans-serif, "Trebuchet MS";
					text-transform: uppercase;
				}
				
				#greyLabel a {
					color: #fff;
					text-decoration: none;
				}
				
				#greyLabel a:hover {
					color: #000;
					text-decoration: none;
				}
						.nav_grey { 
							background: url(/persistent/templateimages/navGrey.jpg) top left no-repeat; 
							width: 130px; 
							height: 27px;
							display: block;
							}
							
						.nav_grey:hover, .nav_grey_selected { 
							background: url(/persistent/templateimages/navGrey.jpg) bottom left no-repeat; 
							width: 130px; 
							height: 27px;
							display: block;
							color: #000;
							}
			
				#nav {
				width: 625px;
				height: 27px;
				padding: 0;
				margin: 0;
				list-style: none;				
				}
					#nav li.menuparent {
						float: left;
						padding: 0;
						margin: 0;
						color: #fff;
						background: none;
						text-transform: uppercase;
						}
						
					#nav li.menuparent a {  /*top level item*/
						padding: 0 0 0 7px;
						color: #fff;
						font: bold 11px/27px arial, verdana, Helvetica;
						}
						
					#nav li.menuparent a:hover {
						color: #000;
						text-decoration: none;
					}
							
						#nav li a.nav_art { 
							background: url(/persistent/templateimages/navRed.jpg) top left no-repeat;
							width: 115px;
							color: #ff6666;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_art:hover, .nav_art_selected { 
							background: url(/persistent/templateimages/navRed.jpg) bottom left no-repeat;
							width: 115px;
							color: #FFF;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_uniforms { 
							background: url(/persistent/templateimages/navBlue.jpg) top left no-repeat;
							width: 114px;
							color: #3399cc;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_uniforms:hover, .nav_uniforms_selected { 
							background: url(/persistent/templateimages/navBlue.jpg) bottom left no-repeat;
							width: 114px;
							color: #FFF;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_merchandise { 
							background: url(/persistent/templateimages/navGreen.jpg) top left no-repeat;
							width: 113px;
							color: #629020;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_merchandise:hover, .nav_merchandise_selected { 
							background: url(/persistent/templateimages/navGreen.jpg) bottom left no-repeat;
							width: 113px;
							color: #FFF;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_sports_teams { 
							background: url(/persistent/templateimages/navYellow.jpg) top left no-repeat;
							width: 112px;
							color: #c19700;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_sports_teams:hover, .nav_sports_teams_selected { 
							background: url(/persistent/templateimages/navYellow.jpg) bottom left no-repeat;
							width: 112px;
							color: #FFF;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_corporate { 
							background: url(/persistent/templateimages/navOrange.jpg) top left no-repeat;
							width: 122px;
							color: #b26715;
							height: 27px;
							display: block;
							}
							
						#nav li a.nav_corporate:hover, .nav_corporate_selected { 
							background: url(/persistent/templateimages/navOrange.jpg) bottom left no-repeat;
							width: 122px;
							color: #FFF;
							height: 27px;
							display: block;
							}
			
						
			
				#Tabs_contentwrapArt {
					width: 760px;
					background: url(/persistent/templateimages/tabsBgArt_m.jpg) top left repeat-y;
					padding-top: 10px;
				}
				
					#Tabs_contentwrapArt_top { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgArt.jpg) top left no-repeat; }
					#Tabs_contentwrapArt_bottom { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgArt.jpg) bottom left no-repeat; }
			
				#Tabs_contentwrapUniforms {
					width: 760px;
					background: url(/persistent/templateimages/tabsBgUniforms_m.jpg) top left repeat-y;
					padding-top: 10px;
				}
					
					#Tabs_contentwrapUniforms_top { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgUniforms.jpg) top left no-repeat; }
					#Tabs_contentwrapUniforms_bottom { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgUniforms.jpg) bottom left no-repeat; }
			
				#Tabs_contentwrapMerchandise {
					width: 760px;
					background: url(/persistent/templateimages/tabsBgMerchandise_m.jpg) top left repeat-y;
					padding-top: 10px;
				}
				
					#Tabs_contentwrapMerchandise_top { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgMerchandise.jpg) top left no-repeat; }
					#Tabs_contentwrapMerchandise_bottom { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgMerchandise.jpg) bottom left no-repeat;  }
			
				#Tabs_contentwrapSportsTeams {
					width: 760px;
					background: url(/persistent/templateimages/tabsBgSportsTeams_m.jpg) top left repeat-y;
					padding-top: 10px;
				}
				
					#Tabs_contentwrapSportsTeams_top { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgSportsTeams.jpg) top left no-repeat; }
					#Tabs_contentwrapSportsTeams_bottom { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgSportsTeams.jpg) bottom left no-repeat; }

				#Tabs_contentwrapCorporate {
					width: 760px;
					background: url(/persistent/templateimages/tabsBgSportsTeams_m.jpg) top left repeat-y;
					padding-top: 10px;
				}
				
					#Tabs_contentwrapCorporate_top { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgSportsTeams.jpg) top left no-repeat; }
					#Tabs_contentwrapCorporate_bottom { font-weight: 0; font-size: 0; padding: 0; margin: 0; height: 6px; background: url(/persistent/templateimages/tabsBgSportsTeams.jpg) bottom left no-repeat; }

				#Tabs_tshirt {
					width: 760px;
					height: 390px;
					float: left;
					background: url(/persistent/templateimages/tshirtGallery.jpg) no-repeat;
					padding-top: 10px;
				}
				
					#tabsScroll {
						width: 730px;
						padding: 10px;
					}	

.latest_news {
	margin: 0;
	background: url(../templateimages/latest-news-middle.jpg) top left repeat-y;
	padding: 0 12px 0 12px;
}

.latest_news_top {
	width: 185px;
	height: 10px;
	background: url(../templateimages/latest-news-top.jpg) top left no-repeat;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 15px 0 0 0;
	padding: 0;
}

.latest_news_bottom {
	width: 185px;
	height: 10px;
	background: url(../templateimages/latest-news-bottom.jpg) bottom left no-repeat;
	display: block;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
}