html, body {
	height:100%;
}

body {
	height: 100%;
	min-height: 100%;
	background: #352920 url('../gfx/bg.jpg') repeat-x fixed top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	text-decoration: none;
	margin:0px;
	
	scrollbar-3dlight-color:#9C885F;
    scrollbar-arrow-color:#352920;
    scrollbar-base-color:#9C885F;
    scrollbar-track-color:#30241A;
    scrollbar-darkshadow-color:#9C885F;
    scrollbar-face-color:#9C885F;
    scrollbar-highlight-color:#9C885F;
    scrollbar-shadow-color:#9C885F;	
}

	#content-width {
		width: 960px;
		height: 600px;
		background-color: transparant;
		color: #ffffff;
		margin-left: auto;
		margin-right: auto;
		padding:0px;
	}

#flagstore-banner {
			width: 340px;
			height: 294px;
			z-index: 100;
			background-color: transparant;
		}
		
		a {
outline: none;
}


	
	#box {
		width: 960px;
		height: 580px;
		background-color: transparant;
		border: solid 1px #000000;
	}
		
		#content-width #header {
			width: 960px;
			height: 150px;
			background-color: #352920;
			overflow: hidden;
			z-index:5;
		}
		
			#content-width #header #flashcontent {
				float: left;
				width: 150px;
				height: 150px;
				/*min-height:150px;*/
				/*min-width:150px;*/
				padding: 0px;
				margin: 0px;
			}
			
			#content-width #header #menu {
				float: left;
				width: 545px;
				height: 134px;
				padding-top:16px;
				padding-left: 75px;
				z-index:10;
			}
			
			#content-width #header #langmenu {
				float: left;
				/*width: 62px;*/
				width: 64px;
				height: 134px;
				padding-left: 108px;
				padding-top:16px;
				z-index:15;
			}
		
		#content-width #footer {
			width: 100%;
			height: 17px;
			padding-top: 3px;
			text-align: right;
			font-size: 11px;
			color: #FFFFFF;
		}
		
		#content-width #middle {
			width: 960px;
			height: 580px;
			background-image: url("../gfx/mid-welcome-back.jpg");
			padding: 0px;
			margin: 0px;
		}
		
			#content-width #middle-collections {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");

			}
			
				#content-width #middle-collections #middle-collections-text {
					float: left;
					width: 260px;
					height: 350px;
					padding-left: 22px;
					padding-top: 27px;
				}
				
				#content-width #middle-collections #middle-collections-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 18px;
					background-image: url("../ocia/backgrounds/collections.jpg");
					background-repeat: none;
				}
				
			
			#content-width #middle-fashion {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-fashion #middle-fashion-text {
					float: left;
					width: 267px;
					height: 393px;
					padding: 27px 10px 10px 22px;
					overflow: auto;
				}
				
				#content-width #middle-fabrics #middle-fashion-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 2px;
					padding-left: 28px;
					/*background-image: url("../ocia/backgrounds/fabrics.jpg");*/
					background-repeat: none;
				}
				
								/*
								#content-width #middle-fashion #woman {
									float: left;
									width: 250px;
									height: 377px;
									margin-left: 45px;
									margin-top: 28px;
								}
								
								#content-width #middle-fashion #men {
									float: left;
									width: 250px;
									height: 377px;
									margin-left: 30px;
									margin-top: 28px;
								}
								*/
				
			#content-width #middle-fabrics {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-fabrics #middle-fabrics-text {
					float: left;
					width: 270px;
					height: 402px;
					overflow: auto;
					padding-left: 28px;
					padding-top: 27px;
				}
				
				#content-width #middle-fabrics #middle-fabrics-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 2px;
					background-image: url("../ocia/backgrounds/fabrics.jpg");
					background-repeat: none;
				}
				
					#content-width #middle-fabrics #middle-fabrics-text #slide {
						width: 130px;
						height: 20px;
						padding-left: 0px;
					}
				
			#content-width #middle-accesoires {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-accesoires #middle-accesoires-text {
					float: left;
					width: 270px;
					height: 350px;
					overflow: auto;
					padding-left: 22px;
					padding-top: 27px;
				}
				
				#content-width #middle-accesoires #middle-accesoires-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 8px;
					background-image: url("../ocia/backgrounds/accessories.jpg");
					background-repeat: none;
				}
				
			#content-width #middle-genuine {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-genuine #middle-genuine-img {
					float: left;
					width: 450px;
					height: 430px;
					background-image: url("../ocia/backgrounds/genuinewoodin.jpg");
					background-repeat: none;
				}
			
				#content-width #middle-genuine #middle-genuine-text {
					float: left;
					width: 475px;
					height: 350px;
					overflow: auto;
					padding-left: 22px;
					padding-top: 27px;
				}
				
			#content-width #middle-cs {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-cs #middle-cs-text {
					width: 270px;
					height: 350px;
					overflow: auto;
					padding-left: 22px;
					padding-top: 27px;
				}
				
			#content-width #middle-careers {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-careers #middle-careers-img {
					float: left;
					width: 450px;
					height: 430px;
					background-image: url("../ocia/backgrounds/careers.jpg");
					background-repeat: none;
				}
			
				#content-width #middle-careers #middle-careers-text {
					float: left;
					width: 485px;
					height: 400px;
					overflow: auto;
					/*padding-left: 472px;*/
					padding-left: 22px;
					padding-top: 27px;
				}
				
			#content-width #middle-contact {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-contact #middle-contact-text {
					width: 270px;
					height: 350px;
					overflow: auto;
					padding-left: 22px;
					padding-top: 27px;
				}
				
			#content-width #middle-brand {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-brand #middle-brand-img {
					float: left;
					width: 450px;
					height: 430px;
					/*margin-left: 8px;*/
					background-image: url("../ocia/backgrounds/woodinbrand.jpg");
					background-repeat: none;
				}
			
				#content-width #middle-brand #middle-brand-text {
					float: left;
					width: 485px;
					height: 370px;
					overflow: auto;
					/*padding-left: 472px;*/
					padding-left: 25px;
					padding-top: 27px;
				}
				
			#content-width #middle-news {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-news #middle-news-img {
					float: left;
					width: 450px;
					height: 430px;
					/*margin-left: 8px;*/
					background-image: url("../ocia/backgrounds/news.jpg");
					background-repeat: none;
				}
			
				#content-width #middle-news #middle-news-text {
					float: left;
					width: 485px;
					height: 370px;
					overflow: auto;
					/*padding-left: 472px;*/
					padding-left: 25px;
					padding-top: 27px;
				}
				
				#content-width #middle-news #middle-news-text #slide {
					width: 116px;
					height: 20px;
					padding-left: 0px;
				}
				
			#content-width #middle-faq {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-faq #questions {
					float: left;
					width: 460px;
					height: 403px;
					padding-top: 27px;
					padding-left: 20px;
				}
				
				#content-width #middle-faq #awnsers {
					float: left;
					width: 450px;
					height: 367px;
					padding-top: 40px;
					padding-left: 20px;
					padding-right: 10px;
				}
				
			#content-width #middle-stores {
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-stores #middle-stores-text {
					float: left;
					width: 270px;
					height: 350px;
					overflow: auto;
					padding-left: 22px;
					padding-top: 27px;
				}
				
				#content-width #middle-stores #middle-stores-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 8px;
					background-image: url("../ocia/backgrounds/woodinstores.jpg");
					background-repeat: none;
				}
				
			#content-width #middle-storelocator {
				position:relative;
				width: 100%;
				height: 430px;
				background-image: url("../gfx/background.jpg");
			}
			
				#content-width #middle-storelocator #storelocatorhtml {
					position:absolute;
					float: left;
					width: 181px;
					height: 390px;
					padding-left: 20px;
					padding-top: 27px;
				}
			
				#content-width #middle-storelocator #storelocator {
					position:absolute;
					left:210px;
					float: left;
					width: 365px;
					height: 390px;
					padding-top: 25px;
					background-image: url("../gfx/Storelocater.gif");
					background-repeat: no-repeat;
				}
				
					#content-width #middle-storelocator #storelocatorbenin {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_benin.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorburkina {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_burkinafaso.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorghana {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_ghana.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorivory {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_ivorycoast.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorniger {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_niger.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatornigeria {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_nigeria.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorsenegal {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_senegal.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatorsouthafrica {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_southafrica.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatortogo {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_togo.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatortogouganda {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_ghana.gif");
						background-repeat: no-repeat;
					}
					
					#content-width #middle-storelocator #storelocatormali {
						position:absolute;
						left:210px;
						float: left;
						width: 365px;
						height: 390px;
						padding-top: 25px;
						background-image: url("../gfx/Storelocater_mali.gif");
						background-repeat: no-repeat;
					}
					
				
				
				#content-width #middle-storelocator #storeinfo {
					position:absolute;
					right:0px;
					float: left;
					width: 366px;
					height: 402px;
					padding-top: 27px;
					padding-left: 27px;
					overflow: auto;
				}

				

