/*-----global-----*/

/*div 
{border: 1px red none; }
*/
body 
{margin: 0;
padding: 0;
font-family: Arial,Sans-serif,"Trebuchet MS",Verdana;
line-height: 18px;
font-size: 13px;
background-color: white;
background-image: url('../gfx/bg/wheat_field-wide3.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom left;
}

* 
{margin: 0px;
padding: 0px; 
}

p 
{margin: 0px 0 8px; }

a 
{color: #2f71a6;
text-decoration: none; }

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 
{color: white; }

h1 
{font-size: 20px;
margin: 18px 0px 8px 0px;
line-height: 18px;
font-weight: normal; }

h2 
{font-size: 26px;
margin: 22px 0px 15px 0px;
line-height: 18px;
font-weight: normal;
letter-spacing: 1px; }

h3 
{font-size: 20px;
margin: 12px 0px 12px 0px;
line-height: 26px;
font-weight: normal; }

h4 
{font-size: 14px;
margin: 0px 0px 8px 0px;
line-height: 18px;
font-weight: normal; }

h5 
{font-size: 12px;
margin: 10px 0px 2px 0px;
line-height: 18px;
font-weight: bold; }

b 
{font-weight: bold; }

img 
{padding: 0px;
margin: 0px;
border: none; }

big 
{font-size: 1.1em;
font-weight: normal; }

small 
{font-size: .9em;
font-weight: normal; }

/*-----layout-----*/

#container 
{width: 800px;
position: relative;
margin-left: auto;
margin-right: auto;
min-height: 585px;
margin-top: 10px; 
background-image: url(../gfx/bg/bread_logo_blue.png);
background-repeat: no-repeat;
background-color: transparent; }

#head 
{position: relative;
height: 82px; }

#navarea 
{position: relative;
height: 24px; }

#main 
{position: relative;
margin-top: 1px;
padding-top: 1px;
height: 475px; }

#mainloose 
{height: auto; }

/*-----head-----*/

#head img 
{/*position: absolute;  removed by Rob in line with styles_index.css*/
top: 18px;
left: 20px; }

#head h1 
{position: absolute;
/*left: -999em;*/ }

/*nav*/

#nav, #nav ul 
{height: 25px;
position: relative;
font-size: 13px;
float: left;
list-style: none;
line-height: 1;
z-index: 1;
font-weight: bold;
margin: 0 0 10px 20px; }

#nav a 
{display: block;
height: 24px;
text-decoration: none;
color: white; }

#nav a:hover, #nav a.on 
{color: #2f71a6;
background-color: #97d4e6; }

#nav li a span 
{position: relative;
top: 5px; }

#nav li 
{float: left;
/*width: 102px;*/
border: 1px white solid;
text-align: center;
margin-right: 5px; 
background-color: #639CD1; }

#nav li ul 
{position: absolute;
width: 105px;
left: -999em; }

#nav li ul li 
{border-right: 1px green solid;
border-bottom: 1px green solid; }

#nav li ul ul 
{margin: -26px 0 0 106px; }

#nav li:hover ul ul, #nav li.sfhover ul ul 
{left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul 
{left: auto; }

#nav li .home 
{width: 75px; }

#nav li .get 
{width: 115px; }

#nav li .features 
{width: 85px; }

#nav li .using 
{width: 115px; }

#nav li .faq 
{width: 75px; }

#nav li .news 
{width: 75px; }

#nav li .contact 
{width: 90px; }

#nav li .loginlink 
{width: 75px; }


/*bread*/

#bread 
{position: absolute;
top: 29px;
left: -2px;
color: #ffffff;
font-size: 10px; }

#bread ul 
{ }

#bread ul li 
{margin-right: 3px;
color: #ffffff;
display: block;
float: left; }

#bread ul li a 
{color: blue;
text-decoration: none;
top: 40px; }

#bread ul li a:hover 
{color: white;
text-decoration: none;
position: relative; }

/*home*/

#main.homepage {
background-image: url(../gfx/bg/images/bread_cards.png);
background-repeat: no-repeat; }

#text1.homepage
{width: 450px;
min-height: 336px;
height: 330px;
margin-top: 0px;
margin-left: 20px; }

#text1.homepage  h3 
{/*color: #2f71a6;*/
/*	color: black;*/
color: white;
/*	color: #f1b73f;  //bread yellow*/
letter-spacing: 1px;
font-weight: bold; }

#text1.homepage  p 
{font-size: 13px;
line-height: 20px;
/*color: white;*/ }

#text1.homepage  b p
{font-size: 16px;
line-height: 22px;
margin-top: 35px;
font-weight: bold;
margin-bottom: 0px; 
/*color: white;*/}

#panelset 
{ clear: both;
float: left;
margin: 3px 0px 0px 20px;
background-color: transparent;
}

.panels 
{width: 176px;
float: left;
display: inline;
min-height: 160px;
height: 160px;
_height: 160px;
background-color: transparent;
padding: 6px 10px 4px 6px;
overflow: visible;
margin: 0px 0px 0px 0px;
background-image: url(../gfx/bg/panel.png);
background-repeat: no-repeat; }

.panels p {
/*	color: #8b7a6f; //bread grey*/
/*	color:  #3c79b8; //bread blue*/
	color: black;
}

.panels a {
/*	color: #8b7a6f; //bread grey*/
	color:  #3c79b8; /*//bread blue*/
}

.panels h4 {
	color: black;
/*	color:  #3c79b8; //bread blue*/
/*	font-weight: bold;*/
}

.panels p.links 
{line-height: 18px; }

.panels p.prices 
{line-height: 16px;
width: 165px;
position: relative; }

.panels p.prices b 
{display: inline;
position: absolute;
right: 0px; }


#text1 
{width: 760px;
height: auto;
margin-left: 20px; }

#innertext_top {
	background: transparent url(../gfx/bg/opaque_box_top.png) no-repeat;
	height: 20px;
}

#innertext 
{/*background-color: white;*/
background: transparent url(../gfx/bg/opaque_box_middle.png) repeat-y;
min-height: 405px;
width: 760px;   /*added by rob from mw version*/
float: left;   /*added by rob from mw version*/
overflow: auto; }

#features_back
{background: transparent url(../gfx/bg/rounded_edge_white_features.png);}

#using_back
{background: transparent url(../gfx/bg/rounded_edge_white_using.png);}

#faq_back
{background: transparent url(../gfx/bg/rounded_edge_white_faq.png);}


#innertext h3,  #innertext h4,  #innertext h5,  #innertext p 
{margin-left: 20px;
margin-right: 20px; } /*changed by rob from 280px in line with mw version*/

#innertext h3 
{color: #2f71a6;
margin-top: 20px; }

#innertext h4 
{color: #8b7a6f; }

#innertext h5 
{color: #8b7a6f;
margin-top: 15px; }

#innertext p 
{margin-right: 20px; } /*changed by rob from 280px in line with mw version*/

#innertext ul 
{margin-left: 36px;
margin-bottom: 10px;
margin-right: 320px; }

#innertext ol 
{margin-left: 41px;
margin-bottom: 10px;
margin-right: 320px; }

#innertext ul li 
{list-style-image: url(../gfx/misc/bullet.gif); }

#innertext_round_bottom {
	height: 20px;
	background: bottom left no-repeat url(../gfx/bg/opaque_box_bottom.png);
	overflow: auto;
	float:left;
	width: 760px;
}

.contacttext h3 
{margin-bottom: 0px; }

p.links 
{width: 420px;
margin-bottom: 15px; }

img.inline 
{
float: right;
margin-right: 20px; }

/*-----legal-----*/

#legal 
{float: left;
clear: both;
width: 760px;
margin: 5px 0px 0px 20px;
background-color: white;
background: url(../gfx/bg/images/legal_panel.png);
height: 60px;
padding: 5px 5px 5px 5px;}

#legal p 
{float: left;
display: inline;
font-size: 9px;
line-height: 10px; 
color: #8b7a6f; /*//bread grey;*/
padding-right: 5px;
}

.flags 
{
	float: right;
	margin-top: 48px;
	margin-right: 17px;
	display:inline;
}

.flags img
{
	margin-left: 10px;
}

.formError
{color: red;}

#flash_notice { /*flash notice*/
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: white;
	text-align: center;
	margin-top: 8px;
	border: 2px solid white;
}

#flash_error {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: red;
	background-color: white;
	text-align: center;
	margin-top: 8px;
	border: 2px solid white;
}

.contact_box {
	color: #2f71a6;
	margin: 12px;
	width: 85%;
}

/*terms*/
#terms_table {
	width: 650px;
	margin-left: 50px;
}


#terms_table th {
background-color: #2F71A6 ;
color:white;
padding:5px;
}


#terms_table td {
background-color: #ffcb31;
padding:3px;
}

.colorbox_text {
	color: #3C79B8;
}

#innertext .product_information p {
	margin-left: 0px;
}

#innertext .product_information ul {
	padding: 5px 0;
}

#product_information_list {
	margin-left: 12px;
}