/* 

     StarFish Website Stylesheet > Design 2.0 
	 ----------------------------------------
	 
	 Contains basic styling and layout for site.

*/ 


/* ----------------- Basic ----------------- */

html, body {
/*  height: 100%; */
}

body { 
  margin: 10px 0;  
  padding: 0; 
  background: url(../images/layout/water.jpg) no-repeat center top #000;
/*  background-color: #000; */
  color: #FFF;
  min-width: 808px;
}

div {
  margin: 5px 0;
}

h1 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 10pt; 
  font-weight: bold; 
  margin: 10px 0 20px 0; 
  color: #999; 
}
h1 a {
  color: #999;
  text-decoration: none;
}
h1 a:hover {
  color: #999;
  text-decoration: none;
}
h1.headertxt {
  font-family: arial, helvetica, sans-serif;
  font-size: 9px;
  color: #999;
}
h1.normaltxt {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  border-bottom: 1px solid #F02B2E; 
}

h2 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold; 
  margin: 0 0 10px 0;
}
h2 a {
  color: #FFF;
  text-decoration: none;
}
h2 a:hover {
  color: #F02B2E;
  text-decoration: none;
}

h2.underlinehdr {
  border-bottom: 1px solid #B2B195;
  padding: 10px 0 10px 0;
}
h2.underline {
  border-bottom: 1px solid #F02B2E;
}

h2.bkghdr {
  padding: 10px;
  border-bottom: 1px solid #F02B2E;
  font-size: 9pt;
  font-weight: bold;
  background-color: #444;
}

.hdrbkg {margin:0; padding:10px; border-bottom:1px solid #F02B2E; background-color:#444;}
table.storehdr {font-size:12px; font-weight:bold;}
form.storeitem {margin:0; padding:0;}
input.backtostore {width:170px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/backtostore.gif) no-repeat center top; cursor:pointer; cursor:hand;}
button.backtostore {width:170px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/backtostore.gif) no-repeat center top; cursor:pointer; cursor:hand;}
input.updatecart {width:150px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/updatecart.gif) no-repeat center top; cursor:pointer; cursor:hand;}
input.checkout {width:150px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/checkout.gif) no-repeat center top; cursor:pointer; cursor:hand;}
input.login {width:115px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/login.gif) no-repeat center top; cursor:pointer; cursor:hand;}
input.continue {width:140px; height:42px; margin:0; padding:42px 0 0 0; overflow:hidden; border:0; background:url(../images/store/continue.gif) no-repeat center top; cursor:pointer; cursor:hand;}

textarea#usermessage {visibility:hidden; display:none;}




h3 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold;  
  margin: 10px 0 10px 0;
}
h3 a {
  color: #FFF;
  text-decoration: none;
}
h3 a:hover {
  color: #F02B2E;
  text-decoration: none;
}

h3.ack {
  margin: 10px 0;
}
h3.underline {
  border-bottom: 1px solid #F02B2E; 
}
h3.underline a {
  color: #F02B2E;
  text-decoration: none;
}
h3.underline a:hover {
  color: #F02B2E;
  text-decoration: none;
}

h4 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
}

p, ul, ol {
  font-family: arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: normal; 
}

p {
  margin: 10px 0 10px 0;
}

p.standard {
  font-size: 11px;
  font-weight: normal;
}
p.lrgtxt {
  font-size: 14px;
  font-weight: bold;
}
p.extralarge {
  font-size: 16px;
  font-weight: normal;
}
p.newsheadline {
  color: #F02B2E; 
}
p.copyright {
  font-size: 9px;
  font-weight: normal;
  color: #999;
  margin: 0;
}
p.signature {
  font-size: 12px;
  font-style: italic;
}
p.nopad {
  margin: 0;
  padding: 0;
}
p.note {
  font-size: 10px;
  font-weight: normal;
  color: #999;
}
span.note {
  font-size: 10px;
  font-weight: normal;
  color: #999;
}

.txt14 {font-size: 14px;}

blockquote.block1 {
  border-top: 1px solid #F00;
  border-bottom: 1px solid #F00;
  margin: 10px 20px;
  padding: 0 5px;
}
blockquote.block1 p {
  font-size: 15px;
  font-style: italic;
}

