/********** NEW HOVER STYLES ************/

.pdot-submit:hover{
	background-color: blue;
}

/*********** NEW INDEX STYLES **********/

/** Main Styles **/

div#site_container{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

div#header{
    width: 100%;
    height: 103px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-image: url(/images/website/templateImages/originals/head_middle.gif);
}

div#header_left{
    height: 103px;
    width: 424px;
    float: left;
}

div#header_middle{
    background-image: url(/images/website/templateImages/originals/head_middle.gif);
    background-repeat: repeat-x;
    float: left;
    height: 103px;
}

div#header_right{
    background-image: url(/images/website/templateImages/originals/head_right.gif);
    background-repeat: no-repeat;
    float: right;
    width: 552px;
    height: 103px;
}

div#site_logo {
    float: left;
}

div#header_content{
    width: 570px;
    text-align: right;
    height: 100px;
    margin-left: -5%;
}

h1#phone_num {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20pt;
    font-family: verdana;
}

span.phone_text{
    color: #676767;
    font-weight: lighter;
}

span.phone_num{
    font-weight: 800;
    color: #BC2328;
}

div#navigation_menu {
    float: left;
    width: 180px;
    margin-bottom: 15px;
}

div#navigation_header {
    width: 170px;
    padding:5px 5px 3px;
    background-image: url('/images/website/templateImages/originals/box_head_left_dark.gif');
    background-repeat: no-repeat;
    color:#FFFFFF;
    font-family:Trebuchet MS,Verdana;
    font-size:16px;
    font-weight:bold;
}

div#navigation_footer {
    width: 170px;
    padding:5px 5px 3px;
    background-image: url('/images/website/templateImages/originals/box_footer.gif');
    background-repeat: no-repeat;
}

div#right_col{
    width: 180px;
    float: left;
    margin-bottom: 15px;
}

div#page_content {
    width: 620px;
    margin-left: 5px;
    margin-right: 5px;
	float: left;
}

ul#SM1 {
    width: 178px;
	border-left: #67AF6C solid 1px;
	border-right: #67AF6C solid 1px;	
}

div#breadcrumb_wrapper {
    color: white;
    width: 100%;
    background-color:#99CC00;
    background-image:url(/images/website/templateImages/originals/bread_bg.gif);
    border-color:black black #666666;
    border-style:solid;
    border-width:0 0 1px;
    height:18px;
    padding-top:4px;
    padding-bottom: 4px;
}

div#breadcrumb{
    margin-left: 10px;
}

div#footer{
    background-color: #C0C0C0;
    width: 100%;
    clear: both;
    background-color: #e9e9e9;
    margin-bottom: 15px;
}

div.footer_component {
    width: 20%;
    float: left;
}

/** COL STUFF **/
div.col_box_header {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 180px;
    padding-top: 2px;
    height: 25px;
    background-image: url('/images/website/templateImages/originals/box_head_right_dark.gif');
    clear: both;
}

div.col_box_footer {
    background-image: url('/images/website/templateImages/originals/box_footer.gif');
    height: 16px;
    display: block;
    margin-bottom: 5px;
}

div.col_box_header_txt {
    margin-top: 3px;
    margin-left: 10px;
    background-repeat: no-repeat;
    color:#FFFFFF;
    font-family:Trebuchet MS,Verdana;
    font-size:16px;
    font-weight:bold;
}

div.col_box{
    margin-top: 0px;
    margin-bottom: 0px;
    width: 178px;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div.col_box_content{
    font-size: 10pt;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

/*********** END OF NEW INDEX STYLES *************/


.catDescription	{
				font-family: arial;
				font-size: 10pt;
}

div.pricebeater a	{
				text-decoration: none;
				}
#orderDetail{
	margin:0 1px;}
div.subsec{
	margin:0 10px;}
div.subsec table{
	border-collapse:collapse;
	margin-right:10px;
	_width:99% !important;}
#pearlCategoryID_account_order_detail .stageWrp	{
	margin-right:10px;}
#pearlCategoryID_account_order_detail .subsec table {
	padding:auto 0 !important;
	margin:1px !important;
	width:95% !important;}
	
table.order_detail{
	padding:0;
	margin:0;
	width:95% !important;}
table.order_detail td{
	margin:0 !important;
	padding:0 !important;}
a {
  color: #000000;
  /*text-decoration: underline;*/
}

a:hover {
  color: #CC0000;
  text-decoration: underline;
}

a.breadcrumb {
  color: #FFFFFF;
  text-decoration: underline;
}

