body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
h1,h2,h3 {
	font-size: 15px;
	color: #000000;
}

 #header {
	width:922px;
	height:119px;
	position:relative;
	background-image: url(layout/banner.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#topmenu {
	width:917px;
	height:59px;
	position:relative;
	background-image: url(layout/topmenu.png);
	background-repeat: no-repeat;
	background-position: 3px top;
	color: #CCCCCC;
	padding-top:17px;
}

#topmenu a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
	padding-left: 10px;
}

#topmenu a:hover {}


.boxText {  font-size: 11px; }
.errorBox {  font-size: 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size: 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-size: 11px; color: #70d250; text-decoration: underline; }

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
	background-image: url(layout/body.png);
	background-repeat: repeat-y;
	background-position: center top;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  
  font-size: 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size:10px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size:10px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  
  font-size: 11px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 11px;
}

TD.infoBoxHeading {
font-size: 20px;
	font-weight: bold;
	color: #FFFF00;
	background-color: #F0F0F0;
	background-image: url(layout/blackbar.png);
	background-repeat: no-repeat;
	background-position: left top;
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  
  font-size: 11px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  
  font-size: 11px;
  
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	font-size: 20px;
	font-weight: bold;
	color: #FFFF00;
 
	background-image: url(layout/blackbar.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 15px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1.5;
	color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-size: 14px;
}

TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size:10px;
  font-weight: bold;
}

TD.fieldValue {
  
  font-size:10px;
}

TD.tableHeading {
  
  font-size:10px;
  font-weight: bold;
}

SPAN.newItemInCart {
  
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  
  font-size: 11px;
}

SPAN.greetUser {
	font-size:14px;
	color: #0033FF;
	font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size:10px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size:10px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  
  color: #ff0000;
}

