@charset "UTF-8";
/* CSS Document */

body {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image: url(../images/head-tile.gif);
	background-repeat: repeat-x;
}

#content_holder {
	position: absolute; 
	left: 10px;
	width: 955px;
	z-index: 1;  
}

#header {
	position: relative; 
	left: 0px; 
	top: 0px; 
	width: 955px; 
	height: 95px; 
	z-index: 2;
}

.login {
	position: relative; 
	float: left; 
	left: 0px; 
	top: 0px; 
	width: 470px; 
	height: 30px;
	/*background-image: url(../images/log-in.gif);*/
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	position: relative; 
	float: left;
	margin: 5px 10px 0px 5px;
	font-size: 12px;
	color: #626262;
	line-height: 16px;
}

.form_field {
	position: relative; 
	float: left;
	margin: 5px 0px 0px 0px;
}

.form_btn {
	position: relative; 
	float: left;
	margin: 0px 0px 0px 5px;
}

#navigation {
	position: relative;
	float: left; 
	left: 0px; 
	top: 0px; 
	width: 960px; 
	height: 30px;
}

.mag_product {
	position: relative; 
	float: left; 
	left: 15px; 
	top: 25px; 
	width: 220px; 
	height: 280px;
	background-image: url(../images/mag.jpg);
	text-align: center;
}

.mag_cover {
	/*margin: 22px 0px 0px 22px;*/
	margin-top: 40px;
}

.mag_detail {
	position: relative;
	float: left;  
	left: 30px; 
	top: 25px; 
	width: 220px; 
}

.mag_text {
	position: relative; 
	float: left; 
	left: 45px; 
	top: 25px; 
	width: 455px; 
}

.home_feature {
	position: relative; 
	float: left; 
	left: 15px; 
	top: 15px; 
	width: 455px; 
}

.home_feature2 {
	position: relative; 
	float: left; 
	left: 15px; 
	top: 20px; 
	width: 455px; 
}

.home_detail {
	position: relative;
	float: left;  
	left: 15px; 
	top: 15px; 
	width: 220px; 
}

.img_line {
	margin-top: 0px;
}

.img_feature {
	postion: relative;
	float: left;
	margin-top: 0px;
}

.bttn_img {
	postion: relative;
	float: left;
	margin: 0px 5px 0px 0px;
}

.img_left {
	postion: relative;
	float: left;
	margin-top: 15px;
}

.about_detail {
	position: relative;
	float: left;  
	left: 15px; 
	top: 15px; 
	width: 330px; 
}

.comp_feature {
	position: relative; 
	float: left; 
	left: 30px; 
	top: 15px; 
	width: 455px; 
}

.comp_feature2 {
	position: relative; 
	float: left; 
	left: 30px; 
	top: 20px; 
	width: 455px; 
}

.comp_detail {
	position: relative;
	float: left;  
	left: 0px; 
	top: 15px; 
	width: 270px; 
}

.mag_holder1 {
	position: relative; 
	float: left; 
	left: 15px; 
	top: 15px; 
	width: 925px; 
	margin-bottom: 10px;
}

.mag_holder2 {
	position: relative; 
	float: left; 
	left: 15px; 
	top: 30px; 
	width: 925px; 
	margin-bottom: 10px;
}

.mag_title {
	position: relative; 
	float: left; 
	left: 0px; 
	top: 0px; 
	width: 925px; 
	height: 45px;
}

.mag_box {
	position: relative; 
	float: left;
	left: 0px; 
	top: 5px; 
	width: 220px; 
	height: 125px;
}

.mag_box_offer {
	position: relative; 
	float: left;
	left: 0px; 
	top: 5px; 
	width: 220px; 
	height: 125px;
	background-image: url(../images/offer_back.gif);
	background-repeat: no-repeat;
}

.mag_box2 {
	position: relative; 
	float: left;
	left: 0px; 
	top: 10px; 
	width: 220px; 
	height: 125px;
}

.mag_boxr {
	position: relative; 
	float: left;
	left: 15px; 
	top: 5px; 
	width: 220px; 
	height: 125px;
}

.mag_boxr3 {
	position: relative; 
	float: left;
	left: 30px; 
	top: 5px; 
	width: 220px; 
	height: 125px;
}

.mag_boxr4 {
	position: relative; 
	float: left;
	left: 45px; 
	top: 5px; 
	width: 220px; 
	height: 125px;
}

