/* ---- IMPORT STYLES ----- */

@import url(content.css);

/* ---- BODY STYLES ----- */

body, html {
	background: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
}

/* - NAVIGATION STYLES - */

#navigation {
	margin: 0 0 20px 0;
	height: 39px;
	background: #235381 url(../images/nav/nav_bg.gif) top left repeat-x;
	padding: 0;
	position: relative;
}

#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navigation li, #navigation a {
	height: 39px;
	display: block;
}

#navigation hr {
	display: none;
}

#nav_left {left: 0; width: 5px; background: transparent url(../images/nav/nav_left.gif) left top no-repeat; }

#nav_home {left: 5px; width: 96px; background: transparent url(../images/nav/nav_home.gif) left top no-repeat; }
#nav_home a:hover {background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }
#nav_home a:visited:hover {background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }
#nav_home_selected {left: 5px; width: 96px; background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }

#nav_divider1 {left: 101px; width: 11px; background: transparent url(../images/nav/nav_divider.gif) left top no-repeat; }

#nav_profile {left: 112px; width: 101px; background: transparent url(../images/nav/nav_profile.gif) left top no-repeat; }
#nav_profile a:hover {background: transparent url(../images/nav/nav_profile_off.gif) left top no-repeat; }
#nav_profile a:visited:hover {background: transparent url(../images/nav/nav_profile_off.gif) left top no-repeat; }
#nav_profile_selected {left: 112px; width: 101px; background: transparent url(../images/nav/nav_profile_off.gif) left top no-repeat; }

#nav_divider2 {left: 213px; width: 11px; background: transparent url(../images/nav/nav_divider.gif) left top no-repeat; }

#nav_news {left: 224px; width: 92px; background: transparent url(../images/nav/nav_news.gif) left top no-repeat; }
#nav_news a:hover {background: transparent url(../images/nav/nav_news_off.gif) left top no-repeat; }
#nav_news a:visited:hover {background: transparent url(../images/nav/nav_news_off.gif) left top no-repeat; }
#nav_news_selected {left: 224px; width: 92px; background: transparent url(../images/nav/nav_news_off.gif) left top no-repeat; }

#nav_divider3 {left: 316px; width: 11px; background: transparent url(../images/nav/nav_divider.gif) left top no-repeat; }

#nav_products {left: 327px; width: 114px; background: transparent url(../images/nav/nav_products.gif) left top no-repeat; }
#nav_products a:hover {background: transparent url(../images/nav/nav_products_off.gif) left top no-repeat; }
#nav_products a:visited:hover {background: transparent url(../images/nav/nav_products_off.gif) left top no-repeat; }
#nav_products_selected {left: 327px; width: 114px; background: transparent url(../images/nav/nav_products_off.gif) left top no-repeat; }

#nav_divider4 {left: 441px; width: 11px; background: transparent url(../images/nav/nav_divider.gif) left top no-repeat; }

#nav_manufacturers {left: 452px; width: 154px; background: transparent url(../images/nav/nav_manufacturers.gif) left top no-repeat; }
#nav_manufacturers a:hover {background: transparent url(../images/nav/nav_manufacturers_off.gif) left top no-repeat; }
#nav_manufacturers a:visited:hover {background: transparent url(../images/nav/nav_manufacturers_off.gif) left top no-repeat; }
#nav_manufacturers_selected {left: 452px; width: 154px; background: transparent url(../images/nav/nav_manufacturers_off.gif) left top no-repeat; }

#nav_divider5 {left: 606px; width: 11px; background: transparent url(../images/nav/nav_divider.gif) left top no-repeat; }

#nav_contact {left: 617px; width: 128px; background: transparent url(../images/nav/nav_contact.gif) left top no-repeat; }
#nav_contact a:hover {background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }
#nav_contact a:visited:hover {background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }
#nav_contact_selected {left: 617px; width: 128px; background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }

#nav_right {left: 745px; width: 5px; background: transparent url(../images/nav/nav_right.gif) left top no-repeat; }

/* - NAVIGATION 2 STYLES - */

#navigation2 {
	position: absolute;
	margin: 28px 0 0 558px;
	width: 160px;
	height: 18px;
	padding: 0;

}

#navigation2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navigation2 li, #navigation2 a {
	height: 18px;
	display: block;
}

#navigation2 hr {
	display: none;
}

#nav2_privacy {left: 0; width: 45px; background: transparent url(../images/nav/nav2_privacy.gif) left top no-repeat; }
#nav2_privacy a:hover {background: transparent url(../images/nav/nav2_privacy_off.gif) left top no-repeat; }
#nav2_privacy a:visited:hover {background: transparent url(../images/nav/nav2_privacy_off.gif) left top no-repeat; }
#nav2_privacy_selected {left: 0; width: 45px; background: transparent url(../images/nav/nav2_privacy_off.gif) left top no-repeat; }

#nav2_divider1 {left: 46px; width: 4px; background: transparent url(../images/nav/nav2_divider.gif) left top no-repeat; }

