/* Additional Style Sheets */
@import "uiStyle.css";
@import "featurePage.css";
@import "popup.css";
/* This StyleSheet contains the design of the common PPV frame
• Top Navigation
• Left searchbar
• General site-wide styles
• Try to limit to CSS styles (@imports = CSS2)
*/
/* Common Tag Styles */
body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
}
table, td, th {
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
h1 {
margin-top:10px;
font-size:18px;
font-weight:normal;
color:#016585;
}
H2 {
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
FONT-FAMILY: arial, helvetica, sans-serif;
}
H3 {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
FONT-FAMILY: arial, helvetica, sans-serif;
}
H4 {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
FONT-FAMILY: arial, helvetica, sans-serif;
}
acronym { /* used for quick explanations */
border-bottom:0px;
cursor:help;
}
a {
TEXT-DECORATION: none;
COLOR: #000000;
}
a:hover {
TEXT-DECORATION: underline;
color:#016585;
}
a acronym {
cursor:pointer;
}
form {
margin:0px;
padding:0px;
}
/* Content List Display Styles. Used by PPV application. Do not remove */
.elementhidden {
display:none;
}
.elementshown {
display:; /* Invalid Value: causes a CSS error that will use the element's default display style */
}
/* Page Styles: pageTable */
#pageTable { /* Primary layout */
border-bottom:1px solid #8B9000;
background-color:#fff;
}
/* Top Navigation Styles: pageHead */
#pageHead { /* top row TD in pageTable */
height:60px;
background:#ffffff url("../../images/ppvHeadBG.gif") top center repeat;
color:#fff;
text-align:left;
border-bottom:1px solid #8b9000;
}
#pageHead .row1 { /* table inside pageHead */
background:transparent url("../../images/ppvLogo.gif") top left no-repeat;
height:60px;
}
#pageHead .row1 .cell1 { /* Left Cell of Head, often used for Logo */
vertical-align:bottom;
width:70%;
}
#pageHead .row1 .cell1 h1 { /* This should display reseller product name. PPV2.0 needs update to make this dynamic... */
display:none;
}
#pageHead .row1 .cell2 { /* Right Cell of Head Contains Login Button */
vertical-align:middle;
width:30%;
text-align:right;
color:#ffffff;
padding:0px 6px 0px 0px;
}
#pageHead .row1 .cell2 .button { /* Login Button -- this moves text*/
background:transparent;
width:64px;
height:59px;
font-size:15px;
font-weight:bold;
color:#016585;
padding: 0px 0px 0px 0px;
border:0px solid #aaa;
//behavior: url( "CSSIEHover.htc" ); /* IE-Specific Hover Fix */
}
#pageHead .row1 .cell2 .button:hover, #pageHead .row1 .cell2 button.CSStoHighlight {
background:transparent;
width:64px;
height:59px;
font-size:15px;
font-weight:bold;
color:#016585;
cursor:pointer;
}
#pageHead .row1 .cell2 .a:hover, #pageHead .row1 .cell2 a.CSStoHighlight {
color:#016585;
text-decoration:underline;
cursor:pointer;
}
/* Search Area: pageMinor */
#pageMinor { /* Search Column */
width:140px;
background:#8B9000;
color:#000;
border-right:1px solid #8B9000;
}
#searchKeyword { /* Keyword Search Table */
width:140px;
}
#searchKeyword td { /* Input Field*/
padding:0px 8px;
text-align:left;
}
#searchKeyword th { /* header "Keyword Search" */
text-align:left;
font-size:12px;
padding:6px 0px 4px 22px;
background:transparent url("../../images/icon_keywordsearch.gif") 3px 7px no-repeat;
color:#FFFFFF;
}
#searchKeyword .pSearch { /* | Containing "Search" Button */
text-align:left;
padding:4px 0px 1px 8px;
}
#searchKeyword .pAdvKeyword { /* | containing "Advanced Search" Button */
text-align:left;
font-size:9px;
padding:0px 0px 0px 8px;
}
#searchKeyword .pSearch input { /* Search button TEXT */
width:111px;
font-size:11px;
height:19px;
background:transparent url("../../images/ppvButtonSearch.gif") 0px center no-repeat;
color:#000000;
padding:1px 0px 0px 0px;
border:0px outset #006685;
//behavior: url( "CSSIEHover.htc" ); /* IE-Specific Hover Fix */
}
#searchKeyword .pSearch input:hover, #searchKeyword .pSearch input.CSStoHighlight { /* Mouseover for "Search" button */
cursor:pointer;
text-decoration:underline;
}
#searchKeyword .pAdvKeyword input { /* Advanced Search button TEXT*/
border:0px outset #D4E5F7;
background: transparent url("../../images/ppvButtonAdvSearch.gif") 0px center no-repeat;
color:#000000;
width:111px;
height:21;
font-size:10px;
padding:2px 0px 0px 1px;
cursor:pointer;
//behavior: url( "CSSIEHover.htc" ); /* IE-Specific Hover Fix */
}
#searchKeyword .pAdvKeyword input:hover, #searchKeyword .pAdvKeyword input.CSStoHighlight { /* Mouseover for "Search" button */
cursor:pointer;
text-decoration:underline;
}
#searchKeyword .pKeyword {} /* | containing search text box */
#searchKeyword .pKeyword input { /* search text box */
width:110px;
font-size:10px;
border:0px outset #2C2C62;
}
#searchCategory { /* Category Search Table */
}
#searchCategory th { /* "Category Search" header */
text-align:left;
font-size:12px;
padding:20px 0px 5px 22px;
background:transparent url("../../images/icon_categorysearch.gif") 3px 21px no-repeat;
color:#FFFFFF;
}
#searchCategory #searchCategoryFrame { /* containing category list */
width:140px;
background-color:#8B9000;
border-top:1px solid #F8E7B3;
/*border-bottom:1px solid #0076CC;
background: transparent url(http://www.puresafety.com/images/nav_ppv_search_catloop-Sentry-.gif) top left repeat-y;
overflow:auto;
height:200px; /* Optional Values: Scrollbars */
}
#searchCategory .categoryItems { /* |