﻿/*---------------------------- Start Offer Style------------------------------*/


.container {
	padding: 0;
	margin: 0px 0px 0 10px;
	font: normal 10px Arial, Helvetica, sans-serif;
	
}
 
/*--Main Container--*/
.main_view {
	
	position: relative;
	height:226px;
	background-color:#EBEBEB;
	background: url("images/bgtitle.jpg") left top repeat;
	
}
/*--Window/Masking Styles--*/
.window {
	height:200px;	width: 478px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	border:1px solid #CCCCCC;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {
	float: left;
	border-width:0px;
	width:478px;
	height:200px;
	}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	
	left: 40px;
	width: 100%;
	z-index: 1; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	line-height: 23px;
	
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	margin-left:-2px;
	text-decoration: none !important;
	color: #fff !important;
	background: #FFB66C !important; 
}

.paging a.active {
	font-weight: bold !important; 
	background: #F60 !important; 
	-moz-border-radius: 3px !important;
	-khtml-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}
.paging a:hover {
	font-weight: bold !important;
	background: #F60 !important; }

.more_link{
	text-align:left;
	float:left;
	left:8px;
	position:relative;
	z-index: 100;
	padding-top:9px;
	color:#FF6600 !important; 
	
	
	
}
.more_link a{
	color:#F60 !important;
	text-decoration:none !important;
	
}

.more_link a:hover{
	color:#F60 !important;	
	font-weight: bold !important;
	text-decoration:none !important;	
}


/*---------------------------- End Offer Style------------------------------*/


.MidSMEContentEditorHeader {
	background: url("images/bgtitle.jpg") right top repeat-x;
	width: 153px;
	height: 25px;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
}

.MidSMEContentEditorHeader h3 {
	background: url("images/BigArrow_Ar.gif") right 7px no-repeat;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:5px 18px 0px 0px;
	margin: 0 10px 0px 0px;
	text-align:right;
}
.MidSMEContentEditor img {
	margin: 1px 0 0 0;
	width:153px;
}

.MidSMEContentEditor {
	width:153px;
	float: right;
	margin: 7px 10px 0 0px;
}
.MidSMEContentEditor ul {
	width: 141px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0px;
	list-style: none;
}


.MidSMEContentEditor ul li {
	float: right;
	width: 141px;
	margin: 0 0 0 0;
	padding: 1px 10px 1px 0px;
	line-height: 16px;
	color: #3c3b3b;
	background:  url("images/SmallArrow_Ar.png") right 5px no-repeat;
	list-style: none;
}

.BoldLi
{
	float: right;
	width: 141px;
	margin: 0 0 0 0;
	padding: 1px 0px 1px 0px !important;
	line-height: 16px;
	color: #3c3b3b;
	background:  url("") left 0px no-repeat !important;
	list-style: none;
	font-weight:bold;
	text-align:right;
}


.MidSMEContentEditor ul li a {
	color: #3c3b3b !important;
	text-decoration:none !important;
}
.MidSMEContentEditor ul li a:hover {
	color: #ff6600 !important;
		text-decoration:none !important;
}

/*--For Small Topic 144 width-*/
.MidSMEContentEditorHeaderWizard {
	background: url("images/bgtitle.jpg") right top repeat-x;
	width: 153px;
	height: 25px;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align:right;
}
.MidSMEContentEditorHeaderWizard h3 {
	background: url("images/BigArrow_Ar.gif") right 7px no-repeat;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:5px 18px 0 0px;
	margin: 0 10px 0 0px;
	text-align:right;
}

.MidSMEContentEditorWizard {
	width:153px;
	float: right;
	margin: 7px 0 0 0;
}

.MidSMEContentEditorWizard img {
	margin: 1px 0 0 0;
	width:153px;
}

.MidSMEContentEditorWizard ul {
	width: 138px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0px;
	list-style: none;
}


.MidSMEContentEditorWizard ul li {
	float: right;
	width: 138px;
	margin: 0 0 0 0;
	padding: 1px 10px 1px 0px;
	line-height: 16px;
	color: #3c3b3b;
	background:  url(images/SmallArrow_Ar.png) no-repeat right 5px;
	list-style: none;
}


.MidSMEContentEditorWizard ul li a {
	color: #3c3b3b !important;
	text-decoration:none !important;
}
.MidSMEContentEditorSmall ul li a:hover {
	color: #ff6600 !important;
	text-decoration:none !important;
}



/*------*/

.helpSupport {
	width: 140px;
	margin: 7px 10px 0 0px;
	float: right;

}
.helpSupport .topicTitle {
	background: url(images/bgtitle.jpg) right top repeat-x;
	width: 140px;
	height: 25px;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
}
.helpSupport h3 {
	background: url(images/BigArrow_Ar.gif) right 7px no-repeat;
	color: #3c3b3b;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding:5px 18px 0 0px;
	margin: 0 10px 0 0px;
	
}
.helpSupport h3 a{
text-decoration:none !important;
color: #3c3b3b !important;

}
.helpSupport ul {
	width: 139px;
	margin: 10px 0 0 0;
	padding: 0 5px 0 0px;
	list-style: none;
}
.helpSupport ul li {
	float: right;
	width: 130px;
	margin: 0 0 0 0;
	padding: 2px 7px 2px 0px;
	border-bottom: 1px dotted #cccccc;
	color: #3c3b3b;
	background:  url(images/arrow2_Ar.png) right 8px no-repeat;
	list-style: none;
}
.helpSupport ul li a {
	color: #3c3b3b !important;
	text-decoration:none !important;

}
.helpSupport ul li a:hover {
	color: #ff6600 !important;
	text-decoration:none !important;

}

/*--------------------------------------------------*/



