/********************************reset.css******************************************/
	  /* main CSS Document */

      /* general styling first */
   
      /* reset css styles individually instead of universal selector. */
  
 
      html, body{
  
      margin: 0;
   
      padding: 0;
   
      font-weight: inherit;
  
      font-style: inherit;
  
      font-size: 100%;
  
      font-family: inherit;
 
      vertical-align: baseline;
 
      border-left:0;
 
      }
 
         
      div, span, applet, object, iframe,
  
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  
      a, abbr, acronym, address, big, cite, code,
  
      del, dfn, em, font, img, ins, kbd, q, s, samp,
  
      small, strike, sub, sup, tt, var,
  
      dl, dt, dd, ol, ul, li,
  
      fieldset, form, label, legend, caption,  {
  
      margin: 0;
  
      padding: 0;
  
      border: 0;
  
      font-weight: inherit;
  
      font-style: inherit;
  
      font-size: 100%;
  
      font-family: inherit;
  
      vertical-align: baseline;
  
      }
  
        
      body {
  
      line-height: 1;
  
      color: black;
  
      background: white;
  
      font-family: Verdana,Arial, Helvetica, sans-serif;
  
      }
  
        
      ol, ul {list-style: none;}
  
         
      table {
  
      border-collapse: separate;
  
      border-spacing: 0;
  
      }
  
         
      caption, th, td {
  
      text-align: left;
  
      font-weight: normal;
  
    }
  
       
      /* end reset styles */
  
      /* clearing technique *
  
      .clearfix:after {
  
      content:".";
  
      display:block;
  
      height:0;
  
      clear:both;
  
      visibility:hidden;
  
      }
  
  
      .clearfix {display:inline-block;}
  
      /* mac hide */
  
      * html .clearfix {height: 1%;}
  
      .clearfix {display: block;}
  
      /* End hide */
  
      /*........... do not change or amalgamate the above clearfix styles ......*/
  
        
      p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
  
      a img,img{border:none;display:block;}
         
  
      a{
  
      text-decoration:none;
  
      color:#252e1c;
  
      }
  
        
      h1,h2,h3,h4,h5,h6{
  
      font-weight:bold;
  
      }
  
  
      h1{font-size:197%}/* 26px */
  
      h2{font-size:182%}/* 24px */
  
      h3{font-size:167%}/* 22px */
  
      h4{font-size:152%}/* 20px */
  
      h5{font-size:136%}/* 18px */
  
      h6{font-size:122%}/* 16px */
  
      body{
  
      font-size: 13px;
  
      text-align:center; /* for ie5.+*/
  
      }

/*********************************************************************************************************************************************************style.css*************************************************************************************************************************/

body   {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div img#bg {
position: absolute;
left:0;
top:0;
width:100%;
height:58px;
z-index:0;
}

/*****Container***************************************/
#container, #container_contact, #container_index, #container_catalog {
position:relative;
width:980px;
height:880px;
margin-top:60px;
margin-left:auto;
margin-right:auto;
z-index:1;
}

#container_contact  {
height:700px;
min-height:650px;
}

#container_index   {
height:700px;
}

div#container_catalog {
	height:100%;
}

/*****Date**********************/
#date   {
	position:absolute;
	left:818px;
	top:-28px;
	color: #FFFFFF;
	font-size: 12px;
	width: 102px;
	height: 23px;
	z-index:20;
}

/*****Header*****************/
#header {
	position:absolute;
	width:425px;
	height:55px;
	margin:0 auto;
	top: 40px;
	z-index:2;
}

/*****MainText**************/
div#maintext  {
position:absolute;
width:400px;
height:70px;
top:20px;
left:285px;
padding:0;
background-color:#FFFFFF;
z-index:45;
}

/*****SlideShow**********************/
#slideshow {
	position: relative;
	width:755px;
	height:555px;
	top:100px;
	margin:0 auto;
	z-index:50;
}

