/*** HTML STYLES ************************************************/

/* Set the default font and page margin here. Do not set colors here.*/
BODY {
	/* MARGIN: 5px 5px; */
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 12px;
}

/* Style for links */
A:link {
	text-decoration: none;
	color: #7553B8;
}
A:visited {
	text-decoration: none;
	color: #7553B8;
} 
A:hover {
	color: #D60C8C;
	background-color: #FFFFFF;
	text-decoration: underline;
}

#shadT {
	background-image: url(../images/shad_top.png);
	background-repeat: no-repeat;
}
#shadB {
	background-image: url(../images/shad_bottom.png);
	background-repeat: no-repeat;
}
#shadL {
	background-image: url(../images/shad_left.png);
	background-repeat: repeat-y;
}
#shadR {
	background-image: url(../images/shad_right.png);
	background-repeat: repeat-y;
}
.bkgd_footer {
	background-image: url(../images/bkgd_footer.gif);
	background-repeat: repeat-x;
}

.navMenu {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 90%;
	color: #FFFFFF;	
	background-image: url(../images/nav_bkgd.gif);
	height: 24px;
	padding-left: 16px;
	text-align: left;
	vertical-align: middle;
}
.navMenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.navMenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.navMenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.navMenu a:hover {
	color: #7553B8;
	background-color: #FFFFFF;
	text-decoration: underline;
}



/* services */
.sbleft {
	width: 147px;
	height: auto;
}
.sbleft .services {
	margin: 0 0;
}
.sbleft .services ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.sbleft .services ul li {
	font-size: 90%; /* added */
	background: transparent url(../images/icons/bullet_redarrow.gif) no-repeat 0px 6px !important;
	background: transparent url(../images/icons/bullet_redarrow.gif) no-repeat 0px 7px;
	padding: 2px 0px 4px 12px; /* top orig. 3px */
	list-style-type: none;
}




/* Style for lines. */
div.thickline {
	height: 2px;
	margin-bottom : 2px;
	margin-top : 2px;
	border: none; 
}
div.thickline hr {
  display: none;
}

div.thinline {
	height : 1px;
	margin-bottom : 2px;
	margin-top : 2px;
	border: none; 
}
div.thinline hr {
  display: none;
}


.mainContainer {
	color: #FFFFFF;	
	background: url(../images/main_bkgd_home.gif) no-repeat 0px 0px;
	background-color: #FFFFFF;
	width: 800px;
	text-align: left;
}
.left-col {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #5C566C;
	font-size: 110%;
	padding: 20px 20px 17px 17px;
}
.main-col {
	color: #5C566C;
	font-size: 110%;
	padding: 20px 20px 20px 20px;
}


/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/*** Login Box Styles ****************************************/

.LoginBoxTop {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(images/box_T.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 4px;
}
.LoginBoxLeft {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/box_L.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.LoginBoxRight {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/box_R.gif); WIDTH: 4px; BACKGROUND-REPEAT: repeat-y;
}
.LoginBoxBottom {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(images/box_B.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 5px;
}



/*** GENERAL PAGE LAYOUT ****************************************/
/* Your Main Site Name. */
#siteName {
	font-size: 24px;
	line-height: 35px;
	margin-left: 5px;
}

.storewideDiscount {
	font-size: 14px;
	color: purple;
}

#basketStats {
	font-size: 11px;
}



