/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/

input.searchbox {background: url(images/searchboxbgblue.jpg);border: 1px solid #004061;font-family:Verdana,Arial,Sans-Serif; height:20px; color:#FFF; font-size: 12px;}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.boxTexttop { font-family: Verdana, Arial, sans-serif; font-size: 10px; vertical-align: top; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

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

.productsNotifications { background: #f2fff7; }

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

 span.largepinktext {

	 

	color:#ff58f9;

	font-family: Verdana, Arial, sans-serif;

    font-size: 14px;

	font-weight:bold;

	 

 }

 

 span.largeredtext {

	 

	color:red;

	font-family: Verdana, Arial, sans-serif;

    font-size: 14px;

	font-weight:bold;

	 

 }
 
 TD.mainbold{



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  line-height: 1.5;

  

  font-weight:bold;


 }

A.mainbold { 



color: #000;



font-size: 12x;



line-height: 120%;



font-family: Verdana, Arial, sans-serif;



text-decoration: none;



background-color: transparent;



font-weight:bold;



}

TD.maincenter {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  line-height: 1.5;

  

  text-align:center;



}

#cwdusacontainer {



  width: 1104px;



  background: #ffffff;



  color: #000000;



  margin: 0px auto 0px auto;/*this codeing is margin top 10px,right auto, bottom 10px and left 10px. Don't change the auto*/



  text-align: left;



 }

TD.headerNavigation1 {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  background: url(images/footergreenbg.png) #321553;



  color: #FFFFFF;



  font-weight : bold;

  

  height: 30px;



}

table.footerpurplecenter {

  

  width:1104px;

  

  background: url(images/headerbg.png) #321653;



background-repeat: repeat-x;



margin-left: auto;

margin-right: auto;

text-align: left;



}

TD.smallTextwhite{



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;

  

  color:#FFF;



}

TD.mainwhite {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  line-height: 1.5;

  

  color:#FFF;



}

span.mainlargewhitebold {



  font-family: Verdana, Arial, sans-serif;



  font-size: 14px;



  line-height: 1.5;

  

  color:#FFF;

  

  font-weight:bold;



}


TD.footerNavigation1 {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  background: url(images/footergreenbg.png) #321553;



  color: #FFFFFF;



  font-weight : bold;

  

  height: 30px;



}


BODY {



  color: #000000;



  margin: 0px;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;

  

  text-align: center;

  

  background:#e8e8e8 url('images/floralbg.png') top center;



}



TD.mainfilled{

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  background:#FFFFFF;

}



TD.sale {

  background: url(images/salebg.png);

  background-repeat:repeat-x;

  text-align:center;

}

TD.snow {

  background: url(images/snowbg.png);

  background-repeat:repeat-x;

  text-align:center;
  
  height: 50px;
  
  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;
  
  color:#FFFFFF;

}

TD.sagepay {

  text-align:center;
  
  color:#F00;

}

TD.mainpadding {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  padding: 5px;

}



TD.mainpaddingbold {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  padding: 5px;

  font-weight: bold;

}



A.underline {

  color: #000000;

  text-decoration: underline;

}



table.center {

  margin-left:auto;

  margin-right:auto;

  text-align:center;

}



span.mainheading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

  font-weight: bold;

}



P {

  padding-top: 0px;

  padding-bottom: 0px;

  padding-left: 1px;

  padding-right: 1px;

}

P#CONTX

{

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px; 

  }

A {

  color: #000000;

  text-decoration: none;

}



td.allbrands {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  background-color: f1f1f1;

  color: 58595b;

  border: #cccccc;

  border-style: solid;

  border-width: 1px;

}



A:hover {

  font-weight : bold;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header{

  background: url(images/headerbg.png);

  background-repeat: repeat-x;



}



TR.headerNavigation {

  background: #FF94FB;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: url(images/infobox.jpg) #FF94FB;

  color: #000000;

  font-weight : bold;

}



A.headerNavigation { 

  color: #FFFFFF; 

}



A.headerNavigation:hover {

  color: #ffffff;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #000000;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #000000;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #FF94FB;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: url(images/infobox.jpg) #FF94FB;

  color: #000000;

  font-weight: bold;

}



.infoBox {

  background: #FF94FB;

}



.infoBoxContents {

  background: #ffffff;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF94FB;

}



.infoBoxNoticeContents {

font-family: Verdana, Arial, sans-serif; 

font-size: 10px; 

background-color: #ffb8fe; 

border-style: solid;

border-color: #ff96fb;

border-width: 1px;

}



TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: url(images/infobox.jpg) #FF94FB;

  color: #000000;

}

