@charset "utf-8";
/* CSS Document */

html { height: 100%; }

body {
	text-align: center;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(/builder-v4/images/main-background.jpg) repeat-x #fbf0da;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a img {border: 0;}

.standard_nostyle_list{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
}

.ResultBarGood{font-family:Arial,Sans-Serif;background:#BBF587;color:#1C4508;font-size:18px;font-weight:bold;}
.ResultBarBad{font-family:Arial,Sans-Serif;background:#F59787;color:#450E08;font-size:18px;font-weight:bold;}


#container_buttons_header{
	height:22px;
	width:100%;
	background:#D4E2ED;
}

#boxRegister form{
	display:inline;
	margin:0;
	padding:0;
}

#boxRegister input{
	position:relative;
	top:2px;
}

#boxRegister{
	width:200px;
	float:right;
	position:relative;
	top:40px;
}
/******* Sophie *******/

a {
  color: #9F7E3B;/*#306389;*/
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #e96c00;
}

.Table a {
  color: #306389;
  text-decoration: none;
}

.Table a:hover {
  text-decoration: none;
  color: #e96c00;
}



/******* End Sophie *******/

/* used for tables inside the content*/
.ForumTable{
	border:none;
	width:100%;
	padding:3px;
	font-size:11px;
}
.BoxGridHeader td{
	border-bottom:1px solid #A6DBF4;
	border:1px solid #A6DBF4;
	font-weight:bold;
	text-align:center;
	
}

.TableLine{
	border:1px solid #FBF7EC;
	margin-bottom:10px;
	background-color:#FBF7EC;
}

.TableHead{
	padding-left:10px;
	background-color:#EFE7D1;
	color:#7F795F;
	font-size:16px;
	font-weight:bold;
}

.TableCell{
	padding-left:10px;
	padding-right:10px;
	border:1px solid #FBF7EC;
	background-color:#EFE7D1;
	color:#313131;
}
.BoxBorderColor{
	border:none;
	padding:3px;
	color: #395b74;
}
.BoxHeader{
	 color: #395b74;
	 font-size:18px;
	 font-weight:bold;
}
.RightColBoxHeader{
	font-size:15px;
	font-weight:bold;
}

.BoxText{
	text-align:left;
	margin-right:3px;
	padding:5px;

}
/******end **********/


.fl {
  float: left;
}

.fr {
  float: right;
}
.fr form{ 
margin: 0px; padding: 0px;
}
.hide{
	display:none;
}
.alignCenter{
	text-align:center;
}

#wrapper {
  width: 802px;
  margin: 0px auto;
  padding-bottom: 50px;
  background: url(/builder-v4/images/center-background.jpg) 0px 149px no-repeat;
}

#wrapper-content {
  width: 802px;
  margin: 0px auto;
  padding-bottom: 50px;
}

#header {
  height: 71px;
  padding-right: 10px;
  font-size: 11px;
  margin-bottom: 30px;
}

#header p {
  margin: 36px 0px 0px 0px;
  padding: 0px;
  background-color: #d4e2ed;
  padding: 2px;
  color: #223b4f;
}

#header input {
  border: 1px solid #FFF;
  background-color: #a7c3da;
  width: 66px;
  margin: 0px 1px;
  color: #223b4f;
  font-size: 10px;
}

#content-header {
  width: 755px;
  height: 130px;
  text-align: right;
  background: url(/builder-v4/images/header-background.jpg) no-repeat;
  margin: 9px auto 0px auto;
  padding: 35px 30px 0px 0px;
}

#content-header-inside {
  width: 755px;
  height: 130px;
  text-align: right;
  background: url(/builder-v4/images/header-background.jpg) no-repeat;
  margin: 9px auto 0px auto;
  padding: 35px 50px 0px 0px;
}

#content-header-inside2 {
  width: 755px;
  height: 130px;
  text-align: right;
  background: url(/builder-v4/images/header-background2.jpg) no-repeat;
  margin: 9px auto 0px auto;
  padding: 35px 50px 0px 0px;
}

