﻿/* ================================
    CSS STYLES FOR IBUYSPY STORE 
    v1.1, 06/2001
   ================================
*/   

BODY
{
	font-family: Verdana;
	font-size: 12px;
	margin-top: 3px;
    background-color:white; 	
}

IMG
{
	border: 0px;
}

/* */
.HomeHead
{	
    color: black;
    font-family:   Verdana;
    font-weight: bold;
    HEIGHT: 35px
}

/* */
.ContentHead
{
    background-color: white;
    color: darkred;
    font-family:    Verdana, Arial;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: white;
    color: navy;
    font-family:    Verdana, Arial;
    font-weight: bold;
    height: 35px
}

/* */
.UnitCost
{
    color: black;
    font-family:    Verdana, Arial;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family:    Verdana, Arial;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family:    Verdana, Arial;  
}

.MenuHead
{
    background-color: darkred;
    color: white;
    font-family:    Verdana, Arial;
}

.MostPopularHead
{
    background-color: darkred;
    color: white;
    font-family:    Verdana, Arial;
    font-weight: bold;
    font-size: 12px;
   
}

.ProductListHead
{
    color: navy;m
    font-family:    Verdana, Arial;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: none;
}

A.ProductListHead, A.ProductListHead:link, A.ProductListHead:visited
{
    color: navy;
    font-family:    Verdana, Arial;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: none;
}

A.ProductListHead:hover
{
    color: navy;
    font-family:    Verdana, Arial;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}

.FrontPageListHead
{
    color: black;
    font-family:    Verdana, Arial;
    font-weight: bold;
    line-height: 13pt;
    text-decoration: none;
}

.ProductListItem
{
    color: navy;
    font-family:    Verdana, Arial;
    line-height: 14pt;
}

.ModelName
{
    color: navy;
    font-weight:bold;
    font-family:    Verdana, Arial;
    line-height: 14pt;	
}

TH
{
    border: solid 1px silver;
    background-color: ghostwhite;
}

.CartListHead
{
    background-color: ghostwhite;
    border: solid 1px silver;
    color: black;
    font-family:    Verdana, Arial;    
    font-weight: bold;
    line-height: 12pt;
    padding-left: 5px;
    font-size: 11px;
    text-align: left;
}

.RowItem
{
    background-color: #ffffff;
    font-family:    Verdana, Arial;    
    padding-left: 5px;
    font-size: 11px;   
    /*text-align:center;*/
}

.CartListItem
{
    background-color: #ffffff;
    color: black;
    font-family:    Verdana, Arial;    
    padding-left: 5px;
    font-size: 11px;   
}

.CartListItemAlt
{
    color: black;
    font-family:    Verdana, Arial;    
    padding-left: 5px;
    font-size: 11px;    
}

.CartListFooter
{
    background-color: ghostwhite;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family:    Verdana, Helvetica, sans-serif;
    text-decoration: none;    
}   

A.SiteLink:hover    
{
    text-decoration: underline;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    font-family:    Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    text-decoration: none;
}

/* */
.MenuCategory
{
	color: Navy;
    font-family:    Verdana, Helvetica, sans-serif;	
    font-size:  75%;    
    font-weight: normal;
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    font-family:    Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    padding-left: 10px;
    list-style: circle;
}

A.MenuUnselected:hover
{
    text-decoration: underline;
    padding-left: 10px;
    list-style: circle;    
}

A.MenuSelected
{
    font-family:    Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  75%;
    font-weight: normal;
    padding-left: 10px
}

A.MenuSelected:hover
{
    font-family:    Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.Price
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.NormalIndent
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 10px;
	margin-bottom: 3px;
}

.Rating
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.freeShippingSmall
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}

.desc
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: justify;
	margin-right: 5px;
}

.NormalCaps
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: small-caps;
}

.SearchBox
{
	font-weight: normal;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 128px;
}

.NormalFront
{
	font-size: 11px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-variant: small-caps;
}

.NormalSmall
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
}

.NormalVerySmall
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.5em;
}

.normalsmall_margin_top
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding-left: 1px;
	line-height: 2em;
}

.NormalVerySmall
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
}

