﻿body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; background-color:#505050; margin: 0px 0px 0px 0px;}
a {color: #243153; font-size: 10px; text-decoration: none;}
h1, h2, h3, h4, h5 {color: #243153; display: block; margin: 6px 4px 10px 4px; padding: 0px 0px 0px 0px;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
img {border: none 0px;}
input, select {font-size: 10px;}
th, td {text-align: left; vertical-align: top;}

/* Layout Styles */
img.corner {height: 27px; width: 16px;}
img.cornerTransition {height: 27px; width: 13px;}
img.middle {height: 27px; width: 944px;}
td.borderB {background-image: url(../Images/borderB.jpg); background-repeat: repeat-x; height: 27px; width: 944px;}
td.borderBL {background-image: url(../Images/borderBL.jpg); background-repeat: no-repeat; height: 27px; width: 13px;}
td.borderBLC {background-image: url(../Images/borderBLC.jpg); background-repeat: no-repeat; height: 27px; width: 16px;}
td.borderBR {background-image: url(../Images/borderBR.jpg); background-repeat: no-repeat; height: 27px; width: 13px;}
td.borderBRC {background-image: url(../Images/borderBRC.jpg); background-repeat: no-repeat; height: 27px; width: 16px;}
td.borderL {background-image: url(../Images/borderL.jpg); background-repeat: repeat-y;}
td.borderR {background-image: url(../Images/borderR.jpg); background-repeat: repeat-y;}
.contentContainer {background-color: #ffffff; border: solid 1px #434343;}
.leftNavCell {border-right: solid 1px #434343; height: 400px; min-height: 400px;}
.placementTable {background-color: #536289; border-top: solid 1px #434343; color: #eaeae8;}

/* Format Styles */
.bannerLight {background-color: transparent;}
.bold {font-weight: 600;}
.brownHeader {background-image: url(../Images/headingBack.jpg); background-repeat: repeat-x; color: #ffffff; height: 33px;}
.brownHeader td {vertical-align: middle;}
.brownHeaderCell {background-color: #536289; background-image: url(../Images/headingBack.jpg); background-repeat: repeat-x; border: solid 1px #434343; color: #cccc98; height: 33px; vertical-align: middle;}
.darkBrownBack {background-color: #243153;}
.darkBrownColor {color: #243153;}
.detailPriceCell {font-size: 11px; font-weight: 600; padding-top: 8px;}
.errorLabel {background-color: #dedbb1; border: solid 1px #243153; color: #243153; display: block; margin: 10px 10px 10px 10px; padding: 6px 2px 6px 2px; text-align: center;}
.footer {color: #ff9900; font-size: 10px;}
.footer a {color: #ff9900; text-decoration: none; font-size: 10px;}
.greenSubHeading {background-color: #b3b8c7; color: #243153; padding: 6px 0px 5px 0px; vertical-align: middle;}
.lightBorder {border: solid 1px #dddddd;}
.lightBorderLeft {border-left: solid 1px #dddddd;}
.lightBorderRight {border-right: solid 1px #dddddd;}
.lightBorderBottom {border-Bottom: solid 1px #dddddd;}
.lightText {color: #ffffff}
.lightGreenText {color: #ffffff;}
.pdfLink {cursor: pointer; line-height: 17px;}
.pdfLink:hover {font-weight: 600;}
.right {text-align: right;}
.textLg {font-size: 11px;}
.textSm {font-size: 9px;}
.gridBtn {background:transparent url(../Images/grid.jpg) no-repeat scroll left center; height: 20px; padding: 5px 5px 5px 21px;}
.listBtn {background:transparent url(../Images/list.jpg) no-repeat scroll left center; height: 20px; padding: 5px 5px 5px 21px;}
.originalPrice {color: #aaaaaa;}
.currentPrice {color: #243153;}
.salePrice {color: #ff3600;}
.searching {background-color: Transparent; background-image: url(../Images/searching.png); background-position: center; background-repeat: no-repeat; color: #eaeae8; font-weight: 600; height: 55px; overflow: hidden; position: absolute; text-align: center; width: 386px; z-index: 9998;}
.searchingText {display: block; margin-top: 28px; z-index: 9999}
.viewLargerBtn {background:transparent url(../Images/magnify16.gif) no-repeat scroll left center;  color: #999999; cursor: pointer;  display: inline-block; font-size: 9px; padding: 4px 2px 1px 21px;}
.viewLargerBtn.right {background-position: right; padding: 4px 21px 1px 2px;}
.viewLargerBtn:hover {color: #434343;}

/* Menu Styles */
.menuStatic {background-color: #243153; background-image: url(../Images/menuBack.jpg); color: #eaeae8; height: 33px; width: 100%;}
.menuStatic td {background-color: transparent; text-align: center; vertical-align: middle; padding: 0px 0px 0px 0px;}
.menuStaticItem {background-color: transparent; color: #eaeae8; font-size: 12px;}
.menuStaticItem a {background-color: Transparent; display: block; padding: 4px 15px 4px 15px;}
.menuStaticHover a {color: #243153; text-decoration: underline;}
.menuDynamic {border: solid 1px #243153; padding: 0px 0px 0px 0px; text-align: left; z-index: 999;}
.menuDynamicItem {background-color: #b3b8c7; color: #243153; font-size: 12px; width: 170px;}
.menuDynamicItem a {background-color: Transparent; display: block; padding: 4px 4px 4px 4px;}
.menuDynamicHover {background-color: #243153; color: #ffffff;}
.menuDynamicHover a {text-decoration: underline;}

/* Breadcrumb */
.breadContainer {background-color: #333333; border: none; border-bottom: solid 1px #505050; border-top: solid 1px #505050;}
.breadCrumb {color: #d37a22; height: 20px; margin: 5px 0px 4px 0px;}
.breadCrumb a {color: #d37a22; text-decoration: underline; vertical-align: middle;}
.breadCrumb a.filterDelete {padding-left: 2px;}

/* Groups DataList */
.groupsList {color: #243153; border: none; margin-bottom: 20px;}
.groupsList th {background-color: #b3b8c7; border-bottom: solid 1px #434343; color: #243153; font-size: 10px; padding: 6px 0px 6px 3px;}
.groupsList td.pointer {padding: 2px 0px 0px 4px; vertical-align: middle;}
.groupsList a {color: #243153; font-size: 10px; display: block; font-weight: 300; padding: 3px 1px 3px 3px;}
.groupsList a:hover {background-color: #b3b8c7; text-decoration: underline;}

/* Groups SubList DataList */
.groupsSubList {color: #243153; border: none;}
.groupsSubList td.pointer {padding: 2px 0px 0px 4px; vertical-align: middle;}
.groupsSubList a {color: #243153; font-size: 10px; display: block; font-weight: 300; padding: 3px 1px 3px 3px;}
.groupsSubList a span.count {color: #777777; font-size: 8px; font-weight: 300; margin-left: 2px; text-decoration: none;}
.groupsSubList a:hover {background-color: #b3b8c7; text-decoration: underline;}

/* narrowSearchFilter Repeater */
.narrowSearch th {background-color: #b3b8c7; border-bottom: solid 1px #434343;  border-top: solid 1px #434343; color: #243153; font-size: 10px; padding: 6px 0px 6px 3px;}
.filterItems {margin-bottom: 20px;}
.filterItems td.pointer {padding: 2px 0px 0px 4px; vertical-align: middle;}
.filterItems td a {color: #243153; font-size: 10px; display: block; font-weight: 300; padding: 3px 1px 3px 3px;}
.filterItems td a:hover {background-color: #b3b8c7; text-decoration: underline;}
.filterItems a span.count {color: #777777; font-size: 8px; font-weight: 300; margin-left: 2px; text-decoration: none;}

/* PLines DataList */
.pLineList {border: none; margin: 10px 0px 10px 0px;}
.pLineList td {border: solid 1px #dddddd; margin-bottom: 26px; padding: 4px 2px 4px 2px; text-align: center; vertical-align: bottom; width: 190px }
.pLineList td:hover {border: solid 1px #666666; font-weight: 600;}
.pLineList div {padding: 12px 0px 8px 4px;}

/* FLines DataList */
.fLineList {border: none;}
.fLineList td {border: solid 1px #dddddd; margin-bottom: 26px; padding: 4px 2px 4px 2px; text-align: center; vertical-align: bottom; width: 190px;}
.fLineList td:hover {border: solid 1px #666666; font-weight: 600;}
.fLineList div {padding: 30px 0px 8px 4px;}

/* Items Grid */
.itemsGrid {border: none; margin: 0px 0px 0px 0px;}
.itemsGrid td {border: solid 1px #dddddd; margin-bottom: 26px; padding: 4px 2px 4px 2px; text-align: center; vertical-align: top; width: 150px;}
.itemsGrid td:hover {border: solid 1px #666666;}
.itemsGrid table {border: none; color: #243153; font-size: 9px; width: 150px;}
.itemsGrid table td {border: none; padding: 2px 2px 2px 2px; text-align: left; width: 150px;}
.itemsGrid table td:hover {border: none;}
.itemsGrid .itemImage {height: 100px; text-align: center; vertical-align: middle; width: 184px;}
.itemsGrid .itemDetails {padding: 4px 0px 2px 4px; height: 36px; text-align: left; vertical-align: top;}
.itemsGrid .itemName {font-weight: 600; text-align: left;}
.itemsGrid .itemName:hover {text-decoration: underline;}
.itemsGrid .itemPrice {color: #e55000; font-weight: 600; padding-top: 8px;}
.itemsGrid .itemId {padding-left: 8px;}

/* Items List */
.itemsList {border: none; margin: 4px 0px 0px 0px; width: 500px;}
.itemsList td {border: solid 1px #dddddd; margin-bottom: 4px; padding: 4px 2px 4px 2px; text-align: left; vertical-align: top; width: 496px;}
.itemsList td:hover {border: solid 1px #666666;}
.itemsList table {border: none; color: #243153; font-size: 9px; width: 496px;}
.itemsList table td {border: none; padding: 2px 2px 2px 2px; text-align: left;}
.itemsList table td:hover {border: none;}
.itemsList .itemImage {border-right: solid 1px #dddddd; height: 106px; text-align: center; vertical-align: top; width: 106px;}
.itemsList .itemImage:hover {border-right: solid 1px #dddddd;}
.itemsList .itemDetails {padding: 4px 0px 2px 8px; height: 20px; text-align: left; vertical-align: top; width: 374px;}
.itemsList .itemName {font-weight: 600; text-align: left;}
.itemsList .itemName:hover {text-decoration: underline;}
.itemsList .itemPrice {color: #e55000; font-weight: 600; padding-left: 8px;}
.itemsList .itemId {padding-left: 8px;}

/* Image Popup */
.largeImage {background-color: #ffffff; border: solid 2px #434343; height: 501px; overflow: hidden; z-index: 10000;}
.largeImageCaption {background-color: #243153; border-bottom: solid 1px #434343; color: #ffffff; cursor: move;}

/* Pager Styles */
.pagerTable {background-color: #536289; border: solid 1px #434343; border-top: none 0px; margin-left: 4px;}
.pagerCurrent {color: #666666; font-weight: 600; padding-left: 2px;}
.pagerDisabled {color: #666666; font-weight: 600; padding-left: 2px;}
.pagerTable a {color: #243153; font-weight: 600; text-decoration: underline}
.pagerLink {padding-left: 2px;}

/* Model Table */
.modelTable {border-top: none 0px; margin-left: 4px; margin-bottom: 8px;}
.modelTable td.bottom {border-bottom: solid 1px #dddddd;}

/* Image Gallery */
.galContainer {border: 1px solid #434343; height: 56px; overflow: hidden; position: relative; width: 280px;}
.galPage {height: 56px; position: absolute; width: 280px;}
.galImage {border: 1px solid #cccccc; float: left; height: 50px; margin: 2px 4px 0px 0px;  text-align: center; vertical-align: middle; width: 50px;}
.galImage:hover {border: 1px solid #434343;}
.galImageActive {border: 1px solid #ff9933; float: left; height: 50px; margin: 2px 4px 0px 0px;  text-align: center; vertical-align: middle; width: 50px;}
.galImage img {border: none; cursor: pointer;}

/* Tab Buttons */
.tabButtonTable {background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%;}
.tabButtonRow {background-color: Transparent; border-bottom: solid 1px #434343;}
.tabButtonRow td {background-color: Transparent; text-align: left;}
.tabButtonRow td.active .tabButton {background-color: Transparent;}
.tabButtonRow td.active .tabButton td.left {background-image: url(../Images/tabActive.png); background-position: top left; background-repeat: no-repeat; height: 25px; padding-left: 8px; text-align: center;}
.tabButtonRow td.active .tabButton td.right {background-image: url(../Images/tabActive.png); background-position: top right; background-repeat: no-repeat; width: 8px;}
.tabButtonRow td.active .tabButton td.left a {background-color: Transparent; color: #ffffff; cursor: default; display: block; font-weight: 600; padding: 8px 0px 2px 0px;}
.tabButtonRow td.inactive .tabButton {background-color: Transparent;}
.tabButtonRow td.inactive .tabButton td.left {background-image: url(../Images/tabInactive.png); background-position: top left; background-repeat: no-repeat; height: 25px; padding-left: 8px; text-align: center;}
.tabButtonRow td.inactive .tabButton td.left a {background-color: Transparent; color: #bbbbbb; cursor: pointer; display: block; font-weight: 600; padding: 8px 0px 2px 0px;}
.tabButtonRow td.inactive .tabButton td.right {background-image: url(../Images/tabInactive.png); background-position: top right; background-repeat: no-repeat; width: 8px;}
.activeRow {border-bottom: none;}

/* Tab Pages */
.tabPage {background-color: #ffffff; border: solid 2px #434343; margin: 0px 0px 0px 0px; overflow: hidden; padding: 10px 10px 10px 10px;}
.tabPage .inactive {display: none;}
.tabPage .active {display: block; z-index: 0;}
.tabPage p.container {font-size: 11px; width: 750px;}
.tabPage a {text-decoration: underline;}
