﻿/* Default style of links */
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}

/* Links at the top of the page (About us, FAQ etc) */
.TopLinks A:link {color: #FFFFFF; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}
.TopLinks A:visited {color: #FFFFFF; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}
.TopLinks A:active {color: #FFFFFF; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}
/*.TopLinks A:hover {background: #FFFFFF; color: #000000; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}*/

/* When the top link is clicked and that partticular page is selected */
.TopLinkSelected {color: #000000; 
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
}
/* When the top link is clicked and that partticular page is visited */
.TopLinkSelected A:visited {color: #000000; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}

/* Style for bread crumb links */
.BreadCrumb {color: #333366; 
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
	background-color: #ffffff;
}
/* When the top link is clicked and that partticular page is visited */
.BreadCrumb A:visited {color: #333366; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}


/* Style for the :: between the top links */
.TopDots {color: #FFFFFF; 
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

/* For other links like goto shopping cart etc */
.GeneralLinks {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: bottom;
	text-decoration: none;
	line-height: 35px;
}

/* Style for text inside the main content section, shopping cart and the cart information
   on the top right
*/         
.CartItems {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	line-height: 20px;
}

/* The newsletter link */
.NewsletterLink {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}
/* Links on left side for product categories 
   LeftLinksWhite: When the link is not selected  and background is black
   LeftLinksBlack: When the link is selected and background is white
*/
.LeftLinksWhite {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.LeftLinksBlack {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* When the left is clicked and that particular page is visited and when the link is actually displayed */
.LeftLinksBlack A:visited {color: #000000; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}
.LeftLinksBlack A:link {color: #000000; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: none;}


/* The link above the category image on home page*/
.CategoryNameLink {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #333366;
	text-decoration: underline;
}
/* When the left is clicked and that particular page is visited and when the link is actually displayed */
.CategoryNameLink A:visited {color: #333366; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: underline;}
.CategoryNameLink A:link {color: #333366; font-family: Verdana; font-size: 9px; font-weight: bold; text-decoration: underline;}


/* Class for the footer area */
.FooterLinks {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	vertical-align: bottom;
	text-decoration: none;
	line-height: 12px;
}

/* Style for the info area at the top of the page, below the image
   for the website.
   ** Note ** If this is modified then change Background1
*/
.PageHeader {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
	background-color: #CCCCCC; /* 000000 */
}

/* Background color for the entire page. 
   ** Note ** If this is modified then change PageHeader 
*/
.Background1 {
	background-color: #CCCCCC; /* 000000 */
}

/* Background color for the following areas: 
   Category list column on left side
   free area next to 2nd image
   newsletter link
   other items in category
   ** Note ** If this color is changed then change TdNotSelected as well
*/
.Background2 {
	background-color: #333366;
}

/* For the categories on the left side 
   TdSelected: Category is selected thus background color is white and text is black
   TdNotSelected: Category is not selected thus background color is black and text is white
*/
.TdSelected {
	background-color: #FFFFFF;
}
.TdNotSelected {
	background-color: #333366;
}

/* Color of the line at the bottom of the page */
.HRForeground {
	color: #333366;
}

/*  Border for the product and category images. Set the border of the <img> to 0 */
.ImageBorder {
	border: 1px solid #000000;
}

/* The matter in the content area */
.ContentArea {
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
}

H1.ContentArea {text-align: left; font: Verdana; font-size: small}

/* Style for the 3 tabs in the shopping section. This style is for the situation when 
   the tab is not selected
*/
.ShoppingTabs {
	font-family: Verdana;
	font-size: 9px;
	color: #333333;
	background-color: #CCCCCC; /* 000000 */
}


/* Product title on product page */
.ProdPageProdTitle {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

H1.ProdPageProdTitle {text-align: left; font: Verdana; font-size: 9px}


/* Article number on product page */
.ProdPageArticleNumber {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
}

H1.ProdPageArticleNumber {text-align: left; font: Verdana; font-size: 9px; font-weight: normal;}


/* Misc text on product page */
.ProdPageProdText {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
}

/* Product description on product page */
.ProdPageProdDescription {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/*  Price table discount column style */
.ProdPageDiscountCol {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
/*  Price table header column style */
.ProdPagePriceCol {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}
/*  Price table data column style */
.ProdPagePriceColData {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
}
/*  Title of the product in the other items in this category table */
.ProdPageOtherItemsProdTitle {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
}
.ThanksPageTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.ThanksPageContent {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

input.label {
border: none;
}
