/**
 * skin
 * skin file
 * version:0.0.6
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  background-color: #fff;
  color: #2d2e2e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
 color:#999999;
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
    display: inline;
}
h2 {
 color: #006600;
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
}
h3 {
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
}
a,  a:link {
 color: #666;
 /*font-weight: bold;*/
 text-decoration: none;
}
a:visited {
 color:#666;
 /*font-weight: bold;*/
 text-decoration: none;
}
a:hover {
 color: #999999;
 text-decoration: underline;
}
a:focus {
 color: #666;
}
a:active {
 color: #666;
}
#outerWrapper {
background-color:#FFFFFF;
border:thin solid #ccc;
margin:0 auto;
text-align:left;
width:955px;
}
#outerWrapper #header {
 background-color: #ffffff;
 font-size: 11px;
 font-weight: normal;
 color:#999999;
 border-bottom-style: none;
 height: 83px;
/* background-image:url(/skins/shop_1/source/images/v1_01.jpg);
 background-repeat:no-repeat;*/
 
}
#outerWrapper #top_nav {
 background-color: #ffffff;
 font-size: 10px;
 font-weight: bold;
 line-height: 20px;
 padding-right: 10px;
 color: #FFFFFF;
 text-align: right;
 height:358px;
 border-bottom: solid 1px #ccc;
}
#outerWrapper #cart_nav {
 background-color: #ffffff;
 border-top: solid 1px #ccc;
 font-size: 9px;
 font-weight: normal;
 line-height: 12px;
 text-align: right;
 height:27px;
 background-image:url(v1_04.jpg);
 background-repeat:no-repeat;
 padding:10px;
 
}
#outerWrapper #contentWrapper #leftColumn1 {
 background-color: #ffffff;
 /*border-right: solid 1px #9bb6d2;*/
 float: left;
 padding: 0px 0px 0px 0px;
 width: 160px;
 margin-left: 5px;
    display: inline;
}
#outerWrapper #contentWrapper #rightColumn1 {
 background-color: #ffffff;
 /*border-left: solid 1px #9bb6d2;*/
 float: right;
 padding: 0px 0px 0px 0px;
 width: 210px;
 margin-right: 5px; 
}
#outerWrapper #contentWrapper #content {
  margin: 5px 2px 5px 180px;

/*  border:solid 2px;
  border-color:#927B51;*/
}
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
 background-color:#b2b3ae;
 border-top: solid 0px #999999;
 padding: 10px 10px 10px 10px;
 text-align: left;
 font-size: 9px;
 font-weight:bold;
 color:#FFF;
}
#top_nav a:link {
color: #FFFFFF;
}
#top_nav a:hover {text-decoration: underline;
}
#top_nav a:visited {
color: #FFFFFF;
}
#top_nav a:active {
color: #FFFFFF;
}
#footer a:hover {text-decoration: underline;
}
#cart_nav a:link {
color: #000000;
}
#cart_nav a:hover {text-decoration: underline;
}
#cart_nav a:visited {
color: #000000;
}
#cart_nav a:active {
color: #000000;
}
/*link style for links page*/
#site_links a:link {
color: #CC0000;
}
#site_links a:hover {text-decoration: underline;
}
#site_links a:visited {
color: #cc0000;
}
#site_links a:active {
color: #ff9900;
}
/*link style for footer links*/
#footer a:link {
color:#FFF;
}
#footer a:hover {text-decoration: underline;
}
#footer a:visited {
color: #FFF;
}
#footer a:active {
color: #FFF;
}

.sheet_font_header {

font-size: 12px; 
color: #000000;  
background-color: #CCCCCC;
padding: 5px;
height:15px;
clear:both;  
margin-top: 10px;
margin-right: 3px;
margin-bottom: 5px;
margin-left: 3px;
}


.sheet_font_box {
font-size: 12px; 
color: #000000;  
margin: 3px;   
padding: 0px;   
float: left;   
height: 89px;   
width: 180px;    
border: 1px solid #E6E6E6;
}


.sheet_preview_header {
font-size: 14px;  
color: #000000;   
background-color: #FF6600;
padding: 5px;    
height:16px;    
clear:both;    
margin-top: 10px; 
margin-right: 3px;
margin-bottom: 5px;
margin-left: 3px; 
background-position: center;
vertical-align: middle;
font-weight:bold;
}


.sheet_preview {  
font-size: 12px;  
color: #000000;   
margin: 3px;    
padding: 3px;    
border: 1px solid #E6E6E6;
}


.sheet_form_header {
font-size: 12px; 
color: #000000;   
background-color: #FFCC99;
padding: 5px;   
height:15px;   
clear:both; 
margin-top: 10px;
margin-right: 3px;
margin-bottom: 5px;
margin-left: 3px;
}


.sheet_form_box {
font-size: 12px;  
color: #000000;   
margin: 3px;    
padding: 3px;    
border: 1px solid #E6E6E6;
}


#sheet_container {
padding: 10px;
overflow: auto;
}


* html #sheet_container {
height: 1%;
}


.sheet_form_table{
font-weight: bold;
padding: 5px;
}

.leftnav {
z-index:1000;
font-size:90%;
}

.leftnav ul {
padding:0;
margin:0;
list-style-type:none;
width:170px;
}
/* hack for IE5.5 */
* html .leftnav ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.leftnav li {
position:relative;
background:#ccc;
height:26px;
}

/* style the links */
.leftnav a, .leftnav a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:170px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .leftnav a, * html .leftnav a:visited {background:#ccc; width:200px; w\idth:199px;}
/* style the link hover */
* html .leftnav a:hover {color:#fff; background:#333;}

.leftnav :hover > a {
color:#fff; 
background:#333;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.leftnav ul ul {
visibility:hidden;
position:absolute;
top:0;
left:170px; 
}
/* make the second level visible when hover on first level list OR link */
.leftnav ul li:hover ul,
.leftnav ul a:hover ul {
visibility:visible;
}