a.breadcrumb:hover {
  color: #000000;
  text-decoration: underline;
}

span.whiteText{
				color:#ffffff;
				font-size: 12px;
}

a.product-listing-name {
		color: #339900;
		text-decoration: underline;
		font-family: Trebuchet MS; 
		font-size: 14px; 
		font-weight: bold;
}

a.product-listing-name:hover {
  color: #CC0000;
  text-decoration: underline;
}

.product-listing-price {
  color: #CC0000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}


h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		font-weight: bolder;
}

.pageHeading {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
				font-size: 22px; 
				font-weight: normal; 
				margin-bottom: 11px; 
				border-color: black black #666666; 
				padding-top: 4px; 
				padding-right: 0; 
				padding-bottom: 6px; 
				padding-left: 4px; 
				color: #339900; 
				border-style: solid; 
				border-top-width: 0px; 
				border-right-width: 0px; 
				border-bottom-width: 1px; 
				border-left-width: 0px;
				}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.inputText {
	background:#FEFEFE url(/images/website/templateImages/originals/inputBG.gif) repeat-x;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	border: 1px solid #999999; 
	padding:2px;
}

body {
	font-family: Trebuchet MS; 
	font-size: 12px;

}


.button { 
		background-image:url("/images/website/templateImages/originals/bread_bg.gif");
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-weight: bold; 
		color: #FFFFFF;
		height: 24px; 
		border: 1px #009933 ridge;
		cursor: pointer;
		}
	
.error {  background-color: #FFEEEE; 
		padding-top: 4px; 
		padding-right: 4px; 
		padding-bottom: 4px; 
		padding-left: 4px; 
		border: #CC0000; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px;
		}

.subHeading { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 18px; 
			margin-bottom: 11px; 
			border-color: black black #339900; 
			padding-top: 4px; 
			padding-right: 4px; 
			padding-bottom: 6px; 
			padding-left: 4px; 
			color: #339900; 
			width: 99%;
			}
/* Ed (Pearl) - remove 100% width from th elements */
th.subHeading{
	width:auto !important;}
/* End: Ed (Pearl) th fix */

.featured-list,.featured-list ul  {  
								padding: 2;
								margin: 0;
								list-style: none;
								clear: left;
								}

.filter {
		margin: 11px 11px; 
		background-color: #DEDEDE; 
		padding: 4px 4px; 
		border-color: #99CC00 black; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		}

.box-header {
			padding:8px 0px 4px; 
			font-size: 18px; 
			color: #339900; 
			border-color: black black #999999 #666666; 
			font-family: Trebuchet MS, Arial; 
			margin: 6px; 
			border-style: dotted; 
			border-top-width: 0px; 
			border-right-width: 0px; 
			border-bottom-width: 1px; 
			border-left-width: 0px;
			}	

#product-detail{
	margin-top:0px;
}

#product_title{
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 8px;
	width: 440px;
	text-align: center;
}



.product-detail-name {
						font-size: 20px; 
						color: #339900; 
						font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
						padding: 0px;
						float: right;
						width: 100%;
						}

.product-detail-price {
						font-size: 20px; 
						font-weight: normal; 
						font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
						margin-bottom: 10px;
						}	

.product-detail-price table{
	background-repeat: no-repeat;	
}

.product-detail-price table td{
	background-repeat: repeat-x;
}

.vat-eligable-box-wrapper{
	width: 440px;
	float: right;
	padding-right: 8px;
}

.product-detail-images {
						padding-top: 8px; 
						padding-right: 8px; 
						padding-bottom: 8px; 
						padding-left: 8px; 
						margin-top: 10px;
						min-height: 145px;
}

#images-thumb{
	width: 140px;
	margin: 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: #EFEFEF;
}

#images-thumb img{
	margin-bottom: 10px;
	margin-top: 10px;
}

#images-minis{
	background-color: #EFEFEF;
	display: inline-block;
	width: 600px;
	height: 170px;
	overflow: hidden;  /* important (hide the items outside the div) */
	position: relative;
}

#left_images_scroll{
	position: relative;
	top: -181px;
	float: left;
}

#right_images_scroll{
	position: relative;
	top: -181px;
	float: right;
}

#gallery{
	display: inline-block;
}

/*

Image Scroller

*/

#gallery {
position:relative;
 /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#gallery span{
float:left;
margin-left: 45%;
}

#gallery ul {
	margin-top: 0px;
}

#gallery li{
float: left; /* important for inline positioning of the list items */
width:120px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
text-align: center;
list-style: none;
border: 1px solid #000000;
min-height: 120px;
line-height: 120px;
}