/*****SizeCharts/Catalog************************/
div#size_charts  {
	margin-top:20px;
	margin-bottom:10px;
}

div#size_charts td  {
	border:solid 1px #000000;
	width: 5%;
	padding:4px;
	text-align:center;
	font-size:12px;
}

div#size_charts td span {
font-size:10px;
}

/*****DivTable***********************************************/
div#catalog {
	position: relative;
	width:87%;
	height:100%;
	margin:0 auto;
	padding:0;
	background-color: #FFFFFF;
	z-index:0;
}

div#catalog table {
border: solid 1px #000000;
padding:0;
margin:0;
}

div#catalog td   {
border:solid 1px #000000;
width:160px;
height:160px;
margin:0;
padding:0;
}

div#catalog td img {
display:block;
margin: 0 auto;}  

table caption a {
text-decoration:underline;
}

table caption a:hover {
color:#0099FF;
}

/*****Empty Divs***********************************************************/ 
#empty  {
height:25px;
} 

#empty2  {
height:112%;/*This empty div pushes footer to the bottom*/
} 

#empty3  {
	height:0%;/*This empty div pushes footer to the bottom*/
} 

#empty_extra  {
height:240px;
} 


/*****Navigation Bar****************************************************************/ 
div#navbar {
    position:relative; /*We can change the Fixed position to Absolute position*/
	top:-6px;
    height: 30px;
    width:980px;
	margin:auto;
	z-index:10;
}

div#navbar ul {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
}

div#navbar li {
    list-style-type: none;
    display: inline;
	margin:3px;
}

div#navbar li a, a:link {
   text-decoration: none;
   padding: 7px 10px;
   color: #999999;

}

div#navbar li a:hover {
   color: #000000;
   background-color: #CCCCCC;
   padding: 2px 10px;
}

/*****MAP********************/
#map   {
	position:relative;
	width:500px;
	height:421px;
	top: 25px;
	margin:auto;
	font-size:15px;
	line-height:1.5em;
	text-align:justify;
}

#map a {
text-decoration:underline;
padding:0;
}

#map a:hover {
color:#0099FF;
padding:0;
}

/*****Footer*********************************/

div#footer, div#footer_contact, div#footer_index {
	position:relative;
	width:200px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	z-index:51;
}

div#footer_contact {
margin-top:185px;
}

div#footer_index {
margin-top:51px;
}

div#footer a, #footer_contact a, #footer_index a  {
	position:absolute;
	width:200px;
	height:35px;
	left:0;
	top: 16px;
}

div#footer a:hover, #footer_contact a:hover, #footer_index a:hover   {
color: #999999;
}

/*To Remove Dotted links in FF. ******************************************/
a
{
outline: none;
}

/*****Pages Photo*************************************************/

div#page_photo1 img {
	position:absolute;
	width:466px;
	height:992px;
	left:0;
}

div#page_photo2 img {
position:absolute;
width:450px;
height:992px;
left:480px;
}

div#page_photo_single img {
position: relative;
width:797px;
height:1200px;
margin:0 auto;
}

div#page_photo_combo img {
position: relative;
width:980px;
height:880px;
margin:0 auto;

}

div#extra_photo {
position:relative;
width:450px;
height:992px;
margin:0 auto;
}


/*****SPLASH*****************************/

#splash {
position:relative;
width:980px;
height:650px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
z-index:1;
}

/*****ITEM DESCRIPTIONS*************************/
#item_description1 {
	position:absolute;
	height:74px;
	width:196px;
	left:0px;
	top:85px;
	margin:0;
	padding:4px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	z-index:70;
}

#item_description2 {
	position: absolute;
	height:74px;
	width:196px;
	left:50px;
	top:85px;
	margin:0;
	padding:4px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	z-index:70;
}

#pc7129 {
	position:absolute;
	height:100px;
	width:196px;
	left:-40px;
	top:85px;
	margin:0;
	padding:4px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	z-index:70;
}