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

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

/* ---------------------------------------------------------------------------------- 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; }
.clear10 { width: 100%; height: 10px; margin: 0; clear: both; }
* { margin: 0; }
html, body { height: 100%; }
body { font-family: Tahoma; font-size: 12px; color: #000000; text-align: center; background: #5b5b5b url(/images/website/images/originals/body_bg.jpg) top left repeat-x; }
body#tinymce { text-align: left; }
		
h1 { font-size: 24px; line-height: 1.25em; }		
*html h1 { font-size: 24px; line-height: 1.25em; }
h2 { font-size: 18px; line-height: 1em; }
*html h2 { font-size: 18px; line-height: 1em; }

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

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

#header { padding: 5px 0; }

#toptabs { font-size: 12px; font-weight: bold; float: right; width: 540px; height: 23px; padding: 12px 0 0; background: url(/images/website/images/originals/toptabs_bg.jpg) top left no-repeat; }
#toptabs span a {}
#toptabs span a:link, #toptabs span a:visited { color: #000000; }
#toptabs span a:hover, #toptabs span a:active { color: #777777; }

#tophead { width: 960px; height: 119px; background: url(/images/website/images/originals/tophead_bg.jpg) top left no-repeat; }

#topnav { zoom: 1; position: relative; width: 960px; height: 66px; background: url(/images/website/images/originals/topnav_bg.jpg) top left repeat-x; }

#SM1 ul { left: 5px !important; zoom: 1; }
#SM1 ul li { float: left !important; zoom: 1; }
#SM1 li ul.SM { margin-left: 0 !important; zoom: 1; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#SM1 li ul.SM { padding-top: 10px !important; }
}

#SM1 li ul.SM li ul.SM { display: none !important; zoom: 1; }

#SM1 li ul.SM li.NOSEPARATOR a { border-right: none; }

#subnav { width: 960px; height: 35px; background: url(/images/website/images/originals/subnav_bg.jpg) top left no-repeat; }
	
#main { width: 890px; text-align: left; margin: 0 auto; padding: 20px 30px 30px; background: #ffffff; }
	
#footer, .push { height: 205px; }

#footer { position: relative; height: 205px; width: 950px; margin: 0 auto; clear: both; text-align: left; background: #6b6b6b url(/images/website/images/originals/footer_bg.jpg) top left repeat-x; }
#footerLeftcol { float: left; margin: 10px 0 0 13px; text-align: left; width: 647px; color: #b0b0b0; }
*html #footerLeftcol { margin: 10px 0 0 7px; }
#footerRightcol { float: left; margin: 10px 0 0; text-align: right; width: 279px; font-size: 10px; }
#footer a { font-size: 11px; }
#footer a:link, #footer a:visited { font-weight: bold; color: #b0b0b0; }
#footer a:hover, #footer a:active { color: #ffffff; text-decoration: none; }
#footer a img { border: none; }
#footer span { color: #ffffff; display: block; }
#footerLeftcol span { font-weight: bold; }
#footerRightcol .rights { color: #a1a1a1; margin: 0 0 26px; font-weight: bold; }


/* HOMEPAGE */

body#pearlCategoryID_276 #main { width: 950px; padding: 0; background: none; }

#homeslides {}
#homeslides_top { width: 950px; height: 11px; background: url(/images/website/images/originals/homeslides_top.jpg) top left no-repeat; }
#homeslides_main { width: 950px; height: 318px; background: #ffffff; }
#homeslides_bottom { width: 950px; height: 31px; background: url(/images/website/images/originals/homeslides_bottom.jpg) top left no-repeat; }
#homeslides_controls { float: right; width: 466px; height: 31px; }