/* This is the default font for the entire page body */
.mainpage {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #5C566C;
	font-size: 110%;
}
.mainpage100 {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #5C566C;
	font-size: 100%;
}
.mainpage90 {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #5C566C;
	font-size: 90%;
}
/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}
.mainpageW {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 110%;
	padding-right: 10px;
}
.mainpage10W {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.mainpage10W A:link {
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}
.mainpage10W A:visited {
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}
.mainpage10W A:active {
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
}
.mainpage10W A:hover {
    COLOR: #D60C8C;
    TEXT-DECORATION: none;
	background-color : #FFFFFF;
}


/* Header is a large separating bar used for "What's New" and 
'Product of the Day'. It uses the Highlight Box (Order Box) Title Bar
colors. */
.header {
	FONT-SIZE: 14px;
	font-weight : bolder;
	background-color: gray;
	color: white; 
}

/* Highlight and Input Form box title bars. */
.BoxTitle {
	FONT-SIZE: 16px;  
	font-weight: bold;
}
/* Used primarily in Highlight boxes. */
.BoxText {
	FONT-SIZE: 13px;  
}

/* Sections separate sections on listings and detail pages like the
'more images' and 'customer reviews' sections of the product page. */
.section_title {
	font-size: 12px;
	font-weight: bold;
	color : Maroon;
}

/* Used for listing and detail page navigation links like the 'Sort by' links
on listing pages and 'next | back' links at the bottom of detail pages.*/
.section_footer {
	font-size: 11px;
	color : Maroon;
}
A.section_footer {
	text-decoration : none;
}

.caution {
	COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: 700
}




/*** CATEGORY & PAGES ****************************************/

/* Page Title - only 1 title per page: category, feature, page, product */
H1 {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 28px;
	FONT-WEIGHT: normal;
	margin: 0px;
	color: #7553B8;
}
H1.page {
	font-size: 28px;
}
H1.category {
	font-size: 26px;
}
H1.feature {
	font-size: 26px;
}
H1.product {
	font-size: 20px;
}

/* Page SubTitles - Category Teaser Listings: category, feature, page, product */
H2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	color: #7553B8;
}

H2.product {	
	display: inline;
}

/* Teaser Lists: category, feature, page, product */
H3 {
	font-size:	12px;
	font-weight: bold;
	text-decoration: underline;
	color: navy;
	margin: 0px;	
}
H3.product {
	text-decoration: none;
}

.cat_text_large {
	font-size: 14px;
}
.cat_text_featured {
	font-size: 14px;
}
.cat_text_small {
	font-size: 13px;
}
.cat_text_list {
	font-size: 12px;
}
.review_title {
	font-size: 14px;
	font-weight: bold;
	color: #7553B8;
}


/*** FEATURE DETAIL ****************************************/
.FeatureTeaser {
	font-size : 16px;
}
.FeatureByline {
	font-size : 12px;
	font-style : italic;
}
.Feature_Type {
	font-size : 9px;
	color : #FF3300;
}

/*** POPUP IMAGE STYLES *************************************/
#showimage{
	position:absolute;
	visibility:hidden;
	border: 1px solid gray;
	}
#dragbar{
	cursor: pointer;
	background-color: #EFEFEF;
	min-width: 100px; /*NS6 style to overcome bug*/
	}
#dragbar #closetext{
	font-size: 11px;
	margin-right: 2px;
	}
#detailimg{
	cursor: pointer;
	}
#detailarea{
	width: 100%; 
	background-color: White;
	}
#caption{
	background-color: white;
	font-size: 12px;
	padding: 2px;
	}

/*** INPUT FORMS ******************************************/
/* Titles separating sections of a form (this is NOT the Box Title)*/
.formtitle {
	FONT-SIZE: 14px;
	font-weight : bold;
}

/* Appears at top of form if page returns an error */
.formerror {
	FONT-SIZE: 12px;
	color : Red;
}

/* Used in the login box ('user name not found', etc.) */
.formerrorsmall {
	FONT-SIZE: 10px;
	color : Red;
}

/* Form field names '*/
.formtext {
	FONT-SIZE: 12px;
}
/* Instructions below form fields '*/
.formtextsmall {
	FONT-SIZE: 10px; 
}

/* Used in the login box for 'name' and 'password'*/
.FormTextVerySmall {
	FONT-SIZE: 9px;
	COLOR: gray;
}

.formfield {
	BACKGROUND-COLOR: #fbfbfb;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #003163;
	FONT-SIZE: 12px;
}
.formfieldselect {
	FONT-SIZE: 12px;
	COLOR: #003163;
}
/* The form fields for the login box have width set as well */
.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 120px;
}

.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
}

/* HTML form submit buttons */
.formbutton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}
A.formbutton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #dddddd;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.formbutton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: white;
	BACKGROUND-COLOR: #666666;
	TEXT-DECORATION: none;
}

/* Used to set margins on a form tag */
form.margins {
	margin: 10px; 
	padding: 0px;
}
form.nomargins {
	margin: 0px; 
	padding: 0px;
}


/* Simple Search Field */
#searchbox {
}
#searchbox .formfield {
	width: 130px;
	FONT-SIZE: 11px;
}

