/*///////////////////////////////////////////////LAYOUT*/

/*container DIV*/
.container {
	width: 900px;
    text-align: left;
	background-image: url(images/persite/header_extend.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

 .boxWidth {
	width: 150px;
}

/*///////////////////////////////////////////////CSS BUTTONS*/

.basicButton{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 2px;
	padding: 0px;
	background-image:  url(images/persite/css_button_bg.gif);
	background-repeat: repeat;
	cursor: hand;
}

/*button colours*/
.cssButton {
	color: #333333;
	border: 1px solid #333333;
}

.cssButtonHover{
	color: #9999CC;
	border: 1px solid #9999CC;
}

/*button sizes*/
.largeButton {/*default*/
	font-size: 12px;
	height: 22px;
	width: auto;
}

.smallButton {
	font-size: 10px;
	height: 18px;
	width: auto;
}

.miniButton {
	font-size: 9px;
	height: 15px;
	width: 30px;
	color: #FFFFFF;
	background-color: #CC66FF;
	border: 1px solid #CC66FF;
	background-image:  none;
}

.listingButton {
	font-size: 9px;
	height: 15px;
	width: auto;
	background-image:  none;
	color: #FFF;
	background-color: #E9BCFF;
	border: 1px solid #CC66FF;
}

.listingButtonHover {
	color: #FFFFFF;
	background-color: #FFBCE9;
	border: 1px solid #FF66CC;
}

.specialButton {/*e.g. 'Add To Cart' button*/
	font-size: 9px;
	height: 15px;
	width: auto;
	background-image:  none;
	color: #FFFFFF;
	background-color: #D98CFF;
	border: 1px solid #D98CFF;
}

.specialButtonHover {
	color: #FFFFFF;
	background-color: #FF8CD9;
	border: 1px solid #FF8CD9;
}

/*///////////////////////////////////////////////GENERAL*/

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #663366;
	vertical-align: top;
	margin: 0px;
}

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

h2.categoryDesc, h2.infoBox, h3, h3.productListing, h3.mainCategory, h3.subcatDisplay, h3.display {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}

h4.mainCategory, h4.subcatDisplay,  h4.display {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
}

BODY {
	color: #663366;/*general text colour*/
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
    background-image: url(images/persite/bg_body.gif); /*page bg*/
	background-repeat: repeat;
}

.textGeneral{
	color: #663366;/*as above*/
}

A {
  color: #663366;/*general link colour*/
  text-decoration: none;
}

A:hover {
  color: #FF66CC;/*general link-hover colour*/
  text-decoration: none;
}

li {
	vertical-align: middle;
	list-style: square;
	text-indent: 3px;
	color: #FF66CC;
}

/*///////////////////////////////////////////////SEPARATOR*/

.separatorDot {
  border-bottom-width: 1px;
  border-color: #FF66CC;
  border-style: dotted
}

.separatorLine {
  border-bottom-width: 1px;
  border-color: #FF66CC;
  border-style: solid
}

/*///////////////////////////////////////////////HEADER*/

TR.header {
  background: #CC66FF;/*bg behind logo*/
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #663366;
	text-indent: 10px;
	vertical-align: top;
	white-space: nowrap;
}

A.headerNavigation { /*top navbar link*/
  color: #663366;
}

A.headerNavigation:hover, A.headerNavigationActive, A.headerNavigationActive:hover{ /*top navbar link-hover*/
  color: #FF66CC;
}

/*///////////////////////////////////////////////FOOTER*/

TR.footerCounter {
  background: #bbc3d3;
}

TR.footerCustom {
  background: white;
}

TD.footerCustom {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  background: white;
  font-weight: bold;
  border-top: 1px solid  #CC99CC
}

TR.footerCopyright {
  background: white;
}

TD.footerCopyright {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
  border-top: 1px solid  #CC99CC;
  color: #CC99CC
}

A.footerCopyright {  /* copyright links */
  color: #CC99CC
}

A.footerCopyright:hover {  /* copyright links */
}

/*///////////////////////////////////////////////INFOBOX*/

.infoBox {/*infobox outline (under infobox header)*/
  border: 1px solid #FF66CC;
}

.infoBoxContents {/*infobox bg*/
  font-family: Verdana, Arial, sans-serif; font-size: 11px;
  background-color: FFFFFF;
}

TD.infoBoxHeading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	font-weight: bold;
	background: #FF66CC;
	color: #FFFFFF;
	letter-spacing: 1px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif; font-size: 11px
}

/*///////////////////////////////////////////////CONTENTBOX*/

.contentBox {/*contentBox outline (under contentBox header)*/
  border: 1px solid #FF66CC;  
}

.contentBoxContents {/*contentBox bg*/
  font-family: Verdana, Arial, sans-serif; font-size: 11px;
  background:  white;
}

TD.contentBoxHeading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: transparent;/*contentBox header bg*/
	color: #FF66CC;/*contentBox header text*/
	text-transform: lowercase;
	letter-spacing: 1px;

}

TD.contentBox, SPAN.contentBox {
  font-family: Verdana, Arial, sans-serif; font-size: 11px
}

/*///////////////////////////////////////////////RIGHT ARROW*/

/*infobox right arrow link style*/

a.rightArrowInfo, a.rightArrowInfo:hover {
  color: #FFF;/*same as infoBoxHeading{color:~}*/
  font-weight: bold;
  vertical-align: 20%;
}

/*contentbox right arrow link style*/

a.rightArrowCont, a.rightArrowCont:hover {
  color: #FF66CC;/*same as contentBoxHeading{color:~}*/
  font-weight: bold;
}

/*///////////////////////////////////////////////CHECKOUT*/

.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #FF66CC; text-decoration: underline; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #663366; }

.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #FF66CC; }

/*///////////////////////////////////////////////PRODUCT LISTING*/

.productListing-odd, TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, .moduleRowSelected, .productsNotifications, .moduleRowOver {
background-color: #FFE2F5 ;
}

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

.productOptionsBox{
	padding: 2px;
	border: 1px dotted #663366;
}

TABLE.productListing {
  border-color: #333333;/*product listing box outline*/
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #FF66CC;/*product listing header bg*/
  color: #FFF;/*product listing header text*/
  font-weight: bold;
}

.productListing-heading:hover {
  color: #FFF499;/*product listing header text*/
}

A.pageResults {
  color: #0000FF;
}

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

/*///////////////////////////////////////////////FORMS*/

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #996699;
	border: 1px solid #CC99CC;
	background-color: #D2D2E9;
	font-weight: bold;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #663366;
  font-weight: bold;
  border: 1px solid #663366 ;
  background-color: #FFF;
}

SPAN.greetUser {
  color: #f0a480;
  font-weight: bold;
}

.totals {
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}

/*///////////////////////////////////////////////CATEGORY BOX*/

.catBullet, .catProdCnt{
	color: #663366;
	font-size: 9px;
}

.catActive, .catActive:hover{
  color:#FF66CC;
}

/*///////////////////////////////////////////////ALL PRODUCTS*/

a.allProducts, a.allproducts:hover {
	font-size: 10px
}

a.allProducts_catpath {
}

a.allProducts_catentry {
	color: #3E5E89
}

a.allProducts_catentry:hover {
	text-decoration: underline
}