#content-header-inside3 {
  width: 755px;
  height: 130px;
  text-align: right;
  background: url(/builder-v4/images/header-background3.jpg) no-repeat;
  margin: 9px auto 0px auto;
  padding: 35px 50px 0px 0px;
}

#content-header-inside4 {
  width: 755px;
  height: 130px;
  text-align: right;
  background: url(/builder-v4/images/header-background4.jpg) no-repeat;
  margin: 9px auto 0px auto;
  padding: 35px 50px 0px 0px;
}

#navigation {
  list-style: none;
  margin: 2px 0px; padding: 0px;
}

#navigation a {
  color: #306389;
  text-decoration: none;
  padding: 2px 4px;
}

#navigation a:hover {
  color: #e96c00;
}

#navigation li { /* main list items */
	float: left;
	position: relative;
	padding: 0px 9px;
}

#navigation li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	padding: 10px 2px 10px 10px;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #a6dbf4;
}

#navigation li ul li {
  margin: 0px;
  width: 100%;
  text-align: left;
  padding: 2px 0px;
}

#navigation li ul li a {
  padding-left: 8px;
  background: url(/builder-v4/images/menu-arrow.gif) 0px 6px no-repeat;
}

#navigation li>ul {
	top: auto;
	left: auto;
}

/* \*/
* html #navigation li ul {
    top: 16px;
	left: 9px; /* equivalent to padding main list item */
}
/* */

#navigation img {
  padding: 0px 2px 0px 4px;
}

#navigation ul li a.boldsub {
  font-weight: bold;
  padding: 0px;
  background: none;
}

#navigation li:hover ul, #navigation li.over ul { 
	display: block;
	width: 170px;
	margin: 0px;
}

#left-wrapper {
  float: left;
  width: 524px;
}

.content {
  float: left;
  width: 554px;
  background: url(/builder-v4/images/content-background.jpg) no-repeat #fbf0db;
}

#nav-bar {
  padding: 5px 10px 5px 15px;
  color: #9f7e3b;
}

#nav-bar h1 {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
}

#breadcrumb {
  float: right;
  list-style: none;
  font-size: 11px;
  margin: 0px 0px 18px 0px;
}


#shop_breadcrumb {
  float: right;
  list-style: none;
  font-size: 11px;
  margin:0;
}

#breadcrumb li {
  display: inline;
  padding: 0px 6px 0px 8px;
  background: url(/builder-v4/images/arrow-nav.gif) 0px 2px no-repeat;
}

#shop_breadcrumb li{
	display: inline;
  padding: 0px 6px 0px 8px;
  background: url(/builder-v4/frame/nav-arrow.gif) 0px 4px no-repeat;
}

#breadcrumb li.home {
  background: url(/builder-v4/images/home-ico.gif) 0px 2px no-repeat;
  padding-left: 15px;
}

#shop_breadcrumb li.home {
  background: url(/builder-v4/images/nav-home.gif) 0px 2px no-repeat;
  padding-left: 15px;
}

#breadcrumb a {
  text-decoration: none;
  color: #9f7e3b;
}

#title-nav {
  padding: 10px 10px 10px 15px;
}

#title-nav h1 {
  float: left;
  font-size: 19px;
  color: #395b74;
  margin: 0px;
}

#title-nav ul {
  float: right;
  list-style: none;
  margin: 0px;
  padding: 1px 0px;
}

#title-nav li {
  display: inline;
  font-size: 11px;
  padding: 0px 5px;
}

#title-nav a {
  color: #9f7e3b;
}

.content {
  font-size: 13px;
  color: #313131;
  text-align: left;
}

.inside-content {
  padding: 0px 15px;
  line-height: 1.5em;
}

.inside-content p {
  margin-top: 0px;
  padding: 0px;
}

