﻿ /* 	
	logitech CSS declarations - product detail styles
	copyright logitech 2007	 
*/

.detail #header {
	top: 256px;
}
.detail #hero {
	height: 330px;
}
#views {
	position: absolute;
	top: 232px;
	right: 10px;
	width: 410px;
	z-index: 20;
	text-align: center;
}
#views ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#views li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #474747;
}
#views li.first {
	border: none;
}	
#views li a {
	color: #474747;
	font-size: 1.16em;
	text-transform: uppercase;
}
#views li a span {
	font-weight: bold;
}
#product_color {
	position: absolute;
	top: 25px;
	right: 50px;
	z-index: 2;
}
#selector {
	position: absolute;
	top: 277px;
	right: 27px;
	z-index: 30;
}
#selector ul {
	float: left;
}
#selector li {
	float: left;
	display: inline;
	padding: 1px 4px 1px 0;
	margin: 0;
}
#selector h4 {
	float: left;
	padding: 0 4px 0 0;
	font-size: 1.16em;
	line-height: 23px;
	font-weight: normal;
	color: #fff;	
	text-transform: uppercase;
}

.detail p.sub_header {
	padding-bottom: 10px;
}
.special_msg {
	margin: 0px;
	padding-bottom: 12px;
	color: #bb1515;
	font-size: 1.16em; 
}

/*Special Message for Christmas holiday delivery*/
.special_msg2 {
	margin: 0px;
	padding-bottom: 12px;
	color: #bb1515;
	font-size: 1em;
	font-family:Arial;
	/*font-weight:bold;*/
}

/* tab areas */
.detail .overview,
.detail .how_to,
.detail .specifications,
.detail .awards_reviews {
	margin: 10px 0 0 15px;
	padding: 0;
	overflow: hidden;
	_height: 1%;
}

.awards_reviews .awards .award img {
	padding-right: 10px; /* Adds space between award image and text */
}

/* overview */
.detail .feature {
	margin: 0 0 10px 0;
	padding: 10px 0 0 130px;
	overflow: hidden;
	_height: 1%;
}
.detail .feature img {
	float: left;
	margin: 0 0 0 -130px !important;
 	padding: 0;
}
.detail .feature li {
	padding: 0 0 5px 0px;
}
.detail .feature li span {
 	font-weight: bold;
}
.detail .feature p {
	padding-bottom: 0;
	margin-bottom: 10px;
}
.detail .feature ul {
	margin-top: 10px;
}

.detail .text {
	margin: 0 0 10px 0;
	padding: 10px 0 0 130px;
	overflow: hidden;
	_height: 1%;
}
.detail .text img {
	float: left;
	margin: 0 0 0 -130px !important;
 	padding: 0;
}
.detail .text li {
	padding: 0 0 5px 0px;
}
.detail .text li span {
 	font-weight: bold;
}
.detail .text p {
	padding-bottom: 0;
	margin-bottom: 10px;
}
.detail .text ul {
	margin-top: 10px;
	list-style-type: square;
}

.overview ul {
	list-style: square;
	padding: 0 0 10px 0;
	margin: 0px 0 0 15px;
	_margin: 0px 0 0 17px;
}
.overview li {
	margin-top: 0;
}

/*
.overview h4 {
	padding-bottom: 5px;
}
*/

/* tab areas */
.tab_body {
	float: left;
	width: 405px;
}
#content_body .tab_body ul{
	list-style: square;
	margin-left: 15px;

}
#content_body .tab_callout ul{
	list-style: square;
	margin-left: 15px;

}
.tab_callout {
	float: right;
	width: 195px;
	margin-right: 15px;
}
.detail .text {
	margin: 0;
	padding: 0 0 20px 0;
}

/* how to */
.tab_callout input.search_text {
	width: 155px;
	margin: 1px 7px 0 0;
	padding: 1px 2px;
	vertical-align: middle;
	font-size: 1em;
	color: #333333;	
}
.tab_callout input.search_btn {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/* specifications */
.specifications h5 {
	margin: 5px 0;
}
.specifications ul {
	margin: 5px 0 15px;
}
.specifications ul ul {
	margin: 5px 0 12px 15px;
}
.specifications li {
	margin-bottom: 7px;
}
.specifications li li {
	font-weight: normal;
	color: #333;
	font-size: .95em;
}
.tab_callout .box-shot {
	padding-bottom: 10px;
}

/* awards and reviews */
.awards_reviews h4 {
	padding-bottom: 5px;
}
.awards_reviews .reviewer {
	font-weight: bold;
	margin-top: -5px;
	padding: 0 0 13px 0;
}
.awards_reviews .awards {
	margin-bottom: 25px;
}

h6 {
	color: #3A3E3F;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0pt;
	padding: 0pt 0pt 6px;
}
#callout .purchase h6 span {
	font-size: 1.8em;
}
.game_gear h6 {
	color: #CECECE;
}

#grip_image {
	text-align: center;
	padding-top: 5px;
	margin-bottom: 8px;
}
#part2 {
	padding-bottom: 10px;
}
.griptitle {
	font-size: 1.1em;
	font-weight: bold;
	color:#3FA79C;
	margin: 0px;
	padding: 0px 0px 13px;
}