@import url(form.css);

* { margin: 0; padding: 0; font-size: 1em; }
img { border: 0; }
body { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 0.7em; line-height: 1em; background-color: #7c8388; }
.clear { height: 0px; font-size: 0px; line-height: 0px; clear: both; }

h1 { font-size: 1.7em; line-height: 1.5em; font-weight: lighter; padding-bottom: 8px; }
h3 { font-size: 1.2em; color: #FFFFFF; }
h4 { font-size: 1.7em; padding-bottom: 20px; }
p { line-height: 1.5em; margin-bottom: 0.75em; }

a { text-decoration: none; }
a:link, a:visited { color: #145679; }
a:hover { color: #25678A; }

input.text { padding: 1px; color: #202020; }
input.text-ghosted { color: #808080; padding: 1px; }
input.text, select { vertical-align: middle; }
input.image { vertical-align: bottom; }
input.button { background-color: #529BBA; color: #FFFFFF; font-weight: bold; border: 0px; padding: 3px; }

div.hr hr { display: none; }
div.hr { margin-bottom: 4px; padding-top: 4px; border-bottom: 1px solid #519bb9; }

ol, ul { margin-left: 1.3em; padding-left: 1.3em; margin-bottom: 0.75em; }

#all { margin-left: auto; margin-right: auto; width: 1010px; margin-top: 20px; background-image: url(../images/shadow_bg.gif); background-repeat: repeat-y; }
	#shadow_balance { float: left; width: 25px; }
	#root { float: left; width: 960px; background-color: #FFFFFF; }
		#header { height: 100px; }
			#tl_circles { float: left; }
			#logo { float: right; padding: 18px; }
		#head_line { height: 4px; font-size: 4px; line-height: 4px; background-image: url(../images/grad_bg.gif); background-repeat: repeat-y; }
		#header_image { height: 144px; }
		#nav_and_search { height: 24px; background-image: url(../images/grad_bg.gif); background-repeat: repeat-y; overflow: hidden; }
			#nav_hor { float: left; list-style-type: none; }
				#nav_hor ul { list-style: none; margin: 0px; padding: 0px; }
				#nav_hor li { display: inline; }
				#nav_hor a { height: 20px; padding: 5px; color: #3c3c3c; font-weight:bold; display: block; float: left; margin-left: 7px; }
				#nav_hor a.level1:active, #nav_hor a.level1active { color: #FFFFFF; }
				#nav_hor a:hover { background-color: #7c8388; color: #FFFFFF; }
			#search_box { float: right; width: 250px; text-align: right; margin: 4px 4px 0px 0px; display: inline; }
				#searchbar { font-size: .9em; line-height: .75em; vertical-align: middle; }
		#dark_line { height: 4px; font-size: 4px; line-height: 4px; background-image: url(../images/grad_bg2.gif); background-repeat: repeat-y; }
		#main { background-image: url(../images/main_bg.gif); background-repeat: repeat-y; height: 1%; }
			#left_column { float: left; width: 189px; background-color: #dcdfe5; padding-top: 20px; }
				.lozenge { width: 162px; margin: 0px auto 20px; }
					.lozenge h3 { height: 20px; padding: 6px 0px 0px 8px; background-image: url(../images/lozenge_header.gif); }
					.lozenge h3.shop { height: 20px; padding: 6px 0px 0px 8px; background-image: url(../images/lozenge_header_shop.gif); }
					.lozenge .content { border-left: 1px solid #6aa8c3; border-right: 1px solid #6aa8c3; background-color: #FFFFFF; padding: 4px 4px 0px 4px; }
					.lozenge .footer { font-size: 11px; line-height: 11px; background-image: url(../images/lozenge_footer.gif); }
				#nav_product { font-weight: bold; font-size: 1em; color: #6aa8c3; }
					#nav_product ul { list-style-type: none; margin: 0px; padding: 0px; }
					#nav_product li { display: inline; }
					#nav_product a { margin: 0px 0px 3px 0px; padding: 8px 0px 8px 8px; display: block; background-color: #edf2f6; color: #6aa8c3; }
					#nav_product a.level1:active, #nav_product a.level1active { background-color: #dbe6ef; }
					#nav_product a:hover { background-color: #c5c9cd; color: #FFFFFF; }
				#partnerlogos { width: 160px; margin: 0px auto; }

				#column_line { height: 6px; background-color: #c4c8cf; margin: 0px 0px 20px; }
			#center_column { float: left; width: 580px; line-height: 1.2em; color: #525252; }
				#center_text { padding: 20px 30px 0px; line-height: 1.6em; }
				#center_feature { padding: 0px 30px; }
				#center_box { margin: 20px 30px 0px; background-color: #f2f3f5; width: 490px; padding: 20px; }
					#box_title { width: 400px; }
					#box_image { float: left; width: 140px; }
					#box_text { float: right; width: 340px; line-height: 1.6em; }
				#box_line { margin: 0px 0px 20px 30px; width: 530px; height: 3px; background-image: url(../images/center_line.gif); background-repeat: repeat-y; }
				#payment_box { margin: 0px 0px 20px 30px; width: 530px; font-size: .8em; }
			#right_column { float: right; width: 179px; background-color: #dcdfe5; padding-top: 20px; }
	#drop_shadow { float: left; }

#footer { margin-left: auto; margin-right: auto; width: 985px; height: 15px; margin-bottom: 30px; padding: 7px 25px 0px 0px; color: #FFFFFF; font-size: .9em; background-image: url(../images/shadow_bottom.gif); background-position: right; }
	#by_source { float: left; margin-left: 25px; display: inline; }
	#footer_links { float: right; text-align: right; }
		#footer_links a { color: #e0e0e0; }

.shop-browser-category-left { float: left; }
.shop-browser-category-right { float: right; }
.shop-browser-category-left, .shop-browser-category-right { margin-bottom: 16px; width: 250px; }
.shop-browser-category-left h2, .shop-browser-category-right h2 { margin: 0; color: #FFFFFF; padding: 4px 10px; background-color: #519bb9; background-image: url(../images/cat_bg.gif); background-repeat: repeat-y; }
.shop-browser-category-left h2 a, .shop-browser-category-right h2 a { color: #FFFFFF; }

.shop-browser-category-box-solidbkgd { margin-bottom: 20px; background-color: #f2f3f5; }
.shop-browser-category-box { margin-bottom: 20px; background-image: url(../images/catbox_bg.gif); background-repeat: repeat-y; }
.shop-browser-category-box h2, .shop-browser-category-box-solidbkgd h2 { margin: 0; color: #FFFFFF; padding: 4px 10px; background-color: #519bb9; background-image: url(../images/cat_bg.gif); background-repeat: repeat-y; }
.shop-browser-category-box-footer { clear: both; margin: 0; background-color: #519bb9; background-image: url(../images/cat_bg.gif); background-repeat: repeat-y; font-size: 4px; height: 4px; line-height: 4px; }
.shop-browser-category-box-thumbnail { float: left; width: 150px; margin: 5px; }
.shop-browser-category-box-description { float: right; width: 320px; padding: 15px; }
.shop-browser-category-box-solidbkgd-description { padding: 10px 10px 0px 10px; }
.products-table { border-collapse: collapse; width: 100%; margin: 10px 0px; }
.products-table th { background-color: #519bb9; color: #ffffff; padding: 2px 4px; border: 1px solid #ffffff; }
.products-table td { padding: 2px 4px; border: 1px solid #ffffff; }

.shop-browser-product-box { float: left; width: 150px; margin: 10px; }
.shop-browser-product-name { font-weight: bold; padding-top: 4px; }
.shop-browser-product-price { float: left; }
.shop-browser-product-orderbutton { float: right; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }

table.basket { border-collapse: collapse; }
table.basket th { background-color: #519bb9; color: #ffffff; padding: 2px 4px; border: 1px solid #ffffff; }
table.basket td { background-color: #f2f3f5; padding: 2px 4px; border: 1px solid #ffffff; }

table.padded th, table.padded td { padding: 2px 0px; }

table.form { border-collapse: collapse; }
table.form th { background-color: #519bb9; color: #ffffff; padding: 2px 4px; border: 1px solid #ffffff; }
table.form td { background-color: #f2f3f5; padding: 2px 4px; border: 1px solid #ffffff; }

#referral { width: 99%; }

p.error { font-weight: bold; color: red; text-align: center; }

#login-password, #login-password-mock { width: 110px; }

#map { float: right; width: 350px; border: 1px solid #519bb9; margin: 0px 0px 20px 20px; }