SPAN.errorText {
  
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {  font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 11px; color: #000000; }

/* message box */

.messageBox {  font-size: 11px; }
.messageStackError, .messageStackWarning {  font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-size: 11px; color: #ff0000; }


.freeship{
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
 }
 .freeship2{
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
 }


div.column {
	font-size:14px;
	margin-bottom: 15px;
}

div.column_header {
  height: 14px;
  font-weight: bold;
 
  margin: 0px 2px;
}

div.column_header_left {
  background: transparent url(images/infobox/corner_left.gif) no-repeat left;
}

div.column_header_right {
  background: transparent url(images/infobox/corner_right.gif) no-repeat right;
}

div.column_header_none {
}

div.column_header_left h4 {
  padding-left: 0px;
  margin:  0 0 0 11px;
  
  font-size: 11px;
  color: #ffffff;
}

div.column_header_right h4 {
  padding-left: 13px;
  margin: 0 11px 0 0;
  
  font-size: 11px;
  color: #ffffff;
}

div.column_header_none h4 {
  padding-left: 13px;
  margin: 0;
  
  font-size: 11px;
  color: #ffffff;
}

div.column ul, div.column ol, div.column_p_box {
  background: #f8f8f9;
   
  list-style-type: none;
  padding: 10px 0px 10px 0px;
  margin:0;
  line-height: 1.2em;

}

div.column li, div.column_p_box p {
}

.column_li_center {
  text-align: center;
}

.column_li_left50 {
  float: left;
  text-align: left;
  width: 45%;
  clear: both;
}

.column_li_right50 {
  float: right;
  text-align: left;
  width: 45%;
  clear: both;
}

 .cats {
	font-size: 15px;
}
.cats  a{
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-left:10px;
	width:170px;
	font-size: 14px;
	color: #666666; 
 
 
}

.cats a:hover {
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: none;
 }
 
 
/*--- Beginning of Addition Products Cycle Slideshow ---*/
.ProductsCycleSlideshowWrapper { width: 600px; padding:0; margin:0; text-align:left;}
.ProductsCycleSlideshow { height:370px; width: 600px; padding:0; margin:0; overflow: hidden; }
.PCSChild {
	height:380px;
	width: 600px;
	padding: 7px;
	top:0;
	left:0;
}
.actualbox {
	height: 160px;
	width:100%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.PCSChild  a {
	text-decoration: underline;
	color:#0000FF;
	font-size: 22px;
}
.PCSChild  a img { border: none; border-width:0px; margin-left:20px; height:100px;}
.PCSOutput { text-align:left; font-size:14px;}
.PCSOutput a {
	text-decoration: none;
	color:#0033FF;
}
.PCSPager { margin:7px; }
.PCSPager a {  background: #fff; color:#bbc3d3; text-decoration: none; margin: 0 5px; padding: 3px 5px; font-size:12px;}
.PCSPager a.activeSlide { border: 1px solid #000; background: #bbc3d3; color:#000;}
.PCSPager a:focus { outline: none; }
/*--- End of Addition Products Cycle Slideshow ---*/


/* BEGIN: CSS Buttons Everywhere */
.cssButton {
	color: #FFFFFF;
	height: 20px;
	vertical-align: top;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #000080;
	border-spacing: 1px;
	line-height: 22px;
	background-image: url(layout/cssbut.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding-bottom: 5px;
}
/* END: CSS Buttons Everywhere */
.addcolour {
	margin-bottom: 20px;
	background-image: url(layout/addcolour.png);
	background-position: right bottom;
 
	background-repeat: no-repeat;
	padding-bottom: 10px;

}
.addborder {
	margin-bottom: 20px;
	background-image: url(layout/addcolourl.png);
	background-position: right bottom;
	padding-bottom: 10px;
	background-repeat: repeat-x;
}
.articles {
	display:block;
	margin-bottom: 10px;
	background-image: url(layout/addcolourl.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 10px;
	border: 2px solid #999999;	
	}
.formsb{

	float:left;

	width:48%;

	margin-bottom: 2px;

		min-height:30px;

  height:auto !important;

  height:30px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: double;

	border-top-color: #FFFFFF;

	border-bottom-color: #CCCCCC;

	padding: 5px;

}
.msg_list {
	margin-left: 10px;
	margin-right: 20px;
	padding: 0px;
	display:block;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	color: #000000;
	background: #EBEBEB;
	border: 1px solid #CCCCCC;
	font-variant: small-caps;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
.PriceList  {
	font-family: Arial, Verdana,  sans-serif;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.saving { font-family: Arial, Verdana,  sans-serif; color: #ff0000; font-size: 12px; font-weight: bold;  }
.pricenow {
	font-family: Arial, Verdana,  sans-serif;
	color: #0033CC;
	font-size: 14px;
	font-weight: bold;
}
.SavingsPercent  { color: red; font-size: 10px; font-weight: bold }
.oldPrice {
	font-family: Arial, Verdana,  sans-serif;
text-decoration: line thorough color: #ff0000; 	font-size: 12px;
	font-weight: bold;
	color: #0033CC;
}
.oldPriceBIG { font-family: Arial, Verdana,  sans-serif; text-decoration: NONE color: #ff0000; font-size: 12px; font-weight: bold}
.PriceListBIG  {
	font-family: Arial, Verdana,  sans-serif;
	font-weight: bold;
}
.pricenowBIG { font-family: Arial, Verdana,  sans-serif; color: #0033CC; 	font-size: 22px; font-weight: bold;  }
.savingBIG { font-family: Arial, Verdana,  sans-serif; color: #ff0000; font-size: 12px; font-weight: bold;  }
.usualpriceBIG {
	font-family: Arial, Verdana,  sans-serif;
	color: #0033FF;
	font-size: 12px;
	font-weight: bold;
}











.glossymenu{
 
width: 180px; /*width of menu*/
 
}

.glossymenu a.menuitem{
	color: #FFF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0 4px 15px;
	text-decoration: none;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: left top;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem a:active{
	color: #FF0;
	padding-left: 15px;
	background-color: #000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	color: #FFF;
	background-color: #03C;
}

.glossymenu a.menuitem:hover{
	color: #F00;
	background-color: #000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	color: #FFFFFF; 
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
	display: block;
	color: #000;
	text-decoration: none;
	padding: 6px 0 6px 10px;
	border-bottom: 1px dotted #999999;
	margin-right: 5px;
	margin-left: 5px;
	background: url(layout/menuarrow.png) no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.glossymenu div.submenu ul li a:hover{
	color: #000;
	text-decoration: none;
	background-color: #CCC;
}
.productinfo {
	padding: 3px;
	width: 310px;
	border: 1px solid #CCCCCC;
	float: left;
	height: 115px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	margin-left: 15px;
	overflow: hidden;
	position: relative;
}
.prodbutton {
	font-size: 14px;
	margin-bottom: 10px;
	color: #000000;
	text-decoration: none;
}

.newim {
	float:left;
	border:1px solid #FFFFFF;
	width:97px;
	height:112px;
	text-align: center;
	background: #FFFFFF;
	overflow: hidden;
}

.newim img {
	border:0;
	background: #FFFFFF;
	height: 100%;
}


.bnbutton {
	position:absolute;
	bottom:0px;
	height:20px;
	padding-left: 5px;
	padding-top: 5px;
	border: 1px solid #000000;
	padding-right: 5px;
 
	right: 10px;
	color: #FFFFFF;
	height: 20px;
	vertical-align: top;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
 
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #000080;
	border-spacing: 1px;
	line-height: 22px;
	background-image: url(layout/cssbut.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding-bottom: 5px;
}
.bnbuttonh {
	bottom:0px;
	height:20px;
	border: 1px solid #000000;
	width:90px;
	background-image: url(layout/cssbut.png);
	background-repeat: repeat-x;
	background-position: center center;
	right: 10px;
	color: #FFFFFF;
	height: 20px;
	vertical-align: top;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding: 5px;
	float: right; 
	
}

.bnbuttonh a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase; 
}
.bnbutton a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase; 
}
.price {font-size: 16px;}
.bnbutton:hover {
	background: #666666;
}

.homeboxes {
	margin-right: 10px;
	border: 1px solid #000000;
 
}