.inside-content h1 {
  color:#395B74;
  font-size:15px;
}

.inside-content h2 {
  color:#395B74;
  font-size:13px;
}

.inside-content h3 {
  color:#395B74;
  font-size:17px;
}

.inside-content h4 {
  color:#395B74;
  font-size:11px;
  border-bottom:1px solid #A6DBF4;
  padding:0 0 0 2px;
}

/*.inside-content table img {
  border:1px solid #9F7E3B;
}*/

.inside-content a, .right-content-inside a {
  color: #9F7E3B;
  text-decoration:none;
  font-weight:bold;
}

.inside-content a:hover {
  text-decoration:underline;
 }


#middle {
  background: url(/builder-v4/images/content-background.jpg) 0px -38px no-repeat #fbf0db;
  padding: 10px 15px;
  line-height: 1.5em;
}

#middle img {
  float: left;
  margin: 6px 10px 0px 0px;
}

#search {
  margin-top: 20px;
  font-size: 13px;
  font-weight: bold;
  background: url(/builder-v4/images/search-background.gif) no-repeat;
  text-align: left;
  padding: 10px;
  color: #285271;
}

#search p, #search form {
 padding: 4px 0px;
 margin: 0px;
}

#book {
  text-align: left;
  /*padding: 10px;*/
  margin-top: 20px;
  font-size: 13px;
 /* background: url(/builder-v4/images/books-background.gif) repeat-y;*/
 /*border:1px solid red;*/
}
#bookTop{
	background: url(/builder-v4/images/books-background-top.gif) no-repeat 0% 0%;
	margin: 0 auto;
	padding: 10px;
	height:10px;
	/*border:1px solid blue;*/
}
#bookContents{
	background-color:#FEFAF2;
	padding: 30px 10px 10px 10px;
	margin:-17px 0 0 0;
}

#bookBottom{
	background: url(/builder-v4/images/books-background-bottom.gif) no-repeat bottom;
	background-color:#FEFAF2;
	margin: 0 auto;
	padding: 10px;
	/*height:10px;
	border:1px solid blue;*/
}

#book strong, #book p {
  color: #285271;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

#book img {
  float: left;
  margin-right: 6px;
}

#book h1 {
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  color: #d66b00;
}

#book a{
  /*color: #285271;*/
  color: #d66b00;
  text-decoration: none;
}

#book a:hover {
  color: #d66b00;
  text-decoration: underline;
}

#left-content {
  float: left;
  width: 475px;
  text-align: justify;
  line-height: 1.4em;
  color: #285271;
  margin-top: 47px;
  padding: 10px 30px 0px 12px;
  background: url(/builder-v4/images/left-background.jpg) no-repeat;
}

#left-content h1 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px;
  text-align:left;
}

#left-content p {
  font-size: 13px;
  margin: 0px;
}

.space {
  float: right;
  width: 220px;
  height: 240px;
}

#right-content-nobg{
  float: right;
  width: 200px;
  padding: 0 16px 0px 16px;
}

#right-content {
  float: right;
  width: 244px;
  margin-top: 49px;
  background: url(/builder-v4/images/right-background.jpg) no-repeat;
  padding: 28px 16px 0px 16px;
}

#right-content-inside {
  float: right;
  width: 200px;
  padding: 0px 16px 0px 16px;
  background: url(/builder-v4/images/right-background-inside.jpg) no-repeat;
}

#right-navigation {
  list-style: none;
  margin: 26px 0px 0px 0px;
  padding: 0px;
  text-align: left;
  font-size: 13px;
}

#right-navigation-inside {
  list-style: none;
  margin: 18px 0px 0px 0px;
  padding: 0px;
  text-align: left;
  font-size: 13px;
}

#right-navigation li, #right-navigation-inside li {
  display: inline;
  width: 243px;
  margin: 0px;
}

#right-navigation li img, #right-navigation-inside li img {
  vertical-align: middle;
}

