/* ------------------------------------------------------------------------------- LAYOUT COLOURS */
/* ---------------------------------------------------------------------------------------------- */

    .dark {     /* This is the darker of the two-colour scheme */
        /*background: #333333;*/ }

    .light {    /* This is the lighter of the two-colour scheme */
        /*background: #eeeeee; */}

    a:link, a:visited { /* link and visited link colour & decoration */
        color: #0079B0;
        text-decoration: none; }

    a:hover, a:active { /* hover and active link colour * decoration */
        color: #000000;
        text-decoration: none;
        background-color: #dddddd; }



/* ---------------------------------------------------------------------------------- GENERIC CSS */
/* ---------------------------------------------------------------------------------------------- */

.clear { clear: both; display: block; position: relative; vertical-align: none; top: 0; left: 0; }
.fullclear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
* { margin: 0; }
html, body { height: 100%; }
body {
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
    color: #000000;
    text-align: center;
    background: #fff url(/images/website/originals/_lp_bg_grey.jpg) top left repeat-x;
}

body#tinymce { text-align: left; }



/* -------------------------------------------------------------------- THEME-SPECIFIC LAYOUT CSS */
/* ---------------------------------------------------------------------------------------------- */

#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; width: 100%; text-align: center; }

#footer, .push { height: 250px; }

#header { width: 100%; position: relative; z-index: 1; }
#headerContentWrap {
        width: 960px;
        text-align: left;
        margin: 0 auto;
       /* padding: 10px 0 0; */
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        background: transparent url(/images/website/originals/_lp_header_bg.jpg) top left no-repeat;
        height:190px;
        border-left:1px solid #fff;
}

#accountWrap {
    position: absolute;
    right: 221px;
    top:55px;
    z-index: 1;
    padding:10px;
    border:1px solid #ccc;
    background:#fff;
}

#accountWrapTitle { color: #ddd; display: block; font-size: 18px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; }
#topnav {}
#search { position: absolute; right: 0; bottom: 0; z-index: 10; }
#quick_find { display: inline; margin: 0; padding: 0; }
#quick_find .inputText {
    background: #555555;
    border: 1px solid #999999;
    color: #ffffff;
    height: 14px;
    padding: 2px;
    width: 195px !important; 
}
#quick_find br { display: none; }
#quick_find .button { width: 59px !important; display: none; }

#topnav {
    position:absolute;
    left:5px;
    bottom:0;
}

#searchwrap {
    color: #dddddd;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 190px;
    position: absolute;
    top:10px;
    right:27px;
}

#breadcrumb {
    margin: 0 auto;
    padding: 10px 0 0 10px;
    text-align: left;
    width: 950px;
    background: #fff;
    border-left:1px solid #fff;
}

#breadcrumb .visual-wrapper {
    margin-left:15px;
}

#main {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0 30px;
    background: #fff;
    border-left:1px solid #fff;
}

#leftcol {
    width: 670px;
    float: left;
}

#leftcol .visual-wrapper {
    margin-left:15px;
}


#rightcol {
    width: 206px;
    float: left;
    margin: -10px 0px 0 80px;
    text-align: right;
}

#rightcol .visual-wrapper {
    margin-right:15px;
}

.widgetTitle { display: block; font-size: 18px; font-weight: bold; margin: 50px 0 10px; text-transform: uppercase; }

#footer { position: relative; height: 250px; width: 100%; margin: 0 auto; clear: both; text-align: left; }
#footerContentWrap {
    color: #fff;
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 0;
    background: transparent url(/images/website/originals/_lp_footer_bg.jpg) top left no-repeat;
    height:160px;
    border-left: 1px solid #fff;
}
#footerLeftCol { float: left; width: 70%; text-align: left; }
#footerLeftCol .visual-wrapper {
    margin-left:10px;
}

