﻿body
{
	background: #DFE0E3;
	font-family: "Verdana","Times New Roman","Arial","MS Sans Serif","sans-serif";
	font-size: 13px;
	padding-top:0px;
	margin-top:0px;
}

/****************For use only with First Citizens layout*******************************/
.firstcitizensCheckout
{
	display:none;
	visibility:hidden;
}

.dummy
{
 /*nothing for BMC*/	
}
.firstcitizentsloginMenu
{
	display:none;
	visibility:hidden;
	width:1px;
	height:1px;
}
/*************************************************************************************/
.container
{
	margin: 10px auto;
	background: #fff;
	/*width: 940px;*/
	width:930px;
	padding-top: 0px; 
	margin-top: -20px;
	/*overflow:hidden;*/
}
.loginmenu
{
	display:none;
	visibility:hidden;	
}
.menuwraper
{
	width: 920px; 
	height: 200px;
}
.vendorcontainer
{	
	background: #fff;
	width: 660px;
}
.content
{
	background: /*red;#fff;*/	
	margin: 20px;
	/*width:850px;*/
}
.logo
{
	width: 600px;
	height: 200px;
	float: left;
	margin: 0px;
}
.logoimg
{
	margin-left: 10px;
	background: url('../images/logo6001.png') no-repeat;
	width: 610px;
	height: 142px;
	background-position: left bottom;
	margin: 0px;

}
.logocom
{
	background: url('../images/logocom186.png') no-repeat;
	width: 310px;
	height: 200px;
	float: right;
	margin: 0px;
}
.mainContainer
{
	padding-left: 20px;
	font-size: 16px;
	background: #fff;
	width: 890px;
}

.vendormainContainer
{	
	font-size: 16px;
	background: #fff;
	width: 100%;
}

.toolbarButtonsStart
{
	background: url('../images/menuleft64.png') repeat-x top;
	width: 8px;
	height: 58px;
	float: left;
}

.buttonsStart
{
	background: url('../images/menuleft64.png') no-repeat top left;
	width: 32px;
	height: 58px;
	float: left;
}

.buttonsEnd
{
	background: url('../images/ProductButtons3.png') no-repeat top right;
	width: 17px;
	height: 58px;
	float:right;
	position:relative;
	top: -40px;
}

.checkoutbuttonsStart
{
	background: url('../images/menuleft64.png') no-repeat top left;
	width: 30px;
	height: 58px;
	float: right;	
}

.checkoutbuttonsEnd
{
	background: url('../images/menuright64.png') no-repeat top right;
	width: 25px;
	height: 58px;
	float: left;
}

.buttons
{
	background: url('../images/menu58.png') repeat-x top;
	width: 300px;
	height: 58px;
	vertical-align: bottom;
}

.buttons a
{
	color: #fff;
	padding: 0 5px 0 5px;
	border-right: solid 1px #fff;
	line-height: 40px;
	font-family: Arial;
	text-decoration: none;
	font-size: 16px;
}
.buttons a:hover
{
	text-decoration: underline overline;
}
.buttons a:current
{
	text-decoration: underline overline;
}

.button
{
	background: url('../images/menu58.png') repeat-x top;
	width: 300px;
	height: 58px;	
}

.button a
{
	color: #fff;
	padding: 0 5px 0 5px;
	/*border-right: solid 1px #fff;*/
	line-height: 40px;
	font-family: Arial;
	text-decoration: none;
	font-size: 16px;
}
.button a:hover
{
	text-decoration: underline overline;
}
.button a:current
{
	text-decoration: underline overline;
}

.smallbuttons
{
	background: url('../images/menu58.png') repeat-x top;
	width: 300px;
	height: 58px;
	vertical-align: bottom;
}
.smallbuttons a
{
	color: #fff;
	padding: 0 5px 0 5px;
	line-height: 40px;
	font-family: Arial;
	text-decoration: none;
	font-size: 16px;
}
.smallbuttons a:hover
{
	text-decoration: underline overline;
}
.smallbuttons a:current
{
	text-decoration: underline overline;
}


