/******************************************************************************
**                                                                           **
**  S M A R T   R O B O T S   S T Y L E S H E E T                            **
**                                                                           **
**  This file defines all the Cascading Style Sheet (CSS) styles used on     **
**  the SmartRobots.com website. Whether possible the general 'page' styles  **
**  should be used to maintain a consistant look throughout the site.        **
**                                                                           **
******************************************************************************/

/******************************************************************************
*                                                                             *
*  GLOBAL TAG STYLES - Sets global styles for specific tags                   *
*                                                                             *
******************************************************************************/

li
{
   margin-bottom: 8px;   
}

sup
{
   font-size:6pt;
}

/******************************************************************************
*                                                                             *
*  GENERAL PAGE STYLES - General styles used on most pages of consistancy     *
*                                                                             *
******************************************************************************/

.photo
{
   padding: 0px;
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 20px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.photo-left
{
   float: left;
   padding: 0px;
   margin-top: 10px;
   margin-left: 0px;
   margin-right: 20px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.photo-right
{
   float: right;
   padding: 0px;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 0px;
   margin-bottom: 10px;
   font-size: 8pt;
   font-weight: normal;
   text-align: justify;
}

.clear-left
{
   clear: left;
}

.clear-right
{
   clear: both;
}

.clear-both
{
   clear: both;
}

td.page-title
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:13pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:30;
   padding-left:20;
   padding-right:0;
   padding-bottom:20;
}

td.page-text
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-left:20;
   padding-right:0;
   padding-bottom:20;
}

td.page-text2
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-left:30;
   padding-right:30;
   padding-bottom:20;
}

td.page-graphic
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   vertical-align:top;
   padding-top:0;
   padding-left:0;
   padding-right:0;
   padding-bottom:0;
}

a.page-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   text-decoration:none;
}

a.page-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   text-decoration:underline;
}

a.photo-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:center;
   text-decoration:none;
}

a.photo-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   text-decoration:underline;
}

td.form-field
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-align:left;
   vertical-align:middle;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:0;
}

td.form-field-check1
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-align:left;
   vertical-align:middle;
   width:5%;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:0;
}

td.form-field-check2
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-align:left;
   vertical-align:middle;
   width:5%;
   padding-top:5;
   padding-left:40;
   padding-right:10;
   padding-bottom:0;
}

td.form-button
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:center;
   vertical-align:top;
   padding-top:10;
   padding-left:0;
   padding-right:0;
   padding-bottom:0;
}

td.form-error
{
   color:#FF0000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:middle;
   padding-top:20;
   padding-left:10;
   padding-right:10;
   padding-bottom:20;
}


tr.general-table-head
{
   color:#000000;
   background-color:#FFFF99;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-align:left;
   vertical-align:middle;
}


tr.general-table-data
{
   color:#000000;
   background-color:#EEEEEE;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:normal;
   text-align:left;
   vertical-align:middle;
}


/******************************************************************************
*                                                                             *
*  HEADER STYLES - Used in the standard page header ( _header.php )           *
*                                                                             *
******************************************************************************/

td.header-banner
{
   color:#FFFFFF;
   background-color:#9999AA;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:12pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
}

.date-display
{
   color:#FFFFFF;
   background-color:#9999AA;
   text-align:right;
   vertical-align:bottom;
   font-size:8pt;
   font-weight:bold;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   text-decoration:none;
   padding-top:0;
   padding-bottom:5;
   padding-left:0;
   padding-right:5;
}

.shopping-cart
{
   text-align:right;
   vertical-align:middle;
   padding-top:0;
   padding-bottom:0;
   padding-left:0;
   padding-right:5;
}

a.shopping-cart
{
   color: #FFFFFF;
   font-size:8pt;
   font-weight:bold;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   text-decoration:none;
   padding-right:10;
}

a.shopping-cart:hover
{
   color:#FFFFFF;
   text-decoration:underline;
}

td.header-navbar
{
   color:#FFFFFF;
   background-color:#666699;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
}


td.navbar-inactive
{
   padding-top:0;
   padding-bottom:0;
   padding-left:1;
   padding-right:1;
   color:#FFFFFF;
   background-color:#666699;
   text-align:center;
   vertical-align:top;
}