TD.infoBoxHeadinggreenlong {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  font-weight: bold;



  background: url(images/infoboxgreen.jpg) #4a691d;



  color: #ffffff;



}



TD.infoBoxHeadinggreen {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxgreen.jpg) #4a691d;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadingpurple {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxpurple.jpg) #321653;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadinglightblue {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxlightblue.jpg) #00659a;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadingred {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxred.jpg) #840000;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadingpink {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxpink.jpg) #e309c7;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadingyellow {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxyellow.jpg) #ffdd00;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBoxHeadingorange {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



  background: url(images/infoboxorange.jpg) #da5b05;



  color: #ffffff;

  

  height:30px;

  padding:8px;



}



TD.infoBox, SPAN.infoBox {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxgreen {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxpurple {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxlightblue {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxred {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxpink {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxyellow {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}



TD.infoBoxorange {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}

TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



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: #ffffff;

}



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: #ffffff;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #FF94FB;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: url(images/infobox.jpg) #FF94FB;

  color: #000000;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



A.pageResults {

  color: #000000;

}



A.pageResults:hover {

  color: #000000;

}



TD.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #000000;

}



H1 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #000000;

  padding: 1px;

  margin: 1px;

}



span.faqhead {

  font-family: Verdana, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #000000;

}



DIV.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #000000;

}



TR.subBar {

  background: #FF94FB;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}

span.mainheadingred {



  font-family: Verdana, Arial, sans-serif;



  font-size: 14px;



  line-height: 1.5;



  font-weight: bold;
  
  color:#F00;



}

TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  line-height: 1.5;

}

span.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.smallTextMainCat {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.smallTextCat {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  padding: 10px;

}



H2 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  padding: 1px;

  margin: 1px;

}

H3 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  padding: 1px;

  margin: 1px;

}

TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #FF94FB;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  color: #FF95FA;;

}



TABLE.formArea {

  background: #f1f9fe;

  border-color: #848684;

  border-style: none;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #FFB3FD; cursor: pointer; }

.moduleRowSelected { background-color: #FFB3FD; }



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

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



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }



.messageStackError, .messageStackWarning { 

font-family: Verdana, Arial, sans-serif; 

font-size: 10px; 

background-color: #ffb8fe; 

border-style: solid;

border-color: #ff96fb;

border-width: 1px;

}



.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb6fd; border-style: solid; border-width: 1px; border-color:#ff96fb; }



/* input requirement */



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



ul.sitemap {

color: #000000;

}



/*---------------------------------*/



/*   Vertical Fly-Out Menu Style   */



/*---------------------------------*/







.verbar	{   /* Color of main vertical menubar and border */



	color: black;



	background-color: #FFFFFF;

	

	text-decoration:none;



}







.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */



	text-align: left;



	white-space: nowrap;



	width: 140px;

	

	text-decoration:none;



}







.vertitem	a {   /* Font style, size of main menu items */



  font-family: Verdana, Arial, sans-serif;



	font-size: 11px;		



	text-decoration: none;



	position: relative;



	display: block;		



}







.vertitem a:link	{   /* Default font style & color of main menu items */



	color: #000000;



	text-decoration: none;	



}



.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */



	color: #ffffff;



	background: url(images/infobox-categories.jpg) #e309c7;



	text-decoration: none;



}







.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */



	color: #FFFFFF;



	background: url(images/infobox-categories.jpg) #e309c7;	



	text-decoration: none;	



}







.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */



	position: absolute;



	left: 0;



	top: 0;



	visibility: hidden;

	

	text-decoration:none;



}







.vertsubframe	{   /* Color of submenu item and border */



	background: #FFFFFF;



	border: 1px outset #000000;







	position: relative;



	display: block;	



}







.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */



	text-align: left;



	white-space: nowrap;

	

	text-decoration:none;



}







.vertsubitem a	{   /* Font style, size of submenu items */



  font-family: Verdana, Arial, sans-serif;



	font-size: 11px;			



	text-decoration: none;



	



	position: relative;



	display: block;	



}







.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */



	color: #000000;



	text-decoration: none;	



}







.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */



	color: #ffffff;



	background: url(images/infobox-categories.jpg) #e309c7;



	text-decoration: none;



}







.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */



	color: #FFFFFF;



	background: url(images/infobox-categories.jpg) #e309c7;	



	text-decoration: none;			



}