#homeroutes { }
.homeroute { color: #ffffff; width: 290px; height: 184px; padding: 6px 10px 10px; background: url(/images/website/images/originals/homeroute_bg.jpg) top left no-repeat; float: left; }
.homeroute_title { border-bottom: 1px dotted #ffffff; color: #ffffff; display: block; font-size: 12px; font-weight: bold; margin: 0 0 7px; padding: 0 0 6px; text-transform: uppercase; }
#homeroute1 { margin: 0 10px 0 0; }
#homeroute2 { margin: 0 10px 0 0; }
#homeroute3 {}
#homeroutes 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: 21px; 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 10px; }
#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 10px; }
#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; color: #ffffff; }
.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: 100%; margin: 4px; text-align: left; font-weight: bold; }
.contact-field { display:block; margin-right: 0px; margin-top:4px; margin-bottom:4px; display:block; padding-left:4px; }
.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:1px; 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; }




















		#slider {
			width: 950px;
			margin: 0 auto;
			position: relative;
			}

		.scroll {
			height: 318px;
			width: 950px;
			overflow: auto;
			overflow-x: hidden;
			position: relative;
			clear: left;
			background: #FFFFFF url(/images/website/images/originals/content_pane-gradient.gif) repeat-x scroll left bottom;
			}

		.scrollContainer div.panel {
			height: 320px;
			width: 950px;
			padding-bottom: 8px;
			}
			
			.scrollContainer div.panel a:focus {
				outline: none;
				}
			
			.scrollContainer div.panel a img {
				border: none;
				cursor: pointer;
				}
				
				
				
				
				
		ul.homeslides_ul {
			width: 466px;
			height: 31px;
			background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat;
			position: relative;
			list-style-type: none;
			padding: 0;
			}
			
			ul.homeslides_ul li {
				display: inline;
				}
				
				ul.homeslides_ul li a:link, ul.homeslides_ul a:visited {
					position: absolute;
					top: 0;
					height: 31px;
					text-indent: -9000px;
					overflow: hidden;
					z-index: 10;
					cursor: pointer;
					}
					
				ul.homeslides_ul li a:hover, ul.homeslides_ul li a:focus, ul.homeslides_ul li a:active, ul.homeslides_ul li a.selected {
					cursor: pointer;
					}
			
			li.landingslide {
				}
				
				li.landingslide a:link, li.landingslide a:visited {
					left: 0;
					width: 99px;
					}
					
				li.landingslide a:hover, li.landingslide a:focus {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -0 -31px;
					outline: none;
					}
					
				li.landingslide a:active, li.landingslide a.selected {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -0 -31px;
					}
					
				div.homeslides_ul-landingslide, div.homeslides_ul-landingslide-click {
					position: absolute;
					top: 0;
					left: 0;
					width: 99px;
					height: 31px;
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -0 -31px;
					}
				
				div.homeslides_ul-landingslide-click {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -0 -31px;
					}		
					
			li.slide1 {
				}
				
				li.slide1 a:link, li.slide1 a:visited {
					left: 100px;
					width: 117px;
					}
					
				li.slide1 a:hover, li.slide1 a:focus {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -100px -31px;
					outline: none;
					}
					
				li.slide1 a:active, li.slide1 a.selected {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -100px -31px;
					}
					
				div.homeslides_ul-slide1, div.homeslides_ul-slide1-click {
					position: absolute;
					top: 0;
					left: 100px;
					width: 117px;
					height: 31px;
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -100px -31px;
					}
				
				div.homeslides_ul-slide1-click {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -100px -31px;
					}		
					
			li.slide2 {
				}
				
				li.slide2 a:link, li.slide2 a:visited {
					left: 218px;
					width: 101px;
					}
					
				li.slide2 a:hover, li.slide2 a:focus {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -218px -31px;
					outline: none;
					}
					
				li.slide2 a:active, li.slide2 a.selected {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -218px -31px;
					}
					
				div.homeslides_ul-slide2, div.homeslides_ul-slide2-click {
					position: absolute;
					top: 0;
					left: 218px;
					width: 101px;
					height: 31px;
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -218px -31px;
					}
				
				div.homeslides_ul-slide2-click {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -218px -31px;
					}		
					
			li.slide3 {
				}
				
				li.slide3 a:link, li.slide3 a:visited {
					left: 320px;
					width: 143px;
					}
					
				li.slide3 a:hover, li.slide3 a:focus {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -320px -31px;
					outline: none;
					}
					
				li.slide3 a:active, li.slide3 a.selected {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -320px -31px;
					}
					
				div.homeslides_ul-slide3, div.homeslides_ul-slide3-click {
					position: absolute;
					top: 0;
					left: 320px;
					width: 143px;
					height: 31px;
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -320px -31px;
					}
				
				div.homeslides_ul-slide3-click {
					background: url(/images/website/images/originals/homeslides_ul_bg.jpg) no-repeat -320px -31px;
					}		
					
				
				
				
				
				
				
		.scrollButtons {
			position: absolute;
			top: 150px;
			cursor: pointer;
			display: none;
			}

		.scrollButtons.left {
			left: -20px;
			}

		.scrollButtons.right {
			right: -20px;
			}

		.hide {
			display: none;
			}