#footerTitle { color: #000000; display: block; font-size: 24px; font-weight: bold; text-transform: uppercase; }
#footerSubtitle { color: #333333; display: block; font-weight: bold; margin: 20px 0 5px; }
#footerEmail { display: block; margin: 20px 0 0; }
#footerTel { display: block; margin: 5px 0 0; }
#footerRightCol { float: left; width: 30%; text-align: right; }
#footerRightCol .visual-wrapper {
    margin-right:10px;
}
#footerRightCol a img { border: none; }



/* ------------------------------------------------------------ PRODUCT LISTINGS (SEARCH RESULTS) */
/* ---------------------------------------------------------------------------------------------- */

.filter { margin: 40px 0 5px; }
.page-results {}
.pr0 { margin: 0 0 10px; }
.pr1 { margin: 10px 0 0; }

.product-listing-table { width: 100%; }
.product-listing-table tbody {}
.product-listing-table tr {}
.product-listing-cell { border-bottom: 1px dotted #d1d1d1; padding: 10px 0; }
.product-listing-image { float: left; margin: 0 10px 0 0; }
.product-listing-image a {}
.product-listing-image a img {}
a.product-listing-name { font-weight: bold; color: #000000; font-size: 16px; }
.product-listing-price { font-weight: bold; font-size: 14px; margin: 2px 0 0; }
.productSpecialPrice { color: #ff0000; }
.product-listing-addtocart { margin: 10px 0; }
.product-listing-addtocart a { font-size: 14px; text-transform: lowercase; font-weight: bold; }
.product-listing-addtocart a:link, #cart-checkout a:visited {}
.product-listing-addtocart a:hover, #cart-checkout a:active { text-decoration: none; }




/* ---------------------------------------------------------------------------- CATEGORY LISTINGS */
/* ---------------------------------------------------------------------------------------------- */

.categoryTable-table {}
.categoryTable-table tr {}
.categoryTable-cell { padding: 0 10px 10px 0; }
.categoryTable-cell table { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-left: solid 1px #eeeeee; border-top: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.categoryTable-cell table tbody tr td a img { margin: 6px 0 3px; }
.catListItemText { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: #dddddd; padding: 6px; }
.catListItemText a {}
.catListItemText a:link, .catListItemText a:visited {}
.catListItemText a:hover, .catListItemText a:active {}
.categoryTable-cell .no-prod-image { background: #ffffff; border: none; float: none; font-size: 10px; height: 120px !important; margin: 6px 0; width: 120px !important; }




/* ------------------------------------------------------------------------------- PRODUCT DETAIL */
/* ---------------------------------------------------------------------------------------------- */

.product-detail-name { float: left; font-size: 17px; font-weight: bold; width: 75%;  }
.product-detail-price { color: #ff0000; float: right; font-size: 17px; font-weight: bold; text-align: right; width: 25%; }
.product-detail-description { border-top: 1px dotted #d1d1d1; margin: 10px 0; padding: 10px 0 0; }
.product-detail-description p { padding: 10px 0; }
.product-detail-options {}
.product-detail-bundle {}
#product-detail .button {}
.product-detail-images { border-top: 1px dotted #d1d1d1; margin: 10px 0; }
#product-detail #gallery { padding: 10px 0; }
#product-detail #gallery > br { display: none; }
#product-detail .lbox { padding: 0; margin: 0 0 0 -20px; }
#product-detail .lbox li { margin: 0 0 0 20px; *margin: 0 15px 0 0; }
#product-detail .lbox li a.lightbox {}
#product-detail .lbox li a.lightbox img {}
#product-detail .lbox li a.lightbox .enlarge { display: none; }




/* ----------------------------------------------------------------------- Pearl Generic: General */
/* ---------------------------------------------------------------------------------------------- */

.pageHeading { font-size: 24px; font-weight: bold; margin: 0 0 15px; }
.subHeading { font-size: 13px; font-weight: bold; }

.subsec { margin: 10px 0; }

.content {}

.catDescription { line-height: 1.35em; text-align: justify; }

.error { color: #ff0000; font-weight: bold; }
.messageStackError { color: #ff0000; font-weight: bold; }
td.message { color: #ff0000; font-weight: bold; }
div.message { color: #ff0000; font-weight: bold; margin: 0 0 10px; }



/* ------------------------------------------------------------ Pearl Generic: index.html widgets */
/* ---------------------------------------------------------------------------------------------- */

/* Featured Items */
.featured-tbl { list-style-type: none; margin: 0; padding: 0; }
.featured-item { width: 170px; min-height: 42px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; }
.featured-image {}
.featured-image img { width: 40px; height: 40px; border: 1px solid #EAEAEA; float: left; margin: 0 5px 0 0; }
.featured-item br { display: none; }
.featured-name { float: left; font-size: 10px; font-weight: bold; width: 123px; }
.featured-price { font-size: 11px; font-weight: bold; }
.no-prod-image { border: solid 1px #EAEAEA; display: block; float: left; font-size: 8px; height: 40px !important; margin: 0 5px 0 0; overflow: hidden; width: 40px !important; }

/* Featured List */
.featured-list { list-style-type: none; margin: 0; padding: 0; }
.featured-list li { line-height: 1.35em; }
a.featured-list-name {}
.featured-list-price { display: inline; margin: 0 0 0 5px; }
.featured-list-price span {}

/* New Items */
.new-prod-tbl { list-style-type: none; margin: 0; padding: 0; }
.new-prod-item { width: 520px; min-height: 102px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; }
.new-prod-image {}
.new-prod-image img { border: 1px solid #eaeaea; float: left; margin: 0 10px 0 0; }
.new-prod-item br { display: none; }
.new-prod-name { float: left; width: 388px; font-weight: bold; }
.new-prods-price { font-weight: bold; }

/* Shopping Cart */
#box-cart { line-height: 1.35em; }
#cart-contents { margin: 0 0; }
#cart-contents ul { padding: 0; margin: 0 0 10px; }
#cart-contents ul li { font-size: 11px; }
#cart-itemcount { font-weight: bold; }
#cart-total { color: #ff0000; font-size: 13px; font-weight: bold; margin: 0 0; }
#cart-view {}
#cart-view a { font-size: 14px; text-transform: lowercase; font-weight: bold; }
#cart-view a:link, #cart-view a:visited {}
#cart-view a:hover, #cart-view a:active { text-decoration: none; }
#cart-checkout {}
#cart-checkout a { font-size: 14px; text-transform: lowercase; font-weight: bold; }
#cart-checkout a:link, #cart-checkout a:visited {}
#cart-checkout a:hover, #cart-checkout a:active { text-decoration: none; }

/* My Account */
.account { line-height: 1.35em; }
.account_greeting { font-weight: bold;}
.account_greeting br {}
.account_greeting a {font-weight: normal; }
.accountlinks { list-style-type: none; margin: 0; padding: 0; }
.accountlinks li {}
.accountlinks li a {}

/* Special Offers */
.specials-tbl { list-style-type: none; margin: 0; padding: 0; }
.specials-item { width: 170px; min-height: 42px; border-bottom: 1px dotted #d1d1d1; margin: 0 0 10px; padding: 0 0 10px; }
.specials-image {}
.specials-image img { width: 40px; height: 40px; border: 1px solid #eaeaea; float: left; margin: 0 5px 0 0; }
.specials-item br { display: none; }
.specials-name { float: left; font-size: 10px; font-weight: bold; width: 123px; }
.specials-price { font-size: 11px; font-weight: bold; color: #ff0000; }
.specials-price s { font-size: 11px; font-weight: bold; color: #000000; margin: 0 5px 0 0; }

/* Specials List */
.specials-list { list-style-type: none; margin: 0; padding: 0; }
.specials-list li { line-height: 1.35em; }
.specials-list li br { display: none; }
a.specials-list-name { margin: 0 5px 0 0; }
.specials-list-price { display: inline; margin: 0 0 0 5px; color: #ff0000; }
.specials-list-price span {}
.specials-list li s .specials-list-price { margin: 0; color: #000000; }



/* ---------------------------------------------------------------------- Pearl Generic: Helpdesk */
/* ---------------------------------------------------------------------------------------------- */

.helpdesk-header {  padding-bottom: 10px}
.ticket-description {  font-style: italic; color: #990000; margin-bottom: 10px; border-color: black black #666666; padding-top: 4px; padding-bottom: 4px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.helpdesk-note {  padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; border-color: black black #999999; margin-bottom: 6px; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.helpdesk-note-text { }
.helpdesk-note-details { color: #CCCCCC}
.helpdesk-upload { background-color: #EFEFEF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: 1px #999999 solid; margin-top: 4px; margin-bottom: 14px }
.helpdesk-ticket {  margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px; border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.helpdesk-rating { margin-top: 12px; border:1px solid #CCCCCC; padding:10px; background-color:#99FF99; }
.helpdesk-rating-text { display:block; margin-top:10px }
.helpdesk-rating-select { display:block; margin-top:10px }



/* ---------------------------------------------------------------------- Pearl Generic: Projects */
/* ---------------------------------------------------------------------------------------------- */

.project-job-title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #006699; padding-top: 4px; border-color: black black #666666; margin-bottom: 6px; padding-bottom: 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }
.project-files-title {  font-size: 11px; font-weight: bold; padding-top: 15px}
.project-files-filename {  color: #006699}
.project-files-filesize {  color: #999999}
.project-files-filemodified {  color: #999999}
.project-note-title {  color: #999999}
.project-note-content {  margin-bottom: 6px; border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.project-notes {  background-color: #FFFFFF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: 0px #666666 dotted; margin-bottom: 5px; margin-top: 5px}
.project-files {  margin-top: 5px; margin-bottom: 5px}
.project-job {  background-color: #EFEFEF; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px #CCCCCC solid; margin-bottom: 10px; margin-top: 10px}
.project-list { padding: 2; margin: 0; list-style: none; clear: left; }



/* ----------------------------------------------------------------- Pearl Generic: Contact Pages */
/* ---------------------------------------------------------------------------------------------- */

#contact-form { width:100%; }
.contact-fieldset { padding:4px; margin:4px; background-color:#efefef; border-bottom: 1px solid #cccccc; }
.contact-fieldtext { float:left; display:block; width:100px; margin:4px; text-align:right;font-weight:bold; }
.contact-field { display:block; margin-left:100px; margin-right: 0px; margin-top:4px; display:block; padding-left:10px; }
.contact-foot { clear:both; padding-top:10px;}
.button {}
.bigLink { font-size:18px; color:#006600; }
.bigLink:hover {}
#login-newuser {}
.login-newuser-intro { margin: 5px 0 0; }
#login-login { margin: 20px 0 0; }
.login-login-intro { margin: 5px 0 10px; }
.contact-fieldtext { margin-top:5px; display: block; }
.contact-required { font-size: 11px; color: #ff0000; }
textarea#customers_message { height: 150px; margin: 0 0 3px 0; width: 98%; }



/* -------------------------------------------------------------------- Pearl Generic: My Account */
/* ---------------------------------------------------------------------------------------------- */

.portal-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f1f1f1; margin: 0 0 30px; }
.portal-menu table {}
.portal-menu table tr {}
.portal-menu table tr td { line-height: 1em; padding: 3px 4px; }
.portal-menu table tr td a { font-size: 11px; font-weight: bold; }
.portal-menu table tr td a:link, .portal-menu table tr td a:visited { color: #000000; }
#portal-account {}
#portal-orders {}
#portal-statement {}
#portal-helpdesk {}
#portal-projects {}
#portal-profile {}
#portal-addresses {}
#portal-password {}
#portal-logout {}



/* ---------------------------------------------------------------------- Pearl Generic: Newsdesk */
/* ---------------------------------------------------------------------------------------------- */

.news-wrp { border-top: 1px dotted #d1d1d1; margin: 10px 0 0; padding: 10px 0 0; }
.news-title { font-weight: bold; }
.news-date { color: #5c5c5c; font-size: 11px; }
.news-author { color: #5c5c5c; font-size: 11px; }
.news-summary { margin: 5px 0 0; }

.news-feed-item {}
.news-content { margin: 10px 0 0; }

/* Page specific styles */
/** Home page */
#pearlCategoryID_276 #breadcrumb {
    display:none;
}

#pearlCategoryID_276 #main {
    background: #ccc url(/images/website/originals/home_bg.png) top left no-repeat;
    height:450px;
    padding:0;
    position:relative;
}

#pearlCategoryID_276 .pageHeading {
    display:none;
}

#pearlCategoryID_276 #rightcol {
    left:81px;
	position:absolute;
	top:0;
	width:250px;
	margin-left:0;
	color:#fff;
}


#pearlCategoryID_276 #main .intro {
    position:absolute;
    top:60px;
    left:430px;
    width:278px;
    color:#333;
    font-size:10px;
}

#pearlCategoryID_276 #main #make-switch {
    position:absolute;
    top:311px;
    left:133px;
    width:150px;
    color:#fff;
    font-size:14px;
}

.MM li a, .MM li a:link {
    font-size:12px !important;
    padding: 6px 5px 3px;
}/* Cascading Style Sheet */

/* ---------------------------------------------------------------------- Custom Fields */
/* ---------------------------------------------------------------------------------------------- */

/* Option Tabs
-------------------*/
.space {
    margin-top: 40px;}

.ui-tabs-hide {
    display: none;}

.ui-tabs-nav {
    list-style: none;   padding: 0; margin: 0;  height: 17px;}

.ui-tabs-nav li {
    float: left;}

.ui-tabs-nav a {
    float: left;    padding: 6px 12px;  margin: 0px 10px 0px 0px;   text-decoration: none;  color: #6b7d84; outline: none;  background: #E9ECEF;    border-top: 1px solid #C7D3D8;  border-left: 1px solid #C7D3D8; border-right: 1px solid #C7D3D8;}

.ui-tabs-nav a:hover {
    background-color: #d6dbde;}

.ui-tabs-nav .ui-tabs-selected a {
    background-color: #d6dbde;  border-top: 3px solid #6b7d84;  padding-top: 4px;   color: #6b7d84;}

.ui-tabs-disabled {

}

.ui-tabs-panel {
    padding: 1em 0px;   background: #fff;   /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

* :first-child+html .ui-tabs-nav {
    /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#pearlCategoryID_276 #main .featured-items {
  position:absolute;
  top:64px;
  left:361px;
  background-color:#fff;
  padding:10px;
  border:1px solid #ccc;
  width:300px;
}

#cart {
  position:absolute;
  top:55px;
  left:744px;
  border: 1px solid #ccc;
  padding:10px;
  width:179px;
  background: #fff;
}

#pearlCategoryID_276 #main #live-person {
    display:none;
}

.breadCrumb-sep {
  padding:10px;   
}

/* form buttons */
#form-buttons { overflow:hidden; margin:10px 0 0; }
#form-buttons .button-back { float:left }
#form-buttons .button-submit { float:right }
#form-buttons .button { font-weight:bold; }

/*** P1 - P2 Styles ***/

#widget_featured ul { padding:10px 0 0 0; margin:0;}
#widget_featured li { clear:both; overflow:hidden; border-bottom: 1px dotted #D1D1D1; width:170px; padding: 0 0 10px; margin:0 0 10px;}
#widget_featured .pul-image img { width: 40px; height: 40px; border: 1px solid #EAEAEA; float: left; margin: 0 5px 0 0; }
#widget_featured .pul-name { font-size:10px; font-weight:bold; }
#widget_featured .price { display:block; font-size:11px; font-weight:bold; }

#header #widget_account .accountlinks { margin-top:16px; }

#header #widget_cart ul { list-style:none; padding:0; }
#header #widget_cart #cart-itemcount { display:block; }
#header #widget_cart #cart-total { display:block; }
#header #widget_cart .cart-view { display:block; font-weight:bold;}
#header #widget_cart .cart-checkout { font-weight:bold; }

.prod-detail-buy { margin-top:40px; }