.menu
{
	background: url('../images/menu58.png') repeat-x top;
	width: 610px;
	height: 58px;
	vertical-align: bottom;
}
.menu a
{
	color: #fff;
	padding: 0 10px 0 10px;
	border-right: solid 1px #fff;
	line-height: 40px;
	font-family: Arial;
	text-decoration: none;
	font-size: 16px;
}
.menu a:hover
{
	text-decoration: underline overline;
}
.menu a:current
{
	text-decoration: underline overline;
}
.menuleft
{
	background: url('../images/menuleft64.png') no-repeat top left;
	width: 32px;
	height: 58px;
	float: left;
}
.menuItems
{
	width: 570px;
	float: right;
	text-align: left;
}
.rounds
{
	float: right;
	position: relative;
	width: 310px;
	top: -60px;
	right: -165px;
}
.campaigns
{
	background: url('../images/campaigns0.png') no-repeat top;
	float: right;
	position: relative;
	height: 183px;
	width: 180px;
	top: -43px;
	right: -51px;
	margin-left: -100px;
	z-index: 7; /*margin-bottom: -20px;		*/
}
.home
{
	background: url('../images/home.png') no-repeat top;
	/*background-color:Blue;*/
	position: relative;	
	top: -100px;
	margin-left: 73px;
	width:920px;
	height:650px;
	font-family:"Verdana","Times New Roman","Arial","MS Sans Serif","sans-serif";
	font-size:13px;
}
.ads
{
	background: url('../images/ads0.png') no-repeat top right;
	width: 809px;
	height: 176px;
	position: relative;
	padding-right: 200px;
}
.andmore
{
	background: url('../images/andmore.png') no-repeat top right;
	width: 1001px;
	text-align: left;
	height: 310px;
	position: relative;
}

.bigButtonGreen
{
	background: url('../images/greenButton340.png') no-repeat top left;
	height: 60px;
	width: 340px;
	border: 0;
	font-size: 20px;
	color: White;
	padding-bottom: 15px;
	cursor: pointer;
}
.gridordercol
{
	background-color: #FFFFFF;
	font-family: Verdana,Arial;
	color: #000000;
	font-size: 8pt;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Gray;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:Gray;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:Gray;
}
.tableordercol
{
	background-color: #FFFFFF;
	font-family: Verdana,Arial;
	color: #000000;
	font-size: 8pt;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Gray;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:Gray;
}
.greenBox
{
	background: #2AB571;
	color: White;
	padding: 5px;
}

.filterBox
{
	background: #CDCDCD;
	padding: 5px;
}


.blueBox
{
	background: #00A4E0;
	color: White;
	padding: 5px;
	font-family: Verdana,Arial;
	font-weight: normal;
	font-size: 11px;
}

