/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	BACKGROUND-color:#ffffff;
}
.Site /* same element as #mainTable */
{
	FONT-SIZE: 100%;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    color:#666666;
    line-height: 1.2;	
}
.Site A 
{
	text-decoration:none;
	color:#00a2b4;
}
.Site h1 a,
.Site h2 a,
.Site h3 a,
.Site h4 a,
.Site h6 a
{
	color:#232862;
}
.Site h1 a:hover,
.Site h2 a:hover,
.Site h3 a:hover,
.Site h4 a:hover,
.Site h6 a:hover
{
	color:#00a2b4;
}
.Site A:hover
{
	color:#022d6f;
}
.Site DT
{

}
.Site dd
{

}
.Site H1, H2, H3, H4, H5, H6
{
	margin-top:0;
	margin-bottom:5px;
	color:#022d6f;
}
.Site H1
{
    FONT-SIZE: 170%;
}
.Site H2
{
    FONT-SIZE: 140%;
}
.Site H3
{
    FONT-SIZE: 120%;
}
.Site H4
{
    FONT-SIZE: 120%;
}
.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site IMG
{
	border:none;
}
.Site #mainLayout a img
{
}


/* ################################### Box template ################################# */
#simplemodal-container .box,
.Site .box
{
	color:#fff;
}

#simplemodal-container .box td,
.Site .box td
{
	vertical-align:top;
}
#simplemodal-container .box ul,
.Site .box ul
{
	margin:0;
}
#simplemodal-container .box li,
.Site .box li
{
	list-style-type:none;
	background:transparent url(/images/layout/li_bg.gif) no-repeat left 10px;
	font-size:110%;
	font-weight:bold;
	padding-left:10px;
}

#simplemodal-container .box h2.title,
.Site .box h2.title
{
	background:#022d6f url(/images/layout/box_title_bg.gif) no-repeat 98% 50%;
	margin:0;
	color:#fff;
	font-size:110%;
	padding:6px 25px 6px 15px;
}

#simplemodal-container .box .content,
.Site .box .content
{
	background-color:#87608f;
}

#simplemodal-container .box .content .list a,
.Site .box .content .list a
{
	color:#ffff33;
}

#simplemodal-container .box .content .list a:hover,
.Site .box .content .list a:hover
{
	color:#fcfc7e;
}
#simplemodal-container .box .content .list h3.title a,
.Site .box .content .list h3.title a
{
	color:#ffffff;
}

#simplemodal-container .box .content .list h3.title a:hover,
.Site .box .content .list h3.title a:hover
{
	color:#ffff33;
}

#simplemodal-container .box img,
.Site .box img
{
	border:solid 1px #ffffff;
}


#simplemodal-container .box h4,
.Site .box h4
{
	color:#ffffff;
	font-weight:normal;
}

#simplemodal-container .box h4,
.Site .box h4
{
	color:#ffffff;
	font-weight:normal;
}
.Site .purplebox .bl,
.Site .purplebgbox .bl
{
    display:none;
}
.Site .purplebox .content,
.Site .purplebgbox .content
{
    background-color:#8781bd;
    padding-left:12px;
    padding-top:8px;
    padding-right:15px;
}
.Site .purplebgbox .content
{
   background:#8781bd url(/images/layout/purpleBox_bg.gif) no-repeat 93% 76%; 
}
.Site .purplebox .list,
.Site .purplebgbox .list
{
    border-color:#cccccc;
}
.Site .purplebox ul,
.Site .purplebgbox ul
{
    line-height:1.3;
}
.Site .purplebox li,
.Site .purplebgbox li
{
    background:transparent url(/images/layout/li_bg_purplebox.gif) no-repeat left 10px;
    font-weight:normal;
}
.Site .purplebox h1,
.Site .purplebox h2,
.Site .purplebox h3,
.Site .purplebox h4,
.Site .purplebox h5,
.Site .purplebox h6,
.Site .purplebox a,
.Site .purplebgbox h1,
.Site .purplebgbox h2,
.Site .purplebgbox h3,
.Site .purplebgbox h4,
.Site .purplebgbox h5,
.Site .purplebgbox h6,
.Site .purplebgbox a
{
    color:#fff;
}
.Site .purplebox a:hover,
.Site .purplebgbox a:hover
{
    color:#FFFF33;
}
.Site .purplebox h1,
.Site .purplebgbox h1
{
    line-height:1.3;
}
.Site .purplebox h1,
.Site .purplebox h4 a,
.Site .purplebgbox h1,
.Site .purplebgbox h4 a
{
    text-shadow: 2px 2px 2px #282828;
}
.Site .purplebox h4 a,
.Site .purplebgbox h4 a
{
    font-weight:bold;
}
.Site .purplebox .vert h4 a,
.Site .purplebgbox .vert h4 a
{
    text-shadow:none;
}
.Site .purplebox .vert h4,
.Site .purplebgbox .vert h4
{
    margin-bottom:4px;
}
.Site .purplebox h2.title,
.Site .purplebgbox h2.title
{
    padding-left:12px;
}
/* ################################### Site Classes ################################# */