table {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
table th {
  color: #F02B2E; 
  font-weight: normal;
}

table.borderedtable {
  border-collapse: collapse;
/*  border: 1px solid #666; */
}
table.borderedtable th {
/*  border-top: 1px solid #666; */
  border-bottom: 1px solid #444;
}
table.borderedtable td {
/*  border-top: 1px solid #666; */
  border-bottom: 1px solid #444;
}

select {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
input {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
input.buttonstyle {
  background-color: #211F1C;
  color: #FFF;
  border: 1px solid #F02B2E;
  padding: 2px 5px;
  font-size: 10px;
}
input.textstyle {
  background-color: #999;
  border: 1px solid #333;
}
textarea {
  background-color: #999;
  border: 1px solid #333;
/*  scrollbar-shadow-color: #333;
  scrollbar-highlight-color: #333; 
  scrollbar-3dlight-color: #666; 
  scrollbar-darkshadow-color: #666; 
  scrollbar-track-color: #666; 
  scrollbar-face-color: #333; 
  scrollbar-arrow-color: #666; */
}


/* ----------------- List Styles ----------------- */

ul {
  list-style: square;
}
ul.bulletlist {
  list-style-type: none; 
  padding: 0; 
  margin: 0;
  line-height: 1.2em;
}
ul.bulletlist li {
  background-image: url(../images/common/d2-bullet.gif); 
  background-repeat: no-repeat; 
  background-position: 0 .2em; 
  padding-left: 1em; 
}
ul.bulletlistspaced {
  list-style-type: none; 
/*  padding: 0; */ 
/*  margin: 0; */
  line-height: 1.5em;
}
ul.bulletlistspaced li {
  background-image: url(../images/common/d2-bullet.gif); 
  background-repeat: no-repeat; 
  background-position: 0 .5em; 
  padding-left: 1em; 
}

ul.rss {
  list-style-type: none; 
  padding: 0; 
  margin: 0;
  line-height: 1.8em;
}
ul.rss li {
  background-image: url(../images/icons/feed.gif); 
  background-repeat: no-repeat; 
  background-position: 0 .2em; 
  padding-left: 1.8em; 
}


/* ----------------- Link Styles ----------------- */

a.link1 {
  color: #CCC;
  text-decoration: underline;
}
a.link1:hover {
  color: #F02B2E;
  text-decoration: underline;
}

a.link2 {
  color: #999;
  text-decoration: none;
}
a.link2:hover {
  color: #FFF;
  text-decoration: none;
}
  
  
/* ----------------- Main Container ----------------- */  
  
#container {
  width: 808px; 
  text-align: left;
  margin: 0 auto;
  padding: 0;
/*  border: 1px solid #F02B2E; */  
  background-color: #000; 
  color: #FFF;
  position: relative;
/*  min-height: 100%; */  
}


/* ----------------- Header ----------------- */

#header {
  margin: 0; 
  padding: 0; 
  height: 100px;
  background: url(../images/layout/d2-header-v2.gif) 0 0 no-repeat #000; 
}


/* ----------------- Top Navigation Menu ----------------- */

#navcontainer {
/*  position: absolute; */
/*  margin: 70px 0px 0px 200px; */
  margin: 0;
  padding: 70px 0px 0px 175px;  
  text-align: center; 
/*  border: 1px solid #0f0; */ 
}
#navcontainer ul li {
  list-style-type: none;
  padding: 0 12px;
  margin: 0;
  display: inline;
  float: left;
  font: 10px/20px arial, helvetica, sans-serif;
  text-align: center;
}
#navcontainer ul {
  list-style: none; 
  padding: 0; 
  margin: 0
}
#navcontainer a {
  color: #F02B2E;
  text-decoration: none;
  display: inline;
}
#navcontainer a:hover { 
  color: #999;
}
#navcontainer a.active { 
  color: #999;
}


/* ------------------ Side Navigation Menu ----------------- */

#menucontainer {
/*  width: 100%; */
  margin: 0 0 15px 0; 
  padding: 0;
  text-align: left;
  color: #F02B2E;
  background-color: #211F1C;
  border-bottom: 1px solid #f00;
}
#menucontainer ul li {
  list-style-type: none;
  font: 10px/20px arial, helvetica, sans-serif;
  text-align: left;
}
#menucontainer ul {
  list-style: none;  
  margin: 10px 0;
  padding: 0;
}
#menucontainer a {
  color: #F02B2E;
  text-decoration: none;
}
#menucontainer a:hover { 
  color: #999;
}
#menucontainer p.menutitle {
  font: 14px/20px arial, helvetica, sans-serif;
  border-bottom: 1px solid #F02B2E;
  margin: 10px 0;
  color: #999;
}
#menucontainer p.menutitle a {
  color: #999;
  text-decoration: none;
}
#menucontainer p.menutitle a:hover {
  color: #999;
  text-decoration: none;
}