#gallery li img {
vertical-align: middle;
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
						
.product-detail-description {
							font-family: arial;
							font-size: 10pt;
							}

div#gallery br {
	clear: none !important;
}

#quick_find {
	margin-top : 5px !important; 
}

#keywords {
	width: 40% !important;
}
							
#box-cart {
			background-color: #FFFFFF;
}

.box-search {
			margin-top: 10px; 
			margin-right: 0px; 
			/* changed from -11px to 11px changed back by michael and made a class not an id*/
			margin-bottom: -15px; 
			margin-left: 0px; 
			padding-top: 0px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			padding-left: 0px;
}

.product-listing-table {
    width: 100%;
}
.product-listing-image { float:left; 
						padding-top: 4px; 
						padding-right: 11px; 
						padding-bottom: 4px; 
						padding-left: 4px;
						border-right: 1px solid #D6D7D6;
						}
						
.product-listing-description {
							text-align: left;
							}
						
.product-listing-cell {  background-color: #FFFFFF; 
						padding-top: 4px; 
						padding-right: 4px; 
						padding-bottom: 4px; 
						padding-left: 4px; 
						margin: 5px;
                                                width: 50%;
						}

.item-layout-boxed	{
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px; 
					border-radius: 5px;
					border-style: solid;
					border-color: #D6D7D6;
					border-width: 1px;
					width: 100%;
                                        _width: auto !important;
					/*background-color: #F6F1EF;*/
					}
					
.item-layout-boxed tr.header td {
							padding: 2px;
							background-color: #E7E7E7;
							}
						
.item-layout-boxed td.price_cell 	{
								text-align: right;
								background-color: #F7F3F7;
								border-left: 1px solid #D6D7D6;
								width: 74px;
								padding-left: 2px;
								background-image: url('/images/website/originals/pricefade.gif');
								background-repeat: repeat-x;
								}
								
.item-layout-boxed td.image_cell 	{
								width: 140px;
								}

.featured-list-price {  color: #CC0000; 
						font-weight: bold;}
.featured-list-name {  color: #999999;}
.featured-table-price { color: #CC0000; 
						font-weight: bold; }
.featured-table-name { color: #999999; }
.specials-list { padding: 2; 
				margin: 0; 
				list-style: none; 
				clear: left; }
.specials-list-name { color: #999999 }
.specials-list-price { color: #CC0000; 
						font-weight: bold; }

	
	#leftcontent {
		position: absolute;
		left:11px;
		top:134px;
		width:180px;
		border:0px #000 solid;
		}

	#centercontent {
   		margin-left: 199px;
   		margin-right:199px;
		voice-family: "\"; border-color: black #999999 black black; border-style: dotted; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}\"";
		voice-family: inherit;
   		margin-left: 190px;
   		margin-right:200px;
		padding-top:11px;
		padding-left:11px;
		padding-right:11px;
		}
	html>body #centercontent {
   		margin-left: 190px;
   		margin-right:200px;
		}

	#rightcontent {
		position: absolute;
		right:11px;
		top:134px;
		width:180px;
		border:0px #000 dotted;
		padding-left: 6px;
		}

	#headcontent {
		background:url(/images/website/templateImages/originals/headcontent.gif);
   		padding-left: 11px;
   		padding-right:11px;
		height:26px;
		}

	#banner {
		background:#FFFFFF;
		height:95px;
		border-bottom:1px solid #000;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:89px;
		}

	html>body #banner {
		height:95px;
	}
		
	.product-listing-name { clear: none; 
							margin-bottom: 5px;}
.page-results {  background-color: #EFEFEF; 
				padding-top: 6px; 
				padding-right: 6px; 
				padding-bottom: 6px; 
				padding-left: 6px; 
				border: #666666; 
				border-style: dotted; 
				border-top-width: 1px; 
				border-right-width: 1px; 
				border-bottom-width: 1px; 
				border-left-width: 1px;}
.product-detail-catlink {  font-family: Trebuchet MS, Arial; 
							font-size: 16px; 
							color: #FFFFFF;
							font-weight: bold;}
.contact-field {  }
.contact-fieldtext {  margin-top: 6px;}
.boxHeading {  font-family: Trebuchet MS, Verdana; 
				font-size: 16px; 
				font-weight: bold; 
				color: #FFFFFF;
				padding-left: 15px;}
.boxContent {  background-color: #FFFFFF; 
				padding-top: 6px; 
				padding-right: 6px; 
				padding-bottom: 6px; 
				padding-left: 6px;}
				
