/*
  AFCommerce Main Style Sheet File
  File Name: style.css, v 2.1       
  Author: Paul Crinigan, AmazingFlash.com

  AFCommerce, Amazing Flash Commerce Solutions
  http://www.afcommerce.com

  Copyright (c) 2005 AFCommerce

  AFCommerce is Released under the GNU General Public License
*/

 

BODY {
     margin: 0px;
     color: #000000;
     background: #ffffff;
	 }
	 

.homemaintext {
      font-family : Verdana, Arial, sans-serif;
	  font-size : 14px;
	  font-weight: none;

}
.afc_question{
	color:#000000;
	background-color:#FFF;
	text-align: left;
	height:20px;	
	overflow:hidden;
	cursor:pointer;
}

.afc_answer {
	border:1px solid #317082;
	background-color:#eeeeee;
	font-size : 14px;	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}

.afc_answer_content{	/* Content that is slided down */
	padding:1px;	
	position:relative;
}
	  }
	 
.question{
	padding-left:6px;
	display: inline;
	color:#B21A1F;
	font-size : 10px;
	padding-left: 10px;
	overflow:hidden;
	cursor:pointer;
}
.answer{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.answer_content{
	padding:4px;
	position:relative;
}
	 
a img { border: 0px;}

h1, h2 {
color: #003366;
font-size: 24px;
}

.contentheader {
      font-family : Verdana, Arial, sans-serif;
	  font-size : 21px;
	  font-weight: bold;
	  }


.maintext  { 
     font-family : Verdana, Arial, sans-serif;
     }

	 
/* The view cart class controls the font on viewcart.php */		 
	 
.viewcart { 
     font-family : Verdana, Arial, sans-serif;
     font-size : 15px; font-weight: bold; 
	 }  

	 
/* The menu class is used to control the background color and borders of the navigation menu */	
	
.menu {
     border-width: 0px 1px 2px 1px;
	 padding: 0px;
	 border-style: solid;
	 border-color: #860234;
	 background-image: url('/images/mainsite/bg.gif');
	 background-repeat: repeat-y;
     font-family : Verdana, Arial, sans-serif;
	 }  
	 
/* The headline1 class controls the border and text at the very top of the navigation menu  */	
	 
.headline1 {
     border-width: 1px 0px 1px 0px;
	 padding: 0px;
	 border-style: solid;
	 border-color: #860234;
	 background-color: #860234;
	 font-family : Verdana, Arial, sans-serif;
	 font-weight:bold;
	 font-size : 14px;
	 color: #ffffff;
     background-image: url('/images/mainsite/leftmenu_topmidmain.gif');
	 background-repeat: repeat-x;
	 } 

/* The headline2 class controls the border background color and text inside of the navigation menu that is not a link for example where it says STORE OPTIONS inside of the menu  */	 
	 
.headline2 {
     border-width: 1px 0px 1px 0px;
	 padding: 5px;
	 border-style: solid;
	 border-color: #9A9A9A;
	 background-color: #860234;
	 font-family : Verdana, Arial, sans-serif;
	 font-weight:bold;
	 font-size : 12px;
	 color: #ffffff;
     background-image: url('/images/mainsite/leftmenu_topmidmain.gif');
	 background-repeat: repeat-x;
	 } 
	 

/* controls links inside of the menu if you are not using buttons */


.nav {
     
	 padding:4px;
     border-style:solid;
	 border-width:1px 0px 1px 1px;
	 border-color:#fbfbfb;
	 font-weight:bold;
	 font-size : 14px;
	 color: #003366;
	 }


 
A.lftnav:link {
     width:93%;
	 padding:4px;
	 text-decoration:none;
	 display:block;
	 border-style:solid;
	 border-width:1px 0px 1px 1px;
	 border-color:#fbfbfb;
	 font-weight:bold;
	 font-size : 12px;
	 color: #003366;
	 }
A.lftnav:visited {
     width:93%;
     padding:4px;
	 text-decoration:none;
	 display:block;
	 border-style:solid;
	 border-width:1px 0px 1px 1px;
	 border-color:#fbfbfb;
	 font-weight:bold;
	 font-size : 12px;
	 color: #003366;
	 }
A.lftnav:active {
     width:93%;
     padding:4px;
	 text-decoration:none;
	 display:block;
	 border-style:solid;
	 border-width:1px 0px 1px 1px;
	 border-color:#fbfbfb;
	 font-weight:bold;
	 font-size : 12px;
	 color: #003366;
	 }
A.lftnav:hover {
     width:93%;
     padding:4px;  
	 text-decoration:none;
	 display:block;   
	 border-style:solid;
	 border-width:1px;
	 border-color:#B7B7B7;
	 background-color:#eeeeee;
	 font-weight:bold;
	 font-size : 12px;
	 color: #8C002F;
	 }

	
/* controls the borders and background color of the main body of content this class is called on the bottom of the toplayout.php page  */	
	
.bodyframe {
     border-width: 0px 1px 2px 1px;
	 padding: 0px;
	 border-style: solid;
	 border-color: #860234;
	 }  




/* The getcategory class controls the look of  product listings on  getcategory.php, showspecials.php, showclearance.php showbundles.php, bestsellers.php, whatsnew.php, getmanufacture.php, and search results  */	

.getcategory {
	 border-width: 1px;
	 padding: 0px;
	 border-style: solid;
	 border-color: #003366;
	 background-color: #eeeeee;
	 }


A.getcategory:link {
     width: 100%;
     display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
	 font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#eeeeee;
	 background-color:#eeeeee;
	 }
A.getcategory:visited { 
     width: 100%;
	 display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
     font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#eeeeee;
	 background-color:#eeeeee;
	 }
A.getcategory:active { 
     width: 100%;
	 display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
     font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#eeeeee;
	 background-color:#eeeeee;
	 } 
A.getcategory:hover { 
     width: 100%;
	 display:block;
	 color:#993333;
	 font-weight:bold;
	 text-decoration:none;
	 font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#B7B7B7;
	 background-color:#ffffff;
	 }


/* The subcategory class controls the look of links for subcategories on the getcategory.php page  */
	 
A.subcategory:link {
     width: 100%;
     padding: 5px;
     display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
	 font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#003366;
	 background-color:#eeeeee;
	 }
A.subcategory:visited { 
     padding: 5px;
	 width: 100%;
	 display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
     font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#003366;
	 background-color:#eeeeee;
	 }
A.subcategory:active { 
     padding: 5px;
	 width: 100%;
	 display:block;
	 color:#003366;
	 font-weight:bold;
	 text-decoration:none;
     font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#003366;
	 background-color:#eeeeee;
	 } 
A.subcategory:hover { 
     padding: 5px;
	 width: 100%;
	 display:block;
	 color:#993333;
	 font-weight:bold;
	 text-decoration:none;
	 font-size:14px;
	 border-style:solid;
	 border-width:1px;
	 border-color:#B7B7B7;
	 background-color:#ffffff;
	 }	 

	 
/* The name class controls font size and color for the category name on the getcategory.php, showspecials.php, showclearance.php showbundles.php, getmanufactures.php page and the product name on the getproduct.php page  */	 
	 
.name { 
     font-size : 25px;
	 font-weight: bold;
	 color: #9F0F0F;
	 }
	 
/* The description class controls font size and color for the category description on the getcategory.php page and the product description on the getproduct.php page  */	 

.description {   
     font-size : 14px;
	 font-weight: bold;
     color : #000044;
	 padding: 10px;
	 }  	 
	 
/* the login class controls all links on the account.php page, it also controls the Go Back, Next Page,  and Previous Page links throughout the cart */		 
	 
	 
A.login:link {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 15px;
	 font-weight: bold;
	 color: #000000; 
     }
A.login:visited {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 15px;
	 font-weight: bold;
	 color: #000000;  
	 }
A.login:active {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 15px;
	 font-weight: bold;
	 color: #000000; 
     }
A.login:hover {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 15px;
	 font-weight: bold;
	 color: #000000; 
     }	 
	
  
/* general links */		 
	 
a:link { 
     color: #000;
	 font-weight: bold;
     text-decoration: none;
	 }
a:visited { 
     color: #000;
	 font-weight: bold;
	 text-decoration: none;
	 }
a:hover { 
     color: #FF0000;
	 font-weight: bold;
     text-decoration: underline;
	 }
a:active { 
     color: #000;
	 font-weight: bold;
     text-decoration: underline;
	 } 	 
	 
	 
A.maincart {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
	 color: #000000; 
     }
A.maincart:visited { 
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
	 color: #000000; 
     }
	 


.addsright {
     margin: 5px;
     border-width: 10px 1px 2px 1px;
	 padding: 4px;
	 border-style: solid;
	 border-color: #860234;
	 background-image: url('/images/mainsite/bg.gif');
	 }

.addstop {
     margin: 5px 5px 0px 5px;
     border-width: 10px 1px 2px 1px;
	 padding: 4px;
	 border-style: solid;
	 border-color: #860234;
	 
	 }
.shadow {
     margin: 0px 5px 0px 5px;
     background-repeat: repeat-x;
	 background-image: url('/images/mainsite/shadow.gif');
	 height: 8px;
	 }
.shadow2 {
     background-repeat: repeat-x;
	 background-image: url('/images/mainsite/shadow.gif');
	 height: 8px; 
	 margin: 0px;
	 }

A.breadcrumb:link {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #ffffff; 
     }
A.breadcrumb:visited {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #ffffff;  
	 }
A.breadcrumb:active {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #ffffff; 
     }
A.breadcrumb:hover {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #FF8000; 
     }	 	 

	 


	 
	 
ul {list-style: none;
    margin: 0px;
	padding: 0px;
	}
 
	 
	 
.color1 {
     border-width: 0px 0px 1px 0px;
	 border-style: solid;
	 background-color: #F9F9F9;
	 color: #000000;
	 font-family : Arial ;
	 padding: 6px 6px 6px 12px; 
	 font-size : 13px;
	 margin: 0px ;
	 list-style: none;
	 
	 } 
	 
	

.color2 { 
     margin: 0px ;
	 border-width: 0px 0px 1px 0px;
	 border-style: solid;
	 background-color: #E2E9EF;
	 color: #000000;
	 font-family : Arial ;
	 padding: 6px 6px 6px 12px;         
	 font-size : 13px;
	 list-style: none;
	 } 


	 
/*position tool tip  */
	 
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
	color:#B21A1F;
	font-size : 10px;
	padding-left: 10px;
	
	}
	