td.navbar-active
{
   padding-top:0;
   padding-bottom:0;
   padding-left:1;
   padding-right:1;
   color:#FFFFFF;
   background-color:#FFFFFF;
   text-align:center;
   vertical-align:top;
}


a.navbar-link-active
{
   color: #666699;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
}

a.navbar-link-active:hover
{
   color:#0000FF;
   background-color:#AAAAFF;
   font-weight:bold;
   text-decoration:none;
}

a.navbar-link-inactive
{
   color: #FFFFFF;
   background-color:#666699;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

a.navbar-link-inactive:hover
{
   color:#0000FF;
   background-color:#AAAAFF;
   font-weight:normal;
   text-decoration:none;
}


/******************************************************************************
*                                                                             *
*  FOOTER STYLES - Used in the standard page header ( _footer.php )           *
*                                                                             *
******************************************************************************/

td.footer
{
   color:#9999FF;
   background-color:#FFFFFF;
   text-align:center;
   vertical-align:top;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:normal;
   text-decoration:none;
}


a.footer-link
{
   color: #9999FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:normal;
   text-decoration:none;
}

a.footer-link:hover
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-weight:normal;
   text-decoration:underline;
}


/******************************************************************************
*                                                                             *
*  HOME PAGE STYLES - Styles only used on the home page ( index.php )         *
*                                                                             *
******************************************************************************/

td.home-intro
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:10;
   padding-left:10;
   padding-right:20;
}

/*
 * NOTE: This looks like its just used for padding by wrapping an extra table around content - needs clean-up
 */
td.home-content
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:9pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:10;
   padding-bottom:10;
   padding-left:20;
   padding-right:10;
}

td.home-list
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:10;
   padding-left:10;
   padding-right:20;
}

a.home-list-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

a.home-list-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   font-weight:normal;
   text-decoration:underline;
}

td.home-footnote
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:8pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:10;
   padding-bottom:10;
   padding-left:60;
   padding-right:20;
}

td.home-sidebar
{
   color:#000000;
   background-color:#EEEEEE;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:8pt;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:0;
   padding-left:10;
   padding-right:10;
}

table.sidebar-nav
{
   color:#000000;
   background-color:#EEEEEE;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:8pt;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
   margin-top:0;
   margin-bottom:0;
   margin-left:0;
   margin-right:0;
}

td.sidebar-head
{
   color:#000000;
   background-color:#EEEEEE;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:8pt;
   font-weight:bold;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:20;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
   margin-top:0;
   margin-bottom:0;
   margin-left:0;
   margin-right:0;
}

a.sidebar-head
{
   color: #6666FF;
   text-decoration:none;
}

a.sidebar-head:hover
{
   color:#FF6666;
   text-decoration:none;
}


td.sidebar-link
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:8pt;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-bottom:0;
   padding-left:0;
   padding-right:0;
   margin-top:0;
   margin-bottom:6;
   margin-left:0;
   margin-right:0;
}

a.sidebar-link
{
   color: #6666FF;
   text-decoration:none;
}

a.sidebar-link:hover
{
   color:#FF6666;
   text-decoration:none;
}

td.blue-space
{
   color:#9999AA;
   background-color:#9999AA;
}

td.white-space
{
   color:#FFFFFF;
   background-color:#FFFFFF;
}

td.ad-cell
{
   color:#000000;
   background-color:#FFFFFF;
   vertical-align:top;
   text-align:center;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:14pt;
   font-weight:bold;
   text-decoration:none;
}

td.ad-title
{
   color:#6666FF;
   background-color:#FFFFFF;
   text-align:center;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:14pt;
   font-weight:normal;
   text-decoration:none;
}

td.ad-photo
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:14pt;
   font-weight:bold;
   text-decoration:none;
}

td.ad-price
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   padding-top:10;
   padding-bottom:0;
}

td.ad-button
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-decoration:none;
   padding-top:10;
   padding-bottom:10;
}

td.ad-text
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   vertical-align:top;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

td.ad-bullets
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:left;
   vertical-align:top;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

td.ad-info
{
   color:#000000;
   background-color:#FFFFFF;
   text-align:center;
   vertical-align:top;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
   padding-bottom:15;
}

a.ad-info-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

a.ad-info-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   font-weight:normal;
   text-decoration:underline;
}