td.breadCrumb {  background-color: #99CC00; 
				border-color: black black #666666; 
				border-style: solid; 
				border-top-width: 0px; 
				border-right-width: 0px; 
				border-bottom-width: 1px; 
				border-left-width: 0px; 
				padding-top: 4px; 
				padding-right: 4px; 
				padding-bottom: 4px; 
				padding-left: 4px; 
				background-image: url(/images/website/templateImages/originals/bread_bg.gif);
				height: 31px;}

.products-detail-options-td {
					border-bottom:1px solid #000;
					}

.vat-not-eligible {
					background-color: #FF6633; 
					padding-top: 6px; 
					padding-right: 6px; 
					padding-bottom: 6px; 
					padding-left: 6px; 
					border: #333333; 
					border-style: solid; 
					border-top-width: 1px; 
					border-right-width: 1px; 
					border-bottom-width: 1px; 
					border-left-width: 1px; 
					width: 100%; 
					font-size: 12px; 
					clear: left;
					}

.vat-eligible {
				background-color: #66CC33; 
				padding-top: 6px; 
				padding-right: 6px; 
				padding-bottom: 6px; 
				padding-left: 6px; 
				border: #333333; 
				border-style: solid; 
				border-top-width: 1px; 
				border-right-width: 1px; 
				border-bottom-width: 1px; 
				border-left-width: 1px; 
				width: 100%; 
				font-size: 12px; 
				clear: left;
				}
				
.product-detail-sku { font-size: 20px; 
						font-weight: normal;
						color: #666666; 
						font-family: Trebuchet MS, Arial, Helvetica, sans-serif}

