/* CSS Document */

html, body {
  background:#000000;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  color:#999999;
  font-size:12px;
  }
  
  #container{
  position:relative;
  top:0px;
  width:900px;
  margin:0 auto;
  text-align:left;
  }
   
*{
margin:0px;
padding:0px;
  }  
  
.hidden{
display:none;
margin:0px;
padding:0px;
  }  
  

  /*---------------links---------------*/
a img {
  border-width:0;
  }
  
a:link {
  color:#666666;
  text-decoration:none;
  }
  
a:visited {
  color:#666666;
  text-decoration:none;
  }
  
a:hover {
  color:#333333;
  text-decoration:underline;
  }
  
a:active {
  color:#333333;
  text-decoration:underline;
  }  
  
  
/*
  
#leftnavinner a:link {
  color:#333333;
  text-decoration:none;
  }
  
#leftnavinner a:visited {
  color:#666666;
  text-decoration:none;
  }
  
#leftnavinner a:hover {
  color:#FFCC00;
  text-decoration:underline;
  }
  
#leftnavinner a:active {
  color:#FFCC00;
  text-decoration:underline;
  }  */
  
  /*---------------logo---------------*/  
  #logo{
  position:absolute;
  top:0px;
  left:0px;
  width:268px;
  height:50px;
  background-image:url(http://www.neptunic.com/images/logo.gif);
  background-repeat:no-repeat;
  background-position:0px 12px;
  }

  #logo a{
  display:block;
  width:268px;
  height:50px;
  }
  
  
  /*---------------nav---------------*/    
  #nav{
  position:absolute;
  top:0px;
  right:0px;
  width:372px;
  height:50px;
  }
  
  #nav li{
  display:inline;
  list-style-type:none;
  }  
  
  #nav li a{
  display:block;
  width:124px;
  height:41px;
  }  
  
  #tab_sharksuits a{
position:absolute;
top:0px;
left:0px;
background-image:url();
background-repeat:no-repeat;
text-align:center;
height:41px;
background-image:url(http://www.neptunic.com/images/nav_sharksuits.gif);
background-repeat:no-repeat;
}

#tab_sharksuits a:hover{
background-position:0px -41px;
margin:0px; padding:0px;}

  #tab_gear a{
position:absolute;
top:0px;
left:124px;
background-image:url();
background-repeat:no-repeat;
text-align:center;
height:41px;
background-image:url(http://www.neptunic.com/images/nav_gear.gif);
background-repeat:no-repeat;
}

#tab_gear a:hover{
background-position:0px -41px;
margin:0px; padding:0px;}

  #tab_workshop a{
position:absolute;
top:0px;
left:248px;
background-image:url();
background-repeat:no-repeat;
text-align:center;
height:41px;
background-image:url(http://www.neptunic.com/images/nav_workshop.gif);
background-repeat:no-repeat;
}

#tab_workshop a:hover{
background-position:0px -41px;
margin:0px; padding:0px;
}

.current a{
background-position:0px -41px;
}
  
  /*---------------cartlinks---------------*/   
  
  #cartlinks{
  position:absolute;
  top:60px;
  width:100%;
  text-align:right;
  text-transform:uppercase;
  font-size:9px;
  } 
  
  #cartlinks li{
  display:inline;
  } 
  
  
  /*---------------mainbox---------------*/  
  
  #mainbox{
  position:relative;
  top:85px;
  left:0px;
  width:900px;
  min-height:500px;
 height:auto;
 background-color:#E7E7E7;
  border-top:7px solid #E7E7E7;
  border-bottom:3px solid #E7E7E7;
  }    
  
  /* for Internet Explorer */
/*\*/
* html #mainbox {
height: 500px;
}
/**/
    #mainboxinner{
	position:relative;
	left:5px;
	text-align:left;
  width:890px;
  min-height:500px;
  background-color:#FFF;
    background-image:url(http://www.neptunic.com/images/logo_btmrt.gif);
  background-repeat:no-repeat;
  background-position:bottom right;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  }
  
 /* for Internet Explorer */
/*\*/
* html #mainboxinner {
height: 500px;
}
/**/ 


