#register_ {
   width:500px;
   border: #999999 1px solid;
}

#register_top {
   width:500px;
   height:25px;
   border: #999999 1px solid;
   color:#fff;
   font-size:12px;
   font-weight:bold;
   vertical-align:middle;
   padding-right: 0px;
   background:url(../images/menu.gif) repeat-x top;
}

#register_tabs {
   width:500px;
   height:25px;
}

.reg_tab_on {
   width:300px;
   height:25px;
   float:left;
   padding-top:2px;
   color:#fff;
   font-weight:bold;
   background:url(../images/menu.gif) repeat-x top;
}
.reg_tab_off {
   width:198px;
   height:25px;
   float:left;
   color:#6D7F97;
   padding-top:4px;
   font-size:12px;
   vertical-align:middle;
   background:url(../images/menu.gif) repeat-x bottom; 
}

.reg_tab_off span {
   margin-top:5px;
   cursor:hand;
}

.log_tab_off span {
   margin-top:5px;
   cursor:hand;
}

.log_tab_on {
  width:300px;
  height:25px;
  float:left;
  padding-top:2px;
  color:#fff;
  font-weight:bold;
  cursor:hand;
  background:url(../images/menu.gif) repeat-x top;
}

.log_tab_off {
  width:198px;
  height:25px;
  float:left;
  color:#6D7F97;
  padding-top:4px;
  font-size:12px;
  vertical-align:middle;
  cursor:hand;
  background:url(../images/menu.gif) repeat-x bottom;
}

#reg_register span {
}

#log_register span {
}

#reg_register span a{
  text-decoration:none;
}

#log_register span a{
  text-decoration:none;
}

#register_cont {
   width:490px;
   margin-top:5px;
   margin-bottom:5px;
}

#login_cont {
   width:490px;
   margin-top:5px;
   margin-bottom:5px;
   display:none;
}

.reg_log_cont {
   border:#E1E5EA 1px solid;
   margin-top:11px;
   margin-bottom:5px;
}

.reg_reg_cont {
   border:#E1E5EA 1px solid;
   margin-top:11px;
   margin-bottom:5px;
}

.log_reg_title {
   font-weight:bold;
   font-size:18px;
   color:#315E91;
   text-align:left;
   padding-left:5px;
   width:488px;
}


.reg_form{
text-align:left;
margin:0px;
background:#FFFFFF;
padding: 20px 10px 10px 10px;
}
.reg_form p{
color:#396496;
font-weight: normal;
font-size:12px;
padding:0px;
margin:0px 0px 5px 0px;
}
.reg_form p a{
color:#53B1D3;
text-decoration:underline;
}
.reg_form p a:hover {
color:#4864d6;
text-decoration:underline;
}
.reg_form_left{
margin:0px 190px 0px 0px;
font-style:normal;
padding:0px 0px 0px 10px;
border:1px solid #ffffff;
}
.reg_form_right{
width:190px;
float: right;
font-style:normal;
font-weight:normal;
padding:0px;
margin:0px;
border:1px solid #ffffff;
}
#sign_up_but{
margin: 10px 0px 0px 270px;
cursor:hand;
}

.txt{
margin:0px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:197px;
height:18px;
border:1px solid #c7c7c7;
font-weight: normal;
}

#top_div {
	width:100%;
	height: 129px;
	text-align: -moz-center !important;
	text-align:center;
	background: url(../images/site4rbHeader.gif) repeat-x;
}
#top_content {
	margin-bottom: 0px;
	height: 122px;
	width: 992px;
	background: url(../images/site4headerBg.gif) no-repeat;
}