/******************************************************************************
*                                                                             *
*  NEWS PAGE STYLES - Styles only used on the news page ( news.php )          *
*                                                                             *
******************************************************************************/

td.news-article-title
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:13pt;
   font-weight:bold;
   text-align:left;
   vertical-align:bottom;
   padding-top:20;
   padding-left:40;
   padding-right:0;
   padding-bottom:0;
}

td.news-article-date
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:bottom;
   padding-top:20;
   padding-left:40;
   padding-right:0;
   padding-bottom:0;
}

td.news-article-body
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:20;
   padding-left:40;
   padding-right:0;
   padding-bottom:0;
}

td.news-list-title
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:13pt;
   font-weight:bold;
   text-align:left;
   vertical-align:bottom;
   padding-top:20;
   padding-left:20;
   padding-right:0;
   padding-bottom:10;
}

td.news-list-date
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:bottom;
   padding-top:20;
   padding-left:20;
   padding-right:0;
   padding-bottom:10;
}

td.news-list-summary
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-left:20;
   padding-right:0;
   padding-bottom:20;
}

a.news-list-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   text-decoration:none;
}

a.news-list-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   text-decoration:underline;
}


/******************************************************************************
*                                                                             *
*  PRODUCT PAGE STYLES - Styles only used on the product page ( product.php ) *
*                                                                             *
******************************************************************************/

td.product-title
{
   color:#6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:16pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:10;
   padding-bottom:10;
}

td.product-description
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-left:20;
   padding-bottom:10;
}

a.product-link
{
   color: #6666FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
}

a.product-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   font-weight:normal;
   text-decoration:underline;
}


/******************************************************************************
*                                                                             *
*  CATALOG PAGE STYLES - Styles only used on the catalog page ( catalog.php ) *
*                                                                             *
******************************************************************************/

td.catalog-list
{
   color:#000000;
   background-color:#FFFFFF;
   width:100%;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-left:0;
   padding-right:0;
   padding-bottom:0;
}

td.catalog-list-head
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:14pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:30;
   padding-left:0;
   padding-right:0;
   padding-bottom:20;
}

td.catalog-list-data
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:12pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:0;
   padding-left:0;
   padding-right:20;
   padding-bottom:10;
}

a.catalog-list-link
{
   color: #3333FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:12pt;
   font-weight:normal;
   text-decoration:none;
}

a.catalog-list-link:hover
{
   color:#9999FF;
   background-color:#FFFFFF;
   font-weight:normal;
   text-decoration:underline;
}


/******************************************************************************
*                                                                             *
*  FEATURE PAGE STYLES - Styles only used on the feature page ( feature.php ) *
*                                                                             *
******************************************************************************/

td.feature-list-head
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   padding-top:5;
   padding-left:10;
   padding-bottom:5;
}

td.feature-list-model
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:center;
   vertical-align:top;
   padding-top:5;
   padding-bottom:5;
}

a.feature-list-link
{
   color: #0000FF;
   text-decoration:none;
}

a.feature-list-link:hover
{
   color:#6666FF;
   text-decoration:underline;
}

td.feature-list-text
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:left;
   vertical-align:top;
   padding-top:5;
   padding-left:10;
   padding-right:30;
   padding-bottom:5;
}

td.feature-list-line
{
   background-color:CCCCFF;
}

td.feature-list-normal
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:center;
   vertical-align:middle;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:5;
}

td.feature-list-highlight
{
   color:#000000;
   background-color:#CCCCFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:normal;
   text-align:center;
   vertical-align:middle;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:5;
}


/******************************************************************************
*                                                                             *
*  CONTACT PAGE STYLES - Styles only used on the contact page ( contact.php ) *
*                                                                             *
******************************************************************************/

td.contact-label
{
   color:#000000;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   width:5%;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:0;
}

td.contact-data
{
   color:#3333FF;
   background-color:#FFFFFF;
   font-family:Verdana,Arial,Helvetica,Sans-serif;
   font-size:10pt;
   font-weight:bold;
   text-align:left;
   vertical-align:top;
   width:5%;
   padding-top:5;
   padding-left:10;
   padding-right:10;
   padding-bottom:0;
}

a.contact-link
{
   color: #3333FF;
   text-decoration:none;
}

a.contact-link:hover
{
   color:#9999FF;
   text-decoration:underline;
}