/*---------------leftnav---------------*/    
  
    #leftnav{
	position:absolute;
	top:15px;
	left:10px;
	width:180px;
 min-height:452px;
 height:auto;
	background-color:#E5E5E5;
	background-image:url(http://www.neptunic.com/images/navbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/* for Internet Explorer */   
/*\*/
* html #leftnav {
height: 452px;
}
/**/ 

 #leftnavinner, #leftnavinner_about{
	position:relative;
	top:5px;
	left:5px;
	width:168px;
	min-height:440px;
 	height:auto;
	border:1px solid #DBDBDB;
	margin-bottom:10px;
	
}


/* for Internet Explorer */
/*\*/
* html #leftnavinner,* html , #leftnavinner_about{
height: 440px;
}
/**/ 



	
#leftnavinner li.level1{
	font-weight:bolder;
	color:#666666;
	margin:7px 0px 10px 25px;
	list-style-image:url(http://www.neptunic.com/images/nav_arrow.jpg);
		}
		
		
	

#leftnavinner li{
	color:#666666;
	margin-left:25px;
	list-style-type:none;
		}
		
		#leftnavinner li ul li{
		font-weight:normal;
		list-style-type:none;
		list-style-image:none;
		margin:5px 0px 5px 0px;
		padding:0px;
		color:#333333;
		}
		

		
		
/*for the about page only*/

#leftnavinner_about li{
	list-style-type:none;
	margin:0px 0px 0px 25px;
	padding:0px;
	}

#leftnavinner_about li ul li{
	list-style-image:url(http://www.neptunic.com/images/nav_arrow.jpg);
	margin:5px 0px 5px 0px;
	padding:0px;
	
		}
		
		
#leftnavinner_about li a{
margin-bottom:7px;
	}
		


li.ln_current a{
font-weight:bolder;
color:#333333;
}

  /*---------------maincontent---------------*/ 
    #maincontent{
	position:relative;
	left: 200px;
	top:15px;
	width:660px;
	padding-bottom:35px;	

}



    #maincontent p{
	margin-bottom:10px;
	margin-top:10px;
}


  /*---------------homepage---------------*/ 
  
  
  #home_tn{

  list-style-type:none;
  height:125px;

  }
  
  #home_tn li{
  display:inline;
  padding-right:10px;
  width:166px;
  }
  
  #warning{
  position:relative;
  text-align:center;
  width:362px;
  top:-125px;
  left:538px;
  }
  
   /*---------------new homepage---------------*/ 
   

   
     #index_left{
  width:293px;
  height:500px;
  float:left;

  }
  
   #index_center{
  width:282px;
  margin-top:20px;
  float:left;
  }
  
    #index_right{
	margin-top:20px;
	border:1px solid #e7e7e7;
    width:296px;
	margin-left:9px;
	float:left;
	background-image:url(images/index_rt_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
  }
  
      #index_right div.wrap{
	  padding:15px;
  }
  
      #index_right h2{
	  font-size:18px;
	  padding-bottom:5px;
	  border-bottom:1px solid #cccccc;
	  margin-bottom:10px;
	  color:#0066CC;
	  background-repeat:no-repeat;height:22px;
	  }
	  


  
    ul#index_nav{
  }
  
    ul#index_nav li{
	background-color:#e7e7e7;
	background-image:url(images/index_rt_bg.gif);
	background-repeat:repeat-x;
    padding:11px;
    margin-bottom:10px;
    list-style-type:none;
    border:1px solid #e7e7e7;
  }
  
    ul#index_nav li a{
	display:block;
	width:258px;
	height:111px;
	background-color:#CCCCCC;
  }
  
      ul#index_nav li.but_ssuits a{
	  background-image:url(images/but_ssuits.jpg);
	  background-position:top left;
	  background-repeat:no-repeat;
  }
  
      ul#index_nav li.but_ssuits a:hover{
	  background-position:0 -111px;
  }
  
        ul#index_nav li.but_store a{
	  background-image:url(images/but_store.jpg);
	  background-position:top left;
	  background-repeat:no-repeat;
  }
  
      ul#index_nav li.but_store a:hover{
	  background-position:0 -111px;
  }
  
        ul#index_nav li.but_wshop a{
	  background-image:url(images/but_wshop.jpg);
	  background-position:top left;
	  background-repeat:no-repeat;
  }
  
      ul#index_nav li.but_wshop a:hover{
	  background-position:0 -111px;
  }
  
    
 .more a{
  color:#0066CC;
  font-size:10px;
  font-weight:bold;
  font-style:italic;
  display:block;
  text-align:right;
  margin-bottom:25px;
  }
  
  ul#appearances{
  }
  
   ul#appearances li{
   padding-bottom:15px;
   padding-left:15px;
   list-style-type:none;
   background-image:url(images/app_bullet.gif);
   background-repeat:no-repeat;
   background-position:top left;
  }
    
  
  
    /*---------------sharksuits---------------*/ 


