/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) repeat-x;
}


#main
{
	width: 940px;
	margin: 0 auto;
}

/* -----------------------------
	-: General Classes :-
----------------------------- */
.clear
{
	clear: both;
}

.orangeText
{
	color: #d97101;
}

img
{
	border: none;
}

.bText
{
	color: #000;
}

.mainText
{
	line-height: 22px;
	text-align: justify;
}
.mainText ul
{
	line-height: 22px;
}

/* -----------------------------
	-: Header :-
----------------------------- */

#header
{
	height: 113px;
	position: relative;
}

#header h1
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 22px;
	left: 12px;
}

/* top right menu*/
#toplinkright
{
	width: 300px;
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
}

#toplinkright a
{
	text-decoration: none;
	font-size: 10px;
	color: #000;
}

#toplinkright a:hover
{
	text-decoration: underline;
}

#toplinkright a.cLogin
{
	background: url(../images/Customer-Login.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
}

#toplinkright a.help
{
	background: url(../images/help.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
}

#toplinkright a.vCart
{
	background: url(../images/View-Cart.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
}

#welcomeuser
{
	text-decoration: none;
	font-size: 10px;
	color: #000;
}

/* main menu*/

#menu
{
	line-height: normal;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}

#menu ul
{
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 5px; /*Left offset of entire tab menu relative to page*/
	padding: 0;
}

#menu li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu a
{
	float: left;
	background: url(../images/glowtab-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 5px; /*spacing between each tab*/
	padding: 0 0 0 10px;
	text-decoration: none;
}

#menu a span
{
	float: left;
	display: block;
	background: url(../images/glowtab.gif) no-repeat right top;
	padding: 9px 17px 6px 5px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span
{
	float: none;
}
/* End IE5-Mac hack */

#menu a:hover span
{
	color: #fff;
}

#menu #current a
{
	/*Selected Tab style*/
	background-position: 0 -32px; /*Shift background image up to start of 2nd tab image*/
}

#menu #current a span
{
	/*Selected Tab style*/
	background-position: 100% -32px; /*Shift background image up to start of 2nd tab image*/
}

#menu a:hover
{
	/*onMouseover style*/
	background-position: 0% -32px; /*Shift background image up to start of 2nd tab image*/
}

#menu a:hover span
{
	/*onMouseover style*/
	background-position: 100% -32px; /*Shift background image up to start of 2nd tab image*/
}



/* -----------------------------
	-: Home Banner :-
----------------------------- */

#banner_box
{
	height: 70px;
	background: url(../images/banner_bg.jpg) no-repeat;
	margin: 2px 0 0 0;
}

#banner-left
{
	width: 516px;
	float: left;
	position: relative;
}


#banner-right
{
	width: 407px;
	float: right;
}

#banner-right h2
{
	font-size: 20px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 15px 0 8px 0;
}

#banner-left ul
{
	margin: 0;
	padding: 15px 0 5px 2px;
}

#banner-left li
{
	margin: 0;
	padding: 0 0 10px 27px;
	font-size: 12px;
	list-style: none;
	color: #fff;
	font-weight: bold;
	background: url(../images/right.gif) no-repeat 0 5px;
}

/* -----------------------------
	-:  :-
----------------------------- */

#grayBox
{
	height: 76px;
	margin: 13px 0 0 0;
}

.grayBoxmain
{
	width: 228px;
	height: 76px;
	background: url(../images/grayBox.gif) no-repeat;
	position: relative;
}

.grayBoxmain h2
{
	margin: 0;
	padding: 0;
	font: 25px Arial, Helvetica, sans-serif;
	color: #413f3f;
	position: absolute;
	top: 15px;
	left: 16px;
}

.grayBoxmain p
{
	font-size: 11px;
	position: absolute;
	top: 37px;
	left: 17px;
}

.contentBox
{
	margin: 25px 0 0 0;
	padding: 0;
}

.contentLeft
{
	width: 246px;
	float: left;
}

.contentLeft h2
{
	font: 24px Georgia, "Times New Roman" , Times, serif;
	color: #413f3f;
	margin: 0;
	padding: 0 0 7px 0;
}

ul.listleft
{
	margin: 0;
	padding: 0 0 20px 5px;
}

ul.listleft li
{
	margin: 0;
	padding: 0 0 7px 15px;
	list-style: none;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 11px;
	background: url(../images/arrow.gif) no-repeat 0 4px;
	display: block;
	width: 210px;
}

ul.listleft li a
{
	color: #000;
	text-decoration: none;
}

ul.listleft li a:hover
{
	text-decoration: underline;
}


.contentRight
{
	width: 662px;
	float: right;
}

.contentRight h2
{
	font: 24px Georgia, "Times New Roman" , Times, serif;
	color: #413f3f;
	margin: 0;
	padding: 0 0 0px 0;
	text-align: center;
}

#contentTexthome
{
	padding: 20px 0;
	margin: 0;
	line-height: 19px;
	text-align: justify;
	color: #4f4e4e;
}

#partner-logo
{
	margin: 20px 0;
	text-align: center;
}

#footer-main
{
	height: 76px;
	background: url(../images/footer_bg.jpg) repeat-x;
	margin: 25px 0 0 0;
}

#footer
{
	width: 940px;
	margin: 0 auto;
	color: #373737;
	font-size: 10px;
	padding: 15px 0 0 0;
}




/* -----------------------------

	-: Footer :-

----------------------------- */


#footer a
{
	text-decoration: none;
	color: #373737;
	font-weight: bold;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer p
{
	margin: 0;
	padding: 3px 0 0 0;
	color: #fff;
	font-size: 11px;
}

.callTable
{
}

.callTable td
{
	padding: 5px 0;
	border-bottom: 1px solid #e1e1e1;
}

.linkb2b
{
	color: #2558a8;
	text-decoration: underline;
}

.linko2o
{
	color: #d97101;
	text-decoration: underline;
}

/*GridView Style in Products Page */

.GridViewStyle
{
	width: 900px;
	padding: 0 0 0 0px;
	margin: 0;
	border: 1px solid #b5b5b5;
}

.GridViewHeaderStyle th
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

.GridViewHeaderStyle
{
	background-color: #5D7B9D;
	font-weight: bold;
	color: White;
}

.GridViewFooterStyle td
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

.GridViewFooterStyle
{
	background-color: #5D7B9D;
	font-weight: bold;
	color: White;
}

.GridViewRowStyle
{
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666;
}

.GridViewAlternatingRowStyle
{
	background: #fafafa;
	color: #666;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
	border: 1px solid #b5b5b5;
	padding: 6px 6px 6px 12px;
}

.GridViewPager td
{
	text-align: right;
	width: 99%;
}

.features
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.drk-gray
{
	color: #333;
	font-weight: bold;
	font-size: x-small;
}

/*Home Page Grid */
.CompactGridViewStyle
{
	width: 920px;
	float: left;
	border: solid 1px #8a8a8a;
	border-collapse: collapse;
}

.CompactGridViewHeaderStyle th
{
	height: 44px;
	width: 219px;
	background: url(../images/basic-plan-title.jpg) no-repeat;
	background-position: left;
	font: 20px Georgia, "Times New Roman" , Times, serif;
	border: solid 1px #ffffff;
	background-color: #aaaaaa;
	text-align: left;
	padding-left: 45px;
}

.CompactGridViewHeaderStyle
{
	height: 44px;
	font: 20px Georgia, "Times New Roman" , Times, serif;
}

.CompactGridViewRowStyle
{
	width: 219px;
	background: #a9a9a9;
	color: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
}


.CompactGridViewRowStyle td
{
	width: 219px;
	border: solid 1px #ffffff;
	padding: 0 0 0px 0;
	margin: 0 0 0 1px;
	vertical-align: top;
}

.formstyle
{
	background-color: #FAFBD4;
	border: solid 1px #FD841B;
	border-collapse: collapse;
}
.formstyle th
{
	background-color: #FD841B;
	color: #ffffff;
	height: 20px;
}
.formstyle td
{
	font-family: Georgia;
	border-bottom: solid 1px #FD841B;
	padding-top: 5px;
	padding-bottom: 5px;
}
.textboxNR
{
	border: solid 1px #5A5A5A;
}
.textboxR
{
	border: solid 1px #5A5A5A;
	background-color: #F4D8C0;
}
.error
{
	color: #ff0000;
	font-weight: bold;
	text-transform: capitalize;
}

#summarytable
{
	text-align: center;
	font-size: 24px;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-weight: normal;
	padding: 15px 0 8px 0;
	background-color: #DAD9D9;
	border: ridge 1px #A5A3A3;
}

#summarytable .info
{
	background-image: url(../images/grayBox.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#mytable
{
	width: 660px;
	padding: 0 0 0 0px;
	margin: 0;
	border: 1px solid #b5b5b5;
	border-collapse: collapse;
}



#mytable th
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#mytable th.nobg
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #b5b5b5;
	background: none;
}

#mytable td
{
	border: 1px solid #b5b5b5;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666;
}


#mytable td.alt
{
	background: #fafafa;
	color: #666;
}

#mytable th.spec
{
	border-left: 1px solid #b5b5b5;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#mytable th.specalt
{
	border-left: 1px solid #b5b5b5;
	border-top: 0;
	background: #fafafa url(images/bullet2.gif) no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

/*css style for table that has calendar extender, this will apply styles to each row and
not use tag inheritance so that styles are not inherited by the td's of calender extender */
.form_style
{
	background-color: #FAFBD4;
	border: solid 1px #FD841B;
	border-collapse: collapse;
}
.form_style th
{
	background-color: #FD841B;
	color: #ffffff;
	height: 20px;
}
.form_style .formcolumn
{
	border-bottom: solid 1px #FD841B;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*calender style */
.cal_Theme1 .ajax__calendar_container
{
	background-color: #e2e2e2;
	border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_header
{
	background-color: #ffffff;
	margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
	color: #004080;
	padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body
{
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_dayname
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 2px;
}
.cal_Theme1 .ajax__calendar_day
{
	text-align: center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
	color: #004080;
	font-weight: bold;
	background-color: #ffffff;
}
.cal_Theme1 .ajax__calendar_today
{
	font-weight: bold;
}
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
	color: #bbbbbb;
}


.advertisement
{
	border: ridge 3px #FFFFFF;
}

.yellowindicator
{
	height: 8px;
	background-image: url( '../images/indicator.jpg' );
}

.redindicator
{
	height: 8px;
	background-image: url( '../images/indicator2.jpg' );
}
.modalBackground {
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}