.Site .detail H3
{
	font-weight:normal;
}
.Site .detail h3 a
{
	color:#00a2b4;
}
.Site .detail h3 a:hover
{
	color:#022d6f;
}

#simplemodal-container .detail IMG.picture,
.Site .detail IMG.picture
{
}
.Site input,
.Site .dropdown, 
.Site .textarea,
.Site textarea, 
.Site .textbox,
.Site .textBox,
.Site .required,
.Site select,
.Site option
{
    WIDTH:180px;
    font-size:95%;
    font-family:Arial, Helvetica, sans-serif;
}
#simplemodal-container select.short,
.Site select.short
{
	width: auto;
}

#adminLayout textarea
{
	font-size:100%;
}
#simplemodal-container span.radiocheckbox input,
.Site span.radiocheckbox input
{
	width:auto;
}
#simplemodal-container span.radiocheckbox,
.Site span.radiocheckbox
{
	display:block;
}

#simplemodal-container .label,
.Site .label
{
	font-weight:bold;
}

#simplemodal-container form .label
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	border-bottom:1px solid #CDCDCD;
}
.Site .list a
{
	text-decoration: none !important;
}
.Site .list a:hover
{
}
.Site .list p
{	
}
.Site .list H3
{
	font-size:125% !important;
	line-height:1.3 !important;
}
.Site .list H4
{
	font-size:110% !important;
	line-height:1.2 !important;
}
.Site .list .date
{

}
.Site td.list IMG.thumbnail
{
}
.Site .stepper
{
}
.Site .stepper a
{
}
.Site .stepper a:hover
{
}
.Site .stepper p
{
}
.Site .stepper p.links
{
}
.Site TABLE.documentTable
{

}
.Site TABLE.documentTable TD.cell
{

}
.Site TABLE.documentTable TH.heading
{

}
.Site TABLE.documentTable TR.alternative
{

}
.Site .list .terminus
{
	clear:right !important;
}
.Site .template
{
	background: none;
	border: none;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #mainHeader
{
	background-color:#232862;
}
.Site #mainHeader #mainHeaderInner
{
	background:#71bf44 url(/images/layout/mainHeaderInner.gif) repeat-x left bottom;
}
.Site #logoText a,
.Site #telNumber
{
	color:#ffffff;
}
.Site #logoText p
{
	font-size:235%;
	margin:0;
}
.Site #telNumber p
{
	font-size:150%;
	margin:0;
}
.Site #logoText a:hover
{
	color:#0099cc;
}

.Site #location
{
}
.Site #location a
{
}
.Site #location A:hover
{
}
.Site #mainLayoutContainer
{
	background:transparent url(/images/layout/mainlayout_bg.gif) repeat-y left top;
	height:1%;
}
.Site #mainLayoutContainer.fullwidth 
{
	background:transparent url(/images/layout/mainlayout_bg_full.gif) repeat-y left top;
}
/* ################################## Main Menu setup ################################### */
.Site #mainMenu
{
	background-color:#232862;
}
.Site #mainMenu ul
{
	margin-left:1px;
}
.Site #mainMenu ul a
{
	color:#fff;
	font-weight:normal;
	font-size:115%;
}
.Site #mainMenu ul a:hover,
.Site #mainMenu ul a.on,
.Site #mainMenu ul a.active,
.Site #mainMenu ul li:hover a
{
	color:#ffff39;
}
.Site #mainMenu ul li:hover li a
{
	color:#fff;
}
.Site #mainMenu ul li:hover li a:hover
{
	color:#ffff39;
}
.Site #mainMenu a.on,
.Site #mainMenu a.active
{
	background:#7fcf4b url(/images/layout/mainmenu_a_bg.gif) repeat-x left bottom;
}
.Site #mainMenu li li a.on,
.Site #mainMenu li li a.active
{
	background:none;
}
.Site #mainMenu li
{
	background:#232862 url(/images/layout/mainmenu_li_bg.gif) no-repeat left top;
	padding-left:2px;
}
.Site #mainMenu li.home
{
	background:none;
}
.Site #mainMenu li li a
{
	background:transparent url(/images/layout/mainmenu_li_li_bg.gif) repeat-x left bottom;
}
.Site #mainMenu ul li li
{
	background:#232862 url(/images/layout/mainmenu_ul_ul_bg.gif) repeat-y left top;
}
.Site #mainMenu ul ul
{
	background:#232862 url(/images/layout/mainmenu_ul_ul_top_bg.gif) no-repeat left top;
}
/* ################################## Sub Menu setup ################################### */
.Site #subMenu .menuHeader a
{
	background-color:#232862;
	color:#ffffff;
	font-size:95%;
	font-weight:bold;
	border-bottom:solid 2px #ffffff;
	text-transform:uppercase;
}
.Site #subMenu .menuHeader a:hover
{
	color:#00a2b4;
	text-decoration:underline;
}
.Site #subMenu
{
	font-size:110%;
}
.Site #subMenu ul 
{	
}
.Site #subMenu li
{
}
.Site #subMenu ul a
{	color:#00a2b4;
	border-bottom:solid 2px #ffffff;
}
.Site #subMenu ul ul a
{
}
.Site #subMenu ul ul ul a
{
}
.Site #subMenu ul ul ul ul a
{
}
.Site #subMenu ul ul ul ul ul a
{
}
.Site #subMenu ul ul ul ul ul ul a
{
}
.Site #subMenu ul a:hover
{
	color:#022d6f;
}
.Site #subMenu ul a.active,
.Site #subMenu ul a.on
{
	font-weight:bold;
	background-color:#d4d5d9;
}
.Site #subMenu ul ul a.active,
.Site #subMenu ul ul a.on
{
	background-color:#e3e4e7;
}
.Site .spaces table
{
	background-color:#e3e4e5;
	border:none;
	padding:0;
	margin:0;
	border-collapse:collapse;
}
.Site .spaces table tr
{
	background-color:#fff;
	margin:0;
}
.Site .spaces table td
{
	background-color:#e3e4e5;
	border-top:solid 1px #fff;
	padding:4px 4px 4px 12px;
	margin:0px;
	font-size:80%;
}
.Site .spaces table td a
{
	font-size:100% !important;
}

/* ################################## Bottom Menu setup ################################### */

.Site #bottomNav
{
	background-color:#022D6F;
}
.Site #bottomNav ul a
{
	line-height:1.7em;
	color:#ffffff;
	background:transparent url(/images/layout/bottomnav_bg.gif) no-repeat right 3px;
	font-size:90%;
}
.Site #bottomNav ul li.last a
{
	background:none;
}
.Site #bottomNav ul a:hover
{
	color:#ffff33;
}

/* ################################## Locations Menu setup ################################### */

.Site #locationsMenu ul a
{
	color:#ffffff;
	border:solid 1px #254b1c;
	background-color:#254b1c;
}
.Site #locationsMenu ul a:hover
{
	color:#FFFF33;
}
.Site #locationsMenu ul a.on,
.Site #locationsMenu ul a.active
{
	color:#254b1c;
	background-color:#d4d5d9;
	border:solid 1px #d4d5d9;
}




/* ======================== */

.Site #mainTitle
{
	color:#ffffff;
}
.Site #mainTitle h1
{
	color:#ffffff;
	font-size:140%;
}
.Site #mainLayout
{
	background:transparent url(/images/layout/mainlayout_bg_new.gif) repeat-y right top;	
}
.Site .fullwidth #mainLayout
{
	background:none;
}
.Site #mainFooter
{
}

/* #######################################  Developer Link  ################################### */

.Site #developerLink a
{
	background: url(/images/layout/eonic_logo.gif) right top no-repeat;
	color:#042e6f;
	font-size:100%;
	font-family:Arial, Sans-Serif;
	font-weight:normal;
	line-height:1.6;
}
.Site #developerLink a:hover
{
	color:#4b90cd;
    background-position: right -22px;
}

/* ======================== */

.Site #template_Stepped_Pages .content
{
}

/* ======================== */


.Site TABLE#subPageTable
{
}
.Site TABLE#subPageTable th.heading
{
}
.Site TABLE#subPageTable td.cell
{
}
.Site TABLE#subPageTable td.col1 
{
}
.Site TABLE#subPageTable .col1 A 
{
}
.Site TABLE#subPageTable .col1 A:hover
{
}

/* ======================== */

.Site #template_Home_Variant .list
{
}

/* ======================== */

.Site #template_Events_Style_2 #column1
{
}
.Site #template_Events_Style_2 #column2
{
}
.Site #template_Events_Style_2 .list
{
}
.Site #column2
{
}
.Site #template_Events_Style_2 .date
{

}

/* ======================== */

.Site #template_Links img.thumbnail
{
}
/* ========================== */

.Site #template_sitemap UL
{
}
.Site #template_sitemap UL LI
{
}
.Site #template_sitemap UL UL LI
{
}
.Site #template_sitemap UL UL a
{
}
.Site #template_sitemap LI
{
}
.Site #template_sitemap ul a
{
}
.Site #template_sitemap ul a:hover
{
}
.Site #template_sitemap ul ul a
{
}
.Site #template_sitemap ul ul a:hover
{
}
.Site #mapWindow
{
	line-height:1.3 !important;
}
.Site #mapWindow p
{
	padding:5px;
	margin:0;
}



/* #######################################  Tooltip styling  ################################### */

#tooltip h3
{
	padding:3px !important;
	margin:0 !important;
	padding-bottom:2px !important;
	padding-top:2px !important;
	color:#ffffff !important;
}
#tooltip
{
	width:160px !important;
	color:#ffffff !important;
	padding:0 !important;
	border:none !important;
}
#tooltip #innerDiv
{
	font-weight:bold;
	padding:3px !important;
	font-size:90%;
}
#tooltip.green h3
{
	background-color:#447744 !important;
}
#tooltip.blue h3
{
	background-color:#222266 !important;
}
#tooltip.yellow h3
{
	background-color:#ffcc00 !important;
	color:#000000 !important;
}

#tooltip.green
{
	background-color:#77aa77 !important;
}
#tooltip.blue
{
	background-color:#446677 !important;
}
#tooltip.yellow
{
	background-color:#ffff00 !important;
	color:#000000 !important;
}

.Site #availabilityColumn h3
{
	font-size:140%;
	line-height:1;
	background-color:#f0f1f8;
}
.Site #availabilityColumn h5
{
	color:#254b1c;
	font-weight:bold;
	background-color:#f0f1f8;
	font-size:120%;
}
.Site table.availability
{
	background-color:#f8f8f8;
	border:solid 1px #fff;
	border-top:solid 2px #fff;
	border-collapse:collapse;
}
.Site table.availability th
{
	background-color:#e2e2e2;
	font-weight:bold;
	font-size:100%;
}
.Site table.availability a
{
	color:#666666;
	display:block;
}
.Site table.availability a:hover
{
	color:#ffffff;
}
.Site table.availability tr.tr:hover,
.Site table.availability tr.tr:hover a
{
	background-color:#232862;
	color:#ffffff;
	cursor:pointer;
}
.Site table.availability th.unit,
.Site table.availability td.unit,
.Site table.availability th.sqm,
.Site table.availability td.sqm,
.Site table.availability th.pcm,
.Site table.availability td.pcm,
.Site table.availability th.link,
.Site table.availability td.link
{
	border-right:solid 1px #fff;
}
.Site table.availability td.link
{
	background:transparent url(/images/layout/av_link.gif) no-repeat 4px 8px;
}
.Site table.availability tr.tr:hover td.link a
{
	background-color:transparent;
}
.Site table.availability tr.tr:hover td.link
{
	background:#232862 url(/images/layout/av_link_hover.gif) no-repeat 4px 8px;
}


.Site table.availability th,
.Site table#availTable th
{
	background:#e2e2e2 url(/images/layout/th_bg.gif) no-repeat 90% 50%;
	cursor:pointer;
}
.Site table.availability th.headerSortUp,
.Site table#availTable th.headerSortUp
{
	background:#cacaca url(/images/layout/th_asc.gif) no-repeat 90% 50%;
}
.Site table.availability th.headerSortDown,
.Site table#availTable th.headerSortDown
{
	background:#cacaca url(/images/layout/th_desc.gif) no-repeat 90% 50%;
}
.Site table.availability th.link,
.Site table#availTable th.link
{
	background-image:none;
}

/*Header Image with Tabs Nav Styling*/

.Site #imageMenu a
{
	font-weight:bold;
	font-size:120%;
}
.Site #imageMenu a.tab
{
	background:transparent url(/images/layout/imageMenu_tab_sprite.jpg) no-repeat left top;
	color:#000;
}
.Site #imageMenu a:hover
{
	background:transparent url(/images/layout/imageMenu_tab_sprite.jpg) no-repeat left -53px;
	color:#fff;
}
.Site #imageMenu a.tabCurrent
{
	background:transparent url(/images/layout/imageMenu_tab_sprite.jpg) no-repeat left bottom !important;
}
.Site #imageMenu ul
{
	background:transparent url(/images/layout/imageMenu_ul.gif) repeat-y left top;
}
.Site #imageMenu ul li a
{
	text-transform:uppercase;
	color:#fff;
}
.Site #imageMenu ul li,
.Site .mainImageDescription .inner ul li
{
	list-style-type:none;
	background:transparent url(/images/layout/inner_li_bg.gif) no-repeat left 7px;
}
 .Site .mainImageDescription h2
{
	font-size:185%;
	line-height:1.1;
	margin-bottom:10px;
}
.Site #productTabs .mainImageDescription .inner
{
	background:transparent url(/images/layout/mainImageDescription.png) repeat-y left top;
	color:#000;
	font-size:110%;
}
.Site #productTabs .mainImageDescriptionBottom
{
	background:transparent url(/images/layout/mainImageDescriptionBottom.png) no-repeat left bottom;
}
.Site .box .customerGrabber
{
	padding-left:0;
	padding-bottom:5px;
	padding-bottom:5px;
	line-height:1.1;
}
.Site .customerGrabber h4
{
	margin-bottom:8px;
	line-height:1;
}
.Site .box .customerGrabber h4 a:hover
{
	color:#FFFF33;
}
.Site .customerAdded
{
	font-size:90%;
	line-height:1.4;
}
.Site .locationName
{
	font-size:110%;
}

.Site a#EnquiryFormButton {
    position: absolute;
    display:block;
    z-index: 100;
    width: 87px;
    height: 154px;
    
    background: Transparent url(/images/layout/ContactUsButton.gif) no-repeat 0 0;
    top: 154px;
    left: 0;
}

.Site a#EnquiryFormButton:hover {
    background-position: 0 -160px;
}