/* navsearch */
		
			#rb_navSearch {
				background:url(http://clement.bubuface.com/pub/images/navs/neoSearchWrapSprite.png) 0 0 no-repeat;
				_background:url(http://clement.bubuface.com/pub/images/navs/neoSearchWrapSprite.gif) 0 0 no-repeat;
				float:left;
				margin:6px 0 0 0;
				_margin:6px -3px 0 0;
			}
			
			#rb_navSearch .universalSearch {
				float:left;
				background:url(http://clement.bubuface.com/pub/images/navs/neoSearchWrapSprite.png) 100% -360px no-repeat;
				_background:url(http://clement.bubuface.com/pub/images/navs/neoSearchWrapSprite.gif) 100% -360px no-repeat;
				height:43px;
				margin:0 0 6px 10px;
				*margin:0 0 1px 10px;
				padding:0 9px 0 0;
			}
			
			
/*----------------------- nice navbar -----------------------*/
#brandNavBar a,
			#brandNavBar a:link,
			#brandNavBar a:visited {
				color:#aeaeae;
				text-decoration:none;	
			}
			
			#brandNavBar a:hover,
			#brandNavBar a:active {
				color:#fff;
			}
				
		
			#brandNavBar .active a,
			#brandNavBar .active a:link,
			#brandNavBar .active a:visited,
			#brandNavBar .active a:hover,
			#brandNavBar .active a:active {
				color:#fff;
				font-weight:bold;
			}
				
			#brandNavBar {
				color:#AEAEAE;
				padding:8px 11px 0;
			}
			
			#brandNavBar li {
				float:left;
				height:27px;
			}
		
			#brandNavBar li.brandNav li a {
				padding:3px 0 0;
				display:block;
				height:24px;
				*float:left;
			}
			
			
			
			/* brand nav png */
				
				
				#brandNavBar .brandNav li {
					background:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.png) no-repeat 0 -50px;
					_background-image:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.gif);
				}	
				
				#brandNavBar li.siteId1 {
					background:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.png) no-repeat 0 0;
					_background-image:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.gif);
				}	
		
				#brandNavBar li.siteId53 {
					background:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.png) no-repeat 100% -100px;
					_background-image:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.gif);
				}	
		
				#brandNavBar li.siteId3 a,
				#brandNavBar li.siteId53 a{
					background:transparent;
				}
				
				#brandNavBar li.active {
					background:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.png) repeat-x 100% -150px;
					_background-image:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.gif);
				}
				
				#brandNavBar li.active a {
					background:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.png) no-repeat 0 -150px;
					_background-image:url(http://clement.bubuface.com/pub/images/navs/neoBrandNavSprite.gif);
					margin:0 1px 0 0;
				}
		
			
		
			/* end brand nav png */
		
			.siteId4 #brandNavBar li.brandNav .siteId3 a span {
				background:transparent;
			}
			
			
			#brandNavBar li.rubics {
				font-size:91%;
				line-height:210%;
				padding:0 0 0 20px;
				display:none;
			}
			
			.siteId1 #rubicsTextAd,
			.siteId102 #rubicsTextAd {
				display:none;
			}
			
			#brandNavBar li.loginAction {
				font-size:91%;
				line-height:210% !important;
				line-height:110%;
				margin:0 5px 0 0;
				position:absolute;
				z-index:1;
				top:10px;
				right:150px;
			}
			
			#brandNavBar li.loginAction strong.welcome {
				/* padding:0 0 0 8px; */
			}
		
			#brandNavBar li.loginAction strong.welcome a {
				/* padding:0 8px 0 2px; */
			}
			
			#brandNavBar .loginAction li {
				background:url(http://clement.bubuface.com/pub/images/navs/neoLoginSprite.png) 0 -50px no-repeat;
				_background:transparent;
				padding:0 0 0 10px;
			}
			
			#brandNavBar .loginAction li a {
				background:url(http://clement.bubuface.com/pub/images/navs/neoPipe.gif) no-repeat 100% 60%;
				padding:0 10px 0 0;
			}
			
			#brandNavBar .loginAction li.first {
				background-position:0 0;
			}
			
			#brandNavBar .loginAction li.last {
				background-position:100% -100px;
			}
			
			#brandNavBar li.loginAction,
			#brandNavBar li.loginAction ul,
			#brandNavBar li.loginAction li {
				float:left;
			}
			
			#brandNavBar li.loginAction ul {
				position:relative;
				left:3px;
				padding:0 1px 0 0;
			}
			
			#brandNavBar:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
			
			#brandNavBar {
				*display:inline-block;
			}	
		
			#brandNavBar li.brandNav li.active a span {
				background:transparent;
			}
		
			#brandNavBar li.brandNav a span {
				background:url(http://clement.bubuface.com/pub/images/navs/neoPipe.gif) no-repeat 100% 42%;
				padding:0 10px;
			}
			
			#brandNavBar li.brandNav .siteId53 a span {
				background:transparent;
			}
			
			#brandNavBar li.loginAction a span {
				/* background:url(http://clement.bubuface.com/pub/images/navs/neoPipe.gif) no-repeat 100% 42%;
				padding:0 8px; */
			}
			
			#brandNavBar li.loginAction .last a {
				background:transparent;
			}
			
			
			#brandNavBar {
				/*margin-top:0px;*/
				height:27px;
				overflow:hidden;
			}
			
			#brandNavBar li.rubics {
				display:block;
			}
			
			#brandNavBar #rubicsTextAd {
				_margin-top:7px;
			}
			
			#brandNav ul.loggedOut li.last,
		#brandNav ul.loggedIn li.last {
			background:none;
			padding-right:0;
		}
		
		#brandNav a,
		#brandNav a:link,
		#brandNav a:visited,
		#brandNav a:hover,
		#brandNav a:active {
			font-weight:bold;
			color:#aeaeae;
		}
		
		body.siteId1 #brandNav .siteId1 a,
		body.siteId7 #brandNav .siteId7 a,
		body.siteId3 #brandNav .siteId3 a,
		body.siteId4 #brandNav .siteId4 a,
		body.siteId53 #brandNav .siteId53 a{
			color:#fff;
		}
		
		body.siteId1 #brandNav .siteId1,
		body.siteId1 #brandNav .siteId7,
		body.siteId1 #brandNav .siteId3,
		body.siteId1 #brandNav .siteId4,
		body.siteId1 #brandNav .siteId53,
		body.siteId53 #brandNav .siteId1,
		body.siteId53 #brandNav .siteId7,
		body.siteId53 #brandNav .siteId3,
		body.siteId53 #brandNav .siteId4,
		body.siteId53 #brandNav .siteId53 {
			display:none;
		}
