/*CSS Tab Styles - See view_user_photo*/

/*tab container*/
.tabs#products-tab {
  padding-right:10px
}

.tabs form {
  padding:0px;
  margin:0px;
}

.tabs .verysmall{
  color:#222222;
}

/*tab navigation*/
.tabnav#products-tabnav a {
float: left;
display: block;
text-decoration: none;
padding: 4px;
}

.tabnav#products-tabnav a:hover {
cursor:hand;
cursor:pointer;
}	

ul.tabnav#products-tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-left:0;
padding-bottom: 24px;
border-bottom: 1px solid #696969;
margin: 0;
}

ul.tabnav#products-tabnav li {
float: left;
height: 21px;
border: 1px solid #696969;
margin: 2px 2px 0px 2px;
padding-left: 0px;
margin-left: 5px;
margin-right:0px;
}

ul.tabnav#products-tabnav li.tabon{
border-left: 1px solid #696969;
border-bottom: 0px solid #ffffcc;
position:relative;
height:23px;  
font-size:8pt;
}

ul.tabnav#products-tabnav li.taboff{
font-size:8pt;
}

ul.tabnav#products-tabnav li#products-tabnav-first {
border-left: 1px solid #696969;
margin-left:0px;
}

ul.tabnav#products-tabnav li.tabon#products-tabnav-first{
border-left: 1px solid #696969;
margin-left:0px;
}

ul.tabnav#products-tabnav li#products-tabnav-last {
border-right: 1px solid #696969;
}

/*tab item container*/
.tabbody#products-tabbody {
border: 1px solid #696969; 
border-top-width:0px; 
height:auto;
padding:5px;
}

/*tab items*/
.tabitems {
display:none;
}

.tabitems * {
  font-size:8pt;
}

.tabitems .csItems * {
  color: #222222
}

/*tab footer container*/
.tabfooter#product-tabfooter {
border: 1px solid #696969;
border-top:0px;
padding:3px
}

/*tab footer container*/
.tabfooter#product-tabdarkfooter{
border: 1px solid #696969;
border-top:0px;
padding:3px
}

/*tab sample images */
.sampleimage {
height:120px;
width:auto;
border: 0px solid #696969;
margin:2px;
padding:5 5 5 5;
}

#sampleplaceholder {
  height:130px;
  padding:0;
  margin:0;
}

/*----------------------------------------------------------------------------------------
new product tab
-----------------------------------------------------------------------------------------*/


/*tab container*/
.tabs#products-tab-new {
  padding-right:10px;
}

/*tab navigation*/
.tabnav#products-tabnav-new a {
float: left;
display: block;
color: #333300;
text-decoration: none;
padding-left: 4px;
padding-right:4px;
padding-top:2px;
padding-bottom: 2px;
}

.tabnav#products-tabnav-new a:hover {
background: #ffffcc;
cursor:hand;
cursor:pointer;
}	

ul.tabnav#products-tabnav-new {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding:0;
margin: 0;
padding-bottom: 18px;
border-bottom: 1px solid #696969;
}

ul.tabnav#products-tabnav-new li.tabon{
border-bottom: 1px solid #ffff99;
background-color: #ffffcc;
}

ul.tabnav#products-tabnav-new li {
float: left;
height: 17px;
background-color: #ffcc66;
border: 1px solid #696969;
padding:0;
margin:0;
border-right:0px;
}

ul.tabnav#products-tabnav-new li#products-tabnav-last {
border-right: 1px solid #696969;
}


/*tab item container*/
.tabbody#products-tabbody-new {
border: 1px solid #696969; 
background-color: #ffffcc;
border-top-width:0px; 
padding:5px;
}

/*tab items*/
.tabitems-new {
display:none;
padding:0px;
padding-top:2px;
border:0px solid black;
font-size:10px;
}

/*tab footer container*/
.tabfooter#product-tabfooter-new {
background-color: #ffff99;
border: 1px solid #696969;
border-top:0px;
padding:3px
}


.tab{
  height: 19px;
  font-size:7pt;
  background-color: #6666ff;
  margin: 8px 2px 0px 2px;
  border: 1px solid #696969;
  font-weight:bold;
  color:#ffffff
}

.tab:hover{
  background-color: #9999ff;
}

/*----------------------------------------------------------------------------------------
content tab - fulfillment 
-----------------------------------------------------------------------------------------*/

.tabs#fulfillment-tab {
  padding-right:10px
}

/*tab navigation*/
.tabnav#fulfillment-tabnav a {
float: left;
display: block;
color: #333300;
text-decoration: none;
padding: 4px;
}

.tabnav#fulfillment-tabnav a:hover {
background: #ffffcc;
cursor:hand;
cursor:pointer;
}	
ul.tabnav#fulfillment-tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-left:0;
padding-bottom: 24px;
border-bottom: 1px solid #696969;
margin: 0;
}

ul.tabnav#fulfillment-tabnav li.tabon{
border-bottom: 1px solid #ffff99;
background-color: #ffffcc;
}


ul.tabnav#fulfillment-tabnav li {
float: left;
height: 21px;
background-color: #ffcc66;
margin: 2px 2px 0 2px;
border: 1px solid #696969;
padding-left: 0px;
margin-left: 0px;
margin-right:2px
}

/*tab item container*/
.tabbody#fulfillment-tabbody {
border: 1px solid #696969; 
background-color: #ffffcc;
border-top-width:0px; 
height:235px;
padding:5px;
}

/*tab items*/
.tabitems {
display:none;
}

/*tab footer container*/
.tabfooter#fulfillment-tabfooter {
background-color: #ffff99;
border: 1px solid #696969;
border-top:0px;
padding:3px
}