/************Edward Winterberger - http://www.PowerStandards.com - default.css - Version 2.0, April 09, 2009************/

/**************** Body and tag styles ****************/

html{
height:100%;
}

body{
background:#cfcfcf;
margin:1px;
padding:1px;
}

h3{
color:#660066;
/*color:#3f7482;*/
}

/**************** Containment Unit ****************/
#container{
width:1000px;
height:1050px;
margin:0px auto;
padding:0px 0px;
text-align:left;
background:#ffffff url(../images/Web_background_with_sun_1000x600_pixels-01.jpg) top center no-repeat;
/*background:#3f7482 url(../images/Web_background_with_sun_1000x600_pixels-01.png) top center no-repeat;*/
border:0px solid #a0a0a0;
z-index:0;
}

/**************** PSL Logo ***************************/
#PSL_Logo{
position:relative;
float:left;
left:64px;
top:27px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:url(../images/PSLLogo03.gif)no-repeat;
width:66px;
height:43px;
border:0px solid #a0a0a0;
z-index:2;
}

/******************* PSL Menu ******************************/
#PSL_Menu{
position:relative;
float:left;
left:-60px;
top:160px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:195px;
height:700px;
border:0px solid #a0a0a0;
z-index:5;
}

#PSL_Menu_Button{
width:180px;
height:27px;
background:#dfdfdf;
padding:0px 0px 3px 0px;
font-family:arial, helvetica, sans-serif;
font-size:0.9em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
text-align:left;
cursor:pointer;
}

#PSL_Menu_Button:hover{
background:#1a4e62;
color:#ffffff;
border-color: #777777 #444444 #444444 #777777;
}

input.CartButton{
width:180px;
height:27px;
background:#dfdfdf url(../images/cart02.png)no-repeat;
padding:0px 0px 3px 0px;
font-family:arial, helvetica, sans-serif;
font-size:0.9em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
text-align:left;
cursor:pointer;
}
input.CartButtonHover{
width:180px;
height:27px;
background:#1a4e62 url(../images/cart02.png)no-repeat;
padding:0px 0px 3px 0px;
font-family:arial, helvetica, sans-serif;
font-size:0.9em;
color:#ffffff;
border-color: #777777 #444444 #444444 #777777;
letter-spacing:0px;
font-weight:normal;
text-align:left;
cursor:pointer;
}

#Menu_Spacer{
width:195px;
height:5px;
background:transparent;
font-size:0.0em;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px solid #a0a0a0;
}

/******************** PSL V Divider *****************************/
#PSL_V_Divider{
float:left;
position:relative;
top:-10px;
left:-68px;
width:1px;
height:1059px;
font-size:0.0em;
border:1px solid #a0a0a0;
background:transparent;
z-index:2;
}

/******************** PSL Title ********************************/
#PSL_Title{
position:relative;
float:left;
left:-65px;
top:0px;
padding:35px 0px 0px 20px;
margin:0px 0px 0px 0px;
width:535px;
height:44px;
font-family: arial, helvetica, sans-serif;
font-size:1.2em;
color:#3f7482;
letter-spacing:0px;
font-weight:normal;
/*background:#a0a0a0;*/
border:0px solid #a0a0a0;
z-index:2;
}

/*********************** PSL Title Image *******************/
#PSL_Title_Image{
position:relative;
float:left;
top:-1px;
left:6px;
width:175px;
height:79px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px solid #a0a0a0;
z-index:2;
}

/************************ Containment Unit ***********************/
#Containment_Unit{
position:relative;
float:left;
left:197px;
top:-980px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:800px;
height:100%;
font-family: arial, helvetica, sans-serif;
font-size:0.8em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
background:none;
border:0px solid #a0a0a0;
z-index:3;
}

/*************************** PSL Top Tabs *****************************/
#Tall_Top_Tabs_Containment_Unit{
position:relative;
float:left;
left:110px;
top:-51px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:500px;
height:50px;
font-family:arial, helvetica, sans-serif;
font-size:1.0em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
background:none;
border:0px solid #a0a0a0;
z-index:3;
}

#Tall_Top_Tabs_Containment_Unit:hover{
z-index:5;
}

#Top_Tabs_Containment_Unit{
position:relative;
float:left;
left:50px;
top:-78px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:620px;
height:25px;
font-family:arial, helvetica, sans-serif;
font-size:1.0em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
background:none;
border:0px solid #a0a0a0;
z-index:4;
}

#Top_Tab_Menu_Button{
width:120px;
height:27px;
background:#dfdfdf;
padding:0px 0px 3px 0px;
font-family:arial, helvetica, sans-serif;
font-size:1.0em;
color:#ffffff;
/*display:block, inline;*/
display:inline;
background:#3F7482;
border-color:#777777 #3F7482 #3F7482 #777777;
letter-spacing:0px;
font-weight:normal;
text-align:center;
cursor:pointer;
}

#bs{
position:relative;
float:left;
}

#Top_Tab_Menu_Button.Tall_Button{
height:50px;
padding:0px 0px 30px 0px;
}

#Top_Tab_Menu_Button.Active_Tall_Button{
height:50px;
padding:0px 0px 30px 0px;
color:#3f7482;
background:#cfcfcf;
border-color: #777777 #a0a0a0 #a0a0a0 #777777;
}

#Top_Tab_Menu_Button:hover{
background:#1a4e62;
color:#000000;
background:#cfcfcf;
border-color: #777777 #a0a0a0 #a0a0a0 #777777;
}

#Top_Tab_Menu_Button.Active_Button{
color:#3f7482;
background:#cfcfcf;
border-color: #777777 #a0a0a0 #a0a0a0 #777777;
}

