@import url("main-newcolors.css");

body {
     margin: 0;
     padding: 0;
     background:  #bababa url("img/body-bg2.jpg") 0 125px repeat-x;
     text-align: center;
     font: 11px  Tahoma, Arial, Verdana, sans-serif; 
     color: #333;
     line-height: 16px;
}

/* ---( header )--------------------------------- */

#header_container {
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
	background: transparent url("img/header-bg2.jpg") 0 0 repeat-x;
}


#header {
	position: relative;
	width: 875px;
	background: transparent;
	height: 130px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}

#logo a {
	float: left;
	margin: 40px 0 0 0;
	display: block;
	width: 196px;
	height: 83px;
	text-indent: -99999px;
	background:  url("img/drc-logo3-newlogo.png") 0 0 no-repeat;
}

#logo a:hover {
	background:  url("img/drc-logo3-newlogo-newcolor.png") 0 0 no-repeat;
}

#link_container {
	position: relative;
	float: left;
	margin: 78px 0 0 0;
	padding: 0;
	width: 678px;
	height: 17px;
	background: transparent;
}

	
/*---(drc menu / navigation )----------*/

#drc #navi { display: none; }

div#drcnavi {
	position: relative;
	height: 17px;
	width: 678px;
	margin: 0;
	padding:  0;
	border: 0;
	}


div#drcnavi ul#drcmenu	{
	height: 17px;
	width: 678px;
	background:  transparent url("img/drc-links-SERVICES-font-menu.png") top left no-repeat;
#	margin: -5 0 0 0px;
	padding: 0;
	position: absolute;
	}

div#drcnavi ul#drcmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#drcmenu li, ul#drcmenu a {
	height: 17px;
	display: block;
	}
	
div#drcnavi ul#drcmenu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}

/*---( link details - position of text rollover and width of space around rollover area )----------*/
div#drcnavi #drcollections { left: 0px; width: 100px; }
/*div#drcnavi #draccessories { left: 105px; width: 95px; }*/
div#drcnavi #drcservices { left: 102px; width: 75px; }
div#drcnavi #drstyle { left: 175px; width: 65px; }
div#drcnavi #drconsciousness { left: 240px; width: 135px; }
div#drcnavi #drfresh { left: 375px; width: 65px; }
div#drcnavi #drcommunity { left: 440px; width: 105px; }
div#drcnavi #drbrand { left: 550px; width: 65px; }
div#drcnavi #drcstore { left: 615px; width: 65px; }
/*---( link details - position of text rollover and width of space around rollover area )----------*/


div#drcnavi #drcollections a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") 0px -17px no-repeat; }
/*div#drcnavi #draccessories a:hover { background: transparent url("img/drc-links.png") -105px -12px no-repeat; }*/
div#drcnavi #drcservices a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -102px -17px no-repeat; }
div#drcnavi #drstyle a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -175px -17px no-repeat; }
div#drcnavi #drconsciousness a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -240px -17px no-repeat; }
div#drcnavi #drfresh a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -375px -17px no-repeat; }
div#drcnavi #drcommunity a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -440px -17px no-repeat; }
div#drcnavi #drbrand a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -550px -17px no-repeat; }
div#drcnavi #drcstore a:hover { background: transparent url("img/drc-links-SERVICES-font-menu.png") -615px -17px no-repeat; }

/*---( navigation - where are you? )----------*/

#drc .drc {
	background:  url("img/drc-logo2.png") 0 0 no-repeat;}

/*---style-----*/		
#sytle .style {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -175px -17px no-repeat; }
	
#about .wrapwrap {
	background: transparent url("img/wrapwrap-bg-new.jpg") 0 0 no-repeat; }

/*---collections-----*/
#products .products {
	 background: transparent url("img/drc-links-SERVICES-font-menu.png") 0px 17px no-repeat; }

/*---accessories-----	 
#accessories .accessories {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -105px -12px no-repeat; }*/
	
/*---services-----*/	 
#services .services {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -102px -17px no-repeat; }

/*all-things-congo blog-----*/	
#blog .blog {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -240px -17px no-repeat; }

/*----fresh-----*/
#news .news {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -345px -17px no-repeat; }

/*---community-----*/	
#links .links {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -445px -17px no-repeat; }

/*---brand-----*/
#brand .brand {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -550px -17px no-repeat; }

/*---store----*/
#store .store {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") -615px -17px no-repeat; }
	
/*---collections----*/
#collections .collections {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") 0px -17px no-repeat; }
	
/*---collections----*/
#cs .collections {
	background: transparent url("img/drc-links-SERVICES-font-menu.png") 0px -17px no-repeat; }



/*---( link details )----------*/


ul#drcmenu a:hover span { /* definition of <span> tag included in <a> */
display: none;
background-color: transparent;
}

