/******************************************************************************************************************
	Date            Created By          Description
	20060508	    Mark                CSS stylesheet for sms.ec site
******************************************************************************************************************/

/******************************************************************************************************************
Font and padding to be used throughout the site as a whole by default
******************************************************************************************************************/
BODY, TR, TD TEXTAREA {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}


/* from the brochuresite */

.homeintro {
	color: #6f6f6f;
    font-face: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

.homeintro2, .homeintro2 ul, .homeintro2 li {
	color: #6f6f6f;
    font-face: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}

.bigblueheader {
	font-size: large;
	color: #585799;
	font-weight: bold;
}

.blueheader {
	color: #585799;
	font-weight: bold;
}

.blueheader a {
    color: #585799;
}

.menucell {
	background-color: #eeeeee;
}

.menucellfont {
	color: #ffffff;
    font-face: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: xx-small;
	text-decoration: none;
}

.menucellfont a, .menucellfont a:visited, .menucellfont td, .menucellfont tr {
    color: #6f6f6f;
	text-decoration: underline;
}

.menucellfont a:hover {
    color: #fd7d34;
	text-decoration: underline;
}

.bluetext {
	color: #585799;
	font-size: 90%;
}

.browntext {
	color: #9C5600;
	font-size: 80%;
}

A {
	color: #666699;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

.footer {
	color: #6F6F6F;
	text-decoration: none;
	font-size: 80%;
}

.footerlink  {
    color: #6F6F6F;
	text-decoration: none;
}

.footerlink:hover {
    color: #6F6F6F;
    text-decoration: underline;
}

.sitemap  {
    color: #d1d1d1;
	text-decoration: none;
}

.sitemap:hover {
    color: #d1d1d1;
    text-decoration: underline;
}

.activeBuy {

    color: #000000;
}
.inactiveBuy {

    color: #AAAAAA;
}


/******************************************************************************************************************
Set background effects, padding attributes, etc of the various areas of the site
******************************************************************************************************************/
.bannerads {
	border: solid 1px #000000;
}

.promobox {
	border: solid 1px #000000;
}

.leftfillcell {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: normal;
    text-align:  justify;
	background: #090C1D;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.bottomfillcell {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: normal;
    text-align:  center;
	background: #090C1D;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.footerfillcell {
	background: #666699 url("/itagg/default/mdn/pics/footerfill.jpg") repeat-y fixed bottom center;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.midfillleftcell {
	background: #D4D4E2 url("/itagg/default/mdn/pics/midfill.jpg") repeat scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.adsspacercell {
	background: #000000 url("/itagg/default/mdn/pics/adsspacer.jpg") repeat scroll bottom left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.bizspacercell {
	background: #000000 url("/itagg/default/mdn/pics/bizspacer.jpg") repeat scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.shop2fillercell {
	background: #000000 url("/itagg/default/mdn/pics/shoptop2pic.jpg") no-repeat scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.guidefillercell {
	background: #000000 url("/itagg/default/mdn/pics/guidepic.jpg") no-repeat scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.guideleftfillercell {
	background: #D4D4E2 url("/itagg/default/mdn/pics/guideleftfiller.jpg") repeat-y scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.guiderightfillercell {
	background: #D4D4E2 url("/itagg/default/mdn/pics/guiderightfiller.jpg") repeat-y scroll top right;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.FrontTextCell {
	background: #D4D4E2 url("/itagg/default/biz/pics/midright.jpg") no-repeat scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
}

.StandardOuterCells {
	background: #090C1D;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.BannerOuterCells {
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
}

.midwavefiller {
	background: #666699 url("/itagg/default/mdn/pics/midwavefiller.jpg") repeat-y scroll top left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.StandardInnerCells {
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

.DateCell {
	background: #CBDBE2;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    color:       #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: normal;
}

.DateCellCP {
	background: #000000;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    color:       #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: normal;
}

.BackgroundLHS {
    background-color: #CDDCE3;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.BackgroundRHS {
    background-color: #090C1D;
}

/******************************************************************************************************************
Set background effects, padding attributes, etc of the Control Panel pages
******************************************************************************************************************/
/* MB 20050214 - Fix for very odd problem spoiling the CP thin display tables - removing padding now!! */
.noPadding { 
	padding: 0px;
}

.cpLeftthinfillcell {
	background: #000000 url("/itagg/default/mdn/pics/leftthincol.jpg") repeat-y scroll bottom center;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.cpTR {
	padding: 1px;
}

.cpTD {
	padding: 1px;
}

.cpA {
	padding: 1px;
}

.cpH2 {
	color: #666699;
	font-weight: bolder;
}

.cpPopup {
	background-color: WHITE;
}

.cpTRbg1 {
	background-color: #FFFFFF;
}

a.cp1 {
	color: #666699;
	text-decoration: underline;
}

a.cp1:hover{
	color: #FF9933;
}

a.cp1:active{
	color: #FF9933;
}
a.cp1SideMenu, a.cp1SideMenu:link, a.cp1SideMenu:active, a.cp1SideMenu.visited {
    color:       #666699;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
	text-decoration: underline;
}

a.cp1SideMenu:hover {
	color: #FF0033;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
	text-decoration: underline;
}


.cpBannerText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bolder;
    text-align:  center;
    background-color: #666699;
    color: #ffffff;
}

.cpErrorText {
    color:       #FFAE00;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bolder;
}

.cpLight {
	color: #AAAAAA;
}

.cpBoxTitle { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bolder;
    text-align:  center;
    background-color: #666699;
    color: #ffffff;
}

.cpBoxTitle2 { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bolder;
    text-align:  center;
    background-color: #b0b0b0;
    color: #ffffff;
}

.cpBoxTitle3 { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bolder;
    text-align:  center;
    background-color: #fc7e34;
    color: #ffffff;
}

.cpBoxBackground { 
    padding:0px; 
    background-color:#8e8e8e;  
}

.cpBoxMainCell { 
    padding:4px 
}

/******************************************************************************************************************
Set texts, background effects, padding attributes, etc of the Shopping pages
******************************************************************************************************************/
.ShopTitle {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   large;
    font-weight: bolder;
}

.ShopErrorText {
    color:       #FFAE00;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: bolder;
    text-align:  justify;
}

.shopinfo {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: normal;
    text-align:  justify;
}

A.shopinfo {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: bolder;
    text-align:  justify;
}

a.sp1 {
    color:       #ff0000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bolder;
}


/******************************************************************************************************************
The official iTAGG text styles
******************************************************************************************************************/


.MajorTitle {
    color:       #0E1834;
    font-family: "Arial Black", Verdana, Helvetica, sans-serif;
    font-size:   xx-large;
    font-weight: bolder;
}

.MajorBullets {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
    text-align:  justify;
}

.BulkPromo {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
}

A.BulkPromo {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
}

A.BulkPromo:hover {
    color:       #FF6666;
}

A.BulkPromo:active {
    color:       #0E1834;
}

.Guide {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: normal;
    text-align:  justify;
}

A.Guide{
    font-weight: bolder;
    font-size:   xx-small;
}

A.Guide:hover {
    color:       #FFAE00;
}

A.Guide:active {
    color:       #FFAE00;
}

.Guidebut {
    font-weight: bolder;
    color:       #FFAE00;
}

.Strapline {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   medium;
    font-weight: bolder;
}

.FrontSectionHeader {
    color:       #0E1834;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   medium;
    font-weight: bolder;
}

.SectionHeader {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: bold;
    text-align:  center;
}

.SectionHeaderText {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: normal;
    text-align:  justify;
	background: #090C1D;
}

.SectionHeaderTextL {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: normal;
    text-align:  justify;
	background: #090C1D;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
}

A.SectionHeaderText {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: normal;
    text-align:  justify;
	background: #090C1D;
	padding-left: 4px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
}

.SectionHeaderTextPad4 {
	padding-left: 4px;
	padding-right: 4px;
}

.SectionSubheader {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   small;
    font-weight: normal;
}

.SectionFooter {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: normal;
}



.ErrorText {
    color:       #FFAE00;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   xx-small;
    font-weight: bolder;
    text-align:  justify;
}

.SearchResultsText {
    color:       #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bold;
    text-align:  center;
	padding-left: 4px;
	padding-right: 4px;
}

.SearchResultsList {
    color:       #999999;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:   x-small;
    font-weight: bolder;
}

.light {
    color:       #AAAAAA;
    font-size:   smaller;
}


.hiliteBox1 {

    border: 1px solid black;
    background-color:#ffffcc;
    padding:3px;
    border-collapse: separate;
}

/* specify borders in the branded style */
.cpBorder {

    border-color: #4DA1DD;
    border-width: 1px;
    border-style: solid;

}


.bg1 {

    background-color: #EEEEEE;
}

.bg2 {

    background-color: #FFFFFF;
}


.leftTopBox, .leftTopBox td, .leftTopBox a {

    background-color: #F7F7F7;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: bolder;
    color: #6F6F6F;
}

.leftTopBox a.greenLink {

    color: #00A651;
}

.greenText {

    color: #00A651;
}


.leftMiddleBox, .leftMiddleBox td, .leftMiddleBox a {

    background-color: #FFFFFF;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}

.leftMiddleBox a.blueLink {

    color: #0563C8;
}

.loginBox, .loginBox td, .loginBox tr, .loginBox a {

    background-color: transparent;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}

.middle1Box, .middle1Box td, .middle1Box a {

    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}

.middle2Box, .middle2Box td, .middle2Box tr, .middle2Box a {

    background-color: #E5F5F4;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}


.middle3Box, .middle3Box td, .middle3Box tr, .middle3Box a {

    background-color: #FFFFFF;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}

.right1Box, .right1Box td, .right1Box tr {
    background-color: transparent;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}

.right1Box a, .right1Box a:visited {
    color: #6F6F6F;
	text-decoration: underline;
}

.right1Box a:hover {
	color: #585799;
	text-decoration: underline;
}

.right1Box-small, .right1Box-small td, .right1Box-small tr, .right1Box-small a, .right1Box-small a:visited .right1Box-small a:hover {
    font-size: xx-small;
}

.blurb_small {
	font-size: 8pt;
}

.blurb_small_coloured {
	font-size: 8pt;
}

.blurb_small_coloured a, .blurb_small_coloured a:visited {
    color: #fd7d34;
	text-decoration: underline;
}

.blurb_small_coloured a:hover {
	color: #585799;
	text-decoration: underline;
}

.right2Box, .right2Box td, .right2Box tr, .right2Box a {

    background-color: #FFFFFF;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}


.right3Box, .right3Box td, .right3Box tr, .right3Box a {

    background-color: transparent;
    font-face: Arial, Verdana, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #6F6F6F;
}


.smsec_subheader {

    font-weight: bold;
}

.goldConnect {

    font-weight: bold;
    font-style: italic;
}