ul#suittnbox{
left:0px;
top:0px;
width:273px;

}

#suittnbox li{
width:89px;
float:left;
list-style-type:none;
}

#suittnbox li a{
opacity: .75;
filter: alpha(opacity=75); -moz-opacity:.75;
}

#suittnbox li a:hover{
opacity: 1;
filter: alpha(opacity=100); -moz-opacity:1;
}

#suittnbox li.ss_tn_current a{
opacity: 1;
filter: alpha(opacity=100); -moz-opacity:1;
}


#suitbox{
position:absolute;
left:273px;
top:-10px;
margin-bottom:25px;
}


  /*---------------products---------------*/ 
#navtitle_ss{
position:relative;
left:-15px;
   height:36px;
  background-image:url(http://www.neptunic.com/store/images/navtitle_ss.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  list-style-type:none;
}  

#navtitle_ss h2{
display:none;
  list-style-type:none;
}  

  
#navtitle_ng{
position:relative;
left:-15px;
   height:36px;
  background-image:url(http://www.neptunic.com/store/images/navtitle_ng.gif);
  background-repeat:no-repeat;
  background-position:0 0;
    list-style-type:none;
}  

#navtitle_ng h2{
display:none;
}  


#navtitle_ws{
position:relative;
left:-15px;
   height:36px;
  background-image:url(http://www.neptunic.com/store/images/navtitle_ws.gif);
  background-repeat:no-repeat;
  background-position:0 0;
}  

#navtitle_ws h2{
display:none;
}  
  
  
  
#catinfo{
position:relative;
border-top:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
font-weight:bolder;
color:#000000;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}

#page{
position:absolute;
right:0px;
top:10px;
float:right;
}



.MAINTEXT{
font-weight:bolder;
color:#000000;
}


.grey{
font-weight:bolder;
color:#666666;
}

h4.grey{
font-size:12px;
}

    #cart_maincontent{
	position:relative;
	left: 50px;
	top:0px;
	width:100%;
	margin-bottom:25px;

}



  /*---------------workshop---------------*/ 
  
  #about_left{
  width:300px;
  margin-top:30px;
  float:left;
  }
  
    #about_right{
	  margin-top:20px;
	border-left:1px dotted #CCCCCC;
    width:310px;
	margin-left:10px;
	padding-left:30px;
	float:right;
  }
  
  h3.blue{
  font-size:12px;
  text-transform:uppercase;
  color:#0066CC;
  }

  #bodycopy{
  width:590px;
  }
  

  
  .formprompt{
	text-align:right;
    padding-top:10px;
	padding-bottom:10px;}
  
  

  /*---------------mainboxfooter---------------*/ 
    #mainfooter{
	clear:both;
top:0px;
left:0px;

}
  
  
  
  /*---------------bottomnav---------------*/   
    #bottomnav{
	text-align:center;
	color:#666666;
	font-size:10px;
	margin-top:110px;
	border-top:1px solid #232323;
    border-bottom:1px solid #232323;
	padding:15px 0px 15px 0px;
}

    #bottomnav li{
	display:inline;
top:0px;
left:0px;
}

  /*---------------footer---------------*/ 
    #footer{
	color:#666666;
	width:100%;
	font-size:10px;
	padding:15px 0px 15px 0px;
}



    #footer li{
	float:left;
	width:300px;
	list-style-type:none;
}

    #sitecredits{
	color:#666666;
	width:100%;
	font-size:10px;
	margin-bottom:50px;
	text-align:center;
}