/*** LISTING RECORDS ******************************************/
/* Query Description line */
.ResultHead {
	FONT-SIZE: 16px;
}

/* Result table title row */
.listingHead {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
}
/* Result table smaller font */
.ListingSmall {
	font-size:	10px;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 14px; ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 12px; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 12px; 
}
.listingsubtext {
	FONT-SIZE: 11px;  
}
/* For Feature listings author line */
.listingtagline {
	FONT-SIZE: 10px; 
}
/* For Event listings */
.listingdate {
	FONT-SIZE: 12px; 
}


/*** ALPHA MENU (SITEMAP) *************************************************/
A.alphaon:link {
	 FONT-SIZE: 13px; TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px; TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #F0F0F0;
}
A.alphaoff:link {
	 FONT-SIZE: 9px; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 9px;  TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 9px;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}

.menu_page {
	font-size: 12px;
	COLOR: gray;	
	clear: left;
}
a.menu_page
{
	font-size: 12px;
}

.menu_page2 {
	font-size: 10px;
	COLOR: #808080;
}
a.menu_page2
{
	font-size: 10px;
	COLOR: #808080;
}

.menu_page_title {
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}


/*** MENUS ******************************************/
/* Breadcrumb Trail Menu */
/* The Breadcrumb Trail DIV and non-link text */
#menu_trail {
	font-size: 12px;
	text-decoration : none;
	COLOR: gray;
}
#menu_trail a {
	COLOR: gray;
}

/* Page Footer Menu */
.menu_footer {
	font-size: 11px;
	color : #7553B8;
}
A.menu_footer:link {
	color: #7553B8;
	text-decoration: none;
}
A.menu_footer:visited {
	color: #7553B8;
	text-decoration: none;
}
A.menu_footer:hover {
	color: #D60C8C;
	text-decoration: underline;
}


	
/* Copyright Notice DIV */
#copyright {
	font-size: 10px;
	color : Gray;	
} 
#copyright a {
	color : Gray;
}

/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: underline
}
/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 17px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}


/* Admin Menu Links */
.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	COLOR: #DAA520;
	TEXT-DECORATION: none
}

.promo_webdev {
	width: 176px;
	height: 151px;
	background-image: url(../images/pbkgd_webdev.jpg);
	background-repeat: no-repeat;
}
.promo_seo {
	width: 176px;
	height: 151px;
	background-image: url(../images/pbkgd_seo.jpg);
	background-repeat: no-repeat;
}
.promo_ecom {
	width: 176px;
	height: 151px;
	background-image: url(../images/pbkgd_ecom.jpg);
	background-repeat: no-repeat;
}

.promo_btext {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 85%;
	line-height: 120%;
	padding: 100px 10px 5px 8px;

}
.promo_arrow {
	padding: 0 0 0 0;
	text-align: right;
	vertical-align: bottom;
}

.projectName {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	line-height: 16px;
	COLOR: #7553B8;
	TEXT-DECORATION: none;
}
.projectName A:link {
	COLOR: #7553B8;
	TEXT-DECORATION: none;
}
.projectName A:visited {
	COLOR: #7553B8;
	TEXT-DECORATION: none;
}
.projectName A:active {
	COLOR: #7553B8;
	TEXT-DECORATION: none;
}
.projectName A:hover {
	COLOR: #D60C8C;
	background-color: #ffffff;
	TEXT-DECORATION: underline;
}
.projQuote {
	background-image: url(../images/projects/project_quote.gif);
	background-repeat: no-repeat;
	padding: 30px 10px 5px 8px;
}
.projQuoteEnd {
	height: 34px;
	background-image: url(../images/projects/project_quoteend.gif);
	background-repeat: no-repeat;
	padding: 0px 7px 0px 0px;
}
.projQuoteSB {
	background-image: url(../images/projects/project_quoteSB.gif);
	background-repeat: no-repeat;
	padding: 15px 7px 0px 0px;
}
.projQuoteEndSB {
	height: 34px;
	background-image: url(../images/projects/project_quoteendSB.gif);
	background-repeat: no-repeat;
	padding: 0px 7px 0px 0px;
}
.thinline {
	margin-bottom : 2px;
	margin-top : 6px;
	border: none; 
}
.quote {
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #5C566C;
	line-height: 16px;
}
.quoteby {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #7553B8;
	text-align: right;
}