#right-navigation a, #right-navigation-inside a {
  display: block;
  text-decoration: none;
  padding: 3px 0px 3px 20px;
  margin: 2px 0px;
  background: url(/builder-v4/images/bullet-brown.gif) no-repeat 3px 3px #e1ecf1;
  color: #285271;
  font-weight:normal;
}

#right-navigation a:hover, #right-navigation-inside a:hover {
  background-color: #ece2c3;
}

#right-navigation a.main-right, #right-navigation-inside a.main-right {
  font-weight: bold;
  background: none;
  background-color: #e1ecf1;
  padding: 3px 0px 3px 7px;
}

#right-navigation a:hover.main-right, #right-navigation-inside a:hover.main-right {
  background-color: #ece2c3;
}

#content {
  clear: both;
  text-align: left;
  color: #285271;
  font-size: 12px;
  padding: 20px 10px 30px 10px;
}

#content h1, H1 {
  display: block;
  font-size: 14px;
  margin: 10px 0px;
}

.icons {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.icons li {
  display: block;
  width: 240px;
  float: left;
}

.icon-margin {
  margin-bottom: 20px;
  margin-right: 20px;
}

.icons li img {
  float: left;
  padding: 4px;
  background-color: #dbcfa9;
  border: 1px solid #FFF;
  margin: 0px 6px 0px 0px;
}

.icons a {
  text-decoration: none;
  font-weight: bold;
  color: #d66b00;
  font-size: 12px;
}

.icons a:hover {
  text-decoration: underline;
}

.extra {
  margin: 14px 0px;
}

.ender {
  clear: both;
  margin-top: 30px;
}

.ender a {
  text-decoration: none;
  color: #d66b00;
}

.ender a:hover {
  text-decoration: underline;
}

.footer {
  clear:both;
  font-size: 13px;
  color: #285271;
}

/******FLOATS*******/

.inside_content_2col_equal_right{
	float:right;
	width:49%;
	text-align:left;
}

.inside_content_2col_equal_left{
	float:left;
	width:49%;
	text-align:left;
}

.inside_content_2col_right{
	float:right;
	width:29%;
	text-align:center;
	margin:0 0 0 -12px;
	padding:0;
}

.inside_content_2col_left{
	float:left;
	width:72%;
	text-align:left;
	margin:0 0 0 -12px;
	padding:0;
}



/*include boxes*/
.container_include{

	text-align:left;
	padding:5px;
	margin:0 5px 0 5px;

}
.container_include h1{
  font-size:16px;
	margin:0 auto;
	padding:3px;
	background:#D4E2ED;
	color:#223B4F;
	padding-left:5px;
	border:1px solid #A6DBF4;
	border-bottom:none;
}
.container_include h3{
	font-size:12px;
}
.include_box_body{
	margin:0;
	padding:0 5px 0 5px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#285271;
	line-height:20px;
	background:#FDFAF5;
	border:1px solid #A6DBF4;
}
.ltblue_fade_container{
	width:98%;
	text-align:left;
}
.ltblue_fade_container_content{
	width:96%;
	margin:-3px 0 5px 0;
	background:url(/images/frame/ltblue-fade-content.gif) repeat-x;
	text-align:center;
	padding:5px;
}
.ltblue_fade_container_topimage{
	width:240px;
}
/********* font ***************/
.container_include,#header, #header input, #left-content, #right-navigation, #right-navigation-inside, #content, #nav-bar, #title-nav, .content, #search, #book, .footer {
  font-family: Arial, Helvetica, sans-serif;
}

#navigation {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
}

.TextBigger{
	font-weight:bold;
	font-size:13px;
}
/************** forms **************/
.BoxFormText{
	float:right;
	margin-top:-20px;
	margin-bottom:20px;
}

.include_box_body input, .include_box_body select{
	font-size:9px;
}


.product_page_image{
	float:left;
	margin: 0 10px 0 0 ;
}
/********* misc css ***********/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
