/* 
	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:#c3c3c3 url(/images/layout/body_bg.jpg) repeat left top;
}
.Site /* same element as #mainTable */
{
	FONT-SIZE: 100%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    color:#000;
    line-height: 1.3;	
}
.Site A 
{
	text-decoration:none;
	color:#00447d;
}
.Site A:hover
{
	color:#0578da;
}
.Site p
{
	margin:0;
	padding:10px 0 5px 0;
}
.Site DT
{

}
.Site dd
{

}
.Site H1, H2, H3, H4, H5, H6
{
	color:#00447d;
	margin:0 0 5px 0;
	font-weight:normal;
	line-height:1.1;
}
.Site H1
{
    FONT-SIZE: 200%;
}
.Site H2
{
    FONT-SIZE: 170%;
}
.Site H3
{
    FONT-SIZE: 150%;
}
.Site H4
{
    FONT-SIZE: 130%;
}
.Site H5
{
    FONT-SIZE: 120%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site IMG
{
	border:none;
}
.Site #mainLayout a img
{
}
.Site TABLE
{
} 
.Site table td, table th
{
}
.Site .button
{
	background: #FFF url(/images/layout/button_bg.gif) top left repeat-x;
	border: 1px solid #003664;
}
.Site .button:hover
{
	background-position: left -30px;
	background-color: #FFF;
}
.Site .principle
{
	background: #FFF url(/images/layout/principle_bg.gif) top left repeat-x;
	border: 1px solid #c36122;
}
.Site .button:hover
{
	background-position: left -30px;
	background-color: #FFF;
}
.Site .req
{
	color: #F00 !important;
}
/* ################################### Box Styling ################################# */

.Site .box .tl
{
	background:transparent url(/images/layout/box_tl.gif) no-repeat left top;
}
.Site .box .tr
{
	background:transparent url(/images/layout/box_tr.gif) no-repeat right top;
}
.Site .box .bl
{
	background:#e4e4e4 url(/images/layout/box_bl.gif) no-repeat left bottom;
}
.Site .box .br
{
	background:#e4e4e4 url(/images/layout/box_br.gif) no-repeat right bottom;
}
.Site .box h2.title
{
	font-size:145%;
	display:inline;
	font-weight:normal;
	background:transparent url(/images/layout/h2title.gif) no-repeat left 4px !important;
	line-height:1.15;
}
.Site .box .content
{
	background-color:#e4e4e4;
	border-top:solid 1px #fff;
}
/* ################################### Site Classes ################################# */

.Site .detail H3
{

}
.Site .detail IMG.picture
{
}
.Site .dropDown, .textArea, .textBox
{
}
.Site .label
{
	font-weight:bold;
}
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	border-bottom:none;
}
.Site #cartFull .list
{
	border-bottom:none !important;
}
.Site .list a
{
	text-decoration: none !important;
}
.Site .list a:hover
{
}
.Site .list p
{	
}
.Site .list H3
{

}
.Site .list H4
{
}
.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:both !important;
}
.Site .template
{
	background: none;
	border: none;	
}
.Site .CTA
{
	background:transparent url(/images/layout/mainHeaderCTA_bg.gif) no-repeat left top;
	color:#464646;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
}
.Site .CTA span
{
	color:#00447d;
	font-size:170%;
}
.Site .CTA td.title
{
	font-weight:bold;
	font-size:130%;
}
.Site #copyright
{
	font-size:90%;
	color:#2e2e2e;
	font-weight:bold;
}
/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #mainHeaderTop
{
	background:transparent url(/images/layout/mainheader_top.gif) no-repeat left top;
	height:6px;
}
.Site #mainHeader
{
	background:#fff url(/images/layout/mainheader_bg.gif) repeat-y left top;
}
.Site #location
{
	color:#9b9b9b;
	font-size:80%;
}
.Site #location a
{
	color:#9b9b9b;
	text-transform:lowercase;
}
.Site #location a:hover
{
	color:#7f7f7f;
}
.Site #mainLayoutContainerTop
{
	background:transparent url(/images/layout/mainLayoutContainer_Top.png) no-repeat left top;
	height:7px;
}
.Site #mainLayoutContainer
{
	background:transparent url(/images/layout/mainLayoutContainer_bg.png) repeat-y left top;
	height:1%;
	padding:0 10px 0 8px;
}
.Site #mainLayoutContainerInner
{
	background:transparent url(/images/layout/mainlayoutinner_bg.gif) no-repeat right bottom;
	height:1%;
}
.Site #mainLayoutContainerInner.homepage
{
	background-image:none;
}
.Site #mainLayoutContainerBottom
{
	background:transparent url(/images/layout/mainLayoutContainer_Bottom.png) no-repeat left bottom;
	height:9px;
}

