/*
######################    CWB  PRO   #######################
############################################################
CWB PRO	          	Version 1.5
Writed by               GraFX (webmaster@grafxsoftware.com)
Created 03/01/03        Last Modified 28/06/03
Scripts Home:           http://www.grafxsoftware.com
############################################################
File name               generic.css
File purpose            CSS used in site
File created by         GraFX (webmaster@grafxsoftware.com)
############################################################
*/
 
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}

.page {
     background-color:#FFEAE7;
}

.search {
     background-color:#FBF5F3;
}

.info {
     background-image:url(../images/passionpink_r2_c28.jpg);
	 background-position:center;
     background-repeat:no-repeat;
}

.shopinfobg {
     background-image:url(../images/passionpink_r8a_c23a.jpg);
	 background-position:center;
     background-repeat:no-repeat;
}
.shopinfo {
     background-image: url(../images/passionpink_r8_c23.jpg);
	 background-position:center;
     background-repeat:no-repeat;
}

.login {
     background-image: url(../images/passionpink_r9_c19.jpg);
	 background-position:center;
     background-repeat:no-repeat;
}

.logintextlarge {
     font-family: Times New Roman;
     font-size: 25px;
	 color:#FFFFFF;
}

.logintextmed {
     font-family: Times New Roman;
     font-size: 18px;
	 color:#FFFFFF;
}

.logintextdetails {
     font-family: Times New Roman;
     font-size: 15px;
	 color:#9F0909;
}

.carttext {
     font-family: Times New Roman;
     font-size: 12px;
	 color:#9F0909;
}

.menutext {
     font-family: Times New Roman;
     font-size: 18px;
	 color:#585649;
}

.carttextred {
     font-family: Times New Roman;
     font-size: 12px;
	 color: #FF0000;
}

.headtext1 {
     font-family: Times New Roman;
     font-size: 20px;
	 color: #000000;
	 letter-spacing: 3px;
	 font-style: italic;
}

.headtext2 {
     font-family: Times New Roman;
     font-size: 20px;
	 color:  #FF0000;
	 letter-spacing: 3px;
	 font-style: italic;
}

.footertext1 {
     font-family: Times New Roman;
     font-size: 10px;
	 color:  #B1A19B;
	 letter-spacing: 1px;
	 font-style: none;
}

.footertext2 {
     font-family: Times New Roman;
     font-size: 14px;
	 color: #000000 ;
	 letter-spacing: 1px;
	 font-style: none;
}

form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#noborder
{	border: 0px solid;
}


#addtocart
{	border: 0px solid;
BACKGROUND-COLOR: #ffffff; }
.radio
{	border: none;
background: transparent;
 }

#imageField
{	border: 1px solid #FF0101;}

INPUT {
	BACKGROUND-COLOR: #ffffff; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, helvetica, sans-serif;  
	FONT-SIZE: 11px; border: 1px #cccccc; 
	border-left-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-top-style: solid
}

SELECT {
	BACKGROUND-COLOR: #ffffff; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, helvetica, sans-serif;  
	FONT-SIZE: 11px
}

TEXTAREA {
	BACKGROUND-COLOR: #ffffff; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, helvetica, sans-serif;  
	FONT-SIZE: 11px; border: 1px #000000; 
/*
	border-bottom-style: solid; border-left-style: solid; 
	border-right-style: solid; border-top-style: solid
*/
}

OPTION 	{
	BACKGROUND-COLOR: #FFFFFF; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, helvetica, sans-serif;  
	FONT-SIZE: 11px; font-weight: bold}

HR {color: #e2e2e2; height:1px; noshade; line-height: 1px}

A:hover {
	color: #333333;
	text-decoration: underline;
}
A:visited {
	color: #333333;
	text-decoration: none;
}

A:active {
	color: #333333;
	text-decoration: none;
}
A:link {
	color: #333333;
	text-decoration: none;
}

.text {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
}

A.text:link {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666; 
	text-decoration: none
}

A.text:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #990000; 
	text-decoration: none}

.textbold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
}

A.textbold:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #990000; 
	text-decoration: underline
}

A.textbold:link {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
}

.textuserwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.textsearch {
	font-family: Times New Roman;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}


.textworldpay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #000000;
}
.textboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
.textboldred {
	font-family: Times New Roman;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-transform:none;
}

A.textboldred:hover {  
	font-family: Times New Roman; 
	font-size: 18px; 
	font-weight: bold; 
	color: #FF0000; 
	text-transform: none;
	text-decoration: none
}

A.textboldred:link {  
	font-family:Times New Roman; 
	font-size: 18px; 
	font-weight: bold; 
	color: #FF0000; 
	text-transform: none;
	text-decoration: none
}
.textboldwhite {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
}

A.textboldwhite:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none
}

A.textboldwhite:link {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none
}

.txtbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.txtbox:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.txtbox:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.error {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FF0000; 
}

A.error:link {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #990000; 
	text-decoration: none
}

A.error:hover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #990000; 
	text-decoration: none
}
/*
used on registration page
*/
#ht1,#ht2,#ht3,#ht4,#ht5,#ht6,#ht7,#ht8,#ht9,#ht10,#ht11,
#ht12,#ht13,#ht14,#ht15,#ht16,#ht17,#ht18,#ht19,#ht20,#ht21,
#ht22,#ht23,#ht24,#ht25,#ht26,#ht27,#ht28 {
position: absolute;
z-index: 100;
top: 0px;
left: 10px;
visibility: hidden }

.hyperText  {
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color: #e3e3e3;
	padding: 5px;
	border: solid 2px #333333;
	width: 300px;
	layer-background-color: #e3e3e3 
	}

/*
nice borders on Tables, very usefull if you want to not use tables in tables
mostly is used on template_firstpage.html and template_index.html
*/
.TableWithHeading {
	border: 1px solid #000000;
	padding: 3pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E9E9E9;
}

.BorderTD {
	border: 1px solid #FF0101;
	padding: 3pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.TableWithoutHeading {
	border: 1px solid #000000;
	padding: 3pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
}

.YellowTDHeader {
	background-color: #DD0F5B;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 16px;
	font-size: 11px;
	text-align: center;
	padding-right: 5px;
	font-weight: bold;
	letter-spacing: 1px;
}
/*
CONTACT US forms
*/

form div {
  clear: both;
  margin-bottom: 2px;
}
form label {
  display: block;
  float: left;
  width: 80px;
  padding-left: 22px;
  cursor: hand;
}
form label.required {
  background-image: url(../images/required.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.problem {
  background-image: url(../images/caution.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
form label.completed {
  background-image: url(../images/complete.gif);
  background-repeat: no-repeat;
  background-position: 3px 0px;
}
div#submitdiv {
  margin-left: 7em;
  padding-left: 22px;
  padding-top: 0.3em;
}
input#subject, textarea {
  width: 200px;
}
input#email, input#phone {
  width: 40%;
}
input, textarea {
  border: 2px solid #ccc;
}
input:focus, textarea:focus {
  border: 2px solid #000;
}