td.vatbox {
	font-size:12px;
}
.moduleRow {  border-color: black black #999999; 
				border-style: solid; 
				border-top-width: 0px; 
				border-right-width: 0px; 
				border-bottom-width: 1px; 
				border-left-width: 0px; 
				background-color: #EFEFEF;}
.moduleRowSelected { border-color: black black #999999; 
					background-color: #99CC99; 
					border-style: solid; 
					border-top-width: 0px; 
					border-right-width: 0px;
					border-bottom-width: 1px;
					border-left-width: 0px;}
.moduleRowOver { border-color: black black #999999; 
				border-style: solid; 
				border-top-width: 0px; 
				border-right-width: 0px; 
				border-bottom-width: 1px; 
				border-left-width: 0px; 
				background-color: #99FF66;}
.product-listing-moreinfo { ; float: left;

}

.product-info {  background-color: #CCFFFF; 
				border: 1px #006699 solid;}

.message {
margin:5px;
padding:5px;
border:1px solid #CCC;
background-color:#FFCC00;
}

/* Products listing tables global
encompases the following widgets:
%NEW_PROD_TBL%
%ALSO_BOUGHT_TBL%
%FEATURED_TBL%
%SPECIALS_TBL%
pul = Products Unordered List
You can apply global styles to these widgets in the following blocks.
Individual styling can be added to each subsequent block.
*/

ul.pul			{ list-style-type:none;
				margin:0; 
				padding:0;}
				
ul.pul li.pul-itm		{float:left; 
					text-align:center; 
					/*border:1px solid #eee; */
					padding:5px 5px; 
					margin:2px 1%; 
					/* border-color:#dedede #ababab #ababab #dedede;  */
					background:transparent; 
					width:30%; 
					height:175px; 
					overflow:hidden; 
					moz-border-radius:8px; 
					border-radius:8px 8px;}
					
a.pul-image	img		{ border:1px solid #212121; 
					border-color:#ababab #dedede #dedede #ababab;}
					
a:hover.pul-image						{ }

a.pul-name			{ font-weight:bolder; 
					text-decoration:none; 
					color:#f00;
					font-size: 8pt;
					float: left;
                                        width: 170px}
a:hover.pul-name	{ color:#f00; 
					text-decoration:underline;}
					
div.pul-price								{font-size: 8pt; }

ul.pul div.no-prod-image		{ margin:0 auto; 
							background:#fff; 
							border:1px solid #212121; 
							border-color:#ababab #dedede #dedede #ababab; 
							color:#ccc;}
	
/* New Products List -- %NEW_PROD_TBL%  */
div.new_prod_tbl							{ text-align:center;}
ul.new-prod-tbl							{ margin:0 auto;}
ul.new-prod-tbl li							{ }
ul.new-prod-tbl li	a img				{ }
a.newproducts-table-name		{ }
a:hover.newproducts-table-name		{ }
div.newproducts-table-price	{ } 


/*  Also Bought Products List -- %ALSO_BOUGHT_TBL%  */

ul.also-bought-tbl							{ }
ul.also-bought-tbl li.also-bought-item		{ }
a.also-bought-image	img				{ }
a:hover.also-bought-image			{ }
a.also-bought-name						{ }
a:hover.also-bought-name			{ }
div.also-bought-price					{ }



/*  Featured Products List -- %FEATURED_TBL%  */

ul.featured-tbl								{ }
ul.featured-tbl li.featured-item	{ }
a.featured-image	img					{ }
a:hover.featured-image				{ }
a.featured-name								{ }
a:hover.featured-name					{ }
div.featured-price							{ }

/*  Specials List -- %SPECIALS_TBL%  */

ul.specials-tbl								{ }
ul.specials-tbl li.specials-item	{ }
a.specials-image	img					{ }
a:hover.specials-image				{ }
a.specials-name								{ }
a:hover.specials-name					{ }
div.specials-price							{ }

/* Help Desk Styles */
.helpdesk-header 			{ padding-bottom:10px;}
.ticket-description			{ font-style:italic; 
							color:#900; 
							margin-bottom:10px; 
							padding:4px 0; 
							border-bottom:1px solid #666;}
.helpdesk-note 				{ padding:6px 0; 
							border-bottom:1px dotted #999; 
							margin-bottom:6px;}
.helpdesk-note-text 						{ }
.helpdesk-note-details 				{ color:#ccc;}
.helpdesk-upload 			{ background-color:#EFEFEF; 
							padding:4px; 
							border:1px solid #999; 
							margin:4px 0;}
							
.helpdesk-ticket 			{ margin:2px 0; 
							padding:2px 0; 
							border-bottom:1px dotted #ccc;}

/*Box Cart Styles */
#box-cart ul								{ margin:0 0 5px 0; 
										padding:0; 
										text-align:left; 
										float:left;}
										
#box-cart ul li							{ display:block; 
										margin:0 0 5px; 
										padding:0 0 1px; 
										text-align:left; 
										border-bottom:1px dotted #eee;}
	
table.testimonial {
	width: 80%; 
	margin-bottom: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: xx-small;
}	

table.testimonial tr{
	height: 10px;
}	

td.testimonial_customer {
	font-weight: 800;
}

td.testimoanial_top {
	background-image: url(/images/website/boxes/originals/footertopmiddle.jpg); 
	background-repeat: x-repeat;
	color: #e9e9e9; 
	font-size: 1pt;
}

td.testimoanial_bottom {
	background-image: url(/images/website/boxes/originals/footerbottommiddle.jpg); 
	background-repeat: x-repeat;
	color: #e9e9e9; 
	font-size: 1pt;
}

td.testimoanial_left {
	background-image: url(/images/website/boxes/originals/footerleftmiddle.jpg);
	background-repeat: y-repeat;
}

td.testimoanial_right {
	background-image: url(/images/website/boxes/originals/footerrightmiddle.jpg); 
	background-repeat: y-repeat;
}

td.testimoanial_text {
	background-color: #e9e9e9; 
	font-size: normal;
}

.contact-fieldtext {
	margin-top:6px;
	display: block;
	float:left;
	font-weight:bold;
	margin:4px;
	text-align:right;
	width:250px;
}

.contact-fieldset {
	background-color:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
	margin:4px;
	padding:4px;
}

.contact-field {
	display:block;
	margin-left:260px;
	margin-right:0;
	margin-top:4px;
	padding-left:10px;
}

table.contact_us_details {
	width: 100%;
	background-color: #EFEFEF;
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 10px;
}

table.contact_us_details  td{
	padding: 10px;
	vertical-align: top;
}

div.inner_center{
	margin: 0 auto;
	width: 100%;
}

div.outer_center{
	text-align: center; 
	width: 100%;
}

div.product-box-header	{
							background-color:#99CC00;
							background-image:url('/images/website/templateImages/originals/bread_bg.gif');
							border-color:black #A5DF21 #666666;
							border-width:0 1 1px;
							height:23px;
							padding-top: 8px;
							margin-bottom: 0px;
							}
							
span.product-box-header-text 	{
								padding-left: 5px;
                                                                color: white;
								}
							
div.product-box-body {
						margin-top: 0px;
						background-color: #E7E7E7;
						border-radius-bottom-left: 5px;
						border-radius-bottom-right: 5px;
						-moz-border-radius-bottomleft: 5px;
						-moz-border-radius-bottomright: 5px;
						-webkit-border-bottom-left-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;
						border: 1px solid #CECFCE;
						min-height:40px;
                                                text-align: center;
						}
						
div.featured-products-header {
							border-radius-top-left: 5px;
							border-radius-top-right: 5px;
							-moz-border-radius-topleft: 5px;
							-moz-border-radius-topright: 5px;
							-webkit-border-top-left-radius: 5px;
							-webkit-border-top-right-radius: 5px;
							width: 99.5%;
							margin-bottom: 0px;
                                                        margin-top: 5px;
							border: 1px solid #CECFCE;
							border-bottom: none;
							background-color: #E7E7E7;
							height: 15px;
							background-image: url('/images/website/originals/warningtape.gif');
							}
							
span.featured-products-text	{
							padding-left: 5px;
							color: #000000;
							font-weight: 800;
							padding-right: 5px;
							}
									
div.featured-products-body	{
							width: 99.5%;
							border: 1px solid #CECFCE;
							margin-bottom: 5px;
							border-top: none;
							border-bottom: none;
							background-color: #E7E7E7;
                                                        text-align: center;
							}
							
div.featured-products-footer	{
							border-radius-bottom-left: 5px;
							border-radius-bottom-right: 5px;
							-moz-border-radius-bottomleft: 5px;
							-moz-border-radius-bottomright: 5px;
							-webkit-border-bottom-left-radius: 5px;
							-webkit-border-bottom-right-radius: 5px;
							width: 100%;
							border: 1px solid #CECFCE;
							margin-top: 0px;
							border-top: none;
							background-color: #E7E7E7;
							height: 15px;
							background-image: url('/images/website/originals/warningtapeleft.gif');
							}

div.product-detail-files {}

ul.product-detail-files-ul 	{/*list-style-image: url('/images/website/originals/Mobility_Smart_Small_Duck.png');*/
						
							list-style: none none inside;

							}

li.product-detail-files-li 	{float: left;

							}							

/*************** Search Visualisation *****************/

a.sv_vsmall {
	font-size: 10pt;
}

a.sv_small {
	font-size: 12pt;
}

a.sv_medium {
	font-size: 14pt;
}

a.sv_big {
	font-size: 16pt;
}

a.sv_vbig {
	font-size: 18pt;
}

/*************** PHASE 2 *************************/

/* CHUNK: CART */

#widget_cart {}
#cart-contents { 
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
}

#cart-contents li {  }
#cart-itemcount { display: block; }
#cart-total { display: block; }
.cart-view { display: block; }
.cart-checkout { display: block; }


.pdot-submit {
background-color: #4B811B;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-weight: bold; 
		color: white;
		height: 24px; 
		border: 1px #009933 ridge;
		cursor: pointer;
}

#widget_search {
    margin-top: 10px;
}

.cur {
    margin-left: 0 !important;
}

/***************** Round tabs ********************************/

#lefttab {
    height: 23px;
    margin-bottom: -4px;
}

#righttab {
    height: 23px;
    margin-bottom: -4px;
    margin-right: 5px;
}

/* Option Tabs
-------------------------------------*/

#tabmenu{
	background:#fff;
	width:100%;
	margin:8px 0 0 0;
/*	height:27px; */
}
#tab_wrapper {
	background:#eee;
	width:100%;}
.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; */
	height:18px;
	padding: 6px 12px;
	/* margin: 0px 10px 0px 0px; */
	text-decoration: none;
	color: #6b7d84;
	outline: none;
	background: #EEEEEE;
        /*
	border-top: 1px solid #ddd;
        
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
        */
}
.ui-tabs-nav a span{
	color: #6b7d84;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:1px;
	font-family: arial;}

