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

/* Header Specific Classes */

.jumpMenu {
	display:block;
	margin-left: -306px;
	left: 50%;
	width: 892px;
	top: 47px;
	display:block;
	height: 100%;
	text-align: center;
	color: #b2cef7;
}
.jumpMenuImg {
margin-top:4px;
}

.headerContainer2 {
width:100%;
display:block;
position:absolute;
height:16px;
top:0px;
left:0px;
background: url(http://www.astralbuoyancy.com/interface/topNav/bar.png) top left repeat-x;
}
.headerNav {
display:block;
float:right;
width:531px;
height:16px;
background:none;
}

.headerContainer {
	width: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
	display:block;
	float:left;
	height:16px;
	background: url(http://www.astralbuoyancy.com/interface/upperLeftBar.png) top left no-repeat;
	
}

.headerLeft {
	width:500px;
	float:left;
	z-index:1;
}
.headerRight {

	float:right;
	padding-right:30px;
	z-index:1;
}
.navheadImage {
	padding:0px;
}

/* Standard Html Tweaks */
body { 
	background: white; 
	font-family: Helvetica, Tahoma, Verdana, Arial; 
	font-size: 100%; 
	color:#001138;
	margin: 0; 
	padding: 0;}

li {
margin-left:30px;
font-size:12px;
}

h3 {
color:#00a5d2;
font-family:Arial Rounded MT Bold,Arial;
font-size:20px;
margin:0px 0px 3px;
padding-top:15px;
}
b {
color:#00a5d2;
}
/* Team page styles */
.teamcontain {
	width:400px;
	text-align:left;
}
.teamBio {
width:424px;
float:left;
font-size:12px;
line-height:19px;
padding-right:15px;
}
.teamBio img {
padding-bottom:10px;

}
.teamBio a {
font-weight:bold;
color:#1C5A6C;
}
.teamWrap {
width:800px;
}
.mensColumn {
float:left;
width:212px;
}
.womensColumn {
float:left;
width:212px;

}
.kayakColumn {
float:left;
width:212px;
}



/* Stylee */
.pagecontent {
margin-top:40px;
padding-top:25px;
font-family:Helvetica,Tahoma,Verdana,Arial;
color:#001138;
line-height:24px;
}

.aboutPage {
	width:100%;
	height:100%;
	margin-top:20px;
	padding-top:25px;
	font-family:Helvetica,Tahoma,Verdana,Arial;
	color:#001138;
	line-height:24px;
}
.aboutTop {
	font-family:Helvetica,Tahoma,Verdana,Arial;
	color:#001138;
	line-height:18px;
	font-size:11px;
	width:800px;
	display:block;
	
	left: 50%;
	width: 692px;
	padding-top: 20px;
	text-align:left;
}
.aboutCenter {
	display:block;
	margin-left: -306px;
	left: 50%;
	width: 892px;
	top: 47px;
	display:block;
	height: 100%;
	text-align: center;
	color: #b2cef7;
}
.aboutLeft {
	
	float:left;

	height:100%;
	min-width:400px;
	width:45%;
	padding-right:10px;
	text-align:left;
	top: 30px;
	font-family:Helvetica,Tahoma,Verdana,Arial;
	font-size:11px;
	line-height:18px;
}

.aboutRight {
	padding-left:30px;
	float:left;
	position:relative;
	height:100%;
	min-width:400px;
	width:45%;
	padding-right:10px;
	text-align:left;
	font-family:Helvetica,Tahoma,Verdana,Arial;
	font-size:11px;
	line-height:18px;
}
.aboutRight2 {
	padding-right:10px;
	float:left;
	position:relative;
	height:100%;
	width:525px;
	padding-right:10px;
	text-align:left;
		line-height:18px;
		font-size:12px;
		padding-bottom:20px;
}
.aboutContent {
	width:100%;
	height:100%;
	margin-top:20px;
	padding-top:25px;
	font-family:Helvetica,Tahoma,Verdana,Arial;
	color:#001138;
	line-height:24px;
}


.aboutBoxes {
	width:128px;
	height:128px;
	border:1px;
	border-color:#f79421;
	border-style:solid;
}
.biophoto {
float:left;
	border:0px;
	border-color:#888eba;
	border-style:solid;
	margin-top:5px;
	margin-right:10px;

}
.biophotoLeft {
float:left;
	border:1px;
	border-color:#888eba;
	border-style:solid;
	margin-top:5px;
	margin-right:10px;

}
.bioDiv {
min-height:100px;
padding-left:30px;
}
hr {
color: #888eba;
background-color: white
border: 0px solid #F00;
height: 1px;
size:1px;

}
.aboutLeft h3{
position:relative;
top:-10px;
margin-bottom:20px;
}

.contactContain {
	position:relative;
	top:25px;
	display:block;
	float:left;
	text-align:left;
}
.contactForm {
float:left;

}
.contactContent {
width:800px;
height:100%;
text-align:center;
	margin-top:20px;
	padding-top:25px;
	font-family:Helvetica,Tahoma,Verdana,Arial;
	color:#001138;
	line-height:18px;
	font-size:11px;
}
.textcontain {
	width:600px;
	text-align:left;
}

.gridjacket {
	color: #787890;
	font-weight:bold;
	display: block;
	width: 170px;
	height: 240px;
	float: left;}

.gridjacket a,
.gridjacket a:link,
.gridjacket a:active,
.gridjacket a:visited{
	color: #00A6D2;
	text-decoration: none;
	padding-top: 10px;
	color:#094362;
	position: relative;
	top: 10px;
	font-family: verdana, arial, "lucida console", sans-serif;
}

	.gridcat {
		border: 0px solid black;
		color: #00A6D2;
		display: block;
		width: 260px;
		height: 240px;
		float: left;
		margin: 10px;
	}
	.gridcat a,
	.gridcat a:link,
	.gridcat a:active,
	.gridcat a:visited {
		color: #00A6D2;
		text-decoration: none;
	}
	.productheader {
		float: left;
		height:500px;
	}

	.jacketText {

	}



.featDetails {
    position: absolute;
    width: 150px; height: 220px; 
    border: 1px solid #c9cfff;  
    text-align: center; 
    font-size: 10pt; color: #000; 
    z-index: 100; background: #fff;
    visibility: hidden;
    filter:alpha(opacity=70);
     -moz-opacity:.7;
     opacity:.7;"
}
img.opaq{
    filter:alpha(opacity=100);
     -moz-opacity:1.0;
     opacity:1.0;"
}
.featDetailsArea { position: absolute; width: 100px; height: 100px; border: 3px dashed #888EBA; display: block;  z-index: 10; visibility: hidden;}


#container {position: absolute; top: 85px; left: 55px; margin: 0; padding: 0; height: 500px; width: 785px; z-index: 2;}
.image_default { background: url(images/tempo200/Tempo200.png) top left no-repeat;} 
.image_blue { background: url(images/tempo200/Tempo200_view2.png) top left no-repeat;}
.image_black { background: url(images/tempo200/Tempo200_black.png) top left no-repeat;}
.image_yellow { background: url(images/tempo200/Tempo200_yellow.png) top left no-repeat;}

.sandbag {border: 0px solid #0000ff;} 
#sbl-01, #sbl-02, #sbl-03 {float: left; clear: left;}
#sbr-01, #sbr-02, #sbr-03 {float: right; clear: right;}

#sbl-01 {width: 319px; height: 225px;}
#sbl-02 {width: 389px; height: 125px;}
#sbl-03 {width: 370px; height: 125px;}

.breaker {clear: both;}
#pagetitle {display: none;}

#productDetails { border: 0px solid #00ff00;}
#productTitleImg {}
#productTitle { display: none;}
#productDetails p { font-size: 90%; }

.underlineTitle {border-bottom: 1px solid #00A6D2; margin: 0;}
.altviewsmall {cursor: pointer; margin-right: 10px;}
.sectiontitle {font-weight: bold; font-size: 78%; margin:0; margin-bottom: 0px !important; font-stretch: extra-expanded;}

#alternativeViewsTitle span {visibility: hidden;}	
#alternativeViewsTitle { background:transparent url(interface/section_alternateViews.png) left bottom no-repeat; width: 125px; height: 12px;}

#colorsTitle span {visibility: hidden;}	
#colorsTitle { background:transparent url(interface/section_colors.png) center bottom no-repeat; width: 50px; height: 12px;}

#accessoriesTitle span {visibility: hidden;}	
#accessoriesTitle { background:transparent url(interface/section_accessories.png) right bottom no-repeat; width: 95px; height: 12px;}

#alternativeViews { padding: 10px;}
.swatches {margin: 0.2em; margin-top: 15px; padding: 0; cursor: pointer;}

#features {padding: 0.1em; }
#featuresTitle span {visibility: hidden;}	
#featuresTitle {background:transparent url(interface/section_Features.png) left bottom no-repeat; width:52px; height: 12px;}

.featureIcons { display: block; float: right; margin: 11px 6px; width: 40px; height: 40px; background: transparent url(interface/maskLink.png) center no-repeat; }
.featureIcons.hoverIcon {background: transparent url(interface/maskHover.png) center no-repeat; }
.featureIcons.activeIcon {background: transparent url(interface/maskActive.png) center no-repeat; }
.featureIcons img {width: 40px; height: 40px; margin: 0px ; }
.featureIcons b {display: none;}
	#ISS {}
	#CargoPkts {}
	#RopeReady {}
	#Strobe {}
	#Handwarmers {}
	#Towing {}
	#ChimneyVent {}
	#Hydration {}

#technicalInfoTitle span {visibility: hidden;}	
#technicalInfoTitle {background:transparent url(interface/section_technicalSpecs.png) left bottom no-repeat; width:91px; height: 12px;}
#technicalInfo li {
	font-size: 11pt;
	text-transform: lowercase;
	margin:-5px 0 3px 3px ;
/*	background-image: url(interface/listbullet-plus.gif); 
	background-repeat: no-repeat;
	background-position: 5px left;*/
	list-style-image:url(interface/listbullet-plus.gif); 
}
#technicalInfo li.active{
	list-style-image:url(interface/listbullet-minus.gif); 
}
.techinfoTitle {font-size: 0.9em; cursor: pointer; 	font-weight: bold;}
.techinfoTitle span {}

#technicalInfo ul{
	margin:0;
	margin-top: 2px;
	margin-left: 13px;
	border: 0px solid green;
	padding: 5px;
	margin-bottom: 10px;
	filter:alpha(opacity=90);
	  -moz-opacity:.9;
      opacity:.9;
}

.techinfoData p {margin: 0 -0.5em; }
.techinfoData {visibility:hidden; font-size: 0.01%; line-height: 0;	padding: 5px; background: #fff;}

#productsnav {
	position: absolute; 
	top: 515px; 
	width: 100%;
	margin: 0; padding: 0;
	float: right;
	z-index: 1;
}
#productNavHeader {
	float: right;
	margin: 0; padding: 0;
	display: block;
	width: 100%; height: 113px;
	background: transparent url(interface/productNavTop.png) right bottom no-repeat;
	border-bottom: 2px solid #888EBA;
	z-index: 1;
}
#productNavBluebar {
	width: 100%;
	height: 0px;
	line-height: 0px;
	margin: 0;
	border: 0;
	border-bottom: 2px solid #00A6D2;
	padding: 0;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #productNavBluebar {
	display: block;
	d\isplay: none;
}

#productNavFooter {
	float: right;
	margin: 0; padding: 0;
	display: block;
	width: 128px; height: 63px;
	background: transparent url(interface/productNavsplash.png) right top no-repeat;
	z-index: 1;
}

#associatedProducts{
    margin: auto;
	margin-top: 2em;
	margin-right: 0; 
	width: 100%;
}
#associatedProducts a { margin: 2px;}
#associatedProducts img {border: 1px solid #fffFFF; padding: 01%;}
#associatedProducts a:hover img { border: 1px solid #c9cfff;}