.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */



	position: absolute;



	top: 5px;



	right: 8px;

	

	text-decoration:none;



}







.dmselected {   /* Style override for selected category tree */



    background: url(images/infobox-categories.jpg) #e309c7;

	

	color:#FFF;

	

	text-decoration:none;



}







.verbar .dmselected {   /* Style override for selected root category */



    background: url(images/infobox-categories.jpg) #e309c7;

	

	color:#FFF;

	

	text-decoration:none;



}




#lightbox{

            position: absolute;

            top: 40px;

            left: 0;

            width: 100%;

            z-index: 100;

            text-align: center;

            line-height: 0;

            }

 

#lightbox a img{ border: none; }



img.best{ border: 4px double #e4e4e4; }

 

#outerImageContainer{

            position: relative;

            background-color: #fff;

            width: 250px;

            height: 250px;

            margin: 0 auto;

            }

 

#imageContainer{

            padding: 10px;

            }

 

#loading{

            position: absolute;

            top: 40%;

            left: 0%;

            height: 25%;

            width: 100%;

            text-align: center;

            line-height: 0;

            }

#hoverNav{

            position: absolute;

            top: 0;

            left: 0;

            height: 100%;

            width: 100%;

            z-index: 10;

            }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

 

#prevLink, #nextLink{

            width: 49%;

            height: 100%;

            background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

            display: block;

            }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

 

 

#imageDataContainer{

            font: 10px Verdana, Helvetica, sans-serif;

            background-color: #fff;

            margin: 0 auto;

            line-height: 1.4em;

            }

 

#imageData{

            padding:0 10px;

            }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  

#imageData #caption{ font-weight: bold;        }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;      }                                  

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }          

                        

#overlay{

            position: absolute;

            top: 0;

            left: 0;

            z-index: 90;

            width: 100%;

            height: 500px;

            background-color: #000;

            filter:alpha(opacity=60);

            -moz-opacity: 0.6;

            opacity: 0.6;

            }

            

 

.clearfix:after {

            content: "."; 

            display: block; 

            height: 0; 

            clear: both; 

            visibility: hidden;

            }

 

* html>body .clearfix {

            display: inline-block; 

            width: 100%;

            }

 

* html .clearfix {

            /* Hides from IE-mac \*/

            height: 1%;

            /* End hide from IE-mac */

            }          

			

			TABLE.popup {

  border-width: 1px;

  border-style: dotted;  

  border-color

}



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: white;

padding: 0px;

left: -1000px;

border: 1px dashed #FA9CF4;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 135px; /*position where enlarged image should offset horizontally */



}



input.keywords {background: url(images/bgi.jpg);border: 1px solid #B7B7B7;font-family:Verdana,Arial,Sans-Serif}



table.accounthis

{

    border-color: #FA9CF4;

    border-width: 0 0 1px 1px;

    border-style: solid;

}



td.accounthist

{

    border-color: #FA9CF4;

    border-width: 1px 1px 0 0;

    border-style: solid;

    margin: 0;

    padding: 4px;

    background-color: #fff;

	  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}



/* Special Scroller */



#pscroller1 {

	height: 140px;

	border: 0px;

	padding: 5px;

}



#pscroller2{

	width: 350px;

	height: 20px;

	border: 0px;

	padding: 3px;

}



#pscroller2 a{

	text-decoration: none;

}



.someclass {

  	font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}

span.red {



color:#FF0000;



}



span.lightblue {



color:#00659a;



}







span.purple {



color:#321653;



}



span.purplebold {



color:#321653;

font-weight:bold;



}



span.purpleboldlarge {



color:#321653;

font-weight:bold;

font-size:14px;



}



span.pinkboldlarge {



color:#e309c7;

font-weight:bold;

font-size:14px;



}



span.pinkbold {



color:#e309c7;

font-weight:bold;



}



span.pink {



color:#e309c7;



}



span.grey {



color:#a5a5a5;



}



span.green {



color:#009933;



}



span.greenbold {color:#009933; font-weight:bold; }



span.redbold {



color:#FF0000;

font-weight:bold;



}



span.bold {



font-weight:bold;



}

.infoBoxgreen {



  background: #4a691d;



}



.infoBoxpurple {



  background: #321653;



}



.infoBoxlightblue {



  background: #00659a;



}



.infoBoxred {



  background: #840000;



}



.infoBoxpink {



  background: #e309c7;



}



.infoBoxyellow{



  background: #ffdd00;



}



.infoBoxorange{



  background: #da5b05;



}