/* ------------------ Content Layout ----------------- */

#content-bkg {
  width: 100%;
  margin: 0;
  padding: 0; 
  background: url(../images/layout/d2-content-bkg.gif) repeat-y 0 0;
}
#content-container {
  margin: 0 4px;
  padding: 0;  
}
#content-nocolumns {
  margin: 0 15px;
  padding: 0; 
  border: 1px solid #211F1C;
}
#content-colstyle1-bkg {
  margin: 0 15px;
  padding: 0;
  background: url(../images/layout/d2-colstyle1-bkg.gif) repeat-y 0 0;
  border: 1px solid #211F1C;
}
#content-colstyle1-left {
  width: 555px;
  margin: 0;
  padding: 0;
  float: left;
}
#content-colstyle1-right {
  width: 185px;
  margin: 0;
  padding: 0;
  float: right;
}
#content-colstyle2-bkg {
  margin: 0 15px;
  padding: 0;
  background: url(../images/layout/d2-colstyle2-bkg.gif) repeat-y 0 0;
  border: 1px solid #211F1C;
}
#content-colstyle2-left {
  width: 185px;
  margin: 0;
  padding: 0;
  float: left;
}
#content-colstyle2-right {
  width: 555px;
  margin: 0;
  padding: 0;
  float: right;
}
#content-cart {
  width: 555px;
  margin: 0;
  padding: 0;
}


/* ------------------ Footer ----------------- */

#footer {
  margin: 0;
  padding: 0;
  height: 58px;
  background: url(../images/layout/d2-footer.gif) 0 0 no-repeat #000;
  color: #F02B2E;
}
#footer-content {
  margin: 0;
  padding: 23px 65px 0 15px;
}
#footer p {
  font-size: 9px;
}
#footer-left {
  margin: 0;
  padding: 0;
  float: left;
}
#footer-right {
  margin: 0;
  padding: 0;
  float: right;
}


/* ------------------ Misc Layout ----------------- */

.clear {
  margin: 0; 
  padding: 0; 
  clear: both;
}

.dashedline {
  margin:0;
  padding:0;
  border-top: 1px dashed #F02B2E;
}

.vspace {
  margin:0;
  padding: 10px 0;
}

.sidemenuitem {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #211F1C;
  border-bottom: 1px dashed #F02B2E;
}

.sidemenuitem p {
  font-size: 10px;
  font-weight: normal;
  color: #999;
}

#marketby {
  margin: 20px 0 0 0;
}

.leftcol {
  width: 225px;
  margin: 0;
  padding: 0;
  float: left;
}
.rightcol {
  width: 225px;
  margin: 0;
  padding: 0;
  float: right;
}

.section {margin:0 0 15px 0; padding:0; background-color:#333; color:#FFF; width:100%; border:1px solid #F02B2E;}
.sectionhighlight {margin:0 0 15px 0; padding:0; background:url(../images/layout/d2-bkg-logo.gif) 100% 0 no-repeat #333; color:#FFF; width:100%; border:1px solid #F02B2E;}
.sectionpad {padding:0px 10px 10px 10px;}

.containleft {width:270px; margin:0; padding:0; float:left;}
.containright {width:270px; margin:0; padding:0; float:right;}


#image-container {
  background-color: #000;
  color: #FFF;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  border: 1px solid #F02B2E;
}
#preorder-container {
  margin: 0 0 15px 0;
  padding: 10px 0;
  border-top: 1px solid #F02B2E;
  border-bottom: 1px solid #F02B2E;
}

.image-holder {
  margin: 0 0 10px 0;
  padding: 0;
}

.flashcontent {
  margin: 0; 
  padding: 0; 
  background-color: #211F1C; 
  color: #FFF; 
/*  width: 556px; */ 
/*  height: 535px; */
}
.news-image {
  width: 225px;
  margin: 0;
  padding: 0;
  float: left;
}
.news-summary{
  width: 300px;
  margin: 0;
  padding: 0;
  float: right;
}
.news-summary p {
  margin: 0;
}
.news-article {
  margin: 15px 0 0 0;
  padding: 0;
/*  border-top: 1px dashed #F02B2E; */
}
.error-content {
  margin: 50px;
  padding: 0;
}
#flashgallery {
  margin: 0; 
  padding: 0; 
  width: 100%; 
  height: 535px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #FFF;
}
#flashgallery a {
  color: #CCC;
  text-decoration: underline;
}
#flashgallery a:hover {
  color: #F02B2E;
  text-decoration: underline;
}

