/* highlighter for old price pages */
.high td {
padding: 3px;
}
.high th {
background: #e1dfd9;
text-align: center;
}
.high tr:nth-child(even) td {
  background-color: white;
}
.high tr:nth-child(odd) td {
  background-color: #e1dfd9;
}
.high tr:hover td {
  background-color:#fcebad;
}

/* highlighter for SMS 12.1, GMS 10.1, WMS 10.1 */
.highlighter tr:hover td {
  background-color:#fcebad;
}
	


/*---------- product description bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#333333;
    font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none;}

a.tt:link{ color: #333333; text-decoration: none; font-weight: normal;}
a.tt:visited{ color: #333333; text-decoration: none; font-weight: normal;}
a.tt:active{ color: #333333; text-decoration: none; font-weight: normal;}


/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #333333; background:; text-decoration: none; font-weight: normal;}
a.tt:hover span.tooltip{
     display:block;
	position: absolute;
	top: -10px; left: -203px;
        margin: 0 10px 0 0;
	width:190px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
/*
a.tt:hover span.top{
	display: block;
	background: #fcebad;
        width: 170px;
	padding: 10px 10px 10px 10px;
//	border: 1px solid #e1dfd9;
}
*/
a.tt:hover span.middle {
	display: block;
	background: #fcebad;
        width: 170px;
	padding: 10px 10px 10px 10px;
/*	border: 1px solid #e1dfd9;    */
}
/*
a.tt:hover span.bottom{
	display: block;
	padding:0 12px 15px;		//was 3 8 10
	color: #000000;
    background: url(images/bubble.png) no-repeat bottom;
}*/




/*---------- product description bubble tooltip for SMS 12.1, GMS 10.1 and WMS 10.1 -----------*/
a.ttt{
    position:relative;
    z-index:24;
    color:#333333;
    font-weight:normal;
    text-decoration:none;
}
a.ttt span{ display: none;}