ul#drcmenu a:hover span { /* definition of <span> tag when hovering */
	display: inline;
	position: absolute;
	top: 18px; /* layer's place and dimension that you can change at will */
	left: 20px;
	text-indent: 0px;
	width: 600px;
	height: 15px;
	text-align: left;
	color: #c1c1c1;
	background-color: transparent;
}


/*---( link details - position of text )----------*/
/*div#drcnavi #draccessories a:hover span { 
	left: -95px;
}*/
div#drcnavi #drcservices a:hover span { 
	left: -85px;
}
div#drcnavi #drstyle a:hover span {
	left: -180px;
}
div#drcnavi #drconsciousness a:hover span {
	left: -240px;
}
div#drcnavi #drfresh a:hover span {
	left: -360px;
}
div#drcnavi #drcommunity a:hover span {
	left: -425px;
}
div#drcnavi #drbrand a:hover span {
	left: -520px;
}
div#drcnavi #drcstore a:hover span {
	left: -580px;
}
/*---( link details - position of text )----------*/


/*---( wrapper )----------*/

#wrap_wrap {
	position: relative;
	margin: 0 auto;
	padding:  0;
	width: 875px;
	background: #fff url("img/wrapwrap-bg-new.jpg") 0 0 no-repeat;
}

	
#wrap {
	position: relative;
	margin: 0 auto;
	padding:  0;
	text-align: left;
	width: 875px;
	background: transparent url("img/wrap-bg.jpg") 0 0 repeat-y;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	overflow: hidden;
}

#top_page {
	position: relative;
	float: left;
	width: 875px;
	height: 50px;
	background: transparent url("img/top-wrap.jpg") 0 0 no-repeat;
}

#btm_page {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	bottom: 0;
	width: 875px;
	height: 64px;
	background:  transparent  url("img/btm-wrap.jpg") bottom no-repeat;
}


#content_container {
	position: relative;
	float: left;
	min-height: 300px;
	width: 875px;
	margin: 0 0 0 0;
	padding: 5px;
}

.box {
	min-height: 300px;
}


/* for Internet Explorer */
/*\*/
* html  .box {
height: 300px;
}

/*---( content )----------*/
#page_text {
	float: left;
	margin: 0;
	padding: 0px 0 0 10px;
	width: 855px;

}

.linkspage {
	width: 240px;
}

.wider {
	width: 140px;
}
#page_text p {
	text-align: left;
	margin: 0px 5px 5px 15px;
	padding: 0;
}
/* This is the LEFT SIDE bar along the text */
#page_text #textbox {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border-left: 5px solid #7d7d7d;
}


#page_img {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 350px;
}

#page_img img {
	margin: 0;
	padding: 0;
}

/*---(links and listpage list = same thing)----------*/

#page_text a:link, #page_text a:visited,  #links ul#linkmenu li a {
	border-bottom: none;
	padding: 1px;
	background: transparent url("img/box2.png") repeat-x bottom;	
	color: #888787;
	text-decoration: none;
}



#page_text a:hover,  #links ul#linkmenu li a:hover {
	background: #2f3221;
	color: #fff;
	border-bottom: none;
	text-decoration: none;
}

#links ul#linkmenu	{
	margin: 5px 5px 5px 15px;
	padding: 0;
	}

#links ul#linkmenu li {
	list-style: none;
	margin: 0;
	padding: 0 0 1px 0;
}

/*---( h1's )-------------*/

#about h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_style-newcolors.png") top left no-repeat;
}

#links h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_links-newcolors.png")  top left  no-repeat;
}
	
#news h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_fresh.png")  top left  no-repeat;
}
	
#brand h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_brand7.png")  top left  no-repeat;
}


#collections h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_collections-newcolors.png")  top left  no-repeat;
}

/*#accessories h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_accessories.png")  top left  no-repeat;
}*/

#services h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_services-newcolors.png")  top left  no-repeat;
}


#shop h1 {
	display: block;
	margin: 0;
	padding: 0;
	height: 39px;
	background: transparent url("img/h1_collections_shop.png")  top left  no-repeat;
}
	
	

/*---( footer )-------------*/
#footerwrap {
	background:  transparent url("img/footerwrap-bg.jpg") bottom repeat-x;
	height: 90px;
}

#footer {
	position: relative;
	background:    transparent url("img/footer-bg2-newcolor.png") top no-repeat;
	height: 50px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#footer p {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	color: #fff;
	background-color: transparent;
	margin: 0;
	padding: 0 20px 10px 0;
	}

#footer a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #c1c1c1;
	text-decoration: none;
}

#footer img {
	margin: 0 8px;
	padding: 0;
}

#footer a:hover {
	text-decoration: underline;
}

	
/*#footer #scd_logo a {
	position: absolute;
	right: 20px;
	text-indent: -99999px;
	bottom: 2px;
	display: block;
	height: 28px;
	width: 331px;
	background:  transparent url("img/scd-logo.png") 0 0 no-repeat;
}
#footer #scd_logo a:hover {
	background:  transparent url("img/scd-logo2.png") 0 0 no-repeat;
}*/