.img_mag {
	postion: relative;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.mag_info {
	postion: relative;
	float: left;
	width: 120px;
}

.link_box {
	position: relative;
	float: left; 
	left: 0px; 
	top: 5px; 
	width: 220px; 
}

.link_boxr {
	position: relative; 
	float: left;
	left: 15px; 
	top: 5px; 
	width: 220px; 
}

.link_boxr3 {
	position: relative; 
	float: left;
	left: 30px; 
	top: 5px; 
	width: 220px; 
}

.link_boxr4 {
	position: relative; 
	float: left;
	left: 45px; 
	top: 5px; 
	width: 220px; 
}

.logo {
	position: relative;
	float: left;
}

.banner {
	position: relative; 
	float: left;
	margin: 20px 0px 0px 140px;
}

/* NAVIGATION */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

li {
	float: left;
	position: relative;
	margin-left: 0px;
}
	
li ul {
	display: none;
	position: absolute;
	width: 800px;
	left: 0;
}	

li > ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { display: block; }
	
ul li a {
	display: block;
	text-decoration: none;
	color: #655d5d;
	border-bottom: 0;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* END NAVIGATION */

/* ROLL OVER */

a.menuhome {
	width: 121px; 
	height: 30px;
	background-image:url(../images/home-off.gif);
	background-repeat: no-repeat;
}

a.menuhome:hover {
	width: 121px; 
	height: 30px;
	background-image:url(../images/home-on.gif);
	background-repeat: no-repeat;
}

a.menumags {
	width: 115px; 
	height: 30px; 
	background-image:url(../images/mags-off.gif);
	background-repeat: no-repeat;
}

a.menumags:hover {
	width: 115px; 
	height: 30px; 
	background-image:url(../images/mags-on.gif);
	background-repeat: no-repeat;
}

a.menuabout {
	width: 120px; 
	height: 30px; 
	background-image:url(../images/about-off.gif);
	background-repeat: no-repeat;
}

a.menuabout:hover {
	width: 120px; 
	height: 30px; 
	background-image:url(../images/about-on.gif);
	background-repeat: no-repeat;
}

a.menuhelp {
	width: 115px; 
	height: 30px;
	background-image:url(../images/help-off.gif);
	background-repeat: no-repeat;
}

a.menuhelp:hover {
	width: 115px; 
	height: 30px;
	background-image:url(../images/help-on.gif);
	background-repeat: no-repeat;
}

a {
	color: #ff42b2;
	text-decoration: none;
}

a:hover {
	color: #ff42b2;
	text-decoration: underline;
}

/* TEXT STYLE */

h1 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 100;
	margin: 0px 0px 10px 0px;
}

h2 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 100;
	line-height: 20px;
	color: #0e3761;
	margin-bottom: 5px;
}

h3 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
	color: #0e3761;
	margin: 5px 0px 5px 0px;
}

h4 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
	color: #0e3761;
	margin: 5px 0px 0px 0px;
}

.section_head {
	font-size: 14px;
	font-weight: 100;
	/*line-height: 18px;*/
	color: #0e3761;
	/*margin: 5px 0px 0px 0px;*/
}

p {
	border: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 12px;
	color: #626262;
	line-height: 16px;
}

.blue_head {
	font-size: 16px;
	font-weight: 100;
	line-height: 20px;
	color: #0e3761;
}

.pink_head {
	font-size: 16px;
	color: #ff42b2;
}

.footer {
	color: #989898;
	margin-top: 5px;
}

.footer2 {
	color: #989898;
	margin-bottom: 25px;
}

.line_pad {
	margin-bottom: 0px;
	padding: 0;
}

.line_pad2 {
	margin-top: 0px;
	padding: 0;
}

.mag_price {
	margin: 0;
	padding: 0;
	display: block;
	background-color: #7291a2;
	color: #FFFFFF;
	font-size: 12px;
	/*height: 18px;*/
	padding-left: 10px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.mag_offer {
	margin: 0;
	padding: 0;
	display: block;
	background-color: #ff42b2;
	color: #FFFFFF;
	font-size: 12px;
	/*height: 18px;*/
	padding-left: 10px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.left_margin {
	margin-left: 10px;
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
	color: #0e3761;
	margin-top: 10px;
	margin-bottom: 5px;
}

.left_margin2 {
	margin-left: 10px;
	font-size: 12px;
	color: #626262;
}

#nav_load {
	position: absolute;
	left: -200px;
	width: 200px;
}