/******************************************************************************************************
STYLES USED ON THE FRAME OF VALUESOFT.COM
http://www.inwebinc.com
******************************************************************************************************/
/*+clearfix {*/
.mainBody #header H1:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.mainBody #header H1
{
	display: inline-block;
}
.mainBody #header H1
{
/*\*/
	display: block;
/**/
	-height: 1px;
}
/*+}*/
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background: #001B4D;
	font-weight: normal;
	padding: 0px;
	margin: 0;
}
/******** TEXT STYLES ********/
H1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #01B1E1;
	letter-spacing: 0px;
}
.news-sub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	letter-spacing: 0px;
}
A, A:visited
{
	color: #003366;
	text-decoration: underline;
}
A:hover
{
	text-decoration: none;
}
.crumbs
{
	font-size: 12px;
	color: #01B1E1;
	text-decoration: none;
	padding-top: 10px;
}
.crumbs A, .crumbs A:visted
{
	font-size: 12px;
	color: #585C5F;
	text-decoration: none;
}
.crumbs A:visted:hover
{
	font-size: 12px;
	color: #01B1E1;
	text-decoration: underline;
}
.bluebox
{
	border: 1px solid #01B1E1;
	padding: 15px;
}
/********* BUTTONS **************/
.btn
{
	border-top: 1px solid #DCDBDC;
	border-bottom: 1px solid #DCDBDC;
	border-left: 1px solid #DCDBDC;
	border-right: 1px solid #DCDBDC;
	background: url(/images/BG_btn.jpg) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	margin: 1px;
	padding: 4px 10px;
}
.btn_over
{
	border-top: 1px solid #DCDBDC;
	border-bottom: 1px solid #DCDBDC;
	border-left: 1px solid #DCDBDC;
	border-right: 1px solid #DCDBDC;
	background: url(/images/BG_btn1.jpg) repeat-x;
	font-weight: bold;
	font-size: 12px;
	color: #0099CC;
	cursor: pointer;
	margin: 1px;
	padding: 4px 10px;
}
/********************************/
.sharingloc
{
	/*[disabled]padding:80px 0px 0;*/
	/*+placement:displace 675px -1px;*/
	position: absolute;
	margin-left: 675px;
	margin-top: -1px;
	color: #FFFFFF;
	float: right;
}
.sharingloc A
{
	color: #FFFFFF;
}
.myaccount
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
	color: #EE5E18;
	padding: 7px 18px 0 0;
}
.myaccount A
{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 24px;
	padding: 9px 0 0;
}
.myaccount A:visted
{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 24px;
	text-decoration: none;
	padding: 9px 0 0;
}
.myaccount A:hover
{
	float: right;
	text-decoration: underline;
}
/******************************************************************************************************
STYLES USED ON THE MAIN PAGES FRAMEWORK
******************************************************************************************************/
.mainBody #container
{
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
}
.mainBody #header
{
	background: url(/images/BG_Header.jpg) no-repeat;
	height: 108px;
	padding: 0;
}
/*[clearfix]*/.mainBody #header H1
{
	margin: 0;
	padding: 10px 0;
}
.mainBody #mainContent
{
	padding: 0 20px;
	background: #FFFFFF;
}
.mainBody #footer
{
	padding: 0 10px;
	background: #EBEBEB;
}
.mainBody #footer A, .mainBody #footer A:visited
{
	color: #0099CC;
	text-decoration: none;
}
.mainBody #footer A:hover
{
	color: #006699;
	text-decoration: underline;
}
.mainBody #footer P
{
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
/******************************************************************************************************
STYLES USED ON THE INNER PAGES FRAMEWORK
******************************************************************************************************/
.twoColFixRtHdr #container
{
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
.twoColFixRtHdr #header
{
	background: url(/images/BG_Header.jpg) no-repeat;
	height: 108px;
	padding: 0;
}
.twoColFixRtHdr #header H1
{
	margin: 0;
	padding: 10px 0;
}
.twoColFixRtHdr #sidebar1
{
	float: right;
	width: 200px;
	background: #F7F7F7;
	padding: 15px 10px;
	border: 1px solid #EBEBEB;
}
.twoColFixRtHdr #mainContent
{
	margin: 0 250px 0 0;
	padding: 0 20px;
}
.twoColFixRtHdr #footer
{
	padding: 0 10px;
	background: #EBEBEB;
}
.twoColFixRtHdr #footer A, .twoColFixRtHdr #footer A:visited
{
	color: #0099CC;
	text-decoration: none;
}
.twoColFixRtHdr #footer A:hover
{
	color: #006699;
	text-decoration: underline;
}
.twoColFixRtHdr #footer P
{
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
/******************************************************************************************************
STYLES USED ON THE TOP NAVIGATION
******************************************************************************************************/
.iwsmoothmenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(/images/menu_bg.jpg) repeat-x;
/*background: #414141;
background of menu bar (default state)*/
	width: 721px;
	padding: 0 0px 0 259px;
}
.iwsmoothmenu UL
{
	z-index: 300;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
.iwsmoothmenu UL LI
{
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
.iwsmoothmenu UL LI A
{
	display: block;
	background: url(/images/menu_bg.jpg) repeat-x;
/*background of menu items (default state)*/
	color: #FFFFFF;
	padding: 8px 15px;
	border-right: 1px solid #78B8E7;
	color: #2D2B2B;
	text-decoration: none;
}
* HTML .iwsmoothmenu UL LI A
{
/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.iwsmoothmenu UL LI A:link, .iwsmoothmenu UL LI A:visited
{
	color: #FFFFFF;
}
.iwsmoothmenu UL LI A.selected
{
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #000000;
	color: #FFFFFF;
}
.iwsmoothmenu UL LI A:hover
{
	background: url(/images/menu_bg_o.jpg) repeat-x;
/*background of menu items during onmouseover (hover state)*/
	color: #575757;
}
/*1st sub level menu*/
.iwsmoothmenu UL LI UL
{
	position: absolute;
	left: 0;
	display: none;
/*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.iwsmoothmenu UL LI UL LI
{
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu*/
.iwsmoothmenu UL LI UL LI UL
{
	top: 0;
}
/*Sub level menu links style*/
.iwsmoothmenu UL LI UL LI A
{
	font: normal 13px Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 160px;
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #808080;
}
/*Holly Hack for IE \*/
* HTML .iwsmoothmenu
{
	height: 1%;
}
/*Holly Hack for IE7 and below
######### CSS classes applied to down and right arrow images  #########*/
.downarrowclass
{
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass
{
	position: absolute;
	top: 6px;
	right: 5px;
}
/*######### CSS for shadow added to sub menus  #########*/
.ddshadow
{
/*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #C0C0C0;
}
.toplevelshadow
{
/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}
/**homepage feature slider **/
.sliderwrapper
{
	position: relative;
	overflow: hidden;
	border: 2px solid #EBEBEB;
	/*[disabled]border-bottom-width:6px;*/
	width: 937px;
	height: 321px;
}
.sliderwrapper .contentdiv
{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	background: #FFFFFF;
	width: 937px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pagination
{
	width: 921px;
	text-align: center;
/*background-color: #EBEBEB;*/
	background: url(/images/menu_bg_o.jpg) repeat-x;
	padding: 5px 10px;
}
.pagination A
{
	padding: 5px 15px;
	text-decoration: none;
	color: #666666;
	background: url(/images/menu_bg_o.jpg) repeat-x;
	font-size: 10pt;
	border-left: 1px solid #EBEBEB;
	/*[disabled]border-right:1px solid #504F4F;*/
}
.pagination A:hover, .pagination A.selected
{
	color: #FFFFFF;
	background: #003366;
}
/************** HomePage Feature Boxes *******/
.thrColFix #container
{
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
	/*[disabled]border:1px solid #000000;*/
	text-align: left;
}
.thrColFix #box1
{
	float: left;
	width: 255px;
	/*[disabled]background:#EBEBEB;*/
	padding: 0 20px 15px 10px;
	border: 2px solid #EBEBEB;
}
.thrColFix #box2
{
	margin: 0 293px 0 313px;
	padding: 0 20px 10px 13px;
	border: 2px solid #EBEBEB;
	height: 207px;
}
.thrColFix #box3
{
	float: right;
	width: 230px;
	/*[disabled]background:#EBEBEB;*/
	padding: 0px 20px 10px 13px;
	border: 2px solid #EBEBEB;
	height: 207px;
}
.fltrt
{
	float: right;
	margin-left: 8px;
}
.fltlft
{
	float: left;
	margin-right: 8px;
}
.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/************** HomePage SAG Scroller *******/
DIV#mysagscroller
{
	width: 240px;
/*width of scroller*/
	height: 176px;
	border: 0px solid #C0C0C0;
	margin-top: -12px;
}
DIV#mysagscroller UL LI
{
	border-width: 0;
	padding: 10px 10px 5px 5px;
	margin-right: 2px;
	display: block;
/*this causes each image to be flush against each other*/
}
/*-------------*/
.sagscroller
{
	width: 200px;
/*default width of scroller*/
	height: 80px;
	overflow: hidden;
	position: relative;
	border: 7px solid #000000;
	border-radius: 8px;
/*css3 round corners*/
	-moz-border-radius: 8px;
/*css3 round corners*/
	-webkit-border-radius: 8px;
/*css3 round corners*/
}
.sagscroller A
{
	font-weight: bold;
}
.sagscroller UL
{
	position: absolute;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	list-style: none;
	width: 100%;
}
.sagscroller UL LI
{
	display: block;
}
.sagscroller UL LI .rsscontent
{
/*div containing body of each RSS entry*/
	font-size: 90%;
}
.sagscroller UL LI .rsslabel
{
/*div containing label of each RSS entry*/
	margin-top: 5px;
	background: #EEE;
	font-size: 12px;
	clear: both;
}
/*div for redirect product pages*/
.actkeyProdImg
{
	width: 244px;
}
.actkeyProd
{
	width: 285px;
	padding: 50px 0 40px 40px;
}
.actkeyDet
{
	width: 550px;
	/*+placement:displace 339px -314px;*/
	position: absolute;
	margin-left: 339px;
	margin-top: -314px;
}