/* ################################## Top Nav setup ################################### */

.Site #topNav a
{
	color:#00447d;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size:100%;
	background:transparent url(/images/layout/topNav_bg.gif) no-repeat right 3px;
	line-height:0.9;
}
.Site #topNav li.last a
{
	background-image:none;
}
.Site #topNav li.cartBrief a
{
	background:transparent url(/images/layout/topNav_bg.gif) no-repeat left 3px;
}
.Site #topNav a:hover,
.Site #topNav a.on,
.Site #topNav a.active
{
	color:#f4792a;
}

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

.Site #mainMenu
{
	background:transparent url(/images/layout/mainmenu_bg.png) no-repeat left top;
}
.Site #mainMenu ul a
{
	color:#fff;
	background:transparent url(/images/layout/main_menu_anchor_bg.gif) no-repeat right top;
	font-size:150%;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:normal;
}
.Site #mainMenu ul a:hover,
.Site #mainMenu ul li:hover a
{
	color:#00447d;
}

/* ################################## Drop Down Menu Styling ################################### */

.Site #mainMenu ul ul
{
	background:transparent url(/images/layout/dropdown_bottom.png) no-repeat left bottom;
}
.Site #mainMenu ul ul li
{
	background-color:#00447d;
}
.Site #mainMenu ul ul a
{
	font-size:120%;
	background-image:none;
	color:#b7dcf9;
}
.Site #mainMenu ul ul a
{
	color:#fff !important;
}
.Site #mainMenu ul ul li a
{
	background:transparent url(/images/layout/dropdown_li.gif) no-repeat 17px bottom;
}
.Site #mainMenu ul ul li.first a
{
	background:transparent url(/images/layout/dropdown_li_first.gif) no-repeat left bottom;
}
.Site #mainMenu ul ul li a:hover
{
	background:transparent url(/images/layout/dropdown_li_hover.gif) no-repeat 17px bottom;
}
.Site #mainMenu ul ul li.first a:hover
{
	background:transparent url(/images/layout/dropdown_li_first_hover.gif) no-repeat left bottom;
}

/* ################################## Sub Menu setup ################################### */

.Site #subMenu
{
	background-color:#00447d;
}
.Site #subMenu ul ul
{
	background:#00345f url(/images/layout/submenu_ul_ul.gif) no-repeat left bottom;
}
.Site #subMenu ul ul ul
{
	background-image:none;
}
.Site #subMenuTop
{
	background:transparent url(/images/layout/submenu_top.gif) no-repeat left top;
	height:5px;
}
.Site #subMenuBottom
{
	background:transparent url(/images/layout/submenu_bottom.gif) no-repeat left bottom;
	height:5px;
}
.Site #subMenu ul a
{
	color:#e0ecf5;
	background:transparent url(/images/layout/submenu_li.gif) no-repeat left bottom;
	font-weight:bold;
	font-size:90%;
	font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
}
.Site #subMenu ul ul a
{
	background-image:none;
	color:#b7dcf9;
}
.Site #subMenu ul ul ul a
{
	color:#acd7f9;
	font-size:80%;
	font-weight:normal;
}
.Site #subMenu ul a.active,
.Site #subMenu ul a.on,
.Site #subMenu ul a:hover
{
	color:#fff;
	background:transparent url(/images/layout/submenu_li_hover.gif) no-repeat left bottom;
}
.Site #subMenu ul ul a.active,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a:hover
{
	color:#d8e7f2;
	background:transparent url(/images/layout/submenu_li_li_hover.gif) no-repeat 10px 5px;
}
.Site #subMenu ul ul ul a.active,
.Site #subMenu ul ul ul a.on,
.Site #subMenu ul ul ul a:hover
{
	color:#d1e2f0;
	background:transparent url(/images/layout/submenu_li_li_li_hover.gif) no-repeat 16px 5px;
}
.Site #subMenu ul ul ul ul a.active,
.Site #subMenu ul ul ul ul a.on,
.Site #subMenu ul ul ul ul a:hover
{
	color:#d8e7f2;
	background:transparent url(/images/layout/submenu_li_li_li_li_hover.gif) no-repeat 23px 5px;
}

/* ################################## Footer Information Menu Styling ################################### */

