﻿div.main_middlemainSection 
{
    clear: both;
    overflow: hidden;
}
/*BASE DEFAULT*/
/* header */
div.main_middlemainSection .main_header 
{
    height: 78px;
    background: url('../../Media/Images/Layout/middle_headbg.jpg') no-repeat top left;
    text-transform: uppercase;
}
div.main_middlemainSection .main_header h1, div.main_middlemainSection .main_header h2  
{
    padding: 30px 0 5px 40px;
    color: #fff;
    font-size: 30px;
    font-family: Arial Narrow, Tahoma, Arial, Sans-Serif;
    float: left;
    font-weight: normal;
}
div.main_middlemainSection .main_header div.mh_rightlink 
{
    float: right;    
    padding: 30px 0 10px 0;
    width: 241px;
}
div.main_middlemainSection .main_header div.mh_rightlink a
{
    background: url('../../Media/Images/Layout/middle_headlink.jpg') no-repeat top left;    
    padding: 6px 0 7px 40px;
    color: #04396f;
    font-size: 14px;
    font-family: Arial Narrow, Tahoma, Arial, Sans-Serif;

}
div.main_middlemainSection .main_header div.mh_rightlink a:hover
{
    background-position: 0 -29px;
    color: #009cff;
    text-decoration: none;
}
/* content area */
div.main_middlemainSection .main_content 
{
    padding: 0 15px 0 40px;    
    margin-bottom: 20px;
    margin-top: 20px;
} 
div.main_middlemainSection .main_content p strong, div.main_middlemainSection .main_content b
{
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #063666;
}
div.main_middlemainSection .main_content p
{
    line-height: 18px;
    padding-right: 245px;
}

div.main_middlemainSection .main_content h1, div.main_middlemainSection .main_content h2
{
    font-family: Arial Narrow, Tahoma, Arial, Sans-Serif;
    color: #0093ff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-bottom: 18px;
    margin: 0;
}
div.main_content ul 
{
    list-style-image: url('../../Media/Images/Layout/trianglebullet.gif');
    margin-left: 15px;
}

div.main_content li 
{
    padding-bottom: 10px;
}

div.main_content li span.sublist_head
{
    display: block;
    font-weight: bold;
    color: #0093ff;
}


/*INNER CONTENT*/
/* tables generated via user input in web command htmlarea */
div.main_middlemainSection .main_content table
{
}
div.main_middlemainSection .main_content tr
{
}
div.main_middlemainSection .main_content td
{
    vertical-align: top;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-top: 15px;
}
* html div.main_middlemainSection .main_content td
{
    padding-right: 20px;
}
div.main_middlemainSection .main_content td a 
{
    text-transform: uppercase;
    color: #04396f;
    text-decoration: none;
    font-size: 16px;
    font-family: Arial Narrow, Tahoma, Arial, Sans-Serif;
}
div.main_middlemainSection .main_content td a span 
{
    display: block;
    padding-top: 5px;
    letter-spacing: 1px;

}
div.main_middlemainSection .main_content td a:hover 
{
    color: #009cff;
    text-decoration: none;
}
/* specific table classes used in mainpage area */
table.poolinfo p, div.accesories_subpage table p
{
    padding-right: 0px !important;
}

div.accesories_subpage h1
{
    text-transform: uppercase;
    font-size: 20px !important;
}
div.accesories_subpage table h2
{
    padding-bottom: 5px !important;
}
table.poolinfo strong, table.poolinfo b, div.accesories_subpage table strong, div.accesories_subpage table b 
{
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

table.pooldata { margin-bottom: 10px; border: 1px solid #062d66;}	
table.pooldata th { font-weight: bold; padding: 2px;}	

table.pooldata td { padding: 2px !important; border: 1px solid #062d66;}	
table.pooldata td p { padding: 0px !important;}	



/* Right Image Banner at Home Page */
div.main_middlemainSection .main_rightslogan 
{
    padding: 35px 10px 0 15px;
    margin-bottom: 10px;
    float: left;
}
div.main_rightslogan .image_scroller_small
{
    position: relative;
}
div.main_rightslogan .image_scroller_small img.scroll_img
{
    position: absolute;
    width: 207px;
    height: 239px;
}
div.main_rightslogan .image_scroller_small .scroll_info
{
    background: url("../../Media/Images/Layout/scroller_bg.png") repeat;
    width: 187px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 188px;
}
div.main_rightslogan .image_scroller_small .scroll_info span.info_text
{
    font-family: Arial Narrow, Tahoma, Arial, Sans-Serif;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform:uppercase;

}

/* POOL COLOURS PAGE */
.poolColour 
{
    left: 20px; 
    float: left; 
    margin: 5px; 
}
#poolColour2
{
    margin-bottom: 20px;
}
.colourNav 
{
    width: 390px; 
    margin: 5px; 
    float: left; 
    margin-left: 0 !important; 
}
.colourNav li 
{
    width: 80px; 
    float: left; 
    margin: 8px; 
    list-style: none; 
    padding-bottom: 0 !important;
}
.colourNav a 
{
    width: 80px; 
    padding: 3px; 
    display: block;
}
.colourNav li .linkText 
{
    display: block; 
    font-size: 10px; 
}
.colourNav li.activeSlide img 
{
    border: 3px solid #009cff;
}
.colourNav li.activeSlide a 
{
    color: #009cff;
}
.colourNav img 
{
    display: block; 
    border: 3px solid #fff; 
}
#colourList 
{
    width: 100% !important; 
    margin: 5px;
}


