/* 
	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:#e9e9e9;
}
.Site /* same element as #mainTable */
{
	FONT-SIZE: 90%;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    line-height: 1.5;	
    font-weight: 400;
}

.Site A 
{
	color: #ffffff;
	text-decoration: none;
}
.Site A:hover
{
	color:#55a9d9;
}
.Site DT
{

}
.Site dd
{

}



.Site H1, H2, H3, H4, H5, H6
{
	margin: 0;
	padding:0;
	line-height: 1em;
	padding-bottom: 0.4em;
	font-weight:400;
}

h6 
{
	font-weight: 700;
}

.Site H1, H2, H3, H4, H5, H6
{
	color: #000;
}
.Site .box H1,
.Site .box H2,
.Site .box H3,
.Site .box H4,
.Site .box H5,
.Site .box H6
{
	color: #ffffff;
}


.Site H1
{
    FONT-SIZE: 230%;
    text-transform: capitalize;
}
.Site H2
{
    FONT-SIZE: 200%;
}
.Site H3
{
    FONT-SIZE: 170%;
}
.Site H4
{
    FONT-SIZE: 150%;
}
.Site H5
{
    FONT-SIZE: 130%;
}
.Site H6
{
    FONT-SIZE: 110%;
}
.Site IMG
{
	border:none;
}
.Site #mainLayout a img
{
}
.Site TABLE
{
} 
.Site table td, table th
{
}
.Site table.home td
{
	width:50%;
}


/* ################################### Site Classes ################################# */

.Site .detail H3
{

}
.Site .detail
{
	line-height:1.5;
}
.Site .detail div.body
{
	margin-top:10px;
}
.Site .detail IMG.picture
{
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:180px;
    font-size:1em;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}
.Site dropdown, 
.Site textarea, 
.Site textbox,
.Site textBox,
.Site required
{
	 font-size:1em;
	 FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
}
.Site .label
{
	font-weight:bold;
}
.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 .terminus
{
	clear:right !important;
}

.Site .template,
.Site .detail,
.Site #template_Sub_Page_Listing_Thumbnail
{
	border: none;
	background-image: url(/images/layout/mainLayoutBg.gif);
	background-repeat: repeat-x;
	background-position: top right;
}
.Site #template_Sub_Page_Listing_Thumbnail table td
{
	background-color:transparent !important;
}
.Site .testimonial img
{
	border:solid 1px #b8c8d6 !important;
}
.Site .information
{
	margin-top:25px !important;
}
.Site .information table td
{
	text-align:center;
}
.Site .information .backTop
{
	margin-bottom:25px !important;
	margin-top:25px !important;
}
.Site .information .backTop a
{
	background: transparent url(/images/layout/submenu_level_one_arrow.png) no-repeat 0 5px!important;
	padding-left:20px;
	padding-bottom:4px;
	padding-top:4px;
}
.Site #template_Information #pageMenu
{
	margin-bottom:30px;
	border-bottom:solid 1px white !important;
}
.Site #template_Information #pageMenu ul
{
	display:inline-block;
	padding-bottom:10px;
	width:96%;
}
.Site #template_Information #pageMenu li
{
	float:left;
	width:50%;
	list-style-type:none !important;
	margin-bottom:5px !important;
}
.Site #template_Information #pageMenu li a
{
	padding-left:20px !important;
	padding-bottom:5px !important;
	padding-top:5px !important;
}
.Site #template_Information #pageMenu li a:hover
{
	background: transparent url(/images/layout/submenu_level_one_arrow.png) no-repeat 0 5px!important;
}
.Site #template_sitemap ul
{
	margin-left:0 !important;
}
.Site #template_sitemap li
{
	list-style-type:none !important;
	padding-left:4px;
}
.Site #template_sitemap li.level1
{
	background: transparent url(/images/layout/submenu_level_one_arrow.png) no-repeat 0 3px!important;
	margin-top:3px;
	margin-bottom:3px;
}
.Site #template_sitemap li.level2
{
	margin-left:16px;
	background: transparent url(/images/layout/submenu_level_two_arrow.png) no-repeat 0 2px!important;
	margin-top:2px;
	margin-bottom:2px;
}
.Site #template_sitemap li.level3
{
	margin-left:21px;
	background: transparent url(/images/layout/sitemap_level_three_arrow.png) no-repeat 0 7px!important;
	margin-top:1px;
	margin-bottom:1px;
}
.Site #template_sitemap li.level3 a
{
	padding-left:10px;
}
.Site #template_sitemap li.level4
{
	margin-left:13px;
	background: transparent url(/images/layout/submenu_level_four_arrow.png) no-repeat 0 7px!important;
	margin-top:1px;
	margin-bottom:1px;
}
.Site #mainLayout ul li
{
	list-style-image: url(/images/layout/homepage-bullet-points.gif);
	margin: 2px 0 3px 15px;
}