/*************************** PSL Content ******************************/
/*************************** DO NOT CHANGE !!!!!!! ********************/
#Content{
position:relative;
float:left;
left:0px;
top:0px;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 5px;
width:100px;
height:100px;
font-family:arial, helvetica, sans-serif;
font-size:0.8em;
color:#000000;
letter-spacing:0px;
font-weight:normal;
background:none;
border:0px solid #a0a0a0;
z-index:3;
}
/******************************** END DO NOT EDIT *****************************/

/*********************** Default Download Options and Distributor *************/
#DefaultDownloadOptions{
position:relative;
float:left;
left:500px;
top:-370px;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 5px;
width:200px;
height:270px;
font-family:arial, helvetica, sans-serif;
font-size:0.8em;
color:#25455c;
letter-spacing:0px;
font-weight:normal;
background:#becfd6;
border:1px solid #a0a0a0;
z-index:3;
}

#DefaultDistributorAccess{
position:relative;
float:left;
left:278px;
top:-70px;
width:200px;
height:50px;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 5px;
font-family:arial, helvetica, sans-serif;
font-size:0.8em;
color:#25455c;
letter-spacing:0px;
font-weight:normal;
background:#becfd6;
border:1px solid #a0a0a0;
z-index:1;
}

/******************** PSL H Divider *****************************/
#PSL_H_Divider{
float:left;
position:relative;
top:-1580px;
left:193px;
width:807px;
height:1px;
font-size:0.0em;
border-top:1px solid #a0a0a0;
border-bottom:1px solid #a0a0a0;
border-left:0px;
border-right:0px;
background:transparent;
z-index:2;
}

/****************** PSL transparent ******************/
/*Image Opacity Roll-Over*/
div.transOFF{
width: 100%;
/*background-color: silver;*/
background:#efefef;
opacity:.60;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
border:0px solid black;
}

div.transON{
width: 100%;
/*background-color: silver;*/
background:#efefef;
opacity:.20;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
border:0px solid black;
}
	
.ImageOpacity{
opacity: 0.90;/*Mozilla translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
filter : alpha(opacity=90);/*ie translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
-khtml-opacity: 0.90;/*Konqueror & Opera translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
}

.ImageOpacity:hover{
opacity: 1.00;/*Mozilla translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
filter : alpha(opacity=100);/*ie translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
-khtml-opacity: 1.00;/*Konqueror & Opera translucent filter not compliant with W3C CSS standards.  Will become vallid with CSS3*/
}

/*********************** NOPCART STYLE *************************/
.checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.checkoutinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.nopcart {background: #464444;border: 1px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}
.nopheader {background: #a0a0a0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.nopentry {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.noptotal {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.nopbutton {background: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

/*******************Balloon tool-tip popup code**************************************/
#dhtmltooltip{
position : absolute;
left : -300px;
width : 150px;
border : 1px solid black;
padding : 2px;
background: url(../images/ToolTipBackground3.png);
font-family : arial;
color : #000000;
visibility : hidden;
z-index : 100;
}

#dhtmlpointer{
position : absolute;
left : -300px;
z-index : 101;
visibility : hidden;
}

/************************* PQube and Accessorie Compliance logos ******************************/
#Compliance{
float:left;
position:relative;
top:300px;
left:10px;
width:300px;
height:39px;
border:0px solid #a0a0a0;
z-index:5;
}

/*************************** Application Slide-Show ****************************************/
#AppSlide{
float:left;
position:relative;
top:-218px;
/*left:550px;*/ /* for 200x75 */
left:500px; /* for 250x94 */
/*left:450px;*/ /* for 300x113 */
width:373px;
height:140px;
border:0px solid #a0a0a0;
z-index:10;
cursor:pointer;
}

/*************************** CSS Image Pre-Loader ****************************************/
div#preload { display: none; }

/*************************** CSS ALERT STUFF ****************************************/
.default_alertWindow
{
	border: 2px solid #000000;  /* this is the border around the alert window */
}
.default_titleBar
{
	/* title bar settings */
	color: #ffffff;
	font: 10px Verdana;
	border-bottom: 1px solid #000000; /* the bottom border of your title bar, the border that separates it from the content area */
	background: #336699; 
	line-height: 16px; /* if you have an icon, you probably want to set this as the same size or a bit larger than the icon size */
	padding: 5px;
}
.default_titleBarLeftIcon
{
	/* left icon settings */
	background: transparent url(../images/information.png) no-repeat;
	width: 16px;
	height: 16px;
}
.default_titleBarRightIcon
{
	/* right icon settings */
	/* background: transparent url(/icons/cancel.png) no-repeat;
	width: 16px;
	height: 16px; */
}
.default_contentArea
{
	/* the contente area, where the actual message text is shown */
	color: #000000;
	font: 14px Verdana;
	overflow: auto;  /* setting this to auto will make scrollbars appear if the message text is too long for the height attribute, assuming you set it */
	padding: 5px;
	background: #e7ebef; /* your background color.  the button area background color should be set the same as well */
}
.default_buttonArea
{
	/* the button area, the div that your buttons are placed into */
	text-align: right; /* if you want you buttons to the left or center of the alert box, change this setting */
	background: #e7ebef; /* your background color.  the content area background color should be set the same as well */
	padding-bottom: 5px;
}
.default_okButton
{
	/* ok button settings */
	background: url(../images/accept.png);
	padding-left: 15px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center left;
	height: 35px;
}
.default_cancelButton
{
	/* cancel button settings, if present */
	background: url(../images/cancel.png);
	padding-left: 15px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center left;
	height: 35px;
}