/* CSS Document */
#osWidgetContainer
{	
	width: 227px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4d4e;
}
#osWidgetContainer h1
{
	background-image: url(../html/GSW/img/home/SupportWidget/onlineSupportHeader.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	height: 51px;
	margin: 0px;
	padding: 0px;
}
.osContent
{
	background-image: url(../html/GSW/img/home/SupportWidget/supportBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 224px;
	background-color: #E1DFDE;
	padding-bottom: 6px;
}

.chat
{
	background: #e1dfde url(../html/GSW/img/home/SupportWidget/chat_bg.jpg) no-repeat;	
	background-position:left top;
	margin:-13px -1px 0px -1px;
}

.widget-content
{
	border-right: solid 1px #bdbcba;
	border-left: solid 1px #bdbcba;
}

.widget-content h2.onlinehead
{
	color: #4c4d4e;
	padding: 0px;
	margin: 0px 0px 10px 14px;
}

#OnlineSupportServices
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 15;
}
#OnlineSupportServices ul
{
	list-style-type:none;
}

#OnlineSupportServices li
{
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 15;
}

#OnlineSupportServices .select-service
{
	background: url(../html/GSW/img/home/SupportWidget/btn_select_service.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	width: 206px;
	height: 26px;
	margin: 0px 0px 10px 8px;
	overflow: hidden;
	display: block;
}

#OnlineSupportServices li:sfhover a
{
	background-position: 0 -26px !important;
}

#OnlineSupportServices li:hover, #OnlineSupportServices li a:hover, #OnlineSupportServices li .select-service:hover, #OnlineSupportServices li .select-service.selected
{
	background-position: 0px -26px !important;
}

#OnlineSupportServices li ul
{
	position: absolute;
	top: 2em;
	left: .9em;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	background: #bc500b url(../html/GSW/img/home/SupportWidget/services_dropmenu_bkg.gif) no-repeat 2px 2px;
	width: 199px;
	border-bottom: 1px solid #bc500b;
}

#OnlineSupportServices li > ul
{
	top: auto;
	left: auto;
}

#OnlineSupportServices li:hover ul, #OnlineSupportServices li.sfhover ul
{
	display: block;
	top: 2em;
	left: .9em;
	text-decoration: none;
	z-index: 15;
}

#OnlineSupportServices li ul li
{
	font-family: Verdana, Geneva, sans-serif;
	color: #2c2c2c;
	text-decoration: underline;
	font-size: 11px;
	line-height: 14px;
	clear: both;
	background: url(../html/GSW/img/home/SupportWidget/dropmenu_bullet.gif) no-repeat 10px 11px;
	border-bottom: 1px solid #bc500b;
	width: 199px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#OnlineSupportServices li ul li a
{
	color: #2c2c2c;
	text-decoration: underline;
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
}

#OnlineSupportServices li ul li a:hover, #OnlineSupportServices li ul li.sfhover
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ee7824;
	margin: 0px;
	background-image: url(../html/GSW/img/home/SupportWidget/top_nav/dropmenu_bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 11px;
}

.chat .btn-holder
{
	width: 180px;
	padding: 63px 14px 14px 16px;
	margin: 0px 0px 10px 0px;
}

.chat .btn-holder .connect-now
{
	background: url(../html/GSW/img/home/SupportWidget/btn_chat_connect.gif) no-repeat;
	width: 94px;
	height: 23px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: block;
}

.chat .btn-holder .learn-more
{
	background: url(../html/GSW/img/home/SupportWidget/btn_chat_learnmore.gif) no-repeat;
	width: 94px;
	height: 23px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: block;
}

.chat .btn-holder .connect-now:hover, .chat .btn-holder .learn-more:hover
{
	background-position: 0px -23px;
}

.chat p
{
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 12px 12px;
}

.chat .repair-status
{
	background: url(../html/GSW/img/home/SupportWidget/btn_check_repair_status.gif) no-repeat;
	background-position: 0px 0px;
	width: 99px;
	height: 34px;
	padding: 0px;
	margin: 0px 0px 0px 8px;
	display: block;
	float: left;
}

.chat .blacktie-info
{
	background: url(../html/GSW/img/home/SupportWidget/btn_black_tie_info.gif) no-repeat;
	background-position: 0px 0px;
	width: 99px;
	height: 34px;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	display: block;
	float: right;
}

.chat .repair-status:hover, .chat .blacktie-info:hover
{
	background-position: 0px -34px;
}