/*---( footer list items )-------------*/


#footerlist a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	}
	

#margin_me {
	position: relative;
	clear: both;
	height: 20px;
}


#ka_headerSubNav {
background-color:transparent;
background-image:url(http://www.drc144k.com/images/01_navbot1.png);
background-repeat:no-repeat;
height:20px;
}

a, a:visited {
color:#4e4d4d !important;
}

#ka_headerTopNav_ul li a {
color:#4E4D4D !important;
}

/*back ground transparent on the community display modules*/
body#ka_playPage .ka_contentBody, ul#ka_relatedTabs li a.active, #ka_relatedTabs a.active:hover, body#ka_listPage .ka_contentBody, body#ka_listPage li.ka_list, body.ka_myhome_pages li.ka_list, body#ka_homepage .ka_contentBody, body#ka_myhome .ka_contentBody, body#ka_profilePage .ka_contentBody, body#ka_groups .ka_contentBody, body.ka_messageBoards .ka_contentBody, .ka_bubble blockquote, .ka_popup, .ka_popUpDiv, form#ka_loginPopup, #ka_ProgressBarDiv {
background-color:#FFFFFF !important;
background-image:none;
border:1px solid #49726E !important;
color:#000000 !important;
font-size:12px;
}


#ka_headerSubNav_list li a {
color:#FFFFFF !important;
font-family:Trebuchet MS;
}

body#ka_playPage .ka_contentTitle, body#ka_listPage .ka_contentTitle, body#ka_homepage .ka_contentTitle, body#ka_myhome .ka_contentTitle, body#ka_profilePage .ka_contentTitle, body#ka_groups .ka_contentTitle, body.ka_messageBoards .ka_contentTitle {
background-color:#5a8b84 !important;
border:1px solid transparent !important;
color:#d3d8d7 !important;
font-family:Arial;
font-size:12px;
}

legend {
color:#5A8B84;
font-size:1em;
margin:0;
padding:0.5em;
}

label {
color:#334E4A;
display:block;
font-weight:bold;
margin:0 0 4px;
padding:0;
}

#ka_headerTopNav {
background-color:#C8CBCB !important;
background-image:none;
background-position:left top;
background-repeat:no-repeat;
height:30px;
}

#page_text a:hover, #links ul#linkmenu li a:hover {
background:#5A8B84 none repeat scroll 0 0;
border-bottom:medium none;
color:#FFFFFF;
text-decoration:none;
}

#ka_headerTopNav_ul li.current a {
/*background-image:url(http://www.drc1`44k.com/images/01_nav_act.jpg);*/
background-position:0 0;
background-repeat:repeat-x;
color:#FFFFFF !important;
font-size:18px;
}

#ka_headerTopNav li.current a {
background:#5A8B84 url(http://www.drc144k.com/images/navgradient.gif) repeat-x scroll 0 0;
color:#FFFFFF;
}

#ka_mainContainer {
color:#323232;
font-family:normal,"Lucida Grande",arial,tahoma,sans-serif;
font-size:95%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
text-align:left !important;
}

#ka_mainContainer a:link {
color:#5A8B84;
}

#ka_headerTopNav_ul li a:hover {
background: #4E4D4D;
background-color:transparent;
background-image:url(http://www.drc144k.com/images/01_nav_hov.jpg);
}
#ka_headerTopNav li a:hover {
background:#5A8B84 url(http://www.drc144k.com/images/navgradient.gif) repeat-x scroll 0 0;
color:#FFFFFF;
}


ul.ka_profileMediaList li, .ka_profileCommentImg, #ka_profileImg {
background-color:transparent;
border:1px solid #CCCCCC;
display:block;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:11px !important;
margin-top:0;
padding:0;
width:148px;
}

.ka_moduleLetterBox {
display:block;
height:50px;
margin:0;
padding:0;
width:85px;
}

#ka_profileImg, #ka_profileImg a {
height:175px;
width:160px;
}

ul.ka_profileMediaList li, ul.ka_profileMediaList li a, ul.ka_profileMediaList li a span, .ka_profileCommentImg, .ka_profileCommentImg a, .ka_profileCommentImg a span {
height:98px;
width:98px;
/*margin-top:-5px;*/
}

span#ka_since {
color:#FFFFFF !important;
font-family:Arial;
font-size:12px;
}

body#ka_myhome #ka_contentContainer h2 {
color:#5A8B84;
margin:0 0 6px 8px;
}

#ka_mainContainer {
color:#4E4D4D;
font-family:normal,"Lucida Grande",arial,tahoma,sans-serif;
font-size:95%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
text-align:left !important;
}

element.style {
display:block;
/*left:120px;*/
/*top:567px;*/
}

#ka_loginPopup {
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #000000;
display:none;
height:auto !important;
min-height:300px;
padding:1em;
width:400px;
z-index:0;
left:120px;
}