/* ################################### Site IDs ################################# */

#mainTable
{
	BACKGROUND-color:#e9e9e9;
}

.Site #topMenu li a
{
	font-size: 100%;
	color:#d7d7d7;
	text-decoration:none;
	font-weight:normal;
}
.Site #topMenu li
{
	border-right:1px solid #b6b6b6;
}
.Site #topMenu li.mlast
{
	border-right:none;
}
.Site #topMenu li a:hover
{
color:#ffffff;
}


.Site #footerSubMenu li
{
	border-right:1px solid #b6b6b6;
}
.Site #footerSubMenu li.mlast
{
	border-right:none;
}

.Site #location
{
	font-family: Trebuchet MS;
	font-size:80%;
	text-transform:lowercase;
	color: #000000;
	background-color:#e9e9e9;
}

.Site #location a
{
	text-decoration: none;
	color: #585858;
}

.Site #location A:hover
{
	color: #999;
}

.Site #mainLayoutContainer
{
}
.Site table.documentTable a
{
	font-weight:bold; 
}
.Site #template_2_Columns.homepage
{
	background: #000000 url(/images/layout/template_bg.jpg) repeat-x left top !important;
}
.Site #mainHeaderTop
{
	background: #000000 url(/images/layout/mainHeader_top.gif) no-repeat left top !important;
	height:3px;
}
.Site #mainHeader
{
	background: #010101 url(/images/layout/mainHeader_bg.gif) repeat-x left top !important;
	color:#fff;
}
.Site #mainHeaderBtm
{
	position:absolute;
	left:0;
	bottom:0;
	background: #000000 url(/images/layout/mainHeader_btm.gif) no-repeat left bottom !important;
	height:3px;
	width:960px;
}
.Site .homepage #top
{
	background: #000000 url(/images/layout/template_top.gif) no-repeat left top !important;
	height:3px;
}
.Site .homepage #btm
{
	background: #000000 url(/images/layout/template_btm.gif) no-repeat left bottom !important;
	height:3px;
}

/* ################################## Main Menu setup ################################### */

.Site #mainMenuContainer
{
	background: #010101 url(/images/layout/mainMenuContainer_bg.gif) repeat-x left top !important;
}
.Site #mainMenu 
{
	font-size: 125%;
	font-weight: 700;
	letter-spacing: 0;
	clear:both;
	float:left;
}
.Site #mainMenu #top
{
	background: #010101 url(/images/layout/mainMenuBg.gif) no-repeat left top !important;
	height:3px;
}
.Site #mainMenu #mainMenuContainer a
{
	display: block;
	text-decoration: none;
	color: #dadada;
	position: relative;
	background-repeat:no-repeat;
	background-position:8px top;
	font-family:Verdana, Arial, Georgia, Sans-Serif;
}
.Site #mainMenu #mainMenuContainer a:hover,
.Site #mainMenu #mainMenuContainer a.active,
.Site #mainMenu #mainMenuContainer a.on
{
	color: #86ccfd;
}
.Site #mainMenu li.homeLink a
{
	background:transparent url(/images/layout/home_link.gif) no-repeat 9px 5px !important;
	padding:15px 24px 13px 25px;
}
.Site #mainMenu ul a .navTab-tl
{
	background:transparent url(/images/layout/mainMenuDivide.gif) no-repeat right top !important;
	margin-top:5px;
}
.Site #mainMenu ul li a:hover span.underScore,
.Site #mainMenu ul li a.on span.underScore,
.Site #mainMenu ul li a.active span.underScore
{
	background:Transparent url(/images/layout/underscore.gif) no-repeat center bottom;
	padding-bottom:5px;
}
/* ################################## Sub Menu setup ################################### */

