/*****************************************************************************************/
/*****************************************************************************************/
/* Styles for the overall layout of Sassy Scot                                           */
/*****************************************************************************************/
/*****************************************************************************************/
			  
/**********************************************************************/
/* General div stuff for product pages, etc.                          */
/**********************************************************************/
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 12px;
	top: 6px;
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 101px;
	top: 51px;
}
.divContainer { display: block;
                width: 100%;
				clear:both;
				position: relative;
				}
.fltleft { float: left;
  padding: 1px;
 }
.fltleft img { margin: 4px; }
.fltcenter { float: left;
  padding: 5px;
 }
.fltright { float: right;
  padding: 5px;
  overflow: hidden;
 }
/**********************************************************************/
/* The next styles define the header                                  */
/**********************************************************************/
#header {
	    clear:both;
		float:left;
		margin-left: 5%;
		width: 90%;
		border-bottom:1px solid #000;
		background-color: inherit;
		margin-top: 10px;
		margin-bottom: 8px;
}

	
/*******************************************************************************/
/* Clearfloat is used to fully contain floats in a div - addresses IE code bug */
/*******************************************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* 'widths' sub menu */
	
/*******************************************************************************/
/* The following styles define the columns in the main body of the page.       */
/*******************************************************************************/
.colmask {
    border: none;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	margin-left: 5%;
	width: 90%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    border: none;
	float:left;
	width: 100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow: visible;
}
.col2 { background-color:#9480b1; }
/* 2 Column (left menu) settings */
.leftmenu {
    border: none;
	background: inherit;		/* right column background colour */
	color: #000000;
}
.leftmenu .colleft {
	right:85%;			/* right column width */	
	color: #000000;
}
.leftmenu .col1 {
	width:85%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
	background: #f4f4f4;
	color: #000000;
}
.leftmenu .col2 {
	width:15%;			/* left column content width (column width minus left and right padding) */
	left:0%;			/* (right column left and right padding) plus (left column left padding) */
	background-color:#d1cfd0;
	color: #000000;
	overflow: hidden;
}

.categoryhdr { background-color: #D4D4D4; }
.catHdrContainer { display: block;
                   width: 99%;
			       clear:both;
				   position: relative;
				   background-color: #cdd0cc;
				   border: 1px solid #434343;
				}
.catHdrContainerRed { background-color: #cc6a6b; }
.catHdrContainerPurple { background-color: #9480b1; }
.catHdrContainerGreen { background-color: #9bd19d; }
.catHdrContainerBlue { background-color: #0f88dd; }
.catHdrContainerGray { background-color: #d1cfd0; }
 .catHdrLeft { float: left;
              background-color: inherit;
              padding: 0px;
 }

/*******************************************************************************/
/* The following styles define the footer for the page                         */
/*******************************************************************************/
#footer {
	clear:both;
	float:left;
	width:76%;
	margin-left: 19%;
	margin-bottom: 10px;
	margin-top: 8px;
	border-top:1px solid #000;
    background-color: #d1cfd0;
	color: #000000;

}
#footer p {
	padding:10px;
	margin:0;
}
/* Validation styles */
#validation {
        display: block;
		clear: both;
		color: #000000;
		float: left;
		width: 30%;
		padding-left: 2%;
		padding-right: 2%;
		background-color: inherit;
}
.footertext { text-align: center; padding: 2px;}
			  
			  

/*****************************************************************************************/
/*****************************************************************************************/
/* Styles for text and misc items on Sassy Scot                                          */
/*****************************************************************************************/
/*****************************************************************************************/
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:inherit;
		color: #000000;
		background-image:url(tartan/production_tartan.jpg);
		min-width:600px;    	/*  width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	.nodisplay { display: none ;}
	.display { display: block ;}

	a {
		color: #000000;
		background: inherit;
		text-decoration:none;
	}
	a:link {
		color:#000000;
		background-color: inherit;
		text-decoration:none;
	}
	a:hover {
		color: #E81C54;
		background: inherit;
		text-decoration:none;
	}
	a:active {
		color: #0000FF;
		background: inherit;
		text-decoration:none;
	}
	
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	
    .h2purple { color: 2e174b;
                text-align: center;
				padding: 6px;
				margin: 6px;
	}			  
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */

.normalhyperlink {	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}
.subcategory {	background-image: url(logo_new/smallgray.gif);
	font-weight: bold;
	text-indent: 30px;
	font-size: 14px;
}
.textblock { width: 96%;
             display: block;
			 padding: 2%;			  
			 }
.textblock p {margin-left: 2%;
              margin-right: 2%; }
			  
			  

/*****************************************************************************************/
/*****************************************************************************************/
/* Styles for the Sassy Scot side navigation bar.                                        */
/*****************************************************************************************/
/*****************************************************************************************/

/***********************************************************/
/* Clearfloat is used to fully contain floats in a div     */
/*  - addresses IE code bug                                */
/***********************************************************/


.imgButtons   { margin:  0px;
				padding: 0px;
				border-style: none;
		 }

.tabaclass   {  padding: 0px;
                margin: 0px;
			    clear: both;
				background-color:inherit;
				text-decoration: none;
		 }
#navstandalone { padding: 0px;
                 margin: 0px;
				 border-style: none;
			   }
#navTable  { border-collapse: collapse;
             padding: 0px;
			 margin: 0px;
			 border-style: none;
			 border-spacing: 0px; }
#navTable tr td { padding: 0px;
			 margin: 0px;
			 padding: 0px;
			 border-style: none; }
#navTable tr td a { padding: 0px;
			 margin: 0px;
			 padding: 0px;
			 border-style: none;
			 text-decoration: none;
			  }
#navTable tr td ul {
				 color: #004c01;
				 background-color: inherit;
		         margin-left: 10px;	
				 padding-left: 10px;
				 padding-top: 2px;
				 padding-bottom: 2px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-size: 12px;
				 font-style: italic;
				 font-weight:bold;				 		 
				 }
				 
#navTable tr td ul li{
				 text-align: left;		 		 
				 }			
#navstandalone a {
		text-decoration:none;
	}
#navstandalone 	a:link {
		text-decoration:none;
	}
#navstandalone 	a:hover {
		text-decoration:none;
	}
#navstandalone 	a:active {
		text-decoration:none;
	}
#accessories { text-align:left; }	


.navTabLink  {  padding: 0px;
                margin: 0px;
				clear: both;
				background-color: inherit;
			    }


.ulnav {display:block;}