/* Place new or modified custom styles here. They will override those in style.css. */

body { color: #99CC99; font-size: 11px; font-family: Verdana, Helvetica, Arial }
.disclaimer { color: gray; font-size: 8px; font-family: Verdana, Helvetica, Arial }
.newsdate { color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica, Arial }
.whites { color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica, Arial }

.genericHeadline, .cartHeadline, .cartItemEditHeadline, .categoryHeadline, 
.productHeadline, .productListHeadline, .checkoutHeadline, .orderFormHeadline,
.thankYouHeadline, .accountHeadline, .welcomeHeading, .aboutHeading, 
.contactHeading {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 17px; 
	font-weight: bold;
	color: #990000;
}

.headBackGround {
	background-image: url(../images/giftofsoundLogo_head.gif);
	height: 70px;
}
.welcomeMessage { 
	font-size: 11px;
	color: #6699CC;
	font-style: normal;
	font-family : Verdana, Helvetica, sans-serif;
	font-weight : bold
}

.lostPassword, .registerAccount, .declineLogin {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #000000;
}

/* links */
A:link {
	color: #6699CC;
	text-decoration: none;
}
A:visited {
	color: #6699CC;
	text-decoration: none;
}
A:active  {
	color:#990000;
	background-color:transparent;
	text-decoration : none;
	font-family: Verdana, Helvetica, Arial
}
A:hover   {
	color:#990000;
	background-color:transparent;
	text-decoration : none;
}

A.specials:link {
	color: #6699CC;
	text-decoration: none;
	font-weight: bold;
}
A.specials:visited { 	
	text-decoration: none;
	font-weight: bold;
}
A.specials:hover {
	color: #DAA520;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

A.menu:link {
	color: #6699CC;
	text-decoration: none;
}
A.menu:visited { 	
	text-decoration: none;
}
A.menu:hover {
	color:#990000;
	background-color:transparent;
	text-decoration : none;
}
img {
	border-color: #663333;
}

/* top menu */
.topMenu { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}
.topMenu A:link {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal; 
	text-decoration: none;
}
.topMenu A:visited { 
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal; 
	text-decoration: none;
}
.topMenu A:hover {
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #D0C4C4;
	text-decoration: none;
}
.topMenuPrices {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFDA;
	font-weight: bold;
	font-style: normal;
}

/* sub menu */
.subMenu { 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.subMenuActive {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.subMenuInactive {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
}
.subMenu A:link {
	color: #6699CC;
	text-decoration: none;
}
.subMenu A:visited {
	color: #6699CC;
	text-decoration: none;
}
.subMenu A:hover { 
	color: #990000; 
	text-decoration: none;
}

/* category tree */
.categoryTreeParentActive {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal;
	font-weight: bold;
	color: #990000;
} 
.categoryTreeActive {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.genericTableBorder {
	border: 1pt #663333 solid;
}

/* buttons */
.button{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	color: #334437;
	background-color: #FFFFFF;
	border:2px solid;
	border-top-color: #6699CC;
	border-left-color: #6699CC;
	border-right-color: #6699CC;
	border-bottom-color: #6699CC;
}
.buttonhover{
	color: #000000;
	border: 2px solid;
	border-top-color: #990000;
	border-left-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;}
	
/* General  */
.priceStyle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Crimson;
}
.priceStyleList {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: Crimson;
}
.priceOld {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: Gray;
}
.priceFree {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: olive;
}
.checkOutMsg {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #6699CC;
}
.warnStyle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Red;
}
.infoStyle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Green;
}
.skype {
	background-image: url(../images/stylesheets/skype.gif);
	display: block;
	width: 67px;
	height: 30px;
}
.skype:hover {
	background-position:0px -30px;
}

h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 17px; 
	font-weight: bold;
	color: #990000;
	margin: 0px; 
}
h2 { font-size: 13px; font-style: normal; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight : bold  }
h3 {
	color: Green;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}
.heading1  {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 18px; color : #000000; font-weight : bold }
.heading2	{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 15px; color : #000000; font-weight : bold }
.heading3	{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 13px; color : #000000; font-weight : bold }
.heading6	{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 13px; color : #000000; font-weight : bold }
p { margin-top: 5px; margin-bottom: 15px; color: black; font-size: 11px; font-family: Verdana, Helvetica, Arial }
ul { color: black; font-size: 11px; font-family: Verdana, Helvetica, Arial }
ol { color: black; font-size: 11px; font-family: Verdana, Helvetica, Arial }
li { color: #666666; font-size: 11px; font-family: Verdana, Helvetica, Arial }
td { color: black; font-size: 11px; font-family: Verdana, Helvetica, Arial }
.heading { color: black; font-size: 19px; font-style: normal; font-family: Verdana, Helvetica, Arial }
.footer { color: black; font-size: 10px; font-family: Verdana, Helvetica, Arial }
.inter { font-size: 11px; font-style: normal; font-family: Verdana, Helvetica, Arial; color: #0000ff }
/*format tables*/
.tablelines
{
 background-color:#EDE7E2;
}

/*color of the narrow line deviding up the table cells*/
.tabletitle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	background-color:#EDE7E2;
}/*alter background color and font color. 
Not on all tables, only present if table has an extra heading*/
.tablehead{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: Green;
	background-color: #EDE7E2;
	padding: 5px 5px 15px 5px;
	_filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='#EDE7E2',endColorStr='#FFFFFF');
}/*alter background color and font color. 
Contains headings of table rows or columns.*/
.tablebody{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
}
/*alter background color and font color. 
Contains main body of the table.*/
.tabletotal{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000000;
	background-color:#EDE7E2;
}

/* styles to make round cordered boxes, can also be square depending on images used*/
.tableSubHeading{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#990000;
}
.tableSubHeading12{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#990000;
}
.bgTop
{
	background-image: url(../images/stylesheets/bg_top.gif);
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #990000;
	font-weight : bold;
}
.bgColorContent
{
	background-color : #E4E4E4;
	font-size : 10px;
}
.cornerTopLeft
{
	background-image : url(../images/stylesheets/corner_top_lft.gif);
}
.cornerTopRight
{
	background-image : url(../images/stylesheets/corner_top_rgt.gif);
}
.cornerBottomLeft
{
	background-image: url(../images/stylesheets/corner_bottom_lft.gif);
}
.cornerBottomRight
{
	background-image: url(../images/stylesheets/corner_bottom_rgt.gif);
}
.bgLeft
{
	background-image: url(../images/stylesheets/bg_lft.gif);
}
.bgRight
{
	background-image: url(../images/stylesheets/bg_rgt.gif);
}
.bgBottom
{
	background-image: url(../images/stylesheets/bg_bottom.gif);
}

/*Styles for Ajax Popup messages*/

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:0px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:180px;	/* Width of tooltip content */
	height:55px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:1em;	/* Font size of content */
	color: orange;     /* Font Colour */
	font-weight: bold;	/* Bold Font */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}