/*
	Style Sheet for Product Pages ONLY
	$Id$
*/

body {
    font-family: Verdana, Arial, sans-serif;
	background-color: #fff;
    color: #039;
	padding: 0;
	margin: 0;
}

div {
	padding: 0;
	margin: 0;
	border: none
}


#product_header, #product_body {
	width: 100%;
}


#product_logo #product_name {
	padding: 2px 0 2px 14px;
	width: 537px;				/* 551 - (0 + 14) = 537 */
	font-family: Arial, sans-serif;
	background-color: #858789;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#product_image {
	margin: 5px 0;
	height: 200px;
	width: 100%;
}

#product_image img {
	vertical-align: middle;
	display: inline;
	padding-left: 30px;
}

.support_icons {
	padding: 4px 0 4px 30px;
	margin: 0;
    background:url(/c/img/bluarrow_east.gif) no-repeat;
    background-position: 10px 2px;
}

#product_details {
	width: 290px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
}

#product_details h1, #product_support h1 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    margin: 5px 0 5px 0;
    background:url(/c/img/bluarrow_east.gif) no-repeat;
    background-position: 10px 2px; 
	display: block;
}

#product_details p {
	text-align: justify;
}

#product_support {
	margin: 0 0 0 300px;
	padding: 0;
	
}

#product_support ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#product_support li, #product_support li a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
    background:url(/c/img/bluarrow_east.gif) #B6C7EA no-repeat;
    background-position: 10px 6px;
	color: #039;
}

#product_support li a {
	line-height: 22px;
	padding: 0 0 0 30px;
	border: none;
}

#product_support a:hover {
    color: #fff;
    background-image: url(/c/img/litearrow_east.gif);
	background-color: #039;
    background-position: 10px 6px; 
	height: 1%;
}

#product_support li small {
	display: block;
	padding: 0 0 0 30px;
    background-position: 10px 1px;
    border-top: solid #039 1px;
    border-bottom: solid #039 1px;
}

#print_me {
	width: 160px;
	padding: 0;
	margin: 0 0 10px 0;
}

#print_me a {
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	color: #039;
	display: block;
	padding: 4px 14px 4px 30px;
	border: 1px solid #039;
    background:url(/c/img/bluarrow_east.gif) #fff no-repeat;
    background-position: 10px 6px;
}

#print_me a:hover {
	padding: 4px 14px 4px 30px;
	background:url(/c/img/litearrow_east.gif) #039 no-repeat;
    background-position: 10px 6px;
}

/*
.strip_header {
	text-align: left;
	display: block;
	background-image: url(/c/img/striphdr_bg.jpg);
	height: 28px;
}

.strip_header .right {
	text-align: right;
	float: right;
}
*/

.hide, #product_support h1.hide {
	display: none;
}

/* Navigation Pages */

#fancy_header #left_column {
    height: 150px;
    width: 298px;
    padding: 0;
    margin: 0;
    border: none;
    float: left;
}

#left_column p, #right_column p {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 24px;
    font-size: 11px;
}

#left_column p a, #right_column p a {
    font-weight: bold;
    color: #039;
    text-decoration: none;
    display: block;
    height: 24px;
    padding: 0 0 0 30px;
    background:url(/c/img/bluarrow_east.gif) #B6C7EA no-repeat;
    background-position: 10px 6px;
    border: 0;
}

#fancy_header a:hover {
    color: #fff;
    background:url(/c/img/litearrow_east.gif) #039 no-repeat;
    background-position: 10px 6px;
}

#fancy_header #right_column {
    height: 150px;
    padding: 0;
    margin: 0 0 0 302px;
}

#right_column #blue_box {
    height: 130px;
    background-color: #039;
}



/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #product_support {
	height: 1%;
}
 
* html #fancy_header #right_column {
	margin: 0 0 0 299px;
}

* html #product_support li a {
	line-height: 22px;
	height: 22px;
}

* html #product_support li small {
    height: 22px;
}

/* End hide from IE5/mac */