/*----------------------------------------------------------------------------

     * Filename:          globalLayout.css

  * Description:          Global Layouts CSS

      * Version:          1.0.0 (01-22-2010) MM-DD-YYYY

      * Website:          http://includes.calmwatersolutions.com/

       * Author:          Mike Baldwin

  == STRUCTURE: ==============================================================

   * Page width:          Variable

   # of columns:          1-3 (Left/Center/Right) [Automatic through database]

        Anchors:          $__main               Main Definitions
                          $__general            General Definitions
                          $__contentLeft        Left Content Definitions
                          $__contentRight       Right Content Definitions
                          $__contentMiddle      Middle Content Definitions
                          $__multipleImages     Multiple Images Definitions

  ----------------------------------------------------------------------------*/


/*   __main
--------------------------------------------*/

article,aside,footer,header,nav,section{display:block}
/*div.layout1{padding:10px 0}*/
div.layout1 dl{
 clear:both;
 margin:10px 10px 25px 10px;
 padding:0}
div.layout1 .separator{
 margin-bottom:5px;
 padding-bottom:5px}
div.layout1 a img{border:none}
div.layout1 dl span.caption{
 display:block;
 text-align:center}
div.layout1 dl.imageOnly dt.title{clear:both}
.contentUnavailable{
 clear:none;
 float:none;
 margin:1em 0;
 padding:0;
 text-align:center;
 width:100%}
div.layout1 table{margin:5px}


/*   __general
--------------------------------------------*/

div.layout1 dl dd.img{
 margin:0 0 1em 0;
 padding:0}
div.layout1 dl dd.img img{margin-bottom:0.5em}
div.layout1 dl dt.title{
 font-size:120%;
 font-weight:bold;
 margin-bottom:0.5em}
div.layout1 dl dt.subtitle{
 font-size:110%;
 padding-top:5px}
/*div.layout1 dl dd.text{
 line-height:1.5em;
 margin:0 0 1em 0;
 padding:0}*/
div.layout1 dl dd.subtitle{
 margin:1em 0 0.5em 0;
 padding:0}
div.layout1 dl dd.subtitle p{
 margin:0;
 padding:0}

div.layout1 dl.imageLeft dd.img{
 clear:left;
 float:left}
div.layout1 dl.imageRight dd.img{
 clear:right;
 float:right}


/*   __contentLeft
--------------------------------------------*/

div.layout1 dl.textLeft dt,
 div.layout1 dl.textLeft dd,
 div.layout1 dl.imageLeft dt,
 div.layout1 dl.imageLeft dt{
 text-align:left}


/*   __contentRight
--------------------------------------------*/

div.layout1 dl.imageRight.imageOnly dd.img,
 div.layout1 dl.textRight.textOnly dd.text{
 text-align:right}


/*   __contentMiddle
--------------------------------------------*/

div.layout1 dl.textMiddle dt,
 div.layout1 dl.textMiddle dd,
 div.layout1 dl.imageMiddle dt,
 div.layout1 dl.imageMiddle dd{
 text-align:center}


/*   __multipleImages
--------------------------------------------*/

div.layout1 dl.imageMultiple{text-align:center}
div.layout1 dl.imageMultiple dd.img{
 clear:none;
 display:inline-block;
 float:none;
 margin:5px;
 vertical-align:middle}


/*   __layoutAdmin
--------------------------------------------*/

div.layoutAdmin{
 padding:0 0 15px 0;
 text-align:center}
div.layoutAdminProducts,
 div.layoutAdminProductTypes{
 padding:0;
 text-align:left}
div.layoutAdmin ul{
 list-style-type:none;
 margin:12px 0 5px 0;
 padding:0}
div.layoutAdmin ul li{
 display:inline;
 margin:0;
 padding:0.4em 0}
div.layoutAdmin ul li a{
 padding:0.5em;
 text-decoration:none}