a.ttt:link{ color: #333333; text-decoration: none; font-weight: normal;}
a.ttt:visited{ color: #333333; text-decoration: none; font-weight: normal;}
a.ttt:active{ color: #333333; text-decoration: none; font-weight: normal;}


/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ttt:hover{ z-index:25; color: #333333; background:; text-decoration: none; font-weight: normal;}
a.ttt:hover span.tooltipt{
     display:block;
	position: absolute;
	top: 15px; /*-10px*/
  left: 100px; /*225px;*/
    margin: 0 10px 0 0;
	width:190px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
}
a.ttt:hover span.middlet {
	display: block;
	background: rgba(252, 235, 173, 0.9);
        width: 170px;
	padding: 10px 10px 10px 10px;
}





/*---------- product pricing add to compare bubble tooltip -----------*/
a.pc{
    position:relative;
    z-index:24;
    color:#333333;
    font-weight:normal;
    text-decoration:none;
}
a.pc span{ display: none;}

a.pc:link{ color: #333333; text-decoration: none; font-weight: normal;}
a.pc:visited{ color: #333333; text-decoration: none; font-weight: normal;}
a.pc:active{ color: #333333; text-decoration: none; font-weight: normal;}


/*background:; ie hack, something must be changed in a for ie to execute it*/
a.pc:hover{ z-index:25; color: #333333; background:; text-decoration: none; font-weight: normal;}
a.pc:hover span.tooltip{
     display:block;
	position: absolute;
	top: -50px; left: -155px;
	padding: 0 12px 0 0;		/*was 15 0 0 0*/
	width:350px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
a.pc:hover span.top{
	display: block;
	padding: 15px 12px 0;		/*was 30 8 0*/
    background: url(images/bubble_w.png) no-repeat top;
}
a.pc:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 12px; 		/*was 0 8*/
	background: url(images/bubble_filler_w.png) repeat top; 
}
a.pc:hover span.bottom{
	display: block;
	padding:0 12px 15px;		/*was 3 8 10*/
	color: #000000;
    background: url(images/bubble_w.png) no-repeat bottom;
}



/*==========================Common text decoration==========================*/

.redlink {color: #b71234; font-weight: bold; text-decoration: none;}
.orangelink {color: #BB650E; font-weight: bold; text-decoration: none;}
.whitelink {color: #fff; font-weight: bold; text-decoration: none; line-height: 30px;}

.greytext {color: #777; font-weight: normal; text-decoration: none;}

a.whitelink:link {color: #fff; font-weight: bold; text-decoration: none;}
a.whitelink:visited {color: #fff; font-weight: bold; text-decoration: none;}
a.whitelink:hover {color: #fff; font-weight: bold; text-decoration: none;}
a.whitelink:active {color: #fff; font-weight: bold; text-decoration: none;}

a.redlink:link {color: #b71234; font-weight: bold; text-decoration: none;}
a.redlink:visited {color: #b71234; font-weight: bold; text-decoration: none;}
a.redlink:hover {color: #b71234; font-weight: bold; text-decoration: none;}
a.redlink:active {color: #b71234; font-weight: bold; text-decoration: none;} 

a.greylink:link {color: #333333; font-weight: bold; text-decoration: none;}
a.greylink:visited {color: #333333; font-weight: bold; text-decoration: none;}
a.greylink:hover {color: #333333; font-weight: bold; text-decoration: none;}
a.greylink:active {color: #333333; font-weight: bold; text-decoration: none;} 

a.greenlink:link {color: #007A4D; font-weight: bold; text-decoration: none;}
a.greenlink:visited {color: #007A4D; font-weight: bold; text-decoration: none;}
a.greenlink:hover {color: #007A4D; font-weight: bold; text-decoration: none;}
a.greenlink:active {color: #007A4D; font-weight: bold; text-decoration: none;}

a.orangelink:link {color: #BB650E; font-weight: bold; text-decoration: none;}
a.orangelink:visited {color: #BB650E; font-weight: bold; text-decoration: none;}
a.orangelink:hover {color: #BB650E; font-weight: bold; text-decoration: none;}
a.orangelink:active {color: #BB650E; font-weight: bold; text-decoration: none;}

a.bluelink:link {color: #00549F; font-weight: bold; text-decoration: none;}
a.bluelink:visited {color: #00549F; font-weight: bold; text-decoration: none;}
a.bluelink:hover {color: #00549F; font-weight: bold; text-decoration: none;}
a.bluelink:active {color: #00549F; font-weight: bold; text-decoration: none;}

.center {text-align: center;}
.left {text-align: left;}




/*=========================SMS Pricing Table=========================*/

.sms-pricing table th	{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 1.1em;
	border-width: 0px;
	border-style: solid;
	border-color: #000;
}

.sms-pricing table td	{
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	font-size: 12px;
	color: #333;
	line-height: 1.0em;
	text-align: center;
	padding: 3px;
}

.sms-pricing table th.leftjust {
	text-align: left;
	background: #fff;
}

.sms-pricing table td.leftjust {
	text-align: left;
	background: #e3e3e3;
}

.sms-pricing p {
	font-size: 12px;
	color: #000;
	line-height: 18px;
}


#smscompared {
	width: 750px;
	float:left;
}


#vizhead {
	width: 328px;
	float:left;
	margin: 0;
	padding: 0;
}

#viz {
	width: 328px;
	float:left;
	margin: 0;
	padding: 0;
}

#viz tr {
	height: 30px;
}

#viz th {
	vertical-align:bottom;
	height: 170px;
}

#viz td {
	vertical-align:middle;
}

#var1head {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var1 {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var1 tr {
	height: 30px;
}

#var1 th {
	vertical-align:bottom;
	height: 170px;
}

#var1 td {
	vertical-align:middle;
}

#var2head {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var2 {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var2 tr {
	height: 30px;
}

#var2 th {
	vertical-align:bottom;
	height: 170px;
}

#var2 td {
	vertical-align:middle;
}

#var3head {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var3 {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var3 tr {
	height: 30px;
}

#var3 th {
	vertical-align:bottom;
	height: 170px;
}

#var3 td {
	vertical-align:middle;
}

#var4head {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var4 {
	width: 105px;
	float:left;
	margin: 0;
	padding: 0;
}

#var4 tr {
	height: 30px;
}

#var4 th {
	vertical-align:bottom;
	height: 170px;
}

#var4 td {
	vertical-align:middle;
}

.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	background-color: #c3dbe5;
	color: #00549F;
	font-size: 0.5em;
}

.tooltipContent a:link
{
	color: #000000;
	text-decoration: none;
	font-size: 0.75em;
}

.tooltipContent a:hover
{
	text-decoration: underline;
}


#prod_select {padding: 0; margin:0; z-index: 0; width: 550px; height: 120px; margin: 0; padding: 50px 0 0 200px;}

#prod_select div.prod1 {position: relative; top: 0; right: 0; height: 122px; width: 110px; float: left; margin: 0; padding: 0; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 1.1em;}
#prod_select div.addprod1 {width: 110px; height: 30px; position: relative; margin: 40px 0 50px 0; padding: 0; text-align: center; vertical-align: middle;}
#prod_select div.addprod1img {position: absolute; z-index: 100; margin: 0; padding: 0; top: -82px; left: 0; text-align: center; vertical-align: middle;}
#prod_select div.prodmenu1 {width: 400px; position: absolute; z-index: 150; top: 75px; left: -100px; background: #e3e3e3; border-color: #000000; border-style: solid; border-width: 1px; font-size: 0.75em; color: #000000; filter:alpha(opacity=96); opacity:0.96;}
#prod_select div.remove1 {position: absolute; z-index: 175; top: 0; right: 5px;}
#prod_select div.removemenu1 {position: absolute; top: 0; right: 0;}


#prod_select div.prod2 {position: relative; top: 0; right: 0; height: 122px; width: 110px; float: left; margin: 0; padding: 0; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 1.1em;}
#prod_select div.addprod2 {width: 110px; height: 30px; position: relative; margin: 40px 0 50px 0; padding: 0; text-align: center; vertical-align: middle;}
#prod_select div.addprod2img {position: absolute; z-index: 101; margin: 0; padding: 0; top: -82px; left: 0; text-align: center; vertical-align: middle;}
#prod_select div.prodmenu2 {width: 400px; position: absolute; z-index: 151; top: 75px; left: -150px; background: #e3e3e3; border-color: #000000; border-style: solid; border-width: 1px; font-size: 0.75em; color: #000000; filter:alpha(opacity=96); opacity:0.96;}
#prod_select div.remove2 {position: absolute; z-index: 176; top: 0; right: 5px;}
#prod_select div.removemenu2 {position: absolute; top: 0; right: 0;}


#prod_select div.prod3 {position: relative; top: 0; right: 0; height: 122px; width: 110px; float: left; margin: 0; padding: 0; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 1.1em;}
#prod_select div.addprod3 {width: 110px; height: 30px; position: relative; margin: 40px 0 50px 0; padding: 0; text-align: center; vertical-align: middle;}
#prod_select div.addprod3img {position: absolute; z-index: 102; margin: 0; padding: 0; top: -82px; left: 0; text-align: center; vertical-align: middle;}
#prod_select div.prodmenu3 {width: 400px; position: absolute; z-index: 152; top: 75px; left: -200px; background: #e3e3e3; border-color: #000000; border-style: solid; border-width: 1px; font-size: 0.75em; color: #000000; filter:alpha(opacity=96); opacity:0.96;}
#prod_select div.remove3 {position: absolute; z-index: 177; top: 0; right: 5px;}
#prod_select div.removemenu3 {position: absolute; top: 0; right: 0;}


#prod_select div.prod4 {position: relative; top: 0; right: 0; height: 122px; width: 110px; float: left; margin: 0; padding: 0; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 1.1em;}
#prod_select div.addprod4 {width: 110px; height: 30px; position: relative; margin: 40px 0 50px 0; padding: 0; text-align: center; vertical-align: middle;}
#prod_select div.addprod4img {position: absolute; z-index: 103; margin: 0; padding: 0; top: -82px; left: 0; text-align: center; vertical-align: middle;}
#prod_select div.prodmenu4 {width: 400px; position: absolute; z-index: 153; top: 75px; left: -255px; background: #e3e3e3; border-color: #000000; border-style: solid; border-width: 1px; font-size: 0.75em; color: #000000; filter:alpha(opacity=96); opacity:0.96;}
#prod_select div.remove4 {position: absolute; z-index: 178; top: 0; right: 5px;}
#prod_select div.removemenu4 {position: absolute; top: 0; right:}


#prod_select div.prod5 {position: relative; top: 0; right: 0; height: 122px; width: 110px; float: left; margin: 0; padding: 0; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 1.1em;}
#prod_select div.addprod5 {width: 110px; height: 30px; position: relative; margin: 40px 0 50px 0; padding: 0; text-align: center; vertical-align: middle;}
#prod_select div.addprod5img {position: absolute; z-index: 104; margin: 0; padding: 0; top: -82px; left: 0; text-align: center; vertical-align: middle;}
#prod_select div.prodmenu5 {width: 400px; position: absolute; z-index: 154; top: 75px; left: -310px; background: #e3e3e3; border-color: #000000; border-style: solid; border-width: 1px; font-size: 0.75em; color: #000000; filter:alpha(opacity=96); opacity:0.96;}
#prod_select div.remove5 {position: absolute; z-index: 179; top: 0; right: 5px;}
#prod_select div.removemenu5 {position: absolute; top: 0; right: 0;}





/*=========================WMS Pricing Table=========================*/



.wms-pricing table th	{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 1.1em;
	border-width: 0px;
	border-style: solid;
	border-color: #000;
}

.wms-pricing table td	{
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	font-size: 12px;
	color: #333;
	line-height: 1.0em;
	text-align: center;
	padding: 3px;
}

.wms-pricing table th.leftjust {
	text-align: left;
	background: #fff;
}

.wms-pricing table td.leftjust {
	text-align: left;
	background: #e3e3e3;
}

.wms-pricing p {
	font-size: 12px;
	color: #000;
	line-height: 18px;
}




/* ====================    2015 BOTTOM BLOCKS    ===========================
			Delete this when WMS 10.1, GMS 10.1 and SMS 12.1 are released	*/

.pricebox1 {
	border-radius:3px;
	float: left;
	width: 270px;
	height: 150px;
	font-size: 11px;
	background: #D7D3C7;
	padding: 15px;
	margin: 0 20px 20px 0;
	-moz-box-shadow: inset 1px 1px 2px 2px rgba(144, 139, 121, 0.30);
	-webkit-box-shadow: inset 1px 1px 2px 2px rgba(144, 139, 121, 0.30);
	box-shadow: inset 1px 1px 2px 2px rgba(144, 139, 121, 0.30);	
}

.pricebox2{
	border-radius:3px;
	float: left;
	width: 270px;
	height: 150px;
	font-size: 11px;
	background: #D7D3C7;
	padding: 15px;
	margin: 0;
	-moz-box-shadow: inset 2px 2px 2px 2px rgba(144, 139, 121, 0.30);
	-webkit-box-shadow: inset 2px 2px 2px 2px rgba(144, 139, 121, 0.30);
	box-shadow: inset 2px 2px 2px 2px rgba(144, 139, 121, 0.30);
}



/* ====================    2016 BOTTOM BLOCKS    ===========================
						Applies to WMS 10.1, GMS 10.1, SMS 12.1				*/

.pricebox3 {
	border-radius:3px;
	float: left;
	width: 270px;
	height: 150px;
	font-size: 11px;
	background: #f2f1ed;
	padding: 15px;
	margin: 0 20px 20px 0;
}
.pricebox3 h3 {
	font-family: 'Source Sans Pro', 'sans-serif';
	font-weight: 500; color: #fff;
	padding: 0 0 15px 0; margin: 0px;
	font-size: 25px; text-shadow: 2px 2px 0px rgba(115, 154, 188, 1.0);
	
}

.pricebox4{
	border-radius:3px;
	float: left;
	width: 270px;
	height: 150px;
	font-size: 11px;
	background: #f2f1ed;
	padding: 15px;
	margin: 0;
}
.pricebox4 h3 {
	font-family: 'Source Sans Pro', 'sans-serif';
	font-weight: 500; color: #fff;
	padding: 0 0 15px 0; margin: 0px;
	font-size: 25px; text-shadow: 2px 2px 0px rgba(115, 154, 188, 1.0);
	
}


/* =========================   2016 Store Sidebar ========================= */

.store-menu {width: 199px; border-width: 0 0 0 1px; border-style: dashed; border-color: #D7D3C7; float: right; padding: 0 0 50px 20px; margin: 100px 0 0 20px; overflow: hidden;}
.store-menu h4 {font-size: 15px; padding: 0; margin: 0 0 15px 0; font-style: italic; color: #739abc; font-weight: 900;}
.store-menu p {font-size: 15px; color: #908B79; line-height: 22px; margin: 0; font-weight: normal; border-width: 0 0 0 0; border-style: solid; border-color: #DADADA;}
.store-menu ul {list-style-type: square; margin:0; padding: 0 0 50px 20px;}
.store-menu ul ul {list-style-type: circle;	margin: 0; padding: 15px 0 0 15px;}
.store-menu ul li {margin:0 0 10px 0; padding:0;}
.store-menu a:link {color:#969696; text-decoration:none; font-size: 13px; font-weight: normal;}
.store-menu a:visited {color:#969696; text-decoration:none;}
.store-menu a:hover {color:#000000; text-decoration:none;}