.NormalDouble
{
    font-family:    Verdana, Helvetica, sans-serif;    
    font-weight: normal;
    line-height: 20px    
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family:    Verdana, Helvetica, sans-serif;    
    font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family:    Verdana, Helvetica, sans-serif;    
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family:    Verdana, Helvetica, sans-serif;    
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family:    Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family:    Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family:    Verdana, Helvetica, sans-serif;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family:    Verdana, Helvetica, sans-serif;
    
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
    color: darkred;
}

.NormalRedSmall
{
    font-family:    Verdana, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    color: darkred
}

.NormalRedStrike
{
    font-family: Verdana, Helvetica, sans-serif;    
    font-weight: bold;
    color: darkred;
    text-decoration: line-through;
    
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;    
    font-weight: bold;    
	font-size: 11px;    
}

#MenuItem
{
    font-family: Verdana, Helvetica, sans-serif;    
	font-size: 11px;    
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.NormalBoldRed
{
    font-family:    Verdana, Helvetica, sans-serif;
    /*font-weight: bold;*/
    line-height: 12px;    
    color: darkred;
}

.NormalBig
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
}

.NormalItalic
{
    font-family:    Verdana, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 16px    
}

A:LINK
{
	color: navy;
	text-decoration: none;	
}

A:ACTIVE
{
	color: navy;
	text-decoration: none;	
}

A:VISITED
{
	color: navy;
	text-decoration: none;	
}

A:HOVER
{
	text-decoration: underline;
}

SMALL   {
}

BIG {

}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

HR {
    height:1pt;
    text-align:left
}

H2 
{
	color: black;
	margin-bottom: 2px;		
	font-size: 16px;
	text-align: left;
	font-weight: bold;	
	margin-top: 0px;	
}

ul { margin: 0px 0px 5px 5px; padding: 0px; }
li { margin: 5px 0px 0px 15px; padding: 0px;}

H1
{
    margin-top: 0px;
	margin-bottom: 0.4em;		
	text-align: left;
	font-weight: bold;
	font-size: 18px;		
}

#discount
{ 
    margin-left: 4px;   
    line-height: 16px;
    color: Navy;
    /*font-weight: bold;*/
    font-size: smaller;
}

span.mainTabText
{
	height: 20px;	
	padding-left: 10px;
	font-size: 11px;
	padding-bottom: 1px;
	color: white;
	padding-top: 2px;
	text-decoration: none;	
}
div.catdesc h1 span
{
	font-size: 14px;		
}


span.subHead
{
	color: White;
	font-size: 12px;	
}

A.menuLink, A.menuLink:hover, A.menuLink:link, A.menuLink:visited
{
	font-size: 12px;	
	text-decoration: none;
	background-color: darkred;
	vertical-align: baseline;	
	line-height: 16px;	
	text-decoration: none;	
	color: White;
	padding-bottom: 2px;	
}

A.menuLink:hover
{
 text-decoration: none;
}

A.menuLinkAlt, A.menuLinkAlt:hover, A.menuLinkAlt:link, A.menuLinkAlt:visited
{
	font-size: 12px;	
	text-decoration: none;
	background-color: navy;
	vertical-align: baseline;	
	line-height: 16px;	
	text-decoration: none;	
	color: White;
	padding-bottom: 2px;	
}

A.menuLinkAlt:hover
{
 text-decoration: none;
}

A.subMenuLink, A.subMenuLink:hover, A.subMenuLink:link, A.subMenuLink:visited
{
	font-variant: small-caps;
	text-decoration: none;	
}

A.subMenuLink:hover
{
    text-decoration: underline;     
}

A.subMenuLinkActive, A.subMenuLinkActive:hover, A.subMenuLinkActive:link, A.subMenuLinkActive:visited
{
	font-weight: bold;
	color: #000000;
	font-variant: small-caps;
	text-decoration: none;
}

A.navBtnLeft, A.navBtnLeft:hover, A.navBtnLeft:link, A.navBtnLeft:visited
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	vertical-align: bottom;
	padding-top: 2px;
	background-color: white;
	text-decoration: none;
	/*border-left: solid 1px black;
	border-right: solid 1px black;
	border-top: solid 1px black;		
	border-bottom: solid 1px black;*/			
}

