/*
  Name: productStyles.css
  Description: Master stylesheet for commonly used styles among the Product Pages
  Author: Keonne Rodriguez - keonne@spectorsoft.com	
  Last Update: Thu. Feb 26 2009
  Updated By: Keonne Rodriguez
*/

/*
Color Guides:
Links:       #1A76A8
Page Text:   #4d4d4d
Blue Text:   #1A76A8
Red Text:    #AE192D
Orange Text: #EC7E00
*/



/* @group Reset */
		* {margin: 0;padding: 0;}
		
		img {border: none;outline:none;}
		
		a em, .hide {left: -9999em;position: absolute;}
		
		a, a:active, a:focus {outline: none;}
				
		.float_left {float: left;}
		
		.float_right {float: right;}
		
		.clear {clear: both;}
		
		.clear_both {clear: both;}
		
		.clear_left {clear: left;}
		
		.clear_right {clear: right;}
		
		.center {display: block;margin-left: auto;margin-right: auto}
		
		.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		
		.clearfix {display:inline-block;}
		/* Hide from IE Mac \*/
		.clearfix {display:block;}
		/* End hide from IE Mac */


/* @end */



/* @group Typography */

 body{font-size:small;  font-family:Arial,Verdana,sans-serif;  color:#4d4d4d}
 
 p{line-height:1.4em;  padding:5px}
 
 h1, h2, h3, h4{color:#1A76A8; font-weight:500; padding: 5px 0;}
 
 h1{font-size:210%}
 
 h2{font-size:190%}

 h3{font-size:175%}
 
 h4{font-size:150%}
 
 .genericUL{ padding:5px 20px}
 
 .genericUL li{ padding:3px 0}
 
 a:link, a:visited, a:active{color: #1A76A8;}

/* @end */

/*sifr override*/

#SP-Win{
	font-size: 42px;
}

#SP-IndexPassword{
font-size:44px;
margin:0 0 0 15px;
padding:25px 0 10px;
width:900px !important;
}

#SP-Upgrade{
margin:0 0 0 20px;
width:950px !important;
font-size: 32px;
}

#SP-Upgrade .SPstrong{
color:#FFF9CA;
font-size:44px;
padding:0 0 10px;
}

#SP-Upgrade .SPem{ 
font-size:20px;
padding:5px 0 0;
}

#EB-Win{
font-size: 48px;
margin:0 0 0 20px;
width:850px !important;
}

#EB-Upgrade{
margin:0 0 0 20px;
width:900px !important;
font-size: 25px;
}

#EB-Upgrade strong{
color:#FFF9CA;
font-size:44px;

}

#EB-Upgrade em{ 
font-size:20px;
padding:5px 0 0;
}


#SP-Mac{
margin:0 0 0 30px;
width:850px !important;
font-size: 48px;
}

#S-Win{
padding:30px 0 0;
width:900px !important;
margin:0 0 0 40px;
font-size: 44px;
}


/* New Action Buttons*/

.ActionButton{
border:1px solid #acacac;
padding: 1px 5px;
background:#e5e5e5 url(../../img/resellers/ButtonBG.gif) repeat-x;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
color:#565656;
font-size: 80%;
cursor: pointer;
}

.ActionButton:hover{
border:1px solid #acacac!important;
padding: 1px 5px!important;
background:#fff url(../../img/resellers/ButtonBGOver.gif) repeat-x!important;
color:#336699;
}

a.ActionButton{
color:#565656;
text-decoration: none;
font-size: 90%;
}

a.ActionButton:hover{
color:#336699;
}

.ActionButton img, a.ActionButton img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}