#nav2_sitemap {left: 51px; width: 50px; background: transparent url(../images/nav/nav2_sitemap.gif) left top no-repeat; }
#nav2_sitemap a:hover {background: transparent url(../images/nav/nav2_sitemap_off.gif) left top no-repeat; }
#nav2_sitemap a:visited:hover {background: transparent url(../images/nav/nav2_sitemap_off.gif) left top no-repeat; }
#nav2_sitemap_selected {left: 51px; width: 50px; background: transparent url(../images/nav/nav2_sitemap_off.gif) left top no-repeat; }

#nav2_divider2 {left: 102px; width: 4px; background: transparent url(../images/nav/nav2_divider.gif) left top no-repeat; }

#nav2_contacts {left: 108px; width: 52px; background: transparent url(../images/nav/nav2_contacts.gif) left top no-repeat; }
#nav2_contacts a:hover {background: transparent url(../images/nav/nav2_contacts_off.gif) left top no-repeat; }
#nav2_contacts a:visited:hover {background: transparent url(../images/nav/nav2_contacts_off.gif) left top no-repeat; }
#nav2_contacts_selected {left: 108px; width: 52px; background: transparent url(../images/nav/nav2_contacts_off.gif) left top no-repeat; }


/* --- LAYOUT STYLES --- */

#container {
	width: 750px;
	margin: 0 auto 10px auto;
	background: #fff url(../images/bg.gif) bottom right no-repeat;
	padding: 0;
	text-align: left;
	height: auto;
}

#header {
	width: 750px;
	height: 117px;
	background: #f4f4f4 url(../images/header_bg.gif) top left repeat-x;
}

#logo {
	position: absolute;
	display: block;
	margin: 32px 0 0 25px;
	width: 192px;
	height: 73px;
	background: transparent url(../images/ramelec_electronics.gif) top left no-repeat;
}

#header_search {
	position: absolute;
	margin: 73px 0 0 561px;
}

#content {
	width: 750px;
	height: auto;
}

#content_left {
	width: 500px;
	float: left;
	height: auto;
}

#content_right {
	width: 225px;
	float: right;
	height: auto;
}

#footer {
	width: 750px;
	height: 70px;
	padding: 0;
	margin: 10px 0 0 0;
	background: #fff url(../images/footer.gif) top left no-repeat;
	color: #777;
}

#footer p {
	margin: 0;
	line-height: 45px;
}

#beeinteractive a {
	position: absolute;
	margin: -5px 317px 0 317px;
	width: 116px;
	height: 25px;
	display: block;
	background: #fff url(../images/beeinteractive_off.gif) top left no-repeat;
}

#beeinteractive a:hover {
	background: transparent url(../images/beeinteractive.gif) top left no-repeat;
}

/* --- HOME PAGE STYLES --- */

.box {
	width: 201px;
	padding: 8px 12px 3px 12px;
	background: #f4f4f4 url(../images/box_top.gif) top left no-repeat;
}

.box_bottom {
	width: 225px;
	height: 3px;
	margin: 0 0 15px 0;
	background: #f4f4f4 url(../images/box_bottom.gif) bottom left no-repeat;
}

.box_bottom hr {
	display: none;
}

.box h1 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 18px;
	color: #2274c9;
	font-weight: bold;
}

.box span {
	color: #000;
}

.btn_linecard {
	margin: 0 0 10px 0;
	width: 225px;
	height: 28px;
	display: block;
	background: #fff url(../images/home/btn_linecard.gif) bottom left no-repeat;
}

.btn_linecard:hover {
	background: transparent url(../images/home/btn_linecard_off.gif) bottom left no-repeat;
}

.btn_mailinglist {
	margin: 0 0 5px 0;
	width: 225px;
	height: 28px;
	display: block;
	background: #fff url(../images/home/btn_mailinglist.gif) bottom left no-repeat;
}

.btn_mailinglist:hover {
	background: transparent url(../images/home/btn_mailinglist_off.gif) bottom left no-repeat;
}


/* --- NEWSLETTER PAGE STYLES --- */

.newsletter {
	line-height: 22px;
	padding: 2px 5px 8px 5px;
}

/* --- PRODUCTS PAGE STYLES --- */

.product_box {
	float: left;
	width: 140px;
	height: 182px;
	margin: 0 12px 0 0;
}

.product_title {
	width: 140px;
	height: 38px;
	background: #fff url(../images/products/product_title.gif) top left no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 38px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

.product_th {
	display: block;
	margin: 5px 5px 5px 5px;
}

.product_moreinfo {
	display: block;
	width: 140px;
	margin: 5px 0;
	height: 19px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #fff url(../images/products/product_moreinfo.gif) top left no-repeat;
	text-decoration: none;
}

.product_moreinfo:hover {
	background: transparent url(../images/products/product_moreinfo_off.gif) top left no-repeat;
	color: #fff;
	text-decoration: none;
}

/* --- CONTACT PAGE STYLES --- */

.contact {
	line-height: 22px;
	padding: 2px 5px 8px 5px;
}