@charset "utf-8";
/* CSS for bumble main 

HEX:
Green = a7d59e
Brown = 887e6e
*/

/* BORDERS begin --------------------------------------------------- */

	b.bt		{display: block; height: 6px; font-size: 1px; background:url(/images/bumble-cut-from-orig-design-gray-tops-6x24.gif) no-repeat; position:relative;}
	b.bt b		{display: block; height: 6px; font-size: 1px; background:url(/images/bumble-cut-from-orig-design-gray-tops-6x24.gif) no-repeat; background-color: #887e6e; position:relative;}
	b.bb 		{display: block; height: 6px; font-size: 1px; background:url(/images/bumble-cut-from-orig-design-gray-tops-6x24.gif) no-repeat; position:relative;}
	b.bb b 		{display: block; height: 6px; font-size: 1px; background:url(/images/bumble-cut-from-orig-design-gray-tops-6x24.gif) no-repeat; position:relative;}
	
	b.bt {top: -1px; left: -1px}
	
	b.bt b {background-position:100% -6px; left: 2px}
	
	b.bb {background-position:0 -12px; top:1px; left: -1px}
	
	b.bb b {background-position:100% -18px; left: 2px}
	
	/* 
	width MUST be specified here. but not height - causes problem. 
	#grey_border {border: #887e6e 1px solid; width: 800px; height: 100%}
	*/
	/* specifying height here works */
	#testContent{position: relative; top: 0px; left: 0px; width: 800px; min-height: 600px; background-color: #eee;}

/* BORDERS end ----------------------------------------------------- */

strong {
	font-size: 18px;
	color: #a7d59e;
	text-transform: lowercase;
}

strong.twins_normal {
	font-size: 18px;
	color: #fbb567;
	text-transform: lowercase;
}

strong.twins_upper {
	font-size: 18px;
	color: #fbb567;
	text-transform: uppercase;
}



body {
  background-color: #fff; 
}

#bmbOuter {
	position: relative;
	top: 10px;
	left: 0px;
	width: 960px;
	padding: 0px;
	margin: 0 auto;
	border: #887e6e 1px solid; 
}

#bmbHeader { /* upper gray area */
	position: relative;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 64px;
	background-color: #887e6e;
}

#bmbHeader_Img {
	position: relative;
	top: 13px;
	left: 11px;
	width: 541px;
	height: 43px;
	float: left;
}

#bmbHeader_ShippingMessage { 
	position: relative;
	top: 4px;
	left: 194px;
	width: 209px;
	height: 51px;
	float: left;
}

#bmbTopNav {  /* nav bar holder */
	position: relative;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 23px;
	background-color: #a7d59e;
	
}
	
#bmbTopNavBar { 
	position: relative;
	top: 3px;
	left: 0px;
	width: 960px;
	height: 20px;
	background-color: #a7d59e;
	margin-left: auto;
	margin-right: auto;
}

#bmbPageContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 930px;
	min-height: 460px; 
	margin: 15px;
	background-color: #fff;
	/* border: dotted 1px #ff0000; */
}

#bmbPageContentHorizontalSplit {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 500px;
	overflow: hidden;
	/* border: dotted 1px #ff0000; */ 
}
#bmbPageContentHorizontalSplit_Left  {
	position: relative;
	top: 0px;
	left: 0px;
	width: 455px;
	height: 100%;
	float: left;
	overflow: hidden;
	/* border: solid 1px #cecece; */
}
#bmbPageContentHorizontalSplit_Right {
	position: relative;
	top: 0px;
	left: 18px;
	width: 455px;
	height: 100%;
	float: left;
	overflow: hidden;
	/* border: solid 1px #cecece; */
}

#bmbBlog_Entries {
    width: 700px;
    float: left;
    overflow: hidden;
}
	
#bmbBlog_SideBar {
	position: relative;
	top: 0px;
	left: 44px;
	width: 182px;
	float: left;
}

#bmbBlog_Entries_v1 {
	position: relative;
	top: 0px;
	left: 0px;
	/* width: 730px; ok, but this is the max */
	width: 700px;
	height: 100%;
	float: left;
}
	
#bmbBlog_SideBar_v1 {
	position: relative;
	top: 0px;
	left: 44px;
	width: 182px;
	height: 100%;
	float: left;
}
	
#bmbWelcomeWithLove {
	position: relative;
	top: 16px;
	left: 2px;
	width: 796px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	/* border: solid 1px #cecece; */
}
#bmbDesignedBy {
	position: relative;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 50px;
}
#bmbDoYou {
	position: relative;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 70px;
}
#bmbBuyNow {
	position: relative;
	top: 66px;
	left: 0px;
	width: 100%;
	height: 30px;

}
#bmbEcoGreen {
	position: relative;
	top: 0px;
	left: 0px;
	width: 90%;
	height: 30px;
	padding: 1px;
	margin: 0 auto;
	/* border: dotted 1px #ff0000; */
}

#bmbFooter {
	position: relative;
	top: 18px;
	left: 0px;
	width: 100%;
	height: 40px;
	background-color: #fff;
	/* border: dotted 1px #ff0000; */
}

#about_message {
	/* border: dotted 1px #cecece; */
}	
	
	
#about_message_1 {
	display: none;
}	
	
about_message_2 {
	display: none;
}
	
.bmbText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	text-align: left;
}

.bmbTextSmall{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.bmbText_Centered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
}

.bmbTextSmall_Centered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.bmbTextPageHeader {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 2px;
}

.bmbText_AboutNav {
	color: #666;
	padding: 6px;
	background-color: #cfcfcf;
	line-height: 200%;
}

.bmbText_AboutNavActive {
	color: #666;
	padding: 6px;
	background-color: #a7d59e;
	line-height: 200%;
}


.bmbText_Centered a:link {
	text-decoration: none;
}

.bmbText_Centered a:visited {
	text-decoration: none;
}

.bmbText_Centered a:hover {
	text-decoration: underline;
}

.bmbText_Centered a:active {
	text-decoration: none;
}


.bmbTextSmall_Centered a:link {
	text-decoration: none;
}

.bmbTextSmall_Centered a:visited {
	text-decoration: none;
}

.bmbTextSmall_Centered a:hover {
	text-decoration: underline;
}

.bmbTextSmall_Centered a:active {
	text-decoration: none;
}


.bumblePages_Thumbs {
	border: none;
	outline: none; 
	color: #fff;
}

.bumblePages_Thumbs a:link {
	border: none;
	outline: none; 
	color: #fff;
}

.bumblePages_Thumbs a:visited {
	border: none;
	outline: none; 
	color: #fff;
}

.bumblePages_Thumbs a:hover {
	border: none;
	outline: none; 
	color: #fff;
}

.bumblePages_Thumbs a:active {
	border: none;
	outline: none; 
	color: #fff;
}