A.navBtnRight, A.navBtnRight:hover, A.navBtnRight:link, A.navBtnRight:visited
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	vertical-align: bottom;
	padding-top: 2px;
	background-color: white;
	text-decoration: none;
	/*border-left: solid 1px grey;
	border-right: solid 1px black;
	border-top: solid 1px grey;		
	border-bottom: solid 1px grey;
	*/			
}

img.productImg
{
	float:right;
}

div.front_page
{
	background-repeat: no-repeat;
	height: 88px;
	width: 375px;
	background-image: url(Images/front_promotion.jpg);
}

div.front_page_text
{
	width: 190px;
	height: 88px;	
	float:right;
	margin-right: 0px;
	margin-top: 27px;
	text-align: left;
	line-height: 18px;
}

#tab
{
	padding-left: 4px;
	font-size: 11px;
	background: url(/images/banner_blue.gif) center center repeat-x;
	padding-bottom: 1px;
	color: black;
	padding-top: 2px;
	text-decoration: none;
	font-weight : bold;
	/*font-weight: bold;*/
}

#menuTab a
{
	padding-left: 10px;
	font-size: 11px;
	background: darkred url(/images/left_main.jpg) no-repeat left top;
	padding-bottom: 1px;
	color: white;
	/*font-variant: small-caps;*/
	text-decoration: none;
	margin: 0;
}

#menuTab a span 
{ 
	margin: 0;
	background: url(/images/right_main.jpg) no-repeat right top; 
	padding-right: 10px;	
}

#actionTab
{
    margin-top: 1.2em;
    font-size: 11px;    
    margin-bottom: 1.2em;
}

#actionTab a
{
    
}

.menuTabSub
{
  	font-variant:normal;
}

.menuTabSub a
{
	padding-left: 10px;
	font-size: 11px;
	background: darkred url(/images/left_main.jpg) no-repeat left top;
	padding-bottom: 1px;
	color: white;
	font-variant:normal;
	text-decoration: none;
	margin: 0;
}

.menuTabSub a span 
{ 
	margin: 0;
	background: url(/images/right_main.jpg) no-repeat right top; 
	padding-right: 10px;
	color: White;	
	font-variant:normal;	
}


.menuTabSub2
{
    margin-top: 1.0em;
    background: url(/images/banner_blue.gif) center center repeat-x;
    border: solid 1px silver;
    margin-bottom: 12px;    
    font-size: 11px; /*background: darkred url(/images/left_main.jpg) no-repeat left top;*/
    color: black;
    font-variant: normal;
    text-decoration: none;
    font-weight: bolder;    
    text-indent: 5px;
    line-height: 18px;
}


.menuTabSub2 a
{
    font-size: 11px; /*background: darkred url(/images/left_main.jpg) no-repeat left top;*/
    color: black;
    font-variant: normal;
    text-decoration: none;
    margin: 0;
    font-weight: bolder;
}

.menuTabSub2 a span
{
    margin: 0; /*background: url(/images/right_main.jpg) no-repeat right top; */
    padding-right: 10px;
    color: black;
}

#content
{
	text-align: left;
	font-size: 11px;		
}

#content img
{
	padding-left: 5px;
	padding-right: 5px;
}

#more
{
	text-align: left;
	margin-top: 11px;
	font-size: 11px;		
}

A.menu_option
{
	margin-left: 5px;
	font-weight: bold;
}

.messageUnreadTrue
{
	font-weight:bold;
}

#igRating
{
	text-align: center;
	font-size: 2.0em;
}

#userRating
{
	text-align: center;
	font-size: 2.0em;	
}

.igRating
{
	text-align: center;
	font-size: 2.0em;	   
}

.ratingHighlight
{
    color: darkred;
    font-weight: bold;
    font-size: 11px;
}

.reviewScores
{
    background-color: ghostwhite;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    margin-left: 10px;
    font-size: 11px;
    float: right;
    color: black;
    margin-top: 8px;
}   

