@charset "UTF-8";

/* Global Tags ########################################################## */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #fff;
	font-size:10px;
}

a img {
	border:none;
}

a,
a:link,
a:active,
a:visited
{
	color:#FFF;
	text-decoration:none;
}

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

h1 {
	font-size:16px;
	letter-spacing:0.4em;
}

h1.collection {
	text-align:center;
	color:#666;
	padding-top:25px;
	font-size:24px;
}

h2 {
	font-size:14px;
	margin:0;
	padding:0;
}

h3 {
	font-size:14px;
	color:#666;
	margin:5px;
	padding:0;
}

h4 {
	font-size:11px;
	color:#00A8DC;
	margin:0px;
	padding:0;
}

/* Global Classes ########################################################## */

.blue {
	color:#00A8DC;
}

.clear {
	clear:both;
}

.hidden {
	display:none;
}

.modal_window
{
	padding:20px;
	background-color:#333;
	border:solid 1px #CCC;
	text-align:left;
}

/* Overlays */
.ui-widget-overlay { background: #000 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* vTip */
p#vtip { 
	display: none; 
	position: absolute; 
	padding: 10px; 
	left: 5px;  
	background-color: #333; 
	border: 1px solid #666; 
	/*
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	*/
	z-index: 9999; 
}

p#vtip #vtipArrow { 
	position: absolute; 
	top: -10px; 
	left: 5px 
}

/* Global IDs ########################################################## */

#collection_col {
	float:right;
	width:200px;
	height:410px;
	padding: 15px;
	margin-right:5px;
	margin-top:20px;
	margin-bottom:20px;
	border-left: dotted 1px #666;
	overflow:auto;
}

#collection_col .item {	
	display:block;
	border-top: dotted 1px #666;
	padding-top:15px;
	padding-bottom:15px;
}

#collection_col .item img {	
	float:right;
}

#container {
	width: 950px;
	margin: 0 auto; 
	text-align: left;
}

#crumbtrail
{
	float:right;
}

#footmenu
{
	padding-top:24px;
	padding-bottom:24px;
	float:right;
}

#header {
	height:120px;
	position:relative;
}

#header #eyewear-logo
{
	display:block;
	position:absolute;
	top:40px;
	left:795px;
}

#header #shimano-logo
{
	display:block;
	position:absolute;
	top:40px;
	left:0px;
}

#legal {
	padding-top:24px;
	padding-bottom:24px;
	float:left;
}

#mainContent {
	
}
/* Home page ########################################################## */

#home_footer {
}

#home_footer .box {
	width:236px;
	border-left: dotted 1px #666;
	padding-top:12px;
	text-align:center;
	float:left;
}

#home_footer .first {
	border:none;
}


/* Product Page ########################################################## */

#product_desc {
	width:166px;
	float:left;
	text-align:left;
	padding-top:24px;
	padding-bottom:24px;
}

#product_desc h1 {
	text-align:center;
}

#product_desc ul {
	list-style-image:url(../images/bullet.gif);
	padding-left:20px;
}

#product_desc ul a {
	color:#00A8DC;
}

#product_area {
	width:540px;
	float:left;
	text-align:left;
	padding-top:50px;
	padding-bottom:24px;
}

#product_options {
	width:165px;
	position:absolute;
	top:150px;
	left:355px;
}

#product_options a.btn {
	display:block;
	padding:4px;
	width:150px;
	background-image:url(../images/tab-off.gif);
	background-repeat:repeat-x;
	border:solid 1px #fff;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
}

#product_options a.btn:hover {
	background-image:url(../images/tab-on.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}

#product_options .swatch {
	display:block;
	float:left;
	border:solid 1px #fff;
	padding:1px;
	margin-right:4px;
	margin-bottom:4px;
}

#product_variations {
	padding-top:75px;
}

#product_variations a.thumb {
	display:block;
	float:left;
	width:85px;
	padding-right:4px;
	padding-bottom:4px;
	margin-top:8px;
	border-left: dotted 1px #666;
	text-align:right;
	color:#999;
	font-size:9px;
}

#product_variations a.thumb:hover {
	color:#00A8DC;
	text-decoration:none;
}

#target_home {
	position:relative;
}

/* Tech Pages ########################################################## */

#tech_submenu {
	float:right;
	width:210px;
	padding-right:15px;
	text-align:right;
	line-height:1.8em;
	font-size:12px;
}

#tech_submenu a,
#tech_submenu a:link,
#tech_submenu a:visited,
#tech_submenu a:active 
{
	display:block;
	text-decoration:none;
	color:#666;
}

#tech_submenu a:hover
{
	text-decoration:none;
	color:#fff;
}


#tech_submenu a.selected
{
	color:#00A8DC;
}

.textbox
{
	width:470px;
	padding:10px;
	line-height:1.4em;
}

.thumbbox
{
	width:470px;
	padding:10px;
}

.thumbbox img
{
	margin-right:10px;
}

/* Lens Colors ########################################################## */

#lens_effect {
	width:675px;
	height:225px;
}


#lens_effect #filter {
	float:left;
	margin-right:9px;
}

#lens_effect #normal {
	float:left;
}


#lens_info {
	width:661px;
	border:solid 1px #fff;
	background-image:url(../images/blackbar.gif);
	background-repeat:repeat-x;
	background-color:#000;
	padding:5px;
}

#lens_swatches {
	width:700px;
	padding-top:10px;
}

#lens_swatches a.swatch {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	padding:1px;
	border:solid 1px #fff;
}

#lens_swatches a:hover.swatch {
	border:solid 1px #00A8DC;
}

/* Pro Riders ########################################################## */


.gallery_title
{
	font-size:12px;
	font-weight:bold;
	padding-bottom:4px;
}

.gallery_image_caption
{
	padding-bottom:4px;
}

.gallery_index
{
	padding-top:4px;
	padding-bottom:12px;
	text-align:right;
}

#pro_gallery
{
	width:360px;
}

#pro_thumbs 
{
	float:right;
	width:290px;
}

#pro_thumbs .thumb
{
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

/* Brochure ########################################################## */

#brochure_area
{
	padding-top:72px;
	text-align:center;
}