/*----------------------- end nice navbar -------------------*/

/* CSS Reset */
		
		html, body, div, span,
		applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dd, dl, dt, li, ol, ul,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			/* line-height: 1; */
			font-family: inherit;
			text-align: left;
			vertical-align: baseline;
		}
		
		a img, :link img, :visited img {border: 0;}
		
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		ol, ul {list-style: none;}
		
		q:before, q:after,
		blockquote:before, blockquote:after {
			content: "";
		}
		
		/* Global elements */
		
		body {background:#e0e0e0 !important;} /* the important flag is just to combat rb-global.css on legacy pages */
		
		a, a:link, a:hover {
			color: #1e5b7e;
			text-decoration:none;
			-moz-outline:none;
			cursor:pointer;
		}
		
		a:hover {
			text-decoration:underline;
		}
		
		a:visited {
			color:#003B6B;
		}
		
		b, strong {font-weight:bold;}
		
		h1, h2, h3{
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		
		h1 {
			font:bold 110% Georgia, "Times New Roman", Times, serif;
			color:#8c0000;
			/*border-bottom:1px solid #8c0000;*/
			/*padding:0 10px 6px 0;
			margin:0 0 0px 0;*/
		}
		
		#overviewHead{
			position:relative;
			margin-bottom:20px;
		}
		
		h2 {
			font-size: 148.5%;
			color:#171717;
			display:block;
			background:url(http://clement.bubuface.com/pub/images/navs/h2.gif) 0 7px repeat-x;
		}
		
		h2 span {
			padding:0 5px 0 0;
		}
		
		h3 {font-size: 153%;}
		
		a.readMore{
			font-weight:bold;
			background:url(http://clement.bubuface.com/pub/images/navs/187.gif) 100% 50% no-repeat;
			padding-right:10px;
			font-size:100%;
		}
		
		.notifyMsg {
			color:#8c0000;
			font-weight:bold;
		}

		
		
		#clement-blog {
		    margin-top: 20px;
		    margin-left: 100px;
			margin-bottom: 0px;
		}

		#clement-blog span {
			color: #fff;
			font-weight: bold;
			font-size: 26px;
		}
		
#current_pg {
   width:996px;
   margin-top: 0px;
   margin-left:145px !important;
   margin-left:136px;
   padding-left:15px !important;
   padding-left:10px;
   padding-bottom: 1px !important;
   padding-bottom:0px;
   background: url(http://clement.bubuface.com/pub/images/bgBody.gif) repeat-y;
}

#bcontainer {
   width: 96% !important;
   width: 98%;
   margin-top:10px;
   margin-left:5px !important;
   margin-left:10px;
   margin-bottom:10px;
   position:relative;
   /*background: blue;*/
}

td.right {
  width:70%;
}

td.left {
  width:30%;
}

.box-long {
  border: 1px Solid #58B1E7;
  width:99%;
  margin-bottom:10px;
}