.floatleft {
  margin: 0;
  padding: 0;
  float: left;
}
.floatright {
  margin: 0;
  padding: 0;
  float: right;
}

/* ------------------ Index Layouts ----------------- */

#index-h1 {
  display: none;  /*  only show this for print */
}
#index-topcontent {
  width: 766px;
  margin: 15px 0;
  padding: 0;
  border: 1px solid #211F1C;
}
#index-image {
  width: 507px;
  height: 365px; 
/*  padding: 38px 0 34px 0; */
  margin: 0;
  padding: 0; 
  background-color: #000;
  color:#FFF;
  float: left;
  border: 1px solid #F02B2E; 
}
#index-blurb {
  width: 242px;
  margin: 0;
  padding: 0;
  float: right;
}
#index-bottomcontent{
  width: 766px;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #211F1C; 
/*  border: 1px solid #F02B2E; */ 
}
#index-news {
  width: 242px;
  margin: 0;
  padding: 0;
  float: left;
}
#index-gallery {
  width: 252px;
  margin: 0 15px;
  padding: 0;
  float: left;
}
#index-spare {
  width: 242px;
  margin: 0;
  padding: 0;
  float: left;
}
.index-newsitem {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #F02B2E;
}
.index-topsection {
  background: url(../images/layout/d2-bkg-logo.gif) 100% 0 no-repeat #333;
  color: #FFF;
  height: 365px; 
  margin: 0;
  padding: 0;
  border: 1px solid #F02B2E;
}
.index-bottomsection {
  background: url(../images/layout/d2-bkg-logo.gif) 100% 0 no-repeat #333;
  color: #FFF;
  height: 320px;
  margin: 0;
  padding: 0;
  border: 1px solid #F02B2E;
}
.index-sparesection {
  background-color: #333;
  color: #FFF;
  height: 320px;
  margin: 0;
  padding: 0;
  border: 1px solid #F02B2E;
}

#index-singlepagesite-leftcol {
  width: 500px;
  margin: 0;
  padding: 0;
  float: left;
}
#index-singlepagesite-rightcol {
  width: 250px;
  margin: 0;
  padding: 0;
  float: right;
}

/* ------------------ App Layouts ----------------- */

.app-icons-container {
  margin: 0;
  padding: 0;
/*  border-top: 1px dashed #F02B2E; */
}
.app-icons-style1-image {
  margin: 0;
  padding: 0;
  width: 150px;
  float: left;
}
.app-icons-style1-blurb {
  margin: 0;
  padding: 10px 0;
  width: 380px;
  float: right;
}
.app-icons-style2-image {
  margin: 0;
  padding: 0;
  width: 150px;
  float: right;
}
.app-icons-style2-blurb {
  margin: 0;
  padding: 10px 0;
  width: 380px;
  float: left;
}

.app-law-style1-image {
  margin: 0;
  padding: 10px 0;
  width: 300px;
  float: right;
}
.app-law-style1-text {
  margin: 0;
  padding: 0;
  width: 230px;
  float: left;
}
.app-law-style2-image {
  margin: 0;
  padding: 10px 0;
  width: 170px;
  float: left;
}
.app-law-style2-text {
  margin: 0;
  padding: 0;
  width: 355px;
  float: right;
}
.app-wreck-style1-image {
  margin: 0;
  padding: 10px 0;
  width: 260px;
  float: left;
}
.app-wreck-style1-text {
  margin: 0;
  padding: 0;
  width: 270px;
  float: right;
}
.app-wreck-style2-image {
  margin: 0;
  padding: 10px 0;
  width: 235px;
  float: right;
}
.app-wreck-style2-text {
  margin: 0;
  padding: 0;
  width: 295px;
  float: left;
}
.app-eng-style1-image {
  margin: 0 0 10px 0;
  padding: 0;
  width: 250px;
  float: left;
}
.app-eng-style1-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: right;
}
.app-eng-style2-image {
  margin: 0;
  padding: 0;
  width: 250px;
  float: right;
}
.app-eng-style2-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: left;
}
.app-dive-style1-image {
  margin: 0 0 10px 0;
  padding: 0;
  width: 205px;
  float: left;
}
.app-dive-style1-text {
  margin: 0;
  padding: 0;
  width: 325px;
  float: right;
}
.app-dive-style2-image {
  margin: 0 0 10px 0;
  padding: 0;
  width: 205px;
  float: right;
}
.app-dive-style2-text {
  margin: 0;
  padding: 0;
  width: 325px;
  float: left;
}
.app-academic-style1-image {
  margin: 0;
  padding: 0;
  width: 250px;
  float: right;
}
.app-academic-style1-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: left;
}
.app-fish-style1-image {
  margin: 0;
  padding: 0;
  width: 250px;
  float: left;
}
.app-fish-style1-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: right;
}
.app-fish-style2-image {
  margin: 0;
  padding: 0;
  width: 250px;
  float: right;
}
.app-fish-style2-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: left;
}
.app-fish-style3-image {
  margin: 0;
  padding: 0;
  width: 130px;
  float: left;
}
.app-fish-style3-text {
  margin: 0;
  padding: 0;
  width: 395px;
  float: right;
}