.Site #mainFooterMenuTop
{
	background:transparent url(/images/layout/mainFooterMenuTop.png) no-repeat left top;
	height:11px;
}
.Site #footerMenuContainer
{
	background:transparent url(/images/layout/footerMenuContainer.png) repeat-y left top;
}
.Site #footerMenuContainer ul li
{
	list-style-type:none;
}
.Site #footerMenuContainer a
{
	color:#dadada;
	text-decoration:none;
}
.Site #footerMenuContainer a:hover
{
	color:#fff;
}
.Site #mainFooterMenuBottom
{
	background:transparent url(/images/layout/mainFooterMenuBottom.png) no-repeat left top;
}
.Site #footerMenuContainerInner
{
	background:#7b7b7b url(/images/layout/footerMenuContainerInner.gif) repeat-x left top;
	background-color:#9d9d9d;
}
.Site #footerMenuContainerMap
{
	/*background:transparent url(/images/layout/footerMenuContainerMap.png) no-repeat center 8px;*/
}
/* ################################## Footer Information Menu Column 1 Styling ################################### */

.Site #footerMenuDivide
{
	background:transparent url(/images/layout/mainFooter_divide.png) repeat-y left top;
}
.Site #footerMenuContainer .column1 a
{
	font-size:110%;
	color:#313131;
}
.Site #footerMenuContainer .column1 a:hover,
.Site #footerMenuContainer .column1 a.on,
.Site #footerMenuContainer .column1 a.active
{
	background:transparent url(/images/layout/mainFooterMenu_arrow.gif) no-repeat left 3px;
	color:#fff;
}
 
/* ################################## Footer Information Menu Column 2 Styling ################################### */

.Site #footerMenuContainer .column2 a
{
	font-size:110%;
	color:#313131;
}
.Site #footerMenuContainer .column2 a:hover,
.Site #footerMenuContainer .column2 a.on,
.Site #footerMenuContainer .column2 a.active
{
	background:transparent url(/images/layout/mainFooterMenu_arrow.gif) no-repeat left 3px;
	color:#fff;
}

/* ################################## Footer Information Menu Column 3 Styling ################################### */

.Site #footerMenuContainer .column3
{
	font-size:85%;
	color:#313131;
}
.Site #footerMenuContainer .column3 h6
{
	color:#313131;
	margin-bottom:0;
}

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

.Site #mainTitle h1
{
	font-size:170%;
	font-weight:bold;
}
.Site #mainFooter
{
	border-top:solid 1px #f4792a;
}

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

.Site #developerLink a
{
	background: url(/images/layout/eonic_logo.png) right top no-repeat;
	color:#6e6d6d;
	font-size:80%;
	font-family:Arial, Sans-Serif;
}
.Site #developerLink a:hover
{
	color:#494949;
    background-position: right -19px;
}

.Site .morelink a,
.Site .backlink a,
.Site .moredetailButtons,
.Site .backTop a,
.Site p.stepper
{
	font-size:90%;
}
.Site .detail img.picture
{
	margin:10px 0 10px 10px !important;
}
.Site table.documentTable td.title a
{
	font-weight:bold;
}
.Site #template_Image_Library_10up_Stepped_1col #column1
{
	width:100% !important;
}
.Site .stepper,
.Site .stepper p
{
    padding-left:0 !important;
}
.Site span.hint,
.Site td.hint span
{
	background:transparent url(/images/layout/hint.gif) no-repeat scroll 10px 0;
	color:#00447d;
	display:block;
	font-weight:700;
}
.Site span.alert,
.Site td.alert span
{
	background:transparent url(/images/layout/alert.gif) no-repeat scroll 0 0;
	color:#b01100;
	display:block;
	font-weight:700;
	padding:6px 10px 3px 30px;
}
.Site span.help,
.Site td.help span
{
	background-image:none;
	background-color:transparent;
	color:#c63421;
	padding-left:8px;
}
.Site #cartFull h2,
.Site #glFull h2,
.Site #cartListing TH.heading,
.Site #cartListing td.amount
{
	background:#979797 url(/images/layout/cart_h2_bg.gif) repeat-x left top;
	color: #FFF;
}
.Site #cartFull .box h2,
.Site #glFull .box h2
{
	background:#E4E4E4 url(/images/layout/h2title.gif) no-repeat scroll left 4px;
	display:inline;
	font-size:150%;
	font-weight:normal;
	color:#00447D;
	margin:0;
	padding:0 0 0 19px;
	width:auto;
}
.Site #cartFull .products h2
{
	font-size:150%;
	display:inline;
	font-weight:normal;
	background:#e4e4e4 url(/images/layout/h2title.gif) no-repeat left 4px;
	width:auto;
    padding-left:19px;
    margin:0;
    display:block;
}
.Site #billingAddress
{
	margin-right:0;
	padding-right:10px;
	padding-left:0;
}
.Site #billingAddress td.box table.content,
.Site #deliveryAddress td.box table.content
{
	width:400px;
	background-color:#E4E4E4;
}
.Site #deliveryAddress
{
	padding-left:0;
	padding-right:10px;
	margin-right:10px;

}
.Site #cartFull form,
.Site #glFull form
{
	padding:0;
}
.Site form#cart
{
	padding:0;
}
.Site #deliveryAddress form#cart,
.Site #billingAddress form#cart
{
	padding:0;
}
.Site #deliveryAddress form#cart input,
.Site #billingAddress form#cart input
{
	margin:0
}
.Site form#optionsForm table,
.Site form#PayForm table
{
	width:100% !important;
}
.Site .creditCard .radiocheckbox label.radio
{
	padding-top:5px;
}
.Site #cartInvoice p.optionButtons a.principle
{
	padding:4px;
	margin-bottom:10px;
}
.Site a.cartButton,
.Site input.cartButton
{
	background: Transparent url(/images/layout/cartButtons.png) top left no-repeat !important;
	font-size: 1.4em;
	border: 0;
}
.Site a.cartButton:hover,
.Site input.cartButton:hover
{
	background-position: -373px 0 !important;
	color: #FFF;
}
/* ################################## Product Detail ################################### */