div#menu * {
	line-height:14px;
	margin: 0;
	padding: 0;
	z-index:20;
}

div#menu a {
	font-weight: normal;
	color: #9D875E;
	text-decoration: none;
}

div#menu a:hover {
	font-weight: normal;
	color: #FFF;
}

div#menu #menu-ctr {
	width: 450px;
	margin: auto;
	position: relative;
}

div#menu div.menusection {
	float: left;
	width: 175px;
	font-weight: normal;
	z-index:25;
	position: relative;
}

div#menu div.menusection h2 {
	font-size: 100%;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	height: 20px;
}

div#menu div.menusection li {
	list-style-type: none;
	height: 9px;
	padding-top: 8px;
	padding-left: 4px;
	font-weight: normal;
}

div#menu div.menusection li.active a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
}

br.clb {
	clear: both;
}

a:link {
    color: #9C885F;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
	color: #9C885F;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a:active {
	color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

ol {
	color: #9C885F;
	font-weight: bold;
	padding-left: 20px;
}

			#content-width #middle-commercial {
				width: 100%;
				height: 430px;
				/* background-image: url("../gfx/mid-back.jpg"); */
				background-image: url("../gfx/background.jpg");

			}
			
				#content-width #middle-commercial #middle-commercial-text {
					float: left;
					width: 260px;
					height: 350px;
					padding-left: 22px;
					padding-top: 27px;
				}
				
				#content-width #middle-commercial #middle-commercial-img {
					float: left;
					width: 660px;
					height: 430px;
					margin-left: 18px;
					background-image: url("../ocia/backgrounds/commercial.jpg");
					background-repeat: none;
				}