/* ------------------ Tech Layouts ----------------- */

.tech-2col-container {
  margin: 0;
  padding: 0;
  width: 260px;
  float: left;
}

.tech-style1-image {
  margin: 0;
  padding: 0;
  width: 251px;
  float: left;
}  
.tech-style1-text {
  margin: 0;
  padding: 0;
  width: 280px;
  float: right;
} 
.tech-style2-image {
  margin: 0;
  padding: 0;
  width: 200px;
  float: right;
}  
.tech-style2-text {
  margin: 0;
  padding: 0;
  width: 330px;
  float: left;
} 

.tech-chirp-style1-img {
  margin: 0;
  padding: 0;
  width: 226px;
  float: right;
}
.tech-chirp-style1-txt {
  margin: 0;
  padding: 0;
  width: 300px;
  float: left;
}
.tech-chirp-style1-txt p {
  margin:0;
}
.tech-chirp-style2-img {
  margin: 0;
  padding: 0;
  width: 200px;
  float: left;
}
.tech-chirp-style2-txt {
  margin: 0;
  padding: 0;
  width: 326px;
  float: right;
}

.tech-design-style1-img {
  margin: 0;
  padding: 0;
  width: 251px;
  float: left;
}
.tech-design-style1-txt {
  margin: 0;
  padding: 0;
  width: 275px;
  float: right;
}
.tech-design-style2-img {
  margin: 0;
  padding: 0;
  width: 251px;
  float: right;
}
.tech-design-style2-txt {
  margin: 0;
  padding: 0;
  width: 275px;
  float: left;
}


/* ------------------ Store Layouts ----------------- */

.store-direct-section {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
}
.store-direct-image {
  margin: 0;
  padding: 0;
  width: 230px;
  float: right;
}
.store-direct-text {
  margin: 0;
  padding: 0;
  width: 300px;
  float: left;
}

.store-parts-image {
  margin: 0;
  padding: 0;
  width: 150px;
  float: left;
}
.store-parts-text {
  margin: 0;
  padding: 0;
  width: 370px;
  float: right;
}
.store-price-container {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #F02B2E;
}

/* ------------------ News Layouts ----------------- */

.news-exhibit-logo {
  margin: 0;
  padding: 0;
/*  width: 105px; */
  width: 225px;
  float: left;
}
.news-exhibit-text {
  margin: 0;
  padding: 0;
/*  width: 415px; */
  width: 295px;
  float: right;
}

/* ------------------ Support Layouts ----------------- */

.support-syscon-left {
  margin: 0;
  padding: 0;
  width: 310px;
  float: left;
}
.support-syscon-right {
  margin: 0;
  padding: 0;
  width: 180px;
  float: right;
}

.support-eximage-left {
  margin: 0;
  padding: 0;
  width: 260px;
  float: left;
}
.support-eximage-right {
  margin: 0;
  padding: 0;
  width: 260px;
  float: right;
}

/* ------------------ Sitemap Layouts ----------------- */

.sitemap-container {
  margin: 0;
  padding: 0;
  border-top: 1px dashed #F02B2E; 
}
.sitemap-col-1 {
  margin:0;
  padding:0;
  width: 250px;
  float: left;
}
.sitemap-col-2 {
  margin:0;
  padding:10px 0;
  width: 450px;
  float: left;
}