.ui-tabs-nav a:hover {
	background-color: #eee;
	color:#269cc0;
        border-top: 1px solid #ddd;
}
.ui-tabs-nav .ui-tabs-selected a {
	background-color: #eee;
	border-top: 3px solid #ddd;
	padding-top: 4px;
	color: #269cc0;
}
.ui-tabs-nav .ui-tabs-selected a span{
	color: #269cc0;
	}
.ui-tabs-disabled {

}
.ui-tabs-panel {
	padding: 1em 0px;
	margin: 0 10px;
	background: transparent;
	font-family: arial;
	font-size: 10pt;
	/* 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;
}

td.page_borders {
    font-size: 0px;
    background-repeat: repeat-x;
}

p.yellowBoxText {
    font-size: 10px;
}

#breadcrumb a {
    color: white;
}

.prod-detail-price{
	display: none;
}

.prod-detail-buynow {
	display: none;
}


/******************************************************* New Shop Page ***********************************************************/

div.shop_image_box {
	margin-top: 10px; 
}

div.shop_image {
	float: left;
	margin: 0px;
	padding: 0px;
}

div.shop_page_main_text {
	font-size: 9pt;
}

div#voucher_link_shop {
	float: left;
	position: relative;
	top: 342px;
	left: 478px;
}

div#voucher_link_shop a{
	width: 120px;
	height: 120px;
	display: block;
}


