/*
   TatBuilder CSS
   @copyright Copyright 2010 SafetyTat.  All Rights Reserved.
*/

/* Hide TatBuilder attributes */

#wrapper-attrib-6-0 {
 display: none;
}

#wrapper-attrib-7-0 {
 display: none;
}

#wrapper-attrib-8-0 {
 display: none;
}

#wrapper-attrib-9-0 {
 display: none;
}

#wrapper-attrib-10-0 {
 display: none;
}

/* Style TatBuilder Objects */

#tatBuilderWrapper {
 width: 260px;
 float: right;
 margin-left: 20px;
 margin-top: -60px;
}

#tatBuilderBox {
 width: 230px;
 padding: 0px 10px 10px 10px;
 border-left: 1px solid #333333;
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
 background-color: #E8E8E8;
}

#tatBuilderWrapper #tatNumber {
 width: 138px;
 height: 24px;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 18px;
 letter-spacing: -0.5px;
 font-weight: bold;
 margin-top: -68px;
 margin-left: 12px;
 white-space: nowrap;
}

#tatBuilderWrapper #tatNumber2 {
 width: 138px;
 height: 20px;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 17px;
 letter-spacing: -0.5px;
 font-weight: bold;
 margin-top: -3px;
 margin-left: 12px;
 white-space: nowrap;
}

#tatBuilderWrapper #tatDisclaimer {
 width: 225px;
 margin-top: 2px;
 padding-left: 4px;
 font-size: 10px;
 color: #444444;
 clear: both;
}

#tatBuilderWrapper #tatBuilderInfobar {
 margin-top: -102px;
}

#tatBuilderWrapper #tatBuilderBorder {
 margin-top: -102px;
}

#tatBuilderWrapper #tatBuilderMessage {
 margin-top: -102px;
}

#tatBuilderWrapper #tatBuilderIcon {
 margin-top: -102px;
}

#tatBuilderWrapper #tatBuilderInterface {
 margin-top: 20px;
 display: none;
}

#tatBuilderWrapper #tatBuilderLoading {
 margin-top: 40px;
 margin-bottom: 30px;
 text-align: center;
 color: #666666;
 text-decoration: blink;
}

#tatBuilderWrapper #tatProduct {
 margin-top: 4px;
}

#tatBuilderWrapper h2 {
 font-size: 14px;
 margin: 0px;
 padding: 0px;
}

#tatBuilderWrapper h4 {
 font-size: 10px;
 clear: both;
 margin: 0px;
 padding-top: 1px;
}

#tatBuilderWrapper p {
 margin-top: 0px;
 margin-bottom: 0px;
}

#tatBuilderWrapper select {
 padding: 0px;
 font-size: 11px;
}

/* Classes */

.colorbutton img {
 width: 28px;
 height: 14px;
 border: 1px solid #666666;
}

.colorbutton img:hover {
 border: 1px solid #000000;
}

.iconbutton img {
 width: 28px;
 height: 28px;
 border: 1px solid #666666;
}

.iconbutton img:hover {
 border: 1px solid #000000;
}