/**
 * @file
 * Custom styles.
 *
 * @author Shannon M. Rause <shannon.rause@creativeflavor.com>
 * @version $Revision: 1.189 $
 * @version $Name: CARMODYNCO_2009-03-03_2 $
 * @version $Id: main.css,v 1.189 2008/11/27 15:39:19 bfinch Exp $
 *
 * These files are copyrighted to Creative Flavor Inc. and are
 * subject to the terms of the applicable Service Agreement.
 * If no service agreement is available you must contact us at
 * legal@creativeflavor.com or 303-379-9450.
 * 
 * These files may be watermarked to ensure traceability.
 */
html,
body
{
   background: url(/images/en/background.gif);
   background-color: #f0eee1;
   color: #000;
   font: 85%/1.5em verdana,arial,helvetica,sans-serif;
   padding: 0px;
   margin: 0px;
}
img
{
   border: none;
}
td
{
   align: left;
   vertical-align: top;
}
a:link,
a:visited,
a:active
{
   color: #69c;
   text-decoration: none;
}
a:hover
{
   color: #369;
   text-decoration: none;
}
#mainTable
{
   width: 780px;
   margin: 0px auto;
}
#globalNav
{
   background-color: #036;
   height: 15px;
   color: #fff;
   text-align: right;
   font-size: 10px;
   line-height: 1.25em;
   padding-right: 5px;
}
#globalNav a:link,
#globalNav a:visited,
#globalNav a:active
{
   color: #fff;
   text-decoration: none;
}
#globalNav a:hover
{
   color: #ccc;
   text-decoration: none;
   border-bottom: 1px #ccc dotted;
}
.leftShadow
{
   background: url(/images/en/shadow_left.gif) repeat-y;
   color: #000;
}
.rightShadow
{
   background: url(/images/en/shadow_right.gif) repeat-y;
   color: #000;
}
#navRow
{
   background-color: #69c;
   color: #000;
   height: 30px;
   padding-left: 18px;
}
#navFloat
{
   float: left;
   width: 725px;
   height: 30px;
   padding: 0px;
   margin: 0px;
}
#navFloat .noBorder
{
   border: none;
}
#bodyRow
{
   background-color: #fff;
   color: #000;
   _height: 300px;
   min-height: 300px;
}
#mainLeft
{
   float: left;
   width: 450px;
   margin: 15px 0px;
   margin-left: 25px;
}
#mainRightTop
{
   height: 24px;
}
#mainRight
{
   float: left;
   background: url(/images/en/homeWhatsNew_back.jpg) no-repeat;
   background-color: #F1EECF;
   color: #000;
   width: 187px;
   _height: 314px;
   min-height: 314px;
   margin: 15px 0px;
   margin-left: 25px;
   padding: 50px 32px 10px 31px;
   text-align: justify;
}
.pageTitle
{
   font-family: trebuchet,'Trebuchet MS';
   font-size: 14px;
   font-weight: bold;
   color: #69c;
   border-bottom: 1px #69c dashed;
   width: 100%;
   margin-bottom: 15px;
}
.content
{
   padding: 20px;
   margin: 0px;
}


/**
 * Nav dropdown menus.
 */
#qm0,
#qm1,
#qm2,
#qm3,
#qm4,
#qm5,
#qm6,
#qm7,
#qm8
{
   float: left;
}

/*
 * All.
 */
.qmmc
{ 
   background-color: transparent;
}

/*
 * Main items.
 */
.qmmc a
{
   background-color: #69c !important;
   color: #fff !important;
   font-size: 12px !important;
   text-decoration: none !important;
   padding: 7px 30px 7px 8px;
}

/*
 * Main hover state.
 */
.qmmc a:hover
{ 
   background-color: #9cf !important;
   color: #000 !important;
}

/*
 * Main active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc .qmactive
{ 
   background-color: #369 !important;
   /*
   text-decoration: underline !important;
   */
}


/*
 * Main parent items.
 */
.qmmc .qmparent
{
   background-image: url(/images/en/core/menu_arrow_down.gif);
   background-position: 95%;
   background-repeat: no-repeat;
}


/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #efefef;
   border-color: #cccccc;
   border-style: solid;
   border-width: 1px;
   margin-top: 0px;
   padding: 0px;
}


/*
 * Sub hover state.
 */
.qmmc div a:hover
{
   /*
   text-decoration: underline;
   */
}


/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive
{
   background-color: #ffffff !important;
}


/*
 * Sub parent items.
 */
.qmmc div .qmparent 
{
   background-image: url(/images/en/core/menu_arrow_right.gif);   
}


/*
 * Sub items.
 */
.qmmc div a
{     
   background-color: #eeeeee;
   border-color: #000000;
   border-style: none;
   border-width: 0px;
   /*
   padding: 2px 30px 2px 5px;
   */
}

/* Calendar */
#calWidth #calChooseWrap a:link,
#calWidth #calChooseWrap a:visited,
#calWidth #calChooseWrap a:active
{
   color: #fff;
   text-decoration: none;
}
#calWidth #calChooseWrap a:hover
{
   color: #ccc;
   text-decoration: none;
   border-bottom: 1px #ccc dotted;
}

#calWidth a:link,
#calWidth a:visited,
#calWidth a:active
{
   color: #AF874B;
   text-decoration: none;
}
#calWidth a:hover
{
   color: #99B06E;
   text-decoration: none;
   border-bottom: 1px #99B06E dotted;
}

/*
 * Catalog/about us left nav.
 */

#catalogLeftNav
{
   float: left;
   font-size: 10px;
   font-weight: bold;
   width: 200px;
   padding: 10px 5px;
}
#catalogLeftNav ul
{
   margin: 0px;
   padding: 0px;
   vertical-align: middle;
}
#catalogLeftNav li
{
   list-style-position: outside;
   list-style: none;
   font-weight: normal;
   line-height: 2.25em;
   margin-left: 15px;
   padding: 0px;
}
#catalogLeftNav li:hover
{
   list-style-position: outside;
   list-style-image: url(/images/en/pointer.gif);
   font-weight: bold;
}
#catTitle
{
   font-size: 12px;
   font-variant: small-caps;
   text-decoration: underline;
   color: #369;
   margin: 10px 15px;
}
#catalogWidth
{
   float: left;
   width: 540px;
   border-left: 1px #ddd solid;
   _height: 350px;
   min-height: 350px;
}
.catalog
{
   margin: 0px;
   margin-left: 5px;
   /*
   width: 540px;
   */
}
.catalog .content .items
{
   margin: 0px auto;
}
.catalog .content .items th,
.catalog .content .items td
{
   padding: 0px 15px;
   vertical-align: baseline;
}
.catalog .content a:hover
{
   border-bottom: none;
}
.catalog .content .item
{
   margin-left: 30px;
}
.catalog .content .item #itemImages
{
   float: left;
   width: 300px;
}
.catalog .content .item #itemImages .images
{
   width: 300px;
}
.catalog .content .item #itemInfo
{
   float: left;
   width: 320px;
   margin-left: 20px;
}
#footer
{
   background: url(/images/en/shadow_bottom.gif) no-repeat;
   color: #000;
   font-size: 10px;
   text-align: center;
}