.Site .selectOptions label
{
	color:#00447d;
	font-size:120%;
}
.Site .prodDesc
{
	color:#323538;
	font-size:120%;
	padding:0 10px 0 0;
	line-height:1.5;
}
.Site .packagePrices
{
	width: 232px;
	float: right;
	margin-right: 7px;
}
.Site td.priceHeaders,
.Site th.priceHeaders
{
	text-decoration:underline;
	text-align:center;
	font-size: 120%;
	color: #000;
	font-weight: normal;
	width: 115px;
	padding-top:8px;
}
.Site td.prices
{
	text-align:center;
}
.Site .packagePrices td.prices
{
	font-size: 2em;
	color: #f4792a;
	font-weight: bold;
}

/* ################################## Home Page Products Styling ################################### */

.Site .indivProducts .header,
.Site .indivProducts .strapline,
.Site .indivProducts .moredetailButtons
{
	border-left:solid 1px #00447d !important;
	border-right:solid 1px #00447d !important;
}
.Site .indivProducts .strapline ul li
{
	list-style:none;
	background:transparent url(/images/layout/indivProducts_list_bg.png) no-repeat left 4px !important;
	font-size:100% !important;
	font-weight:bold !important;
}
.Site .indivProducts .header
{
	background:transparent url(/images/layout/homeprod_header_bg.gif) no-repeat right 1px !important;
}
.Site .list .indivProducts .header
{
	background:transparent url(/images/layout/homeprod_header_bg.gif) no-repeat right -1px !important;
}
.Site .indivProducts .header h2
{
	font-size:170% !important;
	font-weight:normal !important;
	background: none !important;
}
.Site .indivProducts .moredetailButtons
{
	text-align: center;
}
.Site .indivProducts .moredetailButtons a
{
	background:transparent url(/images/layout/indivProducts_moreInfo.png) no-repeat left top;
	font-size:115%;
	color:#000;
	font-weight:bold ;
	text-align: left;
}
.Site .bgimage1
{
	background:transparent url(/images/layout/homeprod_cable.jpg) no-repeat 1px bottom !important;
}
.Site .bgimage2
{
	background:transparent url(/images/layout/homeprod_phone.jpg) no-repeat 1px bottom !important;
}
.Site .bgimage3
{
	background:transparent url(/images/layout/homeprod_globe.jpg) no-repeat 1px bottom !important;
}
.Site .bgimage4
{
	background:transparent url(/images/layout/homeprod_caller.jpg) no-repeat 1px bottom !important;
}
.Site .bgimage5
{
	background:transparent url(/images/layout/homeprod_keypad.jpg) no-repeat 1px bottom !important;
}
.Site .indivProducts .tl
{
	background:transparent url(/images/layout/homeprod_tl.gif) no-repeat left top !important;
	height:5px !important;
}
.Site .indivProducts .tr
{
	background:transparent url(/images/layout/homeprod_tr.gif) no-repeat right top !important;
	margin-left:5px !important;
}
.Site .indivProducts .bl
{
	background:transparent url(/images/layout/homeprod_bl.gif) no-repeat left bottom !important;
	height:5px !important;
}
.Site .indivProducts .br
{
	background:transparent url(/images/layout/homeprod_br.gif) no-repeat right bottom !important;
	margin-left:5px !important;
	height:5px !important;
}
.Site .list .indivProducts .number .header
{
	background-image:none !important;
}
.Site .indivProducts .number .tr
{
	background:transparent url(/images/layout/number_tr.gif) no-repeat right top !important;
}
.Site #payDirectDebitSecureEmail div p
{
	font-size:140%;
	padding-left:10px;
}