/******************************************************* Scroller Code ***********************************************************/
/* Featured scroller */
#carousel_inner {
float:left; /* important for inline positioning */
width:555px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
position: relative;
/* non-important styling bellow */
background: #F0F0F0;
height: 200px;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 1em auto;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul span{
float:left;
margin-left: 45%;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:185px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:200px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
text-align: center;
list-style: none;
}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:200px;
width:15px;
background: #C0C0C0;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

#carousel_container {
	display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: 585px;
}

#carousel_ul ul{
	margin-left: auto;
	margin-right: auto;
}

/******** Also scroller ***********/
#carousel_inner_1 {
float:left; /* important for inline positioning */
width:555px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
position: relative;
/* non-important styling bellow */
background: #F0F0F0;
height: 200px;
}

#carousel_ul_1 {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul_1 span{
float:left;
margin-left: 45%;
}

#carousel_ul_1 li{
float: left; /* important for inline positioning of the list items */
width:185px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:200px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
text-align: center;
list-style: none;
}

#carousel_ul_1 li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll_1, #right_scroll_1{
float:left;
height:200px;
width:15px;
background: #C0C0C0;
}
#left_scroll_1 img, #right_scroll_1 img{
/*styling*/
cursor: pointer;
cursor: hand;
}

#carousel_container_1 {
	display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: 585px;
}

#carousel_ul_1 ul{
	margin-left: auto;
	margin-right: auto;
}

/***************** New products scroller **********************/
#carousel_inner_2 {
float:left; /* important for inline positioning */
width:555px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
position: relative;
/* non-important styling bellow */
background: #F0F0F0;
height: 200px;
}

#carousel_ul_2 {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul_2 span{
float:left;
margin-left: 45%;
}

#carousel_ul_2 li{
float: left; /* important for inline positioning of the list items */
width:185px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:200px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
text-align: center;
list-style: none;
}

#carousel_ul_2 li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll_2, #right_scroll_2{
float:left;
height:200px;
width:15px;
background: #C0C0C0;
}
#left_scroll_2 img, #right_scroll_2 img{
/*styling*/
cursor: pointer;
cursor: hand;
}

#carousel_container_2 {
	display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: 585px;
}

#carousel_ul_2 ul{
	margin-left: auto;
	margin-right: auto;
}

ul.SM {	
	border: #67AF6C solid 1px;
}

ul.SM li a {
    background-color: #E7E7E7;
}

ul.SM li {
/*	min-width: 180px;*/
	width: 100%;
    background-color: #E7E7E7;
}

tr.cartItem td {
    border: black solid 1px;
}

div.onspecial {
    _text-align: center;
}

div.onspecial table {
    _width:auto !important;
}

table.product-listing-table td {
    _width:auto !important;
}

div#cartListingTable table {
    float: left;
}

div#cartListingTable div {
    clear: none !important;
}

div.msgError {
	margin-top: 5px;
	width: 94%;
	padding: 0 3%;
	display: inline-block;
	height: 50px;
	background-image: url('/images/website/boxes/originals/warning_background.png');
	background-position: center center;
	background-repeat: no-repeat;
	font-weight: bolder;
	line-height: 25px;
}

div#cart_frame_invoice {
	width: 44%;
	padding: 0 3%;
	float: left;
	display: inline-block;
	height: 210px;
	background-image: url('/images/website/boxes/originals/address_background.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div#cart_frame_delivery {
	width: 44%;
	padding: 0 3%;
	float: left;
	display: inline-block;
	height: 210px;
	background-image: url('/images/website/boxes/originals/address_background.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div#cart_frame_shipping {
	width: 44%;
	padding: 0 3%;
	float: left;
	display: inline-block;
	height: 210px;
	margin-top: 5px;
	background-image: url('/images/website/boxes/originals/address_background.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div#cart_frame_payment {
	width: 44%;
	padding: 0 3%;
	float: left;
	display: inline-block;
	height: 210px;
	margin-top: 5px;
	background-image: url('/images/website/boxes/originals/address_background.png');
	background-position: center center;
	background-repeat: no-repeat;
}

ul#opc_payment_methods {
	list-style: none outside none;
	padding: 0px;
}

ul#opc_delivery_methods {
	list-style: none outside none;
	padding: 0px;
}