.buttonSubmit
{
	background: url('../images/blueButton.png') no-repeat top left;
	height: 60px;
	width: 155px;
	border: 0;
	font-size: 20px;
	color: White;
	padding-bottom: 20px;
	margin-bottom: -8px;
	cursor: pointer;
}
.topGreenBox
{
	background: url('../images/topGreenBox.png') no-repeat top right;
	height: 23px;
	width: 300px;
}
.centerGreenBox
{
	background: url('../images/centerGreenBox.png') repeat-y top right;
	width: 290px;
	padding: 5px;
}
.bottomGreenBox
{
	background: url('../images/bottomGreenBox.png') no-repeat bottom right;
	height: 46px;
	width: 299px;
}
.greenTab
{
	background: url('../images/greenTab80.png') no-repeat bottom right;
	height: 26px;
	width: 80px;
	float: left;
}
.greenTab a
{
	color: #fff;
	padding: 8px 0 0 8px;
	text-decoration: none;
}
.greenButtonSmall
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../images/greenButtonSmall.png') no-repeat left top;
	height: 55px;
	width: 140px;
		padding-left: 0px;
		font-size: 16px;
		color: White;
		padding-bottom: 20px;
		margin-bottom: -8px;
}
.demo
{
	width: 820px;
}
.demo img
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 176px;
}
.demo img:hover
{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.dimmed
{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.tabText
{
	color: White;
}

.tabText a
{
	color: White;
}


.help_box
{
	padding: 5px 5px 5px 5px;
	border: solid 1px #000000;
	background-color: #AEE3AE;
	font-size: 10pt;
	color: Black;
	width:300px;
	font-family: Verdana;
}

.productsLink
{
	color: #005288;
	font-size: small;
	text-decoration: none;
}


.mouse_hand
{
	cursor: pointer;
}

.search
{
	width:450px;
		
}
.logout
{
	/*
		this css class is only needed in custom styles (like the one for Synovus)
	*/
}
.navigation
{
		/*
		this css class is only needed in custom styles (like the one for Synovus)
	*/
}
.productDetails
{
	float: none;
	background-color: White;
	position: relative; 
	left: -20px;
	width:890;
}

.inputtext
{
	font-size: 8pt;
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* .ajax__tab_header - A container element that wraps all of the tabs at the top 
						of the TabContainer. Child CSS classes:.ajax__tab_outer. */
						
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image 
					  of the tab.Child CSS classes: .ajax__tab_inner. */
					  
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. 
					   Child CSS classes:.ajax__tab_tab. */
					   
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */

/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. 
					Child CSS classes: none. */
					
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. 
					  Child CSS classes:.ajax__tab_outer. */
					  
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. 
						Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */

.tab_xpie7 .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.tab_xpie7 .ajax__tab_outer						{ background:url(../images/tab-right.gif) no-repeat right; }
.tab_xpie7 .ajax__tab_inner						{ background:url(../images/tab-left.gif) no-repeat; }
.tab_xpie7 .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.tab_xpie7 .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.tab_xpie7 .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.tab_xpie7 .ajax__tab_hover .ajax__tab_tab		{ background:url(../images/tab-hover.gif) repeat-x; }
.tab_xpie7 .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.tab_xpie7 .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.tab_xpie7 .ajax__tab_active .ajax__tab_tab		{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.tab_xpie7 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; color:White; }
.tab_xpie7 .ajax__tab_outer						{ height:29px; }
.tab_xpie7 .ajax__tab_inner						{ padding-left:3px; }
.tab_xpie7 .ajax__tab_tab						{ padding:8px 38px;margin:0; }
.tab_xpie7 .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;
                          						  border-top:0;padding:8px;background-color:#0FAA43; }

/*css for 2 pages*/
.tab_xpie7_2 .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.tab_xpie7_2 .ajax__tab_outer					{ background:url(../images/tab-right.gif) no-repeat right; }
.tab_xpie7_2 .ajax__tab_inner					{ background:url(../images/tab-left.gif) no-repeat; }
.tab_xpie7_2 .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.tab_xpie7_2 .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.tab_xpie7_2 .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.tab_xpie7_2 .ajax__tab_hover .ajax__tab_tab	{ background:url(../images/tab-hover.gif) repeat-x; }
.tab_xpie7_2 .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.tab_xpie7_2 .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.tab_xpie7_2 .ajax__tab_active .ajax__tab_tab	{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.tab_xpie7_2 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; color:White;}
.tab_xpie7_2 .ajax__tab_outer					{ height:29px; }
.tab_xpie7_2 .ajax__tab_inner					{ padding-left:3px; }
.tab_xpie7_2 .ajax__tab_tab						{ padding:8px 22px;margin:0; }
.tab_xpie7_2 .ajax__tab_body					{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;
                          						  border-top:0;padding:8px;background-color:#0FAA43; }
/*css for 3 pages*/
.tab_xpie7_3 .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.tab_xpie7_3 .ajax__tab_outer					{ background:url(../images/tab-right.gif) no-repeat right; }
.tab_xpie7_3 .ajax__tab_inner					{ background:url(../images/tab-left.gif) no-repeat; }
.tab_xpie7_3 .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.tab_xpie7_3 .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.tab_xpie7_3 .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.tab_xpie7_3 .ajax__tab_hover .ajax__tab_tab	{ background:url(../images/tab-hover.gif) repeat-x; }
.tab_xpie7_3 .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.tab_xpie7_3 .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.tab_xpie7_3 .ajax__tab_active .ajax__tab_tab	{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.tab_xpie7_3 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; color:White; }
.tab_xpie7_3 .ajax__tab_outer					{ height:29px; }
.tab_xpie7_3 .ajax__tab_inner					{ padding-left:3px; }
.tab_xpie7_3 .ajax__tab_tab						{ padding:8px 13px;margin:0; }
.tab_xpie7_3 .ajax__tab_body					{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;
                          						  border-top:0;padding:8px;background-color:#0FAA43; }

/*css for 4 pages*/
.tab_xpie7_4 .ajax__tab_header					{ background:url(../images/tab-line.gif) repeat-x bottom; }
.tab_xpie7_4 .ajax__tab_outer					{ background:url(../images/tab-right.gif) no-repeat right; }
.tab_xpie7_4 .ajax__tab_inner					{ background:url(../images/tab-left.gif) no-repeat; }
.tab_xpie7_4 .ajax__tab_tab						{ background:url(../images/tab.gif) repeat-x; }
.tab_xpie7_4 .ajax__tab_hover .ajax__tab_outer	{ background:url(../images/tab-hover-right.gif) no-repeat right; }
.tab_xpie7_4 .ajax__tab_hover .ajax__tab_inner	{ background:url(../images/tab-hover-left.gif) no-repeat; }
.tab_xpie7_4 .ajax__tab_hover .ajax__tab_tab	{ background:url(../images/tab-hover.gif) repeat-x; }
.tab_xpie7_4 .ajax__tab_active .ajax__tab_outer	{ background:url(../images/tab-active-right.gif) no-repeat right; }
.tab_xpie7_4 .ajax__tab_active .ajax__tab_inner	{ background:url(../images/tab-active-left.gif) no-repeat; }
.tab_xpie7_4 .ajax__tab_active .ajax__tab_tab	{ background:url(../images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.tab_xpie7_4 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; color:White;}
.tab_xpie7_4 .ajax__tab_outer					{ height:29px; }
.tab_xpie7_4 .ajax__tab_inner					{ padding-left:3px; }
.tab_xpie7_4 .ajax__tab_tab						{ padding:8px 7px;margin:0; }
.tab_xpie7_4 .ajax__tab_body					{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;
                          						  border-top:0;padding:8px;background-color:#0FAA43; }