/* ################################## Product Brief ################################### */

.Site #productListDTC .list
{
	border:none;
}
.Site #productListDTC .indivProducts .tr
{
	background:transparent url(/images/layout/prodList_tr.gif) no-repeat right top !important;
}
.Site #productListDTC .indivProducts .header
{
	background-image:none !important;
}
.Site #productListDTC .indivProducts .product
{
	background:transparent url(/images/layout/prodList_product.jpg) no-repeat right top !important;
	position:relative;
}
.Site #productListDTC h3.bigPrice
{
	color:#fff;
	font-size:290%;
	font-weight:bold;
}
.Site #productListDTC .indivProducts .product
{
	border-left:1px solid #00447D !important;
	border-right:1px solid #00447D !important;
}
.Site #productListDTC .indivProducts .product .header,
.Site #productListDTC .indivProducts .product .strapline,
.Site #productListDTC .indivProducts .product .moredetailButtons
{
	border:none !important;
}
.Site #productListDTC .indivProducts .product .strapline ul li
{
	font-size:140% !important;
}
.Site #productListDTC .indivProducts .number .product
{
	background:transparent url(/images/layout/prodList_number.jpg) no-repeat right top !important;
}
.Site #productListDTC .indivProducts
{
	background:#fff url(/images/total_product_bg.jpg) no-repeat left top;
}

/* ################################## Product Detail ################################### */


.Site #productListDTC .detail .body
{
	/*font-size:130%;*/
	padding-top:5px;
}
.Site #productListDTC .detail .body ul
{
	margin-left:3px;
}
.Site #productListDTC .detail .body ul li,
.Site #mainLayout #header ul li
{
	list-style:none;
	background:transparent url(/images/layout/detail_ul_bg.gif) no-repeat left 5px;
	padding-bottom:3px;
	padding-left:14px;
	line-height:1.4;
}
.Site #mainLayout #header ul li
{
	background-position:left 5px;
}
.Site #productListDTC .detail .tr
{
	background:#e4e4e4 url(/images/layout/detail_tr.jpg) no-repeat right top !important;
	padding:11px 10px 7px 6px !important;
}
.Site #productListDTC .detail .tl
{
	background:#e4e4e4 url(/images/layout/detail_tl.gif) no-repeat left top !important;
}
.Site #productListDTC .detail .content
{
	background:#e4e4e4 url(/images/layout/detail_content.jpg) no-repeat right top !important;
	border-top:none;
}
.Site a.backlink
{
	background:transparent url(/images/layout/backToList.gif) no-repeat left top !important;
	height:23px;
	width:115px;
	display:block;
	float:left;
	margin-top:20px;
	color:#fff;
	padding-top:5px;
	text-align:left;
	padding-left:30px;
}
.Site #numberBack
{
	margin-top:0;
	margin-bottom:20px;
	position:relative;
	bottom:28px;
}
.Site #productListDTC .header h2
{
	font-size:190% !important;
}
.Site table.number
{
	border-collapse:collapse;
}
.Site table.number td.prices
{
	background-color:#fff;
	color:#00447d;
	border-bottom:solid 1px #f4792a;
	border-right:solid 1px #f4792a;
}
.Site table.number th,
.Site table.number td.optionTitle,
.Site table.number td.question,
.Site table.number td
{
	background-color:#00447d;
	color:#fff;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	vertical-align:middle;
	padding:3px;
	border-bottom:solid 1px #f4792a;
}
.Site table.number td
{
	padding-bottom:6px !important;
	padding-top:2px !important;
}
.Site table.number th.tariff
{
	text-align:left !important;
	padding-left:10px;
	font-size:120%;
	font-weight:700;
	border-left:none;
}
.Site table.number td.optionTitle
{
	width:280px !important;
}
.Site table.number td.optionTitle label,
.Site table.number label.number
{
	color:#fff;
}
.Site table.number th
{
	border-left:solid 1px #fff;
}
.Site table.number th.empty
{
	border-left:none;
}
.Site table.number tr.selected td
{
	background-color:#f4792a;
	color:#fff;
}
.Site table.number tr td
{
	cursor:pointer;
}