.box-long-title {
  border: 0px Solid #58B1E7;
  width:100%;
  height:25px;
  margin-top:0px;
  background: url(http://clement.bubuface.com/pub/images/bg-barre.gif) repeat-x;
}

.box-long-ct {
  border: 0px Solid #58B1E7;
  width:100%;
  margin-top:0px;
  padding:5px;
}


.box-small {
  border: 1px Solid #58B1E7;
  width:96%;
  background:#F1F1F1;
  margin-bottom:10px;
}

.box-small-title {
  border: 0px Solid #58B1E7;
  width:100%;
  height:25px;
  margin-top:0px;
  background: url(http://clement.bubuface.com/pub/images/bg-barre.gif) repeat-x;
}

.box-small-ct {
  border: 0px Solid #58B1E7;
  width:98%;
  margin-top:0px;
  padding-left:5px;
  background:#F1F1F1;
  padding-top:5px;
  padding-bottom:5px;
}

.box-small-ct p {
  font-size:12px;
}

p.anouncement {
  font-size: 12px;
  font-weight:bold;
  text-decoration: italic;
  color:#58B1E7;
}

p.ads {
  font-size: 12px;
  font-weight:bold;
  text-decoration: italic;
  color:#58B1E7;
}

.box-long-title span, .box-small-title span{
  padding-left: 3px;
  font-family: Arial, Verdana;
  color: #fff;
  font-weight:bold;
}

#footer_pg {
  width: 100%;
  height: 30px;
  margin-top:20px;
  background: url(http://clement.bubuface.com/pub/images/siteId4hedB.png) repeat-x
}

#footer_pg span.first {
  color: #fff;
  font-size:12px;
  margin-top:3px;
  padding-left: 150px;
}

#footer_pg img.slogo {
  margin-left: 120px;
  margin-top:5px;
}
p.calendar {
  height: 200px;
}

.scalend {
  height: 150px;
}

#comment-form table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#comment-form td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 /*text-align: right;
 margin-right: 0px;
 padding-right: 0px;*/
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 width: 100px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 
}

.fieldcell input {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

legend.pretty {
   color:#5DB3E8;
   font-weight:bold;
   font-size:15px;
   padding-top:5px;
   padding-bottom:5px;
}
em.req {
   color:#ff0000;
}

#commentForm label.error { margin-left: 5px; color:#ff0000; }

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose {
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}

.message{
    border:1px solid #CCCCCC;
	position:absolute;
	width:150px;
	display:none;
	border:1px solid #c93;
	background:#ffc;
	padding:5px;
	left:300px;
	top : -170px;
}

.pics2 { 
	height:  132px;  
    width:   232px;  
    padding: 0;  
    margin:  0; 
	 margin-left: 100; 
} 
 
.pics2 img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 100px; 
    top:  0; 
    left: 0 
}

.pics {  
    height:  132px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 100px; 
    top:  0; 
    left: 0 
}

#featured-books {
position: relative;
background: #ddd;
width: 240px;
height: 186px;
overflow: scroll;
margin: 1em auto;
padding: 0;
text-align: center;
z-index: 2;
}
#featured-books .covers {
position: relative;
width: 480px;
z-index: 1;
}
#featured-books a {
float: left;
margin: 10px;
height: 146px;
}
#featured-books .price {
display: none;
}

#featured-books .control {
position: absolute;
z-index: 3;
left: 0;
top: 0;
}

img.enlarged {
position: absolute;
z-index: 5;
cursor: pointer;
}

.enlarged-price {
background-color: #373c40;
color: #fff;
width: 80px;
padding: 5px;
font-size: 18px;
font-weight: bold;
text-align: right;
position: absolute;
z-index: 6;
}
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

.views {
  width:70px;
  height:100px;
  padding-top:20px;
  background: url(/pub/images/views_icon.jpg) no-repeat;
}

.views0 {
  /*margin-top:40px;*/
  margin-left:25px;
  font-size:48px;
  color:#fff;
  font-weight:bold;
}

.views1 {
  /*margin-top:40px;*/
  margin-left:20px;
  font-size:36px;
  color:#fff;
  font-weight:bold;
}

.views2 {
  /*margin-top:50px;*/
  margin-left:10px;
  font-size:36px;
  color:#fff;
  font-weight:bold;
}

.views3 {
  /*margin-top:50px;*/
  margin-left:10px;
  font-size:24px;
  color:#fff;
  font-weight:bold;
}

.views4 {
  /*margin-top:50px;*/
  margin-left:10px;
  font-size:18px;
  color:#fff;
  font-weight:bold;
}

.tags {
  font-size:12px;

}
.tagsbtn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border:1px solid;
  border-color: #696 #363 #363 #696; 
}