﻿@charset "UTF-8";
/* fix printing issue */
@media print { div { overflow:visible!important; } }
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* remember to define focus styles! */
:focus{ outline: 0; }
/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }
/* default text */
body {
	color: #262626;
	line-height: 1;
	font: 12px Arial, Helvetica, sans-serif;
	background: #F5F5F5;
	text-align: left; 
}
/*-- Links --*/
a, a:link, a:visited {
	color:#3780d4;
	text-decoration:none;
}
a:hover, a:active, a:focus,
a.selected{
	color:#368016;
	text-decoration:underline;
	outline: none; 
	-moz-outline-style: none;
}
/*-- Heading text-sizes --*/
h1{ font-size: 14px; line-height: 20px; }
h2{ font-size: 14px; line-height: 20px; }
h3{ font-size: 13px; line-height: 19px; }
h4{ font-size: 12px; line-height: 18px; }
h5{ font-size: 11px; line-height: 17px; }
h6{ font-size: 10px; line-height: 16px; }
/* Other Text formats */
sup, sub{
	font: 9px Verdana, Geneva, sans-serif;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup{ bottom: 1ex; }
sub{ top: .5ex; }
cite{ font-style: italic; }
acronym, abbr{ text-transform: capitalize; }
pre{ white-space: pre; font: 11px "Courier New", Courier, monospace; }
blockquote, q {
	quotes: none;
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
small {
	font: 10px Verdana, Geneva, sans-serif;
	display: block;
	padding: 0 0 8px;
}
strong, b { font-weight:bold; }
em, i { font-style: italic; }
/*-- lists --*/
dl{	padding: 8px 0 0 0; }
ol, ul{ list-style:  none; }
dl dt{
	font-weight: bold;
	padding: 0 8px 0 0;
	display: inline-block;
	float: left;
}
dl dd{ padding: 0 0 8px 32px; }
ol{ 
	padding: 8px 0 0 24px;
	list-style: upper-roman;
}
ol li{
	padding: 0 0 8px 0;
	list-style: decimal;
}
ul { padding: 8px 0 0 0; }
ul li{ padding: 0 0 8px 0; }
input[type="checkbox"]{margin-top:5px;margin-left:0px;vertical-align: bottom;padding:2px;}
/*-- Table --*/
table{
	border-collapse:collapse; /*elminates cellspacing*/
	border-spacing: 0;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
td { vertical-align: top; }
th { background: #FFF; }
tbody th { font-weight: normal; }
thead th { font-weight: bold; }
caption{
	text-align: right;
	font-size: 11px;
	padding: 4px;
}
/*tfoot{ font: 10px Verdana, Geneva, sans-serif; }*/
tfoot td{ 
	border-color: #FFF;
	text-align: left;
	padding: 4px;
}
/* img Floats  */
img.flt { padding: 4px 0px 4px 11px; } 
img.fltleft { padding: 4px 11px 4px 0px; } 

/* Horizontial Rule Containe r*/
hr {
	border: 0;
	color: #b3b3b3;
	background-color: #b3b3b3;
	height: 1px;
	width: 100%;
	text-align: left;
}

/* Layout related styles */
.container{ 
	width: 952px !important;
	overflow: hidden; 
	background-color: #fff;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999;
	text-align: left; /* overrides the text-align: center on the body element. */
	padding: 4px!important;
}
/*.zone { padding: 4px!important; }*/
.headerAdZone { width: 480px; float: right; }
.headerZone { width: 450px; float: left; }
.headerAdZone .zone,
.headerZone .zone { padding: 4px 4px 0!important; }

.leftCenterCombinedZone { width: 824px; float: left; }
.rightColumnZone { width: 128px; float: left; }
.leftColumnZone { width: 195px; float: left; }
.centerColumnZone { width: 629px; float: left; }
/* END Layout related styles */

/* reusables */
.inputSmall { width: 50px; }
.inputMedium { width: 90px; }
.topad { padding-top: 4px; }
.fltrt { float: right; } 
.fltleft { float: left; } 

.moduleCommandBar{ padding-bottom: 8px;}
.asiNum { color: #cc0000!important; font-weight: bold; }
.txtColorWhite{ color: #fff; } 
.txtColorRed{ color: #c00; }
.colFirst	{ text-align:left; }
.colLast	{ padding-right: 8px; }
.ellipsis {  
    white-space: nowrap;  
    overflow: hidden;
    width: auto;
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
	-ms-text-overflow: ellipsis;
}  
/* Horizontial Rule w/ Centered Text*/
.hrCenterTextOut {
	background: url(../images/MidLine.gif) repeat-x 50% 50%;
	text-align: center;
	margin: 8px 100px;
	display: block;
}
.hrCenterTextIn{
	background: #fff;
	padding: 8px 11px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}
/* Vertical Rule Containers */
.lineRt {/*set width on container to width minus margin(11px) */
	padding-left: 11px;
	margin-left: 11px;
	border-left: 1px solid #b3b3b3;
	vertical-align: top;
} 
.lineLeft {/*set width on container to width minus margin(11px) */
	padding-right: 11px;
	margin-right: 11px;
	border-right: 1px solid #b3b3b3;
	vertical-align: top;
} 
/*-- Label and Text --*/
.TxtLabel	{ font-weight: bold; padding-right: 2px; } /*set width on container to width minus padding, 2px) */
.TxtValue	{ font-weight: normal; } /*set margin on container to width plus .TxtLabel padding, 2px) */
.disBlock	{ display:block; }
.disInline	{ display:inline-block; }
.dataFieldBlock		{ padding: 4px 0; }
.dataFieldBlockSlim { padding: 4px 0 0 0; }
.section { margin-top: 8px !important; }
.indentContainer { padding-left:11px; }
.error { color: #f00; }
.bodyPopup { background-color: #fff; }
.fpError { height: 40px!important; padding-left: 35px; text-align: left; }
.loginLabel { width: 70px; text-align:right; }
.loginPadding { padding-left: 74px; }
.passwordResetLabel { width: 110px; }
.passwordResetPadding { padding-left: 114px; }
/*-- Character Count  --*/
.charCount {
	font-size: 10px;
	line-height: 10px;
	color: #c60000;
	margin: 0;
	padding: 0;
}

.logoMain { margin: 0; height: 69px; }
div.SESP, div.BESP, div.WESP, div.ESPU{ float: left; width: 203px; }
.SESP .logoMain { background-image: url(../images/logo_espwebSupplier_off.gif); width: 203px; }
.SESP .logoMain:hover { background-image: url(../images/logo_espwebSupplier_on.gif); }
.BESP .logoMain { background-image: url(../images/logo_espwebBasic_off.gif); width: 203px; }
.BESP .logoMain:hover { background-image: url(../images/logo_espwebBasic_on.gif); }
.WESP .logoMain { background-image: url(../images/logo_espweb_off.gif); width: 203px; }
.WESP .logoMain:hover { background-image: url(../images/logo_espweb_on.gif); }
.ESPU .logoMain { background-image: url(../images/logo_espwebUpgrade_off.gif); width: 203px; }
.ESPU .logoMain:hover { background-image: url(../images/logo_espwebUpgrade_on.gif); }
div.ESMU{ float: left; width: 265px; }
.ESMU .logoMain { background-image: url(../images/logo_SMU_off.gif); width: 265px; }
.ESMU .logoMain:hover { background-image: url(../images/logo_SMU_on.gif); }
div.WOMO{ float: left; width: 237px; } 
.WOMO .logoMain { background-image: url(../images/logo_esporders_off.gif); width: 237px; }
.WOMO .logoMain:hover { background-image: url(../images/logo_esporders_on.gif); }
div.WOMC{ float: left; width: 237px; } 
.WOMC .logoMain { background-image: url(../images/logo_esporders_off.gif); width: 237px; }
.WOMC .logoMain:hover { background-image: url(../images/logo_esporders_on.gif); }
div.EORD{ float: left; width: 237px; }
.EORD .logoMain { background-image: url(../images/logo_esporders_off.gif); width: 237px; }
.EORD .logoMain:hover { background-image: url(../images/logo_esporders_on.gif); }
div.EOSV{ float: left; width: 237px; }
.EOSV .logoMain { background-image: url(../images/logo_esporders_sv_off.gif); width: 237px; }
.EOSV .logoMain:hover { background-image: url(../images/logo_esporders_sv_on.gif); }
div.SSAD, div.CODM{ float: left; width: 235px; }
.SSAD .logoMain,
.CODM .logoMain { background-image: url(../images/logo_espAdmin_off.gif); width: 235px; }
.SSAD .logoMain:hover,
.CODM .logoMain:hover { background-image: url(../images/logo_espAdmin_on.gif); }
div.DASH{ float: left; width: 137px; }
.DASH .logoMain { background-image: url(../images/logo_esp_off.gif); width: 137px; }
.DASH .logoSGR { background-image: url(../images/logo_sgr.png); width: 143px; height: 70px; }
.SSAD .logoSGR { background-image: url(../images/logo_sgr.png); width: 143px; height: 70px; }
.DASH .logoMain:hover { background-image: url(../images/logo_esp_on.gif); }
div.SITA{ float: left; width: 203px; }
.SITA .logoMain { background-image: url(../images/logo_LogoMall.gif); width: 203px; }
.SITA .logoMain:hover { background-image: url(../images/logo_LogoMall_on.gif); }

.BISR .logoMain { background-image: url(../images/logo_ASImediaStats_off.gif); width: 214px;}
.BISR .logoMain:hover { background-image: url(../images/logo_ASImediaStats_on.gif); }
div.BISR{ float: left; width: 265px; }
.tabColumnLayout { width: 100%; }
.tabColumnLayout>tbody>tr>td { padding: 0 8px; border-right: 1px solid #999; }
.tabColumnLayout>tbody>tr>td.last { border-right: 0; }

.pageTitle {
	color:#999999;
	font-size:22px;
	padding:0 14px 7px;
}
/* dashboard styles */
.welcomeSection { font-size: 16px; }
.currentDate { float: right; width: 250px; text-align: right; }
.appAreaLink { float: left; padding-top: 12px; }
.clprIcon { width: 26px; height: 24px; background: url(../images/iconsStandard.png) no-repeat; }
.icoAction { padding: 8px 4px 0 0; }
.iVideo { background-position: 0 -2760px;}
.iVideo:hover { background-position: -32px -2760px; }
.iVideoDisabled { background-position: -96px -2760px; } 
.iHelp { background-position: 0 -2730px; }
.iHelp:hover { background-position: -32px -2730px; }
.iFeedback { background-position: 0 -2700px; margin: 4px 10px 8px; }
.iFeedback:hover { background-position: -32px -2700px; }
/* Tweaks */
/* asiStore License message */
a.asiStore{
	display:inline-block;
	color:#3780D4;
	height:32px;
	text-decoration:none;
	padding-bottom: 8px;
	font: normal 16px/32px Arial, Helvetica, sans-serif;
}
a.asiStore:hover { color:#368016;}
a.asiStore .IconContainer { height: 32px; width: 120px; margin:-8px 0 -8px 0; }
a.asiStore .IconContainer.bIconImage { background: url(../images/logo_asiStore120x32.gif);}
a.asiStore:hover .IconContainer.bIconImage { background-position: 0 -32px;}
/* asiStore License message - End */

/* --- Footer Begin --- */
.footerBar{
	margin: 0px;
	padding: 0px;
	border: none;
}
.footerBar .fbOuter,
.footerBar .fbMiddle,
.footerBar .fbInner,
.footerBar .asiLogo {
	background: transparent url(../images/Advertising_Specialty.png) no-repeat;
}
.footerBar .fbOuter { background-position:0 0; }
.footerBar .fbMiddle { background-position: 100% -47px; }
.footerBar .fbInner {
	background-position: 50% -94px;
	padding: 13px 12px 0px;
	height: 34px;
}
.footerBar .asiLogo {
	background-position: 0 -141px;
	height: 19px;
	padding: 0px 0px 0px 40px;
	font: 12px/28px Arial, Helvetica, sans-serif;
	color: #c00;
}
.footerBar .footnote {
	font: 10px/12px Verdana, Geneva, sans-serif;
	color: #262626;
	padding-left: 12px;
}
.footnote{
	margin: 0px;
	padding: 0px;
	border: none;
}

.footnote .asiLogo {
	background: transparent url(../images/Advertising_Specialty.png) no-repeat; width:106px; height:36px;
}
.footnote .copyright {
	font: 10px/12px Verdana, Geneva, sans-serif;
	color: #262626;
	padding-left: 12px;
	padding-top: 20px;
}
/* --- Footer End--- */


/* --- dockContainer Begin --- */
.dockContainer {
	margin: 0px;
	padding: 0 0 8px 0;
	border: none;
}
.dockContainer .dctbOuter,
.dockContainer .dctbMiddle,
.dockContainer .dctbInner,
.dockContainer .dctbOuter,
.dockContainer .dctbMiddle,
.dockContainer .dctbInner,
.dockContainer .dcfOuter,
.dockContainer .dcfMiddle,
.dockContainer .dcfInner,
.dockContainer .dccSeperator,
.dccSeperatorDK {
	height: 32px;
	background: transparent url(../images/DocksSprite.png) no-repeat;
}
.dockContainer.AsiDarkBlue .dctbOuter,
.dockContainer.AsiDarkBlue .dctbMiddle,
.dockContainer.AsiDarkBlue .dctbInner,
.dockContainer.AsiDarkBlue .dcfOuter,
.dockContainer.AsiDarkBlue .dcfMiddle,
.dockContainer.AsiDarkBlue .dcfInner,
.dockContainer.AsiDarkBlue .dccSeperator,
.dccSeperatorDK {
	background-image: url(../images/DocksSpriteDarkBlue.png);
}

.dockContainer.AsiGreen .dctbOuter,
.dockContainer.AsiGreen .dctbMiddle,
.dockContainer.AsiGreen .dctbInner,
.dockContainer.AsiGreen .dcfOuter,
.dockContainer.AsiGreen .dcfMiddle,
.dockContainer.AsiGreen .dcfInner,
.dockContainer.AsiGreen .dccSeperator,
.dccSeperatorDK {
	background-image: url(../images/DocksSpriteGreen.png);
}

.dockContainer.AsiGold .dctbOuter,
.dockContainer.AsiGold .dctbMiddle,
.dockContainer.AsiGold .dctbInner,
.dockContainer.AsiGold .dcfOuter,
.dockContainer.AsiGold .dcfMiddle,
.dockContainer.AsiGold .dcfInner,
.dockContainer.AsiGold .dccSeperator,
.dccSeperatorDK {
	background-image: url(../images/DocksSpriteGold.png);
}
 
.dockContainer.AsiPurple .dctbOuter, .dockContainer.AsiPurple .dctbMiddle, .dockContainer.AsiPurple .dctbInner, .dockContainer.AsiPurple .dcfOuter, .dockContainer.AsiPurple .dcfMiddle, .dockContainer.AsiPurple .dcfInner, .dockContainer.AsiPurple .dccSeperator, .dccSeperatorDK { background-image: url(../images/DocksSpritePurple.png); }
 
.dockContainer .dctbOuter	{ background-position:0 0; padding-left: 8px; }
.dockContainer .dctbMiddle	{ background-position:100% -32px; padding-right: 8px; }
.dockContainer .dctbInner	{ background-position: 50% -64px; background-repeat: repeat-x; }
.dockContainer.appColor .dctbOuter { background-position:0 -96px; }
.dockContainer.appColor .dctbMiddle{ background-position:100% -128px; }
.dockContainer.appColor .dctbInner { background-position: 50% -160px; background-repeat: repeat-x; }
.dockContainer .dccMain	{ border-right: 1px solid #808080; border-left: 1px solid #808080; }
.dockContainer .dcTitlebar {
	margin: 0px 0px 0px 2px;
	height: 22px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	color: #262626;
}
.dockContainer.appColor  .dcTitlebar {
	margin: 0px 0px 0px 2px;
	height: 22px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	color: #FFF;
}
.dockContainer .dcfOuter,
.dockContainer .dcfMiddle,
.dockContainer .dcfInner { height: 12px; font-size: 1px; }
.dockContainer .dcfOuter { background-position:0 -192px; padding-left: 8px; }
.dockContainer .dcfMiddle { background-position:100% -204px; padding-right: 8px; }
.dockContainer .dcfInner { background-position: 50% -216px; background-repeat: repeat-x; }

/* Area Seperator */
.dockContainer  .dccSeperator {
	border: 1px solid #595959;
	background-color: #CCC;
	background-position: 0px -228px;
	background-repeat: repeat-x;
	height:	6px;
	font-size: 0px;
	line-height: 0px;
}
/* Area Seperator */
.dccSeperatorDK {
	border-top: 1px solid #262626;
	background-color: #CCC;
	background-position: 0px -286px;
	background-repeat: repeat-x;
	height:	7px;
	font-size: 0px;
	line-height: 0px;
}
/*Gray Content Area*/
.dockContainer .caGray .dccMain {
	border-right: 1px solid #595959;
	border-left: 1px solid #595959;
	background-color: #CCC;
}
.dockContainer .caGray .dcfOuter { background-position:0 -240px; }
.dockContainer .caGray .dcfMiddle { background-position:100% -252px; }
.dockContainer .caGray  .dcfInner { background-position: 50% -264px; }
/*-- Interior container for docks using html/css - not telerik conols */
.IntContentArea { margin: 0; padding: 8px 8px 0px; }

/*Dock w/o TitleBar */
.dockContainer.noTitleBar .dctbOuter,
.dockContainer.noTitleBar .dctbMiddle,
.dockContainer.noTitleBar .dctbInner { height: 8px;  }
.dockContainer.noTitleBar .dctbOuter { background-position:0 -300px; padding-left: 8px;}
.dockContainer.noTitleBar .dctbMiddle{ background-position:100% -308px; padding-right: 8px;}
.dockContainer.noTitleBar .dctbInner { background-position: 50% -316px; background-repeat: repeat-x; }


/* --- dockContainer End--- */


/* --- Rotator Items Begin --- */
.rotatorItem {
    float: left;
	width: 134px;
	height: 177px;
	background: transparent url(../images/Rotatorbg.png) repeat-x 50% 50% ;
	text-align: center;
	padding-top: 30px;
}
.rotatorItem .productImageShadow {
	width: 134px;
	height: 177px;
	background: transparent url(../images/RotatorSHbg.png) no-repeat 50% 108px;
}
.rotatorItem .productImageContainer{
	width: 134px;
	height: 115px;
	padding-bottom: 5px;
}
.rotatorItem img.productImage {border: 1px solid #BFBFBF;}
.rotatorItem a:link img.productImage {border: 1px solid #BFBFBF;}
.rotatorItem a:hover {background-position: 0 0}
.rotatorItem a:hover img.productImage {
	padding-top: 0px;
	border: 3px solid #80BB39;
	cursor: pointer;
}
.rotatorItemBSpace{ padding-left: 13px; }
.rotatorItemLSpace{ padding-right: 13px; }
/* --- Rotator Items End --- */

/* --- rotatorContainer Begin --- */
.rotatorContainer {
	margin: 0px;
	padding: 0px;
	border: none;
}
.rotatorContainer .rctOuter,
.rotatorContainer .rctMiddle,
.rotatorContainer .rctInner,
.rotatorContainer .rctButton,
.rotatorContainer .rcfOuter,
.rotatorContainer .rcfMiddle,
.rotatorContainer .rcfInner,
.rotatorContainer .rcfButton,
.rotatorContainer .rcthOuter,
.rotatorContainer .rcthMiddle,
.rotatorContainer .rcthInner,
.rotatorContainer .rcfhOuter,
.rotatorContainer .rcfhMiddle,
.rotatorContainer .rcfhInner{
	height: 25px;
	background: transparent url(../images/rotatorSprite.png) no-repeat;
}

/* --- rotatorVertical Begin --- */
.rotatorContainer .rctOuter		{ background-position:0 0; padding-left: 8px; }
.rotatorContainer .rctMiddle	{ background-position: 100% -25px; padding-right: 8px; }
.rotatorContainer .rctInner {
	background-position: 50% -50px;
	background-repeat:repeat-x;
	text-align: center;
}
.rotatorContainer .rctButton {
	width: 100%;
	display:block;
	background-position: 50% -75px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
.rotatorContainer .rctButton:hover	{ background-position: 50% -100px; cursor: pointer; }
.rotatorContainer .rctDisabled,
.rotatorContainer .rctDisabled:hover { background-position: 50% -125px; }
.rotatorContainer .rccMain			{ border-right: 1px solid #808080; border-left: 1px solid #808080; }

.rotatorContainer .rcfOuter,
.rotatorContainer .rcfMiddle,
.rotatorContainer .rcfInner {
	height: 28px;
}
.rotatorContainer .rcfOuter		{ background-position:0 -250px; padding-left: 8px; }
.rotatorContainer .rcfMiddle	{ padding-right: 8px; background-position: 100% -280px; }
.rotatorContainer .rcfInner		{ background-position: 50% -310px; background-repeat:repeat-x; }
.rotatorContainer .rcfButton	{ background-position: 50% -340px; }
.rotatorContainer .rcfButton:hover { background-position: 50% -370px; cursor: pointer; }
.rotatorContainer .rcfDisabled,
.rotatorContainer .rcfDisabled:hover { background-position: 50% -400px; }
/* --- rotatorVertical End --- */

/* --- rotatorHorizontal Begin --- */
.rotatorContainer .rcthOuter,
.rotatorContainer .rcthMiddle,
.rotatorContainer .rcthInner	{ height: 6px; }
.rotatorContainer .rcthOuter	{ background-position:0 -500px; padding-left: 25px; }
.rotatorContainer .rcthMiddle	{ background-position: 100% -550px; padding-right: 25px; }
.rotatorContainer .rcthInner	{ background-position: 50% -525px; background-repeat:repeat-x; }

.rotatorContainer .rcchOuter,
.rotatorContainer .rcchMiddle,
.rotatorContainer .rclhButton,
.rotatorContainer .rclhDisabled,
.rotatorContainer .rcrhButton,
.rotatorContainer .rcrhDisabled { background: url(../images/rotatorSpriteV.png) no-repeat; }
.rotatorContainer .rcchOuter {
	background-position: 0 50%;
	padding-left: 25px;	
	background-repeat:repeat-y;
}
.rotatorContainer .rcchMiddle	{ padding-right: 25px; background: url(../images/rotatorSpriteVR.png) repeat-y 100% 50%;}
.rotatorContainer .rcchInner	{ background-color: #FFF; height: 100%; }
.rotatorContainer .rcchMain		{ border:none; }

.rotatorContainer .rclhButton,
.rotatorContainer .rcrhButton  {
	position: relative;
	top: 50%;
	margin-top: -30px;
	height: 25px;
	width: 25px;
	display: block;
	float: left;
}
.rotatorContainer .rcrhButton	{ background-position: -25px 50%; left: -25px; }
.rotatorContainer .rcrhButton	{ background-position:  -175px 50%; left: 25px; }
.rotatorContainer .rclhButton:hover		{ background-position:  -50px 50%; cursor: pointer; }
.rotatorContainer .rclhDisabled,
.rotatorContainer .rclhDisabled:hover	{ background-position:  -75px 50%; }
.rotatorContainer .rcrhButton:hover		{ background-position: -200px 50%; cursor: pointer; }
.rotatorContainer .rcrhDisabled,
.rotatorContainer .rcrhDisabled:hover	{ background-position: -225px 50%; }

.rotatorContainer .rcfhOuter,
.rotatorContainer .rcfhMiddle,
.rotatorContainer .rcfhInner	{ height: 9px; }
.rotatorContainer .rcfhOuter	{ background-position:0 -590px; padding-left: 25px; }
.rotatorContainer .rcfhMiddle	{ background-position: 100% -640px; padding-right: 25px; }
.rotatorContainer .rcfhInner	{ background-position: 50% -615px; background-repeat:repeat-x; }
/* --- rotatorHorizontal End --- */
/* --- rotatorContainer End--- */

/* --- Pill Button - without triangle --- */

.pillbutton {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 1px;
	width: 98px;	
}
.pillbutton .pbLeftT,
.pillbutton .pbInnerT,
.pillbutton .pbRightT	{ background: transparent url(../images/ButtonSpritesPill.png) no-repeat; height: 20px; }
.pillbutton .pbInnerT	{ background-position:100% -76px; background-repeat: repeat-x; }
.pillbutton .pbLeftT	{ background-position: 0px 0px; }
.pillbutton .pbRightT	{ background-position: 100% -38px; }

.BorderContainer.pillbutton .pbLeftT,
.BorderContainer.pillbutton .pbInnerT,
.BorderContainer.pillbutton .pbRightT	{ height: 28px; }
.BorderContainer.pillbutton .pbInnerT	{ background-position:100% -288px; background-repeat: repeat-x; }
.BorderContainer.pillbutton .pbLeftT	{ background-position: 0px -228px; }
.BorderContainer.pillbutton .pbRightT	{ background-position: 100% -258px; }
.BorderContainer.pillbutton .pilltext a,
.pillbutton .pilltext a {
    display: block;
	height: 22px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3780D4;
	text-decoration: none;
	line-height: 26px;
}
.BorderContainer.pillbutton .pilltext a{ height: 22px; padding-left: 13px; line-height: 26px; }
.pillbutton .pilltext a		{ height: 16px; padding-left: 9px; line-height: 19px; }
.pillbutton .pilltext a:hover	{ color: #368016; cursor: pointer; }
	
/* --- Pill Button - with triangle --- */
.pillbuttonTr {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 1px;
	width: 113px;	
}
.pillbuttonTr .pbtLeftT,
.pillbuttonTr .pbtInnerT,
.pillbuttonTr .pillTrtext,
.pillbuttonTr .pbtRightT { background: transparent url(../images/ButtonSpritesPill.png) no-repeat; height: 20px; }
.pillbuttonTr .pbtInnerT { background-position: 100% -76px; background-repeat: repeat-x; }
.pillbuttonTr .pbtLeftT	 { background-position: 0px 0px; }
.pillbuttonTr .pbtRightT { background-position: 100% -152px; }
.pillbuttonTr .pillTrtext a {
	display: block;
	height: 16px;
	padding-left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3780D4;
	text-decoration: none;
	line-height: 19px;
}
.pillbuttonTr  .pillTrtext a:hover {
	background-position: 100% -190px;
	color: #368016;
	cursor: pointer;
}

/* --- Rounded Corner Button - without icon --- */
.RCbuttonW {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 1px;
	width: 71px;
}
.RCbuttonW .rcwLeftT,
.RCbuttonW .rcwInnerT,
.RCbuttonW .rcwRightT { background: transparent url(../images/ButtonSpritesRCorner.png) no-repeat; }
.RCbuttonW .rcwInnerT { background-position: 100% -76px; background-repeat: repeat-x; }
.RCbuttonW .rcwLeftT  { background-position: 0px -114px; }
.RCbuttonW .rcwRightT { background-position: 100% -38px; }
.BorderContainer.RCbuttonW .rcwInnerT { background-position: 100% -190px; background-repeat: repeat-x; }
.BorderContainer.RCbuttonW .rcwLeftT  { background-position: 0px -228px; }
.BorderContainer.RCbuttonW .rcwRightT { background-position: 100% -152px; }
.BorderContainer.RCbuttonW .rcwtext a,
.RCbuttonW .rcwtext a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3780D4;
	text-decoration: none;	
}
.BorderContainer.RCbuttonW  .rcwtext a { line-height: 30px; height: 30px; padding-left: 13px; }
.RCbuttonW .rcwtext a			{ line-height: 23px; height: 23px; padding-left: 9px; }
.RCbuttonW .rcwtext a:hover	{ color: #368016; cursor: pointer; }
/* --- Rounded Corner Button - with icon --- */
.RCbuttonIcon {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 1px;
	width: 97px;
}
.RCbuttonIcon .rcwLeftT,
.RCbuttonIcon .rcwInnerT,
.RCbuttonIcon .rcwRightT { background: transparent url(../images/ButtonSpritesRCorner.png) no-repeat; }
.RCbuttonIcon .rcwInnerT { background-position: 100% -76px; background-repeat: repeat-x; }
.RCbuttonIcon .rcwLeftT { background-position: 0px -114px; }
.RCbuttonIcon .rcwRightT { background-position: 100% -38px; }
/* With Arrow */
.RCbuttonIcon.Arrow .rcwRightT { background-position: 100% -594px; }
.RCbuttonIcon.Arrow .rcwRightT:hover { background-position: 100% -624px; }
/* Gray Border */
.BorderContainer.RCbuttonIcon .rcwInnerT	{ background-position: 100% -190px; background-repeat: repeat-x; }
.BorderContainer.RCbuttonIcon .rcwLeftT		{ background-position: 0px -228px; }
.BorderContainer.RCbuttonIcon .rcwRightT	{ background-position: 100% -152px; }
/* Green */
.RCbuttonIcon.Green .rcwInnerT	{ background-position: 100% -564px; background-repeat: repeat-x; }
.RCbuttonIcon.Green .rcwLeftT	{ background-position: 0px -504px; }
.RCbuttonIcon.Green .rcwRightT	{ background-position: 100% -534px; }
/* Blue */
.RCbuttonIcon.Blue .rcwInnerT	{ background-position: 100% -714px; background-repeat: repeat-x; }
.RCbuttonIcon.Blue .rcwLeftT	{ background-position: 0px -654px; }
.RCbuttonIcon.Blue .rcwRightT	{ background-position: 100% -684px; }
/* Border button text*/
.BorderContainer.RCbuttonIcon .rcwtext a,
.RCbuttonIcon .rcwtext a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3780D4;
	text-decoration: none;	
}
.BorderContainer.RCbuttonIcon .rcwtext a { line-height: 30px; height: 30px; }
/* text */
.RCbuttonIcon .rcwtext a		{ line-height: 23px; height: 23px; padding-left: 6px; }
.RCbuttonIcon .rcwtext a:hover	{ color: #368016; cursor: pointer; }	
/* Green button Hover text*/
.RCbuttonIcon.Green .rcwtext a			{ color: #FFF; }
.RCbuttonIcon.Green .rcwtext a:hover	{ color: #A7E260; }
/* Blue button Hover text*/
.RCbuttonIcon.Blue .rcwtext a			{ color: #FFF; }
.RCbuttonIcon.Blue  .rcwtext a:hover	{ color: #8CC5E3; }	
/* icon */
.RCbuttonIcon  .IconContainer {
	margin: 0px;
	padding-right: 0px;
	border: none;
	width: 26px;
	height: 23px;
	float: left;
	background-image: url(../images/iconsStandard.png);
}
.RCbuttonIcon  .bIconImage { background: transparent url(../images/iconsStandard.png) no-repeat; background-position: -126px -1139px; }
a:hover .bIconImage { background-position: -158px -1139px; }
/* onGray */
.RCbuttonIcon.dockGray .rcwInnerT { background-position: 100% -304px; background-repeat: repeat-x; }
.RCbuttonIcon.dockGray .rcwLeftT { background-position: 0px -342px; }
.RCbuttonIcon.dockGray .rcwRightT { background-position: 100% -266px; }
.BorderContainer.RCbuttonIcon.dockGray .rcwInnerT { background-position: 100% -418px; background-repeat: repeat-x; }
.BorderContainer.RCbuttonIcon.dockGray .rcwLeftT { background-position: 0px -456px; }
.BorderContainer.RCbuttonIcon.dockGray .rcwRightT { background-position: 100% -380px; }

/* --- Buttons Begin --- */
span.link a {color: #3780D4; text-decoration:none; }
span.link a:hover {color: #368016; text-decoration:none; }
span.button {margin-right:7px;}
span.link .lnkDisabled,
span.button .btnDisabled {color: #a8a8a8; cursor:default;}
span.button, span.button a {background:transparent url('../images/ButtonSprites.png') no-repeat scroll 0 0; display:inline-block; text-align:left;}
span.button a {background-position:right 0; color:#3780D4; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; height:23px; line-height:23px; margin:0 -7px 0 7px; padding-right:7px; text-decoration:none;}
span.button a:hover {color:#368016; cursor:pointer; }
span.link a.lnkDisabled:hover, 
span.button a.btnDisabled:hover {color:#a8a8a8;}

span.button.green a, span.button.blue a {color:#fff;}

span.button.green {background-position:0 -100px;}
span.button.green a {background-position:right -100px;}
span.button.green a:hover {color:#a7e260;}

span.button.blue {background-position:0 -123px;}
span.button.blue a {background-position:right -123px;}
span.button.blue a:hover {color:#8cc5e3;}

span.button.lightBlue {background-position:0 -176px;}
span.button.lightBlue a {background-position:right -176px; color:#fff;}
span.button.lightBlue a:hover {color:#8cc5e3;}

span.button.gold {background-position:0 -199px;}
span.button.gold a {background-position:right -199px; color:#fff;}
span.button.gold a:hover {color:#FFF476;}

span.button.pill a, span.button.border a {margin:0 -10px 0 10px; padding-right:10px;}

span.button.pill {background-position:0 -53px; margin-right:10px;}
span.button.pill a {background-position:right -53px; height:20px; line-height:20px;}

span.button.border {background-position:0 -23px; margin-right:15px;}
span.button.border a {background-position:right -23px; height:30px; line-height:30px;}

span.button.graybg.border {background-position:0 -146px;}
span.button.graybg.border a {background-position:right -146px;}

span.button.purple.pill.border {background-position:0 -245px;} 
span.button.purple.pill.border a {background-position:right -245px;}

span.button.purple {background-position:0 -222px;} 
span.button.purple a {background-position:right -222px; color:#fff;} 
span.button.purple a:hover {color:#DDD6ED;}

span.button.pill.border {background-position:0 -73px;}
span.button.pill.border a {background-position:right -73px; height:27px; line-height:27px; margin:0 -14px 0 14px; padding-right:14px;}
/* --- Buttons End --- */

/* --- Icons Begin ---*/
.IconContainer {background:transparent url('../images/iconsStandard.png') no-repeat scroll 0 0; border:0; display:inline-block; height:24px; margin:-6px 0 -6px -3px; width:26px;}

.IconContainer.Arrow, .IconContainer.Triangle {margin:-7px -10px -7px -3px;}
.IconContainer.Triangle {background-position:0 -2640px;}
a:hover .IconContainer.Triangle {background-position:-64px -2640px;}
.IconContainer.Arrow {background-position:0 -2670px;}
a:hover .IconContainer.Arrow {background-position:-64px -2670px;}

.IconContainer.bIconImage {background-position:0 -1139px;}
a:hover .IconContainer.bIconImage {background-position:-64px -1139px;}
a.btnDisabled .IconContainer.bIconImage,
a.btnDisabled:hover .IconContainer.bIconImage{background-position:-96px -1139px;}

/* --- Icons End ---*/

/* Price Grid  */
.PriceGrid {
	border-collapse:collapse; /*elminates cellspacing*/
	font: 12px/16px Arial, Helvetica, sans-serif;
	width: 100%;
}
.PriceGrid .column1	{
	text-align:left;
	width: 108px;
	padding-left: 10px;
	border-left:1px solid #BFBFBF;
}
.PriceGrid td, 
.PriceGrid th {
	height: 16px;
	text-align:center;
	vertical-align: 50%;
	padding: 7px 1px;
	border-bottom: 1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	color: #262626;
}		
.PriceGrid td { background: #FFF; width: 48px; }
.PriceGrid th { font-weight: bold; }
.PriceGrid tbody th { background:#ededed; }
.PriceGrid thead th { background:#fcfcfc; border-top:1px solid #BFBFBF; }
.PriceGrid .flags { background: #EDEDED url(../images/Flags.png) no-repeat; }
.PriceGrid .USA { background-position: 94% 5px; }
.PriceGrid .CAD { background-position: 94% -31px; }
.PriceGrid .AUD { background-position: 94% -65px; }
.PriceGrid .NZD { background-position: 94% -99px; }
.PriceGrid .searched {
	border-right: 2px solid #80BB39;
	border-left: 2px solid #80BB39;
	padding-right: 0px;
	padding-left: 0px;
}
.PriceGrid thead .searched { border-top: 2px solid #80BB39;	padding-top: 6px; }
.PriceGrid .searchLast { border-bottom: 2px solid #80BB39; padding-bottom: 5px; }
.PriceGrid .priceIncludes {	padding: 10px 0 0 10px!important; }
.PriceGrid .priceComment { padding-bottom: 18px!important; }

/* --Icon Buttons Begin --- */
.bttLink {
	font-size:12px;
	font-weight:bold;
	margin: 8px 8px 0 0;
	text-align:right;
}
.icoBut { margin:8px 0; padding:0; }
.icoBut .icoLink {
	display:block;
	height: 24px;
	margin:0;
	padding:0;
	border:none;
	vertical-align:50%;
}
.icoBut .icoLink:active,
.icoBut .icoLink:visited { color:#3780d4; text-decoration:none; } 
.icoBut .icoLink:hover,
.icoBut .icoLink:active { font-weight: bold; color: #368016; } 
.icoBut .icoLink .icoImg {
	background: transparent url(../images/iconsStandard.png) no-repeat;
	height: 24px;
	width: 26px;
	margin: 0 0px 0 0;
	padding: 0px;
	display: block;
	float:left;
}
.icoBut .icoLink .icoText{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0 0 0 30px;
	padding:4px 0px;
	white-space: nowrap;
}
* html .icoBut .icoLink .icoText { margin:0 0 0 26px; }

/* --- Icon Button w/ Line  --- */
.pipeDivider {
	display: block;
	height: 24px;
	width:1px;
	margin: 8px 4px 8px 0px;
	padding:0;
	background: #b3b3b3;
}
/* --- Icon Buttons  End --- */

/* toolbar right aligned buttons */
div.RadToolBar.SeparatedButtons, 
div.RadToolBar.SeparatedButtons .rtbOuter, 
div.RadToolBar.SeparatedButtons .rtbMiddle, 
div.RadToolBar.SeparatedButtons .rtbInner	{ display: block; float: none; } 
div.RadToolBar.SeparatedButtons .rtbUL		{ display: block; } 
* html div.RadToolBar.SeparatedButtons .rtbUL { display: inline-block; } 
div.RadToolBar.SeparatedButtons .rtbItem	{ float: left; } 
div.RadToolBar.SeparatedButtons .rightAlignedWrapper { float: right; display: block; }
/* end */

/* Display supplier rating stars */
.starRatingControl { font-size: 12px; white-space: nowrap; }
.starRating {
    background: transparent url(../images/Emptystar_plus2.png) repeat-x 0 0;
    width: 80px;
    height: 14px;
    font-size: 12px;
    cursor: default;
    display: inline-block;
}
.starRating div { background: transparent url(../images/Fillstar_plus2.png) repeat-x 0 0; height: 14px; float:left; }
.starRatingControl .reportsCountContainer { cursor: default; vertical-align: top; }
.starRatingControl .reportsCount { color: #000000; }

/*Grey panel Bar*/
.GreyPanelBar { background-color: #ebebeb; color: #262626; }
.GreyPanelBar .gpbLink, 
.GreyPanelBar .gpbOut, 
.GreyPanelBar .gpbText { display:block; }
.GreyPanelBar .gpbLink {
	font-weight: bold;
	font-size: larger;
	color: #262626;
	text-decoration: none;
	cursor: pointer;
}
.GreyPanelBar .gpbLink:hover .gpbText { color: #368016; } 
.GreyPanelBar .gpbExpandable .gpbText,
.GreyPanelBar .gpbExpand .gpbText		{ background:transparent url(../images/gridClickedDropArrows.png) no-repeat; padding:6px 10px 6px 30px; }
.GreyPanelBar .gpbExpandable .gpbText	{ background-position: 8px  -58px; }
.GreyPanelBar .gpbExpandable:hover .gpbText { background-position: 8px -90px; }
.GreyPanelBar .gpbExpand .gpbText		{ background-position: 8px 6px; }
.GreyPanelBar .gpbExpand:hover .gpbText { background-position: 8px -26px; }

/* --- SectionBar Top Begin --- */
.SectionBarContainer,
.SectionBarTopContainer,
.SectionBarBottomContainer { margin: 0px; padding: 0px; border: none; }
/* --- Text --- */
.SectionBarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #262626;
	padding-left:11px;
	padding-top: 6px;
}
/* --- Top Begin --- */
.SectionBarTopContainer .bbLeftT,
.SectionBarTopContainer .bbInnerT,
.SectionBarTopContainer .bbRightT { background: transparent url(../images/bkgSectionBar.png) no-repeat; }
.SectionBarTopContainer .bbInnerT { background-color: #EBEBEB; }
.SectionBarTopContainer .bbLeftT  { background-position: 0px 0px; }
.SectionBarTopContainer .bbRightT { background-position: right -114px; }
/* --- Bottom Begin --- */
.SectionBarBottomContainer { background-color: #EBEBEB; }
.SectionBarBottomContainer .bbLeftB,
.SectionBarBottomContainer .bbInnerB,
.SectionBarBottomContainer .bbRightB {
	background: transparent url(../images/bkgSectionBar.png) no-repeat;
	height: 8px;
	font-size: 1px;
}
.SectionBarBottomContainer .bbInnerB { background-color: #EBEBEB; }
.SectionBarBottomContainer .bbLeftB  { background-position: 0px -76px; }
.SectionBarBottomContainer .bbRightB { background-position: right -38px; }

.adPlaceholder { font-size: 1px; text-align: right; } /*!!!!!!!!!MOVE OUT to Ad*/

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 14px;
    padding: 0px;
    margin: 0 1px 10px 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.savedRatingStar,
.filledRatingStar,
.emptyRatingStar	{ background-image: url(../Images/stars.png); }
.savedRatingStar	{ background-position: -30px 0; }
.filledRatingStar	{ background-position: 0 0; }
.ratingControlHover:hover .filledRatingStar { background-position: -30px 0; }
.emptyRatingStar	{ background-position: -15px 0; }
.ratingControlHover:hover .emptyRatingStar	{ background-position: -45px 0; }
/* end rating */

/* IE7 overlay Fix this must stay at the bottom*/
.rdVertical .RadDock{position:static !important}
.RadDockZone{position:static !important}
.rdContent{position:static !important}
/* IE7 overlay Fix end*/

/*-- Alert Panels */
.alertPanel{
	background-color: #FDF4BA;
	display: block;
	margin: 0px;
	padding: 12px 16px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080; } 
	
.alertPanel h1 {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	line-height: 28px; }
	
.alertPanel .text { margin-left: 38px; }

/*-- Alert Panels - End */



/*-- License agreement Section */

.agreement {text-align:left;padding:8px;}
.agreement p {margin-top:8px; margin-bottom:8px }
.agreement H1 {font-size:20px !important}

/*-- License agreement Section End */

/*--  New Preferred vendor rank class --*/
 
.pvRankName { font-weight:bold !important; }
.pvRankName:link, 
.pvRankName:visited { color:#cc0000 !important; }
.pvRankName:hover, 
.pvRankName:active, 
.pvRankName:focus, 
.pvRankName:selected { text-decoration:underline !important; }

/* Messages - begin */
.errorMessage,
.warningMessage,
.successMessage,
.informationMessage { padding:8px 8px 8px 32px; border:1px solid #ddd; color:#262626; background:transparent url(../images/messageIcons.png) no-repeat;}
.errorMessage		{ background-position: 4px -102px; background-color:#F8E4E4;border-color:#CC0000;}
.warningMessage		{ background-position: 4px 4px; background-color:#FDF4BA;border-color:#F2AC3B;}
.successMessage		{ background-position: 4px -226px; background-color:#E6EFC2; border-color:#368016;}
.informationMessage	{ background-position: 4px -344px; background-color:#DBEAF8;border-color:#1B61AF;}
.warningMessage strong,
.errorMessage strong		{color:#CC0000;}
.successMessage strong		{color:#368016;}
.informationMessage strong	{color:#1B61AF;}
.noIconMessage		{ padding-left: 8px; background-image: none; }

a.closeMessage { width:14px; height:14px; float:right; display: block; background:url(../images/closeMessage.png) no-repeat; }
.successMessage a.closeMessage			{background-position: 2px 2px;}
.successMessage a.closeMessage:hover	{background-position: 2px -16px;cursor: pointer;}
.errorMessage a.closeMessage			{background-position: 2px -68px;}
.errorMessage a.closeMessage:hover		{background-position: 2px -83px;cursor: pointer;}
.warningMessage a.closeMessage			{background-position: 2px -36px;}
.warningMessage a.closeMessage:hover	{background-position: 2px -49px;cursor: pointer;}
.informationMessage a.closeMessage		{background-position: 2px -103px;}
.informationMessage a.closeMessage:hover{background-position: 2px -118px;cursor: pointer;}
/* Messages - end */ 

/* Globalization suporting classes */
.allUpper { text-transform:uppercase; }
.capitalized { text-transform:capitalize; }
.allLower { text-transform:lowercase; }
.addColon:after { content: ":" }

/* Temp jquery Style */
.ui-widget-header  {
    background: url("../images/ecToolbar.png") repeat-x scroll 0 0 #FADE59;
}

/* clearfix
-------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Cleanup and remove these  Replace with clearfix method. */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
.clearBoth, .clearLeft {clear:both;}

.SGRF .footer { padding-top: 15px; }
.SGRF .footer ul { font-size: 12px; padding: 0 40px 0 8px; }
.SGRF .footer ul h2 { font-size: 14px; }
.SGRF #container span.button.gold { border: 1px solid #891e23; border-radius: 5px; -khtml-border-radius: 5px; padding: 1px 7px; margin: 0;
background: #cb0101;
background: -moz-linear-gradient(top, #cb0101 0%, #860000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb0101), color-stop(100%,#860000));
background: -webkit-linear-gradient(top, #cb0101 0%,#860000 100%);
background: -o-linear-gradient(top, #cb0101 0%,#860000 100%);
background: -ms-linear-gradient(top, #cb0101 0%,#860000 100%);
background: linear-gradient(top, #cb0101 0%,#860000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb0101', endColorstr='#860000',GradientType=0 );                                  
}
.SGRF #container span.button.gold:hover { background: #860000; }
.SGRF #container span.button.gold a { margin: 0; padding: 0; background: none; }
.SGRF #container span.button.gold a:hover { color: #fff; }