.button
{
    border: 1px solid;
    border-color: silver black black silver;
    padding: 1px 6px;
    color: black;
    background: darkkhaki;
    text-decoration: none;
    margin: 0;
}
.productInfo
{
    font-size: 11px;
    margin-bottom: 2.0em;   
}

/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
border: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#lnkAddToCart .icon {
background-image: url(images/ok.gif);
}
#buttonCancel .icon {
background-image: url(images/cancel.gif);
}
#buttonImport .icon {
background-image: url(images/import.gif);
}

.prodSection
{
    margin-left: 10px;
}

.box
{
    background-color: white;   
    BORDER-RIGHT:silver 1px solid; 
    BORDER-LEFT:silver 1px solid; 
    BORDER-BOTTOM:silver 1px solid;
}

.boxHead
{
    color: gray;
    background-color: ghostwhite;
    border: silver 1px solid;
    /*font-weight: bold;*/
    line-height: 16px;
}

.LargeText
{
    font-size: 1.1em;
    font-weight: bold;
    color: navy;
}

.headerText
{
    color: black;
    font-size: 20px;
}

.boxCenter
{
    border: 1px solid white;
    width: 100%;
    font-size: 11px;
    background-color: white;
    font-family: Verdana, Arial;       
    padding-bottom: 6px;
}

.prodMessage
{
    font-size: 11px;
    color: darkred;
}

#productBrowser
{
    background: url(/images/banner_gray.jpg) center center repeat-x;    
    border: solid 1px silver;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 607px;
}


#text {position:absolute; top:12; right:0; width:180px; height:130px; padding:0px; font-weight: bold;}

#image2 {position:relative; height:80; width:609; margin:0 auto; border:1px solid silver; margin-bottom:5px; background-image: url(images/sale.jpg);}

.boxTop
{
    width: 180px;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;    
    background: url(/images/banner_blue.gif) center center repeat-x;
    font-size: 11px;
    text-indent: 5px;
    text-align: center;
    font-weight: bold;
}

.boxBanner
{
    width: 380px;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;    
    border-bottom: solid 1px silver;        
    background: url(/images/banner_blue.gif) center center repeat-x;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
}

.boxBanner A
{
    text-decoration: none;    
}

.boxButton
{
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;    
    border-bottom: solid 1px silver;        
    background: url(/images/banner_blue.gif) center center repeat-x;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;    
    color: Navy;
    text-decoration: none;
    cursor:hand;
}

.boxButton A
{
    text-decoration: none;
    cursor:hand;    
}

.boxFooter
{
    width: 178px;
    background: url(/images/banner_blue.gif) center center repeat-x;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;  
    border-top: solid 1px silver;
    line-height: 16px;
    margin-top: 10px;
}

.boxBody
{
    width: 180px;
    border: solid 1px silver;    
    margin-bottom: 20px;
}

.freeShipping
{
    width: 609px;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    background: url(/images/banner_blue.gif) center center repeat-x;
    font-size: 11px;
    margin-bottom: 6px;
    margin-top: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.boxContent
{
    font-size: 9pt;
    margin-top: 8px;
}

#header
{
    margin-bottom: 5px;
}

#footer
{
    margin-top: 5px;    
}

#leftSidebar
{
    float: left;
    width: 160px;
}

.spacer
{
    clear: both;
}

#main
{
   /*width: 778px;*/
   width: 915px;
}

#rightBan
{
    float:right;
    margin-left:8px;    
    border-top: 0px;    
    border-bottom: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;  
    padding: 2px;      
}

#centralContent
{
    float: right;
    width: 606px;
    margin-left: 5px;
    text-align: left;
}

#footerLinks
{
    margin-top: 8px;
    font-size: 11px;
    margin-bottom: 8px;    
}

.categoryPath
{
    font-weight: bold; 
    font-size: 13px;     
}

H3
{
    font-size: 12px;
    margin-bottom: 1px;
    border-bottom: 1px solid silver;
    padding-bottom: 4px;
    margin-bottom: 6px;
}

/* RatingControl */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}
/* End-RatingControl */

/* Category Descriptions */
div.catdesc { margin-top: 1.5em; }
div.catdesc p { margin-top: 1em; 	font-weight: normal; color: black; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