/* postit note */
.postitbox{background:#fffadb url(../img/content/intro-br.gif) no-repeat scroll right bottom; margin-bottom:0; margin-top:20px}

.postitbox p{margin:0; padding:5px 15px 5px 15px}

.postitbox blockquote{background:transparent url(../img/content/intro-bl.gif) no-repeat scroll left bottom; font-family:monospace; font-size:115%; line-height:1.1em; margin:0; padding:20px}

.name{
	font-size:80%;
	text-align:right;
	color:#4E5E72;
	line-height:normal;
	padding:0;
	margin:10px 0 0 0;
}

/*End of Postit Note */


#pagenum:before{content:"Page:";}
#pagenum{clear:both; float:right; list-style-image:none; list-style-position:outside; list-style-type:none}
#pagenum li{background:#f5f4f4 none repeat scroll 0%; border:1px solid #414E5E; display:inline; padding:2px 5px; color:#414E5E}
#pagenum li a{color:#000; text-decoration:none}
#pagenum li a:hover{text-decoration:underline}
#pagenum .active{background:#414E5E none repeat scroll 0%; color:#fff; border:1px solid #000}
#pagenum .active a{color:#535353; cursor:default}
#pagenum .active a:hover{text-decoration:none}

/*End Product Pages */
 
/*Layout*/
body{background:#414E5E}

#wrapper{width:980px; margin:0 auto}

#header-wrapper{width:980px; margin:0 auto}

#head-container{width:980px; margin:0 auto}

#footer{clear:both; width:965px; margin:20px auto}

#content_container{width:980px; background:#fff url(../img/content-bg.png);}

#content_container-bottom{width:980px; height:19px; background:#fff url(../img/content-bg-bottom.png) no-repeat}

#above-fold{margin:0pt 10px; min-height:335px}

.left-above-fold{float:left; width:198px; padding:0px 0 0 20px}

.center-above-fold{float:left; width:480px; padding:20px 10px 0 20px}

.center-above-fold-alt{float:left; width:680px; padding:20px 20px 0 20px; min-height:350px}

.right-above-fold{
	float:right;
	width:237px;
	padding:17px 6px 0 0
}

.below-fold-nobg, .below-fold-nobg-corp{margin:0 10px 0 10px}

.below-fold-nobg2, .below-fold-nobg-corp2{margin:20px 10px 0 10px; text-align:center;}

.below-fold{margin:0 10px 0 10px; background:url(../img/side/below-fold-bg.gif) repeat-y; width:960px}

.below-fold .left, .below-fold-nobg .left{width:700px}

.below-fold-nobg2 .left2{width:100%; margin:0 auto;}

.below-fold-nobg-corp .left{width:100%}

.below-fold .right, .below-fold-nobg .right{float:right; width:260px}

.below-fold .right img{
	padding-left:7px
}

.below-fold .left .gutter, .below-fold-nobg .left .gutter, .below-fold-nobg-corp .left .gutter{
	padding:20px 30px 0 30px
}


.below-fold .right .gutter, .below-fold-nobg .right .gutter{padding:10px 0 10px 0}

.below-fold-nobg .gutter{padding:10px 30px 0pt}

.markspacing{margin-top:30px; margin-bottom:30px}

#product_title{width:980px; margin:15px 0 0 0}



/*Widgets*/


.bluebox{
background:#DFF4FF;
border:1px solid #3FA2D8;
color:#000000;
padding:15px 20px;
}

/*New Product Title Styles*/

.ProdNameClass16{background-image:url(../../img/ProductBranding/ProdTitle16.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:280px; padding:46px 0 0 5px; margin:10px 0 0 0} 					 /* Spector */

.ProdNameClass17{background-image:url(../../img/ProductBranding/ProdTitle16.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:280px; padding:46px 0 0 5px; margin:10px 0 0 0} 					 /* Spector */

.ProdNameClass26{background-image:url(../../img/ProductBranding/ProdTitle26.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:171px; padding:46px 0 0 5px; margin:10px 0 0 0} 				     /* eBlaster */

.ProdNameClass27{background-image:url(../../img/ProductBranding/ProdTitle27.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:263px; padding:46px 0 0 5px; margin:10px 0 0 0} 	

.ProdNameClass28{background-image:url(../../img/ProductBranding/ProdTitle28.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:263px; padding:46px 0 0 5px; margin:10px 0 0 0} 				 /* eBlaster 2008 */

.ProdNameClass33, .ProdNameClass34{background-image:url(../../img/ProductBranding/ProdTitle33.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:296px; padding:46px 0 0 5px; margin:10px 0 0 0}   /* Spector for Mac */

.ProdNameClass35{background-image:url(../../img/ProductBranding/ProdTitle35.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:306px; padding:46px 0 0 5px; margin:10px 0 0 0}					   /* Spector Pro for Mac */

.ProdNameClass36{background-image:url(../../img/ProductBranding/ProdTitle36.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:442px; padding:46px 0 0 5px; margin:10px 0 0 0}				       /* Spector Pro Mac 2009 */

.ProdNameClass46{background-image:url(../../img/ProductBranding/ProdTitle46.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:319px; padding:46px 0 0 5px; margin:10px 0 0 0}			

.ProdNameClass47{background-image:url(../../img/ProductBranding/ProdTitle47.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:319px; padding:46px 0 0 5px; margin:10px 0 0 0}				      /* Spector Pro 2008 */

.ProdNameClass57{background-image:url(../../img/ProductBranding/ProdTitle57.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:343px; padding:46px 0 0 5px; margin:10px 0 0 0}					 /* eBlaster Mac 2009 */

.ProdNameClass64{background-image:url(../../img/ProductBranding/ProdTitle64.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:280px; padding:46px 0 0 5px; margin:10px 0 0 0}					 /* Spector CNE */

.ProdNameClass76{background-image:url(../../img/ProductBranding/ProdTitle76.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:280px; padding:46px 0 0 5px; margin:10px 0 0 0}					 /* Spector 360 */

.ProdNameClass87{background-image:url(../../img/ProductBranding/ProdTitle87.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:350px; padding:46px 0 0 5px; margin:10px 0 0 0}					 /* Spector Server */


/*New Product Title Style END */

/*Sidebox*/

.sidebox{margin:0 0 10px 7px}

.sidebox h4{padding:0}

.sideboxTop{background:url(../../img/sidebarbox_top.gif) no-repeat; height:18px; width:243px}

.sideboxTopContent{background:url(../../img/sidebarbox_topContent.gif) repeat-y; width:243px; text-align:center}

.sideboxTopContent .sideboxGutter{padding:0 10px}

.sideboxTopContent h5{color:#1A76A5; font-weight:bold; font-size:140%}

.sideboxTopContent h6{color:#4E5E72; font-size:90%}

.sideboxTopBottom{background:url(../../img/sidebarbox_topBottom.gif) no-repeat; width:243px; height:13px}

.sideboxContent{background:url(../../img/sidebarbox_Middle.gif) repeat-y; width:243px; color:#4E5E72}

.sideboxContent .sideboxGutter{padding:0 10px}

.sideboxBottom{background:url(../../img/sidebarbox_Bottom.gif) no-repeat; width:243px; height:13px}

/*Quote Box*/
.quotes{margin:0pt 0pt 0pt 25px; width:212px;}

.quote-top{
	background:url(../img/side/quotes-top.gif) no-repeat;
	height:51px;
	margin:0 0 -2px 0
}
 
.quote-content{
	background:url(../img/side/quotes-middle.gif) repeat-y;
}
 
  	.quotes .quote-content .gutter{ padding:0pt 15px 15px}
 	.quote-content p{color:#216086; font-family:Georgia; font-size:110%; line-height:1.5em}
	.quote-content .quotename{color:#AE192D; font-size:90%; line-height:1.2em}

.quote-bottom{
	background:url(../img/side/quotes-bottom.gif) no-repeat;
	height:14px
}

.SpectorProBG{  background:#EBF7FF;}
  
.eBlasterBG{  background:#E7FCE4;}

.SpectorMacBG{  background:#EBF7FF;}
  
.SpectorBG{  background:#FCEFDE;}


/*Page Buttons*/

.back2top{background:url(../img/content/back2top.png) no-repeat; width:77px; height:26px; padding:7px 0 0 4px; margin:10px 0 0 0}

.back2top:hover{
	background:url(../img/content/back2top.png) no-repeat 0 -32px;
	width:77px;
	height:26px;
	padding:7px 0 0 4px;
	margin:10px 0 0 0
}

.back2top a{text-transform:uppercase; padding:0 30px 0 30px; text-decoration:none; color:#2992d0}


/*Standard Go Button*/
a.button{display:block; height:30px; background:url(../../img/buttons/buttonRight.gif) right top no-repeat; text-align:center; color:#2991CF; text-decoration:none; text-transform:uppercase}

a.button:hover{background:url(../../img/buttons/buttonRight_hover.gif) right top no-repeat}

a.button span{background:url(../../img/buttons/gobttnLeft.gif) left top no-repeat; display:block; height:30px; padding: 8px 20px 0 35px;}

a.button span:hover{background:url(../../img/buttons/gobttnLeft_hover.gif) left top no-repeat; text-decoration:underline}

/*Back Button*/
a.backbutton{display:block; height:30px; background:url(../../img/buttons/buttonRight.gif) right top no-repeat; text-align:center; color:#2991CF; text-decoration:none; text-transform:uppercase}

a.backbutton:hover{background:url(../../img/buttons/buttonRight_hover.gif) right top no-repeat}

a.backbutton span{background:url(../../img/buttons/backbttnLeft.gif) left top no-repeat; display:block; height:30px; padding: 8px 20px 0 35px;}

a.backbutton span:hover{background:url(../../img/buttons/backbttnLeft_hover.gif) left top no-repeat; text-decoration:underline}


/*Buy Button*/
a.buybttn{display:block; height:29px; background:url(../../img/buttons/buybttnRight.png) right top no-repeat; text-align:center; color:#fff; text-decoration:none; text-transform:uppercase}

a.buybttn:hover{background:url(../../img/buttons/buybttnRight_hover.png) right top no-repeat}

a.buybttn span{background:url(../../img/buttons/buybttnLeft.png) left top no-repeat; display:block; padding:0; height:29px; padding: 8px 20px 0 35px;}

a.buybttn span:hover{background:url(../../img/buttons/buybttnLeft_hover.png) left top no-repeat; text-decoration:underline}

/*More Info Button*/
a.infobttn{display:block; height:29px; background:url(../../img/buttons/buttonRight.png) right top no-repeat; text-align:center; color:#2991CF; text-decoration:none; text-transform:uppercase}

a.infobttn:hover{background:url(../../img/buttons/buttonRight_hover.png) right top no-repeat}

a.infobttn span{background:url(../../img/buttons/infobttnLeft.png) left top no-repeat; display:block; height:29px; padding: 8px 20px 0 35px;}

a.infobttn span:hover{background:url(../../img/buttons/infobttnLeft_hover.png) left top no-repeat; text-decoration:underline}

/*Support Button*/
a.supportbttn{display:block; height:29px; background:url(../../img/buttons/buttonRight.png) right top no-repeat; text-align:center; color:#2991CF; text-decoration:none; text-transform:uppercase}

a.supportbttn:hover{background:url(../../img/buttons/buttonRight_hover.png) right top no-repeat}

a.supportbttn span{background:url(../../img/buttons/supportbttnLeft.png) left top no-repeat; display:block; height:29px; padding: 8px 20px 0 35px;}

a.supportbttn span:hover{background:url(../../img/buttons/supportbttnLeft_hover.png) left top no-repeat; text-decoration:underline}


/*Classes*/
.hide{display:none}

.smalltext{font-size:90%}

.smallertext{font-size:80%}

.bigtext{
	font-size:120%;
	letter-spacing: -0.01em;
}
.bigtxright{
	color:#000000;
	font-size:120%;
	float:right;
	margin:0px 80px;
}
.bigtextSystem{font-size:120%; font-weight:bold; margin-top:10px; color:#1A76A8;}

.biggertext{font-size:140%}

.biggesttext{font-size:160%}

.underline{border-bottom: 1px solid;}

.red{color:#AE192D}

.blue{color:#1A76A8}

.lightgrey{color:#999}

.bold{font-weight:bold}

.float_left{float:left}

.float_right{float:right}

.clear_both{clear:both}

.clear_left{clear:left}

.clear_right{clear:right}

.center{text-align:center}

.padding_right{padding-right:10px}

.padding_left{padding-left:10px}

.padding_top{padding-top:10px}

.padding_bottom{padding-bottom:10px}

.margin_top{margin-top:10px}

.new{background:#FD4800 none repeat scroll 0%; border:1px solid #A02E00; color:#FFF; font-size:60%; margin:0pt 5px 5px 5px; padding:2px; text-transform:uppercase}

.improved{background:#6BBE12 none repeat scroll 0%; border:1px solid #245400; color:#FFF; font-size:60%; margin:0pt 5px 5px 5px; padding:2px; text-transform:uppercase}

.noleftborder{border-left: none!important;}

.norightborder{border-right: none!important;}

/*footer*/
#footer{font-size:95%}

#footer h3{color:#FAAF40; font-weight:100; padding: 0;}

#footer p{margin:0; padding:0}

#footer a, a:visited{

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

.extlinks{float:right}

#footer .left-side, #footer .middle-side, #footer .end-side, #footer .right-side{float:left; width:230px; height:300px; color:#FAAF40; border-left:1px solid #FAAF40; padding:10px 0 0 10px}

#footer .end-side{width:200px}

#footer ul{list-style:none; margin:9px 0 0 0}

#footer li{padding:2px 0 3px 0}

#footer li a{color:#FFF; text-decoration:none}

#footer li a:hover, #footer li a:active, #footer li a:focus{color:#FFF}

#footer .list-head{font-weight:bold}

#footer .last{padding-bottom:15px}


#footer .right-side2{
	float:right;
	color:#E6E6E6;
	border-left:none;
	text-align:center;
	line-height:2.2em;
	width: 100%;
}


#footer .right-side2 a{color:#FFFFFF; text-decoration:none}

#footer .right-side2 a:hover{color:#FFFFFF; text-decoration:underline;}

#footer .right-side h3{color:#fff; background-image:url(../../img/footer/footer-spectorsoft.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:206px; padding:20px 0 0 0}

#footer .url{color:#fff; background-image:url(../../img/footer/footer-url.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:137px; padding:20px 0 0 0; margin:35px 0 0 0}

#footer address{font-style:normal; padding:3px 0 20px 0}

#footer .tel-num{padding:0 0 5px 0}

#footer .hours{background:url(../../img/footer/footer24-7.gif) no-repeat left center; color:#BEBEBE; margin:20px 0 0 0; padding:0 0 0 35px}

#footer .logo{float:none!important;color:#fff; background-image:url(../../img/footer/footer-logo.gif); background-repeat:no-repeat; height:0 !important; overflow:hidden; width:139px; padding:37px 0 0 0; margin:30px 0 10px 0}

#footer .copyright{
	color:#B3B3B3;
	font-size:90%;
	margin-top: 20px;
	border-top: 1px solid #666666;
}

#footer .copyright a{ color:#B3B3B3; text-decoration:none;}

#footer .extlinks a{color:#696969; font-size:90%; text-decoration:none; padding:0 4px 0 4px}

#footer .extlinks a:hover{text-decoration:underline}

/*panels*/
.panel{cursor:default;}

.panel-up{background:url(../../img/backtitle-up.gif) no-repeat scroll}
 
.panel-up:hover{background:url(../../img/backtitle-up-active.gif) no-repeat scroll}

.panel-down{background:url(../../img/backtitle-down.gif) no-repeat scroll}

.panel-down:hover{background:url(../../img/backtitle-down-active.gif) no-repeat scroll}

.panel-target{}

.panel-closed{display:none}