.Site #subMenu ul
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	border-top:solid 1px #e9e9e9;
	background:#000 url(/images/layout/caseStudiesTableContent_bg.gif) repeat-x left top;
}
.Site #subMenu ul ul
{
	border-top:none;
}
.Site .leftColMod
{
	margin-top:20px;
}
.Site .leftColMod ul
{
	background:none;
}
.Site #subMenu .tl
{
	background: #1c1c1c url(/images/layout/caseStudiesTableTL.gif) no-repeat left top;
}

.Site #subMenu .tr
{
	margin-left: 3px;
	background: transparent url(/images/layout/caseStudiesTableTR.gif) no-repeat right top;
}

.Site #subMenu .bl 
{
	background: transparent url(/images/layout/caseStudiesTableBL.gif) no-repeat left bottom;
}

.Site #subMenu .br 
{
	margin-left: 3px;
	background: transparent url(/images/layout/caseStudiesTableBR.gif) no-repeat right bottom;
	height:3px;
}
.Site #subMenu span.subMenuTitle
{
	color: #fff;
	font-size: 140%;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 10px;
	background-color:#1c1c1c;
	display:block;
}
.Site #subMenu,
.Site #subMenu ul a
{
	border-bottom:solid 1px transparent;
	color: #fff;
	text-transform: capitalize;
	line-height:1.1;
}
.Site #subMenu ul a:hover
{
	color: #55a9d9!important;
}
.Site #subMenu ul a.on,
.Site #subMenu ul a.active
{
	text-decoration: none;
	color: #55a9d9!important;
	border-bottom: solid 1px #FFFFFF;
}
.Site #subMenu ul ul a
{
	border-bottom: none;
	font-size: 100%;
	color: #a7a7a7;
	font-weight: 600;
	padding-top: 3px;
	padding-bottom: 4px;
}
.Site #subMenu ul ul li.mfirst a
{
	padding-top: 11px;
}
.Site #subMenu ul ul ul li.mfirst a
{
	border-top:solid 1px #fff;
	padding-top: 6px;
}
.Site #subMenu ul ul li.mfirst a:hover,
.Site #subMenu ul ul li.mfirst a.on,
.Site #subMenu ul ul li.mfirst a.active
{

}
.Site #subMenu ul ul a:hover,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active 
{
	background: transparent url(/images/layout/footerMenu_li.gif) no-repeat right 7px !important;
	border-bottom: none;
	font-weight: 600;
}
.Site #subMenu ul ul li.mfirst a:hover,
.Site #subMenu ul ul li.mfirst a.on,
.Site #subMenu ul ul li.mfirst a.active 
{
	background: transparent url(/images/layout/footerMenu_li.gif) no-repeat right 13px !important;
}
.Site #subMenu ul ul li.mlast a
{
	padding-bottom: 6px;
}
.Site #subMenu ul ul ul li.mlast a
{
	border-bottom: none Important;
	padding-bottom: 5px;
}
.Site #subMenu ul ul ul a,
.Site #subMenu ul ul ul li.mlast a
{
	border-bottom: none!important;
	color: #caddf2;
	font-size: 85%;
}
.Site #subMenu ul ul ul a
{
	border-bottom: none;
	font-size: 85%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.Site #subMenu ul ul ul a:hover,
.Site #subMenu ul ul ul a.on,
.Site #subMenu ul ul ul a.active 
{
	background-image:none !important;
}
.Site #subMenu ul ul ul li.mfirst a:hover,
.Site #subMenu ul ul ul li.mfirst a.on,
.Site #subMenu ul ul ul li.mfirst a.active 
{
	background-image:none !important;
}
.Site #subMenu ul ul ul ul a
{
	font-weight:400;
	color: #7E90A8;
	font-size:80%;
}
.Site #subMenu ul ul ul ul a:hover
{
	font-weight:400 !important;
}
.Site #subMenu ul ul ul ul li.mfirst a:hover,
.Site #subMenu ul ul ul ul li.mfirst a.on,
.Site #subMenu ul ul ul ul li.mfirst a.active 
{
	font-weight:400 !important;
	color: #91aac0 !important;
}

.Site #subMenu ul ul ul ul a:hover,
.Site #subMenu ul ul ul ul a.on,
.Site #subMenu ul ul ul ul a.active 
{
	font-weight:400 !important;
	color: #91aac0 !important;
}

.Site #subMenu ul ul ul ul ul li.mfirst a:hover,
.Site #subMenu ul ul ul ul ul li.mfirst a.on,
.Site #subMenu ul ul ul ul ul li.mfirst a.active
{
	font-weight:400 !important;
}

.Site #subMenu ul ul ul ul ul a:hover,
.Site #subMenu ul ul ul ul ul a.on,
.Site #subMenu ul ul ul ul ul a.active 
{
	font-weight:400 !important;
}

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


.Site #mainLayout
{	
	font-size:105%;
	line-height:1.2;
}
.Site #mainFooter
{
	color: #ffffff;
	font-size:80%;
}
.Site #mainFooter #mainFooterTop
{	
	background: transparent url(/images/layout/mainFooterTop.gif) no-repeat 0 0;
	height: 3px;
}
.Site #mainFooter #mainFooterBottom
{	
	background: transparent url(/images/layout/mainFooterBottom.gif) no-repeat 0 0;
	height: 3px;
}
.Site #mainFooter #mainFooterBR
{	
	margin-left: 3px;
	background: transparent url(/images/layout/mainFooterBottomRight.gif) no-repeat 100% 0;
}

/*  ##################### Footer Menu  #############################*/
.Site .footerMenu
{
	padding:7px 10px 5px 9px;
	background:#282828 url(/images/layout/footerMenu_bg.gif) repeat-x left top;
}

.Site .footerMenu #copyright
{
	font-size:100%;
}

.Site .footerMenu td, th
{
	background-color:Transparent;
}
.Site .footerMenu td
{
	padding-right:10px;
	padding-left:3px;
	background:Transparent url(/images/layout/mainFootertd_bg.gif) repeat-y right top;
	width:155px;
}
.Site .footerMenu dl, dd
{
	margin-left:0;
	margin-bottom:0;
}
.Site .footerMenu dd
{
	padding-bottom:3px;
}
.Site .footerMenu dt
{
	padding-bottom:8px;
	margin-bottom:5px;
}
.Site .footerMenu table dt a
{
	border-bottom:solid 1px #7a7a7a;
	padding-bottom:3px;
	font-size:135%;
	font-weight:bold;
}
.Site .footerMenu dd a
{
	color:#a7a7a7;
	padding-right:10px;
	font-size:110%;
}
.Site .footerMenu table a:hover,
.Site .footerMenu table a.on,
.Site .footerMenu table a.active
{
	color:#55a9d9;
}
.Site .footerMenu table a span
{
	padding-left:6px;
}
.Site .footerMenu table a:hover span,
.Site .footerMenu table a.on span,
.Site .footerMenu table a.active span
{
	background:transparent url(/images/layout/footerMenu_li.gif) no-repeat right 4px;
	padding-left:6px;
}

/* ======================== */
.Site #developerLink a
{
	background: url(/images/layout/eonic_logo.gif) right top no-repeat;
	color:#9c9c9c;
	font-size:90%;
	font-family:Arial, Sans-Serif;
}
.Site #developerLink a:hover
{
	color:#86ccfd;
    background-position: right -19px;
}

/* ################################## Cart Brief ################################### */
.Site a.basketButton,
.Site a.checkoutButton
{
	color:#ffffff;
}
.Site a.basketButton
{
	background:transparent url(/images/layout/basketButton.gif) no-repeat left top;
}
.Site a.checkoutButton
{
	background:transparent url(/images/layout/checkoutButton.gif) no-repeat left top;
}
.Site #signin a
{
	color:#b8b8b8;
	background:Transparent url(/images/layout/signin_bg.gif) no-repeat 2px 3px;
}
.Site #signin a:hover
{
	color:#fff;
	text-decoration:underline;
	background:Transparent url(/images/layout/signinhover_bg.gif) no-repeat 2px 3px;
}
.Site #signin #logoff a,
.Site #signin #logoff a:hover
{
	background:none !important;
}
.Site #cartBrief
{
	background:Transparent url(/images/layout/membersInfo_bg.png) no-repeat left top;
}

/* #################### Horizontal Product & News Article Modules ################## */

.Site .listHorizontal .list,
.Site .listHorizontal .content,
.Site .listHorizontal img
{
	border:none;
}
.Site .listHorizontal .productContainer .list
{
	background: transparent url(/images/layout/productBriefTableDivider.gif) repeat-y left top;
}
.Site .listHorizontal .productContainer .first
{
	background:none;
}
.Site .listHorizontal .newsarticle
{
	border-left:solid 1px #2f2f2f;
}
.Site .listHorizontal .first
{
	background:none;
	border-left:none;
}
.Site .backlink a
{
	background: transparent url(/images/layout/footerMenu_li.gif) no-repeat left 5px !important;
	padding-left:10px;
	color:#A7A7A7;
}
.Site .backlink a:hover
{
	color:#55A9D9;
}


.Site .bluebox .moredetailButtons a.button,
.Site .bluebox a.morelink,
.Site .bluebox a.extLink
{
	background: transparent url(/images/layout/productArrow.gif) no-repeat right top;
	color:#8b8b8b;
	border:none;
}
.Site .bluebox .moredetailButtons a:hover.button,
.Site .bluebox a:hover.morelink,
.Site .bluebox a:hover.extLink
{
	background: transparent url(/images/layout/productArrowHover.gif) no-repeat right top;
	color:#f9bf1e;
}
.Site .bluebox h3 a.extLink,
.Site .bluebox h3 a:hover.extLink,
.Site .blackbox h3 a.extLink,
.Site .blackbox h3 a:hover.extLink
{
	background:none;
	color:#fff;
	font-size:90%;
}
.Site .bluebox h3 a:hover.extLink,
.Site .blackbox h3 a:hover.extLink
{
	color:#55A9D9;
}
.Site .blackbox .moredetailButtons a.button,
.Site .blackbox a.morelink,
.Site .blackbox a.extLink
{
	background: transparent url(/images/layout/newsArrow.gif) no-repeat right top;
	color:#8b8b8b;
	border:none;
}
.Site .blackbox .moredetailButtons a:hover.button,
.Site .blackbox a:hover.morelink,
.Site .blackbox a:hover.extLink
{
	background: transparent url(/images/layout/newsArrowHover.gif) no-repeat right top;
	color:#f9bf1e;
}
.Site .list h3.title
{
	font-size:150%;
	padding-bottom:0;
	line-height:1.3;
}
.Site .listHorizontal .list h3.title
{
	padding-top:28px;
}
.Site .listHorizontal .newsarticle h3.title
{
	font-size:110%;
	padding-top:0;
}
.Site .newsarticle h4
{
	font-size:90% !important;
	line-height:1.4;
}
.Site .newsarticle .date
{
	color:#aaaaaa;
	margin-top:0;
	margin-bottom:15px;
	font-size:90%;
}


/* ###############################   Box Templates   ############################### */

.Site .box
{
	color:#fff;
}
.Site .box .content
{
	border: none;
}
.Site .box .content
{
	background-color: transparent;
}
.Site .box .content h4
{
	font-size:110%;
}
.Site #billingAddress TH
{
	WIDTH:40%;
}
.Site #billingAddress,
.Site #deliveryAddress
{
	color:#fff;
	width:44%;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
}
.Site #billingAddress
{
	margin-right:5%;
	margin-top:0;
}
.Site .box .box .tl,
.Site #cartRegisterBox .box .tl,
.Site #cartLogonBox .box .tl,
.Site #billingAddress .box .tl
{
	background: transparent url(/images/layout/boxgreyBox_tl.gif) no-repeat left top ;
}
.Site .box .box .tr,
.Site #cartRegisterBox .box .tr,
.Site #cartLogonBox .box .tr,
.Site #billingAddress .box .tr
{
	background: transparent url(/images/layout/boxgreyBox_tr.gif) no-repeat right top ;
}
.Site .box .box .bl,
.Site #cartRegisterBox .box .bl,
.Site #cartLogonBox .box .bl,
.Site #billingAddress .box .bl
{
	background: transparent url(/images/layout/boxgreyBox_bl.gif) no-repeat left top;
}
.Site .box .box .br,
.Site #cartRegisterBox .box .br,
.Site #cartLogonBox .box .br,
.Site #billingAddress .box .br
{
	background: transparent url(/images/layout/boxgreyBox_br.gif) no-repeat right bottom;
}
.Site .box .box,
.Site #cartRegisterBox .box,
.Site #cartLogonBox .box,
.Site #billingAddress .box
{
	background:#282828 url(/images/layout/footerMenu_bg.gif) repeat-x left top;
}
.Site #cartRegisterBox .box,
.Site #cartLogonBox .box,
.Site #billingAddress .box
{
	padding:0;
}
.Site table.formMainTable h2.title
{
	padding-left:10px !important;
}
.Site table.formMainTable input.button
{
	margin-bottom:10px;
	margin-right:10px;
}
.Site #cartFull
{
	padding:10px;
	padding-top:0;
}
.Site .fullwidth #cartFull
{
	background-color:#000;
}
.Site #cartFull table,
.Site #glFull table
{
	width:100%;
}
.Site #cartFull h2,
.Site #glFull h2
{
	background-color:Transparent;
}
.Site #cartLegend
{
	color:#fff;
}
.Site #cartListing td.amount
{
	color:#000;
}
.Site table#cartListing
{
	margin-top:10px;
}
.Site table#cartListing th.heading
{
	background:#666666 url(/images/layout/cartListing_th.gif) repeat-x left top;
}

.Site .button,
.Site .qtyButton
{
	background:#1e7295 url(/images/layout/button.gif) repeat-x left top;
	border:solid 1px #c4cfd6;
	cursor:pointer;
	color:#fff;
}
.Site .button:hover,
.Site .qtyButton:hover
{
	background:#4f91ac url(/images/layout/buttonhover.gif) repeat-x left top;
	color:#fff;
}
.Site .principle
{
	background:#b60303 url(/images/layout/principle.gif) repeat-x left top;
}
.Site .principle:hover
{
	background:#c63a3a url(/images/layout/principlehover.gif) repeat-x left top;
}
/* #################### Blue Box Gradient ################## */

.Site .bluebox .tl
{
	background: transparent url(/images/layout/productBriefTableTL.gif) no-repeat left top !important;
}
.Site .box .bluebox .tl
{
	background: transparent url(/images/layout/box_bluebox_tl.gif) no-repeat left top !important;
}
.Site .bluebox .tr
{
	background: transparent url(/images/layout/productBriefTableTR.gif) no-repeat right top !important;
}
.Site .box .bluebox .tr
{
	background: transparent url(/images/layout/box_bluebox_tr.gif) no-repeat right top !important;
}
.Site .bluebox .bl
{
	background: transparent url(/images/layout/productBriefTableBL.gif) no-repeat left bottom !important;
}
.Site .box .bluebox .bl
{
	background: transparent url(/images/layout/box_bluebox_bl.gif) no-repeat left bottom !important;
}
.Site .bluebox .br
{
	background: transparent url(/images/layout/productBriefTableBR.gif) no-repeat right bottom !important;
}
.Site .box .bluebox .br
{
	background: transparent url(/images/layout/box_bluebox_br.gif) no-repeat right bottom !important;
}
.Site .bluebox .content
.Site .box .bluebox content
{
	background-color:transparent !important;
}
.Site .bluebox,
.Site .box .bluebox
{
	background:#101020 url(/images/layout/productBriefTableContent_bg.gif) repeat-x left top !important;
}

/* #################### Black Box Gradient ################## */

.Site .blackbox .tl
{
	background: transparent url(/images/layout/caseStudiesTableTL.gif) no-repeat left top;
}
.Site .blackbox .tr
{
	background: transparent url(/images/layout/caseStudiesTableTR.gif) no-repeat right top;
}
.Site .blackbox .bl 
{
	background: transparent url(/images/layout/caseStudiesTableBL.gif) no-repeat left bottom;
}
.Site .blackbox .br
{
	background: transparent url(/images/layout/caseStudiesTableBR.gif) no-repeat right bottom;
}
.Site .blackbox .content
{
	background-color:transparent !important;
}
.Site .blackbox
{
	background:#000000 url(/images/layout/caseStudiesTableContent_bg.gif) repeat-x left top;
}

/* #################### Grey Box Gradient ################## */

.Site .greybox .tl
{
	background: transparent url(/images/layout/greyBox_tl.gif) no-repeat 0 0;
}
.Site .greybox .tr
{
	background: transparent url(/images/layout/greyBox_tr.gif) no-repeat 100% 0;
}
.Site .greybox .bl 
{
	background: transparent url(/images/layout/greyBox_bl.gif) no-repeat 0 0;
}
.Site .greybox .br
{
	background: transparent url(/images/layout/greyBox_br.gif) no-repeat 100% 0;
}
.Site .greybox .content
{
	background-color:transparent !important;
}
.Site .greybox
{
	background:#282828 url(/images/layout/footerMenu_bg.gif) repeat-x left top;
}
.Site form span.hint,
.Site form td.hint span,
.Site form span.help,
.Site form td.help span 
{
	background:transparent url(/images/layout/hint.gif) no-repeat scroll 10px 4px;
	color:#fff;
	border:none;
	padding-left:50px;
	padding-bottom:8px;
	padding-top:8px;
}
.Site form#PayForm span.help,
.Site form#PayForm span.hint
{
	background:transparent url(/images/layout/hintpayform.gif) no-repeat scroll 10px 4px;
}
.Site #cartListing td
{
	color:#fff;
}
.Site #cartListing .total
{
	color:#000;
}
.Site .formMainTable .creditCard td
{
	padding-top:5px;
	padding-bottom:7px;
}
.Site .formMainTable .creditCard
{
	/*border:solid 1px #5c5c5c;*/
}
.Site .relatedcontent h2
{
	color:#55a9d9;
	border-bottom:solid 1px #696969;
}

/* ################################## Product Menu ################################### */


.Site #mainLayout #productMenu ul li,
.Site #mainLayout #productMenu ul
{
	list-style: none !important;
	background-image: none !important;
}
.Site #productMenu ul a
{
    font-weight: bold;
    color: #fff;  
}
.Site #productMenu ul a.tab
{
	background: #1e7295 url(/images/layout/productMenu_a.gif) right top no-repeat;
	cursor: pointer;
}
.Site #productMenu ul a.tab .navTab-tl
{
  background: url(/images/layout/productMenu_a_tl.gif) top left no-repeat;
}
.Site #productMenu .tabCurrent
{
	background: #484848 url(/images/layout/productMenu_a_active.gif) right top no-repeat;
	cursor: pointer;
}
.Site #productMenu .tabCurrent .navTab-tl
{
	background: #484848 url(/images/layout/productMenu_a_active_tl.gif) top left no-repeat;
}
.Site #productTabs .ptr
{
	background:transparent url(/images/layout/boxgreyBox_tr.gif) no-repeat scroll right top;   
}
.Site #productTabs .ptl
{
	background:transparent url(/images/layout/boxgreyBox_tl.gif) no-repeat scroll left top;
}
.Site #productTabs .pbr
{
   background:transparent url(/images/layout/boxgreyBox_br.gif) no-repeat scroll right bottom;
}
.Site #productTabs .pbl
{
	background:transparent url(/images/layout/boxgreyBox_bl.gif) no-repeat scroll left top;   
}
.Site #productTabs .content
{
    border-color:#FD9843;
	background:#282828 url(/images/layout/footerMenu_bg.gif) repeat-x scroll left top;
}
.Site .blackbox #productTabs .content
{
	background-color:#282828 !important;
}
.Site #productTabs .content .sectionTitle
{
   font-size: 1.4em;
   color: #fff;
}
.Site #productTabs a
{
    color: #d0d0d0 !important;  
}
.Site #productTabs a.tabCurrent
{
    color: #fff !important;  
}
.Site #productTabs a:hover
{
    color: #fff !important; 
}
.Site #productTabs .terminus
{
	clear:none !important;
}

.Site H3 span.prediscount
{
	font-size:80%;
}

.Site span.prediscount
{
	text-decoration:line-through !important;
}

.Site .listHorizontal H4 span.prediscount
{
	text-decoration:line-through !important;
}
.Site H3 span.discount
{
	display:block;
	color:#cb1818 !important;
	font-size:110%;
	padding-top:5px;
}
.Site .selectOptions
{
	margin-bottom:5px;
}
.Site .vatIncPrice
{
	font-size:70%;
}
.Site #productsGrouped .vatIncPrice
{
	font-size:80%;
}
.Site #productsGrouped h4
{
	padding-top:12px;
	padding-bottom:0;
}
.Site .document .pdf a
{
	background:transparent url(/images/layout/icons/Icon_pdf.gif) no-repeat left top;
}
.Site .document .xls a
{
	background:transparent url(/images/layout/icons/Icon_xls.gif) no-repeat left top;
}
.Site .document .xlsx a
{
	background:transparent url(/images/layout/icons/Icon_xlsx.gif) no-repeat left top;
}
.Site .document .doc a
{
	background:transparent url(/images/layout/icons/Icon_doc.gif) no-repeat left top;
}
.Site .document .docx a
{
	background:transparent url(/images/layout/icons/Icon_docx.gif) no-repeat left top;
}
.Site .document .zip a
{
	background:transparent url(/images/layout/icons/Icon_zip.gif) no-repeat left top;
}

/* ################################## Cart Stepper ################################### */
.Site #quoteSteps
{
	background-color:#1c1c1c;
	color:#555555;
	font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
.Site #quoteStepsBtm
{
	background:Transparent url(/images/layout/stepper_btm.gif) no-repeat left top;
}
.Site #quoteStepsTop
{
	background:Transparent url(/images/layout/stepper_top.gif) no-repeat left bottom;
}
.Site .fullwidth #quoteStepsBtm
{
	background:Transparent url(/images/layout/stepper_btm_full.gif) no-repeat left top;
}
.Site .fullwidth #quoteStepsTop
{
	background:Transparent url(/images/layout/stepper_top_full.gif) no-repeat left bottom;
}
.Site div.step
{
	background:#1c1c1c url(/images/layout/stepper.gif) no-repeat right 3px;
	border-left:solid 1px #fff;
}
.Site #quoteSteps div.first
{
	border-left:none;
}
.Site #quoteSteps .active
{
	color:#3693d9;
	background:#1c1c1c url(/images/layout/stepper_active.gif) no-repeat right 3px;
}
.Site #quoteSteps .completed
{
	color:#fff;
	background:#1c1c1c url(/images/layout/stepper_completetick.gif) no-repeat right 3px;
}