/* -------------------------------------------
project:  B2 Retail Solutions
date:    2009/01/28
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #636363; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #AFBD21; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%;}

blockquote{margin:0 0 0 30px;}

/* basic text elements */
h1 {margin-bottom: 1em; font-size: 1.7em; font-weight: 400;}
h2 {margin: 1em 0 0.8em 0; font-size: 1.5em;}
h3 {margin: 1em 0 0.8em 0; font-size: 1.2em;}
h4 {margin: 1em 0 0.8em 0; font-size: 1.1em;}
p {margin: 1.3em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {list-style-type: square; margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px; vertical-align: top; }
sup {color: inherit; font-size: 0.7em; line-height: 1em;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 75px; margin: 5px 0;}
input {width: 225px; margin: 5px 0; padding: 2px; border: 1px solid #ccc; background: #f6f6f6;}
	input.chk, input.radio {width: 16px; border: none; background: none; vertical-align: middle;}
textarea {width: 225px; height: 80px; margin: 5px 0; padding: 2px; border: 1px solid #ccc; background: #f6f6f6;}
select {width: 225px; margin: 5px 0 5px 0; padding: 2px 2px 1px; border: 1px solid #ccc; background: #f6f6f6;}
button#submit {float: right; margin: 5px; padding: 2px;  color: #000; font-size: 1.1em;}
form.newsletter{width:340px; }

/* layout
------------------------------------------- */
html {background: #8C9222 url(../images/background.jpg) top repeat-x;}
body {position: relative; width: 911px; margin: 30px auto; padding: 10px 25px; background: url(../images/header.jpg) 1px top no-repeat;}
#header {position: relative; z-index: 5; height: 130px;}
	#header * {margin: 0; padding: 0;}
	#logo {display: block; position: absolute; left: 10px; top: 10px; overflow: hidden; width: 170px; height: 110px; text-indent: -1000px;}
	#mainmenu {position: absolute; left: 365px; top: 10px; z-index: 20; width: 120px; text-transform:lowercase;}
	#mainmenu li {list-style: none; white-space:nowrap;}
	#mainmenu li a, #mainmenu li a:visited {display: block; color: #a4a4a4; line-height: 1.8em; text-decoration: none;}
	#mainmenu li a:hover, #mainmenu li a.over, #mainmenu li a.over:visited {color: #000;}
		.submenu {display: none; position: absolute; top: 0px; left:100px; width:155px; /*left: 120px; width: 150px; background: url(../images/menu-back.png);*/}
		.submenu .submenu  {/*left:130px;*/ left:160px; top: 0;}
		.submenu.active {display:block;}
		
		#mainmenu li a,
		#mainmenu li.current ul li a,
		#mainmenu li.current ul li ul li a,
		#mainmenu li.current ul li.current ul li a,
		#mainmenu li.current ul li ul li ul li a,
		#mainmenu li.current ul li.current ul li.current ul li a {color: #a4a4a4;}
		
		#mainmenu li.current a,
			#mainmenu li.current ul li.current a,
			#mainmenu li.current ul li.current ul li.current a{color: #AFBD21;}
		
		#mainmenu li .submenu li{margin:1px 0; }
		#mainmenu li .submenu li a  {padding:0 12px 0;}
		#mainmenu li .submenu li a.show-menu, .submenu li a.show-menu:visited {display: block; overflow: hidden; height: 20px; background: url(../images/show-menu.png) no-repeat 10px bottom; line-height: 16px; text-indent: -500px;}
	
		#mainmenu li .submenu li a sup{color:#A4A4A4}
		#mainmenu li .submenu li.current a sup{color:#AFBD21}


#content {position: relative; z-index: 1; width: 911px; height: 454px;}
	.std-col {overflow-y:auto; overflow-x:hidden; position: absolute; left: 0; top: 0; width: 322px; height: 350px; padding: 15px 20px; background: #fff;}
	.std-col p {padding:0; margin-bottom:0;}
		.std-col h1, .std-col p {color: #636363;}
		.spec-col h1, .spec-col p {color: #fff;}
	.spec-col{background: #8C9222;}
	.full-col {width: 861px; height: 424px; padding: 15px 25px; background: #fff;}
	.img-col {position: absolute; top: 0; right: 0; width: 549px; height: 380px; background: #fff;}
		.img-col img.bottom-right {position: absolute; bottom: 0; right: 0;}
		.img-col .main-picture {position: relative; top: -30px; width: 249px; height: 410px;}
		.img-col.spec-col {background: #EFF2D3; overflow: auto;}
	.info1 {position: absolute; left: 0; bottom: 0; width: 638px; height: 74px; background: #AFBD21;}
	.info2 {position: absolute; right: 0; bottom: 0; width: 273px; height: 74px;}
	.info1 p, .info2 p {margin: 15px 20px 0 20px; color: #fff;}
	.two-col {background: #8C9222; padding:15px 25px; overflow:auto; width:499px; height:350px}
	
	p.quote {margin-bottom: 0; }
	p.quote-author {margin: 0 20px; text-align: right;}
	
	.info2 .quote {text-align: left; color:#ffffff; margin:5px 20px 0;}
	.info2 .quote *{color:#ffffff}

	.info1 p a {font-weight:bold; color:#fff;}
#footer {position: relative; height: 82px; background: url(../images/footer.jpg) no-repeat;}
	#footer p {position: absolute; margin: 0;}
	p.footer-menu, p.vcard {left: 20px;}
	p.footer-menu {top: 20px; color: #AFBD21; text-transform:lowercase;}
	#footer p.utils {top: 55px; right: 20px; color: #AFBD21; font-size: 0.9em; text-align: right;}
	p.vcard {top: 55px; font-size: 0.9em;}
	#footer form {position: absolute; top: 18px; right: 20px; width: 270px; margin: 0; padding: 0; text-align: right;}
	#footer form legend {display: none;}
	#footer form input, #footer form button {padding: 4px; font-size: 0.9em; vertical-align: middle;}
	#footer form input {width: 125px; margin: 0 10px; border: 1px solid #c2c2c2;}
	#footer form button {border: none; background: #a5a5a5; color: #fff;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}

.std-col p strong, .std-col p b {color: #000;}
.std-col h2, .std-col h3 {margin-top: -1.5em; color: #BECF11; font-size: 1.3em; text-transform: uppercase;}
.std-col h4 {margin-bottom: 0; color: #BECF11; text-transform: uppercase;}
.std-col.spec-col p {margin-top: 0;}
.std-col.spec-col img.product-family {display: none; position: absolute; left: 0; top: 0; z-index: 50;}
.std-spec-col p strong{color:#fff;}

.img-col.spec-col p {color: #636363;}
.img-col.spec-col h2 {margin-top: 1.5em; padding-top: 1.5em; color: #AFBD21; font-size: 1.3em; text-transform: uppercase;}
.img-col.spec-col h2, .img-col.spec-col p, .img-col.spec-col ul, 
.img-col.spec-col ol, .img-col.spec-col form,
.img-col.spec-col table, .img-col.spec-col h1, 
.img-col.spec-col h3, 
.img-col.spec-col h4, 
.img-col.spec-col h5, 
.img-col.spec-col h6,
.img-col.spec-col hr,
.img-col.spec-col dl,
.img-col.spec-col dd,
.img-col.spec-col address {margin-left: 25px; margin-right: 25px;}
.img-col.spec-col form label {width:100px}

.img-col.results {overflow: auto; background: #EFF2D3;}
.results h1, .results p, .results li p {color: #636363;}
.results h1 {margin-left: 30px; margin-top: 15px;}
.results p.summary {float: right; margin-top: 2em; margin-right: 30px;}
.results p.summary strong {color: #636363; font-size: 1.1em;}
.results ul {margin: 0;}
.results ul li {list-style: none; margin: 0; padding: 5px 30px;}
.results ul li.zebra {background: #F7F9E9;}
.results p.found-in {float: left; width: 70px; margin: 0; color: #A4A5A5; text-transform:lowercase;}
.results p.result-details {margin: 0 30px 0 70px;}
.results p.result-details strong {color: #000; font-weight: 400;}

.label {display: block; float: left; width: 35px;}


.news-item {color:white;}
.news-item h4 {margin-bottom: 0; color: #BECF11; text-transform: uppercase;}
.news-item p {margin: 0 0 1.3em 0;}
.news-item a, .news-item a:visited {color: #BECF11;}

.img-col.spec-col.news {padding:15px 25px; width:499px; height:350px;}
.img-col.spec-col.news p, .img-col.spec-col.news h2 {position: relative; z-index: 2; padding:0 0 0; margin:0 0 0px;}
.img-col.spec-col.news h2 {margin: 0 0; padding: 0 0 15px;}
.img-col.spec-col.news p.news-date {margin-bottom: 0;  text-transform:lowercase;}
.img-col.spec-col.news img {position: absolute; right: 0; bottom: 0; z-index: 1;}

.full-col h1 {margin-bottom: 0;}
.map-col {float: left; width: 150px; margin-right: 20px; text-transform:lowercase;}
.map-col ul {margin: 0;}
.map-col ul li {list-style: none; margin: 0;}
.map-col ul li ul {margin-left: 15px;}
.map-col h3 {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.top-link {display:none;}

ul.tags {margin: 0;}
ul.tags li {float: left; list-style: none; margin: 0 10px 0 0;}

ul.news {margin: 0 -25px; padding: 0;}
ul.news li {list-style: none; margin: 0; padding: 5px 30px;}
ul.news li.current {background: #EFF2D3;}
ul.news li p {margin: 0; line-height: 1.2em;}
ul.news li p.news-date {float: left; width: 80px; text-transform:lowercase;}
ul.news li p.news-content {margin-left: 80px;}

ul.pagination {float: right; clear: right; margin: 0; padding: 0;}
ul.pagination li {float: left; list-style: none; margin: 0 5px;}
ul.pagination li a, ul.pagination li a:visited {display: block; float: left; width: 14px; height: 14px; line-height: 14px; text-align: center;}
ul.pagination li a.current, ul.pagination li a.current:visited {background: #A4A5A5; color: #fff;}

.special-section {position: relative; margin: -15px -25px 0 -25px; padding: 15px 30px; background: #EFF2D3 url(../images/section-bottom.png) center bottom no-repeat;}
.special-section h1, .special-section p {width: 300px;}
.special-section p.slogan {position: absolute; right: 0; top: 0; overflow: hidden; width: 270px; height: 170px; margin: 0; background: url(../images/temp/slogan.jpg) left center no-repeat; text-indent: -10001px;}

/* special sections and elements
------------------------------------------- */
.site-search h2, .site-search h3 {margin-bottom: 0;}
.site-search fieldset {margin-bottom: 50px;}
.site-search input#search_text {width: 170px;}
.site-search select#search_specific {width: 120px;}
.site-search .search-button {width: 120px; margin:0px;padding:0px;}
.site-search label.chk {float: left; clear: none; width: auto; margin: 0 12px 0 0;}
.site-search .search-button {margin: 10px 0px; color: #000; font-size: 1.1em;}


/* solutions slider */
p.move-right {float: left; width: 10px; margin: 115px 0;}
p.move-right a, p.move-right a:visited {display: block; float: left; overflow: hidden; width: 10px; height: 20px; background: url(../images/arrow-left.gif) center center no-repeat; line-height: 20px; text-indent: -200px;}
p.move-left {float: right; width: 10px; margin: 115px 0;}
p.move-left a, p.move-left a:visited {display: block; float: right; overflow: hidden; width: 10px; height: 20px; background: url(../images/arrow-right.gif) center center no-repeat; line-height: 20px; text-indent: -200px;}
#slider {position: relative; overflow: hidden; width: 840px; height: 200px; margin: 25px auto;}
.slider-content {position: relative; left: 0; top: 0; height: 195px; margin: 0;}
.slider-content li {list-style: none; position: relative; left: 0; top: 0; float: left; height: 195px; margin: 0; padding: 0; }
.slider-content li .solution-name {position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 10px; background: url(../images/arrow-up.gif) center top no-repeat; text-align: center;}

a#show-family, a#show-family:visited, a.prev, a.prev:visited, a.next, a.next:visited {display: block; overflow: hidden; background: url(../images/sprite.gif) no-repeat;}

a#show-family, a#show-family:visited { position: absolute; left: 30px; bottom: 20px; z-index: 3; width: 98px; height: 14px; padding-left: 12px; background-position: 0 0; color: #fff; font-size: .9em; line-height: 12px;}
a#show-family:hover {background-position: 0 -14px; color: #fff; text-decoration: none;}

a.prev, a.prev:visited {float: left; width: 20px; height: 20px; margin: 15px 5px 0 0; background-position: -111px 0; text-indent: -1000px;}
a.prev:hover {background-position: -110px -20px;}
a.next, a.next:visited {float: left; width: 20px; height: 20px; margin: 15px 0 0 5px; background-position: -130px 0; text-indent: -1000px;}
a.next:hover {background-position: -130px -20px;}

p.inst{padding:0; margin:0 20px; height:74px; line-height:80px; vertical-align:middle; text-align:right;}

.gad{float:right; width:103px; height:17px; background:url(/images/davis.jpg) no-repeat; margin:10px 0 0; }
.gad span{display:none;}