div#cart_frame_coupon {
	width: 94%;
	padding: 0 3%;
	display: inline-block;
	margin-top: 5px;
	background-image: url('/images/website/boxes/originals/coupon_background.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
}

div#cart_frame_coupon h2 {
	margin-top: 10px;
}

div#cart_frame_review {
	background-color: #F2F2F2;
	background-image: url('/images/website/boxes/originals/cart_background_top.png');
	background-position: top;
	background-repeat: no-repeat;
	width: 94%;
	margin: 0 1%;
	padding-left: 2%;
	padding-right: 2%;
}

div#cart_frame_review h2{
	padding-top: 10px;
}

div#cart_frame_review div.divider{
	background-image: url('/images/website/boxes/originals/cart_background_bottom.png');
	background-position: top;
	background-repeat: no-repeat;
	height: 23px;
	width: 610px;
	position: relative;
	left: -14px;
}

div#order-review-totals {
	margin-left: 465px;
}

div#login-newuser{
	width: 290px;
	padding: 5px;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
	background-color: #EDEDED;
	border: 1px solid #CFCFCF;
	height: 280px;
}

div#login-login{
	width: 290px;
	padding: 5px;
	margin-left: 4px;
	margin-right: 4px;
	float: left;
	background-color: #EDEDED;
	border: 1px solid #CFCFCF;
	height: 280px;
}

/**** ACCOUNT PAGE STYLES *****/

div.portal-menu {
	display: block;
	text-align: center;
	height: 180px;
}

ul#portal-menu-list{
	list-style: none outside none;
}

ul#portal-menu-list li {
	display: inline-block;
	float: left;
	width: 150px;
	height: 40px;
	margin: 10px;
}

ul#portal-menu-list li a{
	display: block;
	width: 150px;
	height: 40px;
	background-image: url('/images/website/boxes/originals/account_list_background.png');
	line-height: 40px;
}

/***** News Page Styles *******/

div.news-wrp div.news-title {
	font-weight: bold;
	font-size: 12pt;
	float: left;
	margin-bottom: 10px;
}

div.news-wrp div.news-date {
	float: right;
}

div.news-wrp div.news-author {
	float: right;
	margin-right: 5px;
}

div.news-wrp div.news-summary {
	clear: both;
	margin-bottom: 5px;
}

div.news-wrp {
	border: 1px solid #000000;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #E7E7E7;
	padding: 5px;
}

div.news-feed-item div.news-date {

}

div.news-feed-item div.news-author {
	float: right;
    position: relative;
    top: -15px;
}

div.news-feed-item{
	padding-left: 10px;
	padding-right: 10px;
}

/***** New Menu Styles *******/

div#by_type_menu {
	width: 990px;
	clear: both;
	background-image: url('/images/website/templateImages/originals/header_menu.gif');
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
}

ul#type_menu {
	margin: 0;
	margin-left: 175px;
	padding: 0;
	padding-top: 3px;
}

ul#type_menu li {
	list-style: none;
	float: left; 
}

ul#type_menu li a {
   	display: block;
   	padding: 1px 8px;
	font-size: 11pt;
   	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

ul#type_menu li ul {
	display: none; 
	width: 169px;
	background-color: #D9D9D9;
	z-index:1000;
	margin-top: 5px;
	border: #67AF6C solid 1px;
}

ul#type_menu li:hover ul, ul#type_menu li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
}

ul#type_menu li:hover li, ul#type_menu li.hover li {
   float: none; 
}

ul#type_menu li:hover li a, ul#type_menu li.hover li a {
	border-bottom: 1px solid #FFFFFF;
	padding-left: 18px;
	color: #000000;
	font-size: 10pt;
	text-align: left;	
	font-weight: normal;
	background-image: url("/images/website/templateImages/originals/menu_off.gif");
}

ul#type_menu li li a:hover {
	background-image: url("/images/website/templateImages/originals/menu_on.gif");
	text-decoration: underline;
	color: #00CC00;
}

li.type_menu_top_cat {
	background-image: url("/images/website/boxes/originals/headermenubackground.png");
	width: 120px;
	margin-left: 5px;
	text-align: center;
	height: 24px;
}