A.tooltip:visited {
    position:relative; 
    z-index:24; 
    text-decoration:none;
	color:#B21A1F;
	font-size : 10px; 
	padding-left: 10px;
	
	}

a.tooltip:hover{z-index:25;
             background-color:#fff;
			 text-decoration:none;
			 color:#B21A1F;
			 font-size : 10px;
			 padding-left: 10px}

a.tooltip span{display: none;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	top:-25px;
    left:-200px; width:400px; 
    border:4px solid #000000;
    background-color:#FF8000; 
	color:#000;
    text-align: left;
	text-decoration:none;
	padding: 4px;
	font-size : 13px;
	}	 
	
	
	
.featureheadline {
     border-width: 0px 0px 1px 0px;
     list-style-type:none;
	 text-align: center;
     border-width: 0px;
	 padding: 5px;
	 border-style: solid;
	 border-color: #9A9A9A;
	 background-color: #860234;
	 font-family : Verdana, Arial, sans-serif;
	 font-weight:bold;
	 font-size : 12px;
	 color: #ffffff;
	 } 		 
	 
	 
.pad {
	 padding: 0px 10px 0px 10px;
	 }

input.btn{
   color:#ffffff;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#9090B4',EndColorStr='#993333');}


/* controls links on submenus and the back button on functions pages  */

A.functionsback:link {
     
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #B21A1F; 
     }
A.functionsback:visited {
     
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #B21A1F;  
	 }
A.functionsback:hover {
     
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #000000; 
     }	
A.functionsback:active {
     
     font-family : Verdana, Arial, sans-serif; 
     font-size : 13px;
	 font-weight: bold;
	 color: #B21A1F; 
     } 	  
	 
	 
a.docsnav:link { 
     color: #000044;
     text-decoration: none;
	 }
a.docsnav:visited { 
     color: #000044;
	 text-decoration: none;
	 }
a.docsnav:hover { 
     color: #FF0000;
     text-decoration: underline;
	 } 	 
a.docsnav:active { 
     color: #000044;
     text-decoration: underline;
	 }

#tutorialnav {
     padding:10px;
     
	 }

#tutorialnav ol li {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 14px;
	 font-weight: bold;
	 color: #000000;
	 padding:5px; 
	 }
	 
#tutorialnav p {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 14px;
	 font-weight: bold;
	 color: #000000;
	 line-height: 1.4
	  
	 }
	 
#tutorialnav em {
     font-family : Verdana, Arial, sans-serif; 
     font-size : 14px;
	 font-weight: bold;
	 color: #B21A1F; 
	 font-style: normal;

	 }

#tutorialnav a {
     color: #003366;
	 text-decoration: underline;
}

#tutorialnav a:hover {
     color: #B21A1F;
	 text-decoration: underline;
}

.code {
margin: 10px 1px 10px 1px;
padding: 5px;
border: 1px solid #000;
font-weight: lighter;
}

#geatures {
     margin: 0px 0px 20px 0px;
     padding: 0px;
	 border: 1px solid #000;
}

.gheadline {
     background-color: #396BB2;
	 color: #FFF;
	 font-weight: bold;
	 text-align: center;
	 padding: 5px;
}

#geatures li {
     margin: 0px;
     padding: 5px 10px 5px 10px;
	 border-bottom: 1px dashed #000;
	 text-align: left;
}


.gblue {
     color: #003366;
     font-size: 23px;
}

.blue {
     color: #1B48AE;
}

.red {
     color: #B11A09;
}

.yellow {
     color: #F8E44B;
}

.green {
     color: #117D15;
}

a.infoleft{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	}

a.infoleft:hover{
     z-index:25; 
	 text-decoration:none;
	 }

a.infoleft span{display: none}

a.infoleft:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:19px; 
	left:-76px;
	width:400px;
	padding: 5px;
    border:1px solid #000;
    background-color:#EEE; 
	color:#000;
    text-align: left;
	font-weight: normal;
	}
	
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	}

a.info:hover{
     z-index:25; 
	 text-decoration:none;
	 }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:19px; 
	left:-147px;
	width:400px;
	padding: 5px;
    border:1px solid #000;
    background-color:#EEE; 
	color:#000;
    text-align: left;
	font-weight: normal;
	}
	
a.inforight{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	}

a.inforight:hover{
     z-index:25; 
	 text-decoration:none;
	 }

a.inforight span{display: none}

a.inforight:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:19px; 
	right:1px;
	width:400px;
	padding: 5px;
    border:1px solid #000;
    background-color:#EEE; 
	color:#000;
    text-align: left;
	font-weight: normal;
	}
#bannerad {
background-image: url('/images/bg.jpg');
background-repeat: repeat-x;
}

.v3feature {
     margin: 3px 0px 3px 0px;
     background-image: url('/images/mainsite/v3_features_bg.jpg');
     background-repeat: repeat-x;
     border-width: 3px 0px 3px 0px;
     border-style: solid;
     border-color: #ff6600;
}

#setuplist {

}

#setuplist ul li{
     list-style-position: inside;
     list-style-type: disc;
     font-weight: bold;
     padding: 5px 0px 5px 10px;
     display: block;
}

#setuplist ul li ul li{
     list-style-position: inside;
     list-style-type: circle;
     font-weight: normal;
     padding: 5px 0px 5px 10px;
     display: block;
}

#setuplist ul li ul li ol li{
     list-style-position: inside;
     list-style-type: decimal;
     font-weight: normal;
     padding: 5px 0px 5px 10px;
     display: block;
}

#setuplist ol li{
     list-style-position: inside;
     list-style-type: decimal;
     font-weight: normal;
     padding: 5px 0px 5px 10px;
     display: block;
}




.quickviewdescription {
font-size : 15px;
font-weight: bold;
color : #000044;
}
	 
.errorclass {
font-size : 15px;
font-weight: bold;
color : #ff0000;
}



/* position tool tip  */
a.getcategory {
     position:relative; /* this is the key */
     z-index:24; 
     text-decoration:none;
}
	
A.getcategory:visited {
     position:relative; 
     z-index:24; 
     text-decoration:none;
}

a.getcategory:hover { 
     z-index:25;
     text-decoration:none;  
	 }

a.getcategory span { display: none; }

/* the span will display just on :hover state */

a.getcategory:hover span{
     display:block;
     position:absolute;
     top:25px;
     left:0px;
	 width:400px;
     border:4px solid #000000;
     background-color:#FF8000;
     color:#000;
     text-align: left;
     text-decoration:none;
     padding: 4px;
}
	 
.quick_basket {
font-family : Verdana, Arial, sans-serif;
font-size : 11px; font-weight: bold;
} 

.quick_basket_question {
color:#000066;
font-size : 10px; font-weight: bold;
text-align: left;
height:15px;	
overflow:hidden;
cursor:pointer;
}

.quick_basket_answer {
font-size : 11px; font-weight: bold;
border:1px solid #317082;
background-color:#eeeeee;	
visibility:hidden;
height:0px;
overflow:hidden;
position:relative;
}

.quick_basket_answer_content {
padding:1px;	
position:relative;
}


// custom product pages - paul
a.highlightlink:link { font-size : 14px; color: #000077; text-decoration: none}
a.highlightlink:visited { font-size : 14px; color: #000077; text-decoration: none}
a.highlightlink:hover { font-size : 14px; color: #ff0000; text-decoration: underline}
a.highlightlink:active { font-size : 14px; color: #000077; text-decoration: underline}

.customproddescript {
font-family : Arial, sans-serif, Verdana;
font-size : 14px;
font-weight: bold;
}

.customproddescripthighlight {
padding: 0px;
font-family: Arial, sans-serif, Verdana;
font-size : 16px;
font-weight: bold;
color: #0000aa;
}