/*
	K-Kart E-Commerce System, v1.0
	http://www.kirsir.com
		
	Release Date: 05/20/05
	Terms of Use: K-Kart is owned by Kirsir Web Development and cannot be used without written consent
		          or purchase.  The code contained within K-Kart cannot be reproduced and used on 
		          another site or sold as one's own.
		
	Copyright (c) 2005 Kirsir Web Development
*/

	/*NOTE: To add borders to floating divs (left/center/right), you must account for the width of the border in div widths! e.g. if left div is 175px, that total includes the border and 'inside'.*/

@import url('boxes.css');
@import url('dropdowns.css');
@import url('divs_other.css');
@import url('forms.css');
@import url('links.css');
@import url('tables.css');
@import url('borders.css');
@import url('text_headers.css');


/*************************CORE POSITIONING STYLES*****************************************/
body {
	/*background-color:#fcfcfc;*/
	background-color:#ededed;
	/*background-image:url('../images/bg.jpg');*/
	background-repeat:repeat-y;
	color:#646464;
	margin:0px;
	padding:0px;
	font-size:100%;
	font-family:Verdana, Arial, sans-serif;
}

#pageWrapper { /*wraps all content*/
	position:relative;
	padding:0px;
	margin:0px;
	/*center cart*/
	left:50%; 
	margin-left:-375px; /*Div is 730 moved 50% of window to center - to move back, margin must be neg*/
	width:750px;
	background-color:#fff;
}

#bottomWrapper{ /*wraps all lower content and appears before header content for better SEO*/
	position:absolute;
	top:136px;
	left:0px;
	width:100%;
	background-color:#fff;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#DEDEDE;
}

#topWrapper { /*wraps top divs (topRow, navbar, etc.)*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:136px;
	background-color:#fff;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#DEDEDE;
}


/*******************************TOP STYLES**********************************************/

#date{ /*positions the date div*/
	position:relative;
	font-size:64%;
	color:#fff;
	font-family:Arial, sans-serif;
	text-align:right;
	height:20px;
	width:100%;
	background-color:#BB5307;
}
#dateToday{ /*allows movement of the letters without moving the entire row*/
	padding:3px 3px 0px 0px;
}

#topRow1{
	width:100%;
	height:85px;
	background-color:#fff;
}

#logo{
	position:relative;
	float:left;
	color:#646464;
	font-family:Verdana, Arial, sans-serif;
	padding-left:5px;
}

#account{text-align:right; padding-right:3px;}
#accountLinkLine{font-weight:bold; padding:5px 0px;} /*top account links*/
#accountGreeting{padding:6px 5px 0px;}
#accountCart{padding:2px 5px 3px;}
#accountButts{padding:5px 0px 2px;}

#topRow2{
	width:100%;
	height:26px;
	z-index:10; /*Entire row that contains navbar must have z-index so that #closer goes underneath and removes flickering in IE*/
}

#navbar{
	position:relative;
	width:100%;
	height:24px;
	z-index:10; /*z-index above closer*/
	background-color:#ededed;
	text-align:center;
	font:80%/24px Tahoma, Arial, sans-serif;
	color:#a9a8a8;

	border-width:1px 0px;
	border-style:solid;
	border-color:#646464;
	
}


/*******************************MIDDLE STYLES**********************************************/

#contentAllWrapper{ /*wraps all middle content*/
	position:relative;
	background-color:#fff;
	width:100%;
	height:auto; /*allow expanding div*/
	min-height:275px; /*NN height (not supported in IE)*/
	_height:275px;/*IE height (acts like min-height, ignored by other browsers)*/
}

#centerLeftWrapper{ /*wraps center & left columns*/
	position:relative; 
	float:left; 
	width:590px;
	background-color:#fff;
}

#center{ /*div holding content (adding a border adds width!)*/
	position:relative;
	width:430px;
	float:right;
	height:auto; /*allow expanding div*/
	min-height:275px; /*NN height (not supported in IE)*/
	_height:275px;/*IE height (acts like min-height, ignored by other browsers)*/
}

#left{ /*column holding left content (adding a border adds width!)*/
	position:relative; 
	float:right; 
	width:160px; 
	background-color:#fff;
}

#right{ /*column holding right content (adding a border adds width!)*/
	position:relative; 
	float:left; 
	width:160px; 
	background-color:#fff;
}

#content {
	position:relative;
	margin:1em;
	background-color:#fff; 
}

/*prompter div for Flash*/
#flashPrompter{position:absolute; top:0px; left:0px; visibility:hidden; z-index:1;}

/*******************************BOTTOM STYLES**********************************************/


#footer{ /*holds textlinks, copyright, and link to Kirsir*/
	position:relative; 
	width:100%; 
	text-align:left;
	clear:both;
	padding:0px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#ededed;
}
#footerContents{padding:2px;}

#footerBG{background-color:#f9f8f8;}

#textLinks{
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	color:#646464; 
	font-size:64%;
	padding:10px;
}

#copyright {
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	color:#646464; 
	font-size:64%;
	padding:0px 10px;
}

#kirsir{
	font-family: Verdana, Arial, sans-serif; 
	font-size: 64%;
	color:#a9a8a8; 
	padding:2px 10px 10px;
}


/**************************ALIGNMENT (STANDARDS)***************************************/
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignT{vertical-align:top;}
.alignM{vertical-align:middle;}
.alignB{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}
.noPad{padding:0px;}
.posRel{position:relative;}
/******************************IMAGES**************************************************/
.imageUnavailable{
	text-align:center;
	background-color:#fff;
	border:1px solid #ededed;
	color:#a9a8a8;
}
.thumbPad{margin:2px;} /*margin for thumbs like in featured products box*/
.imgMargRB{margin:0px 3px 3px 0px;}
.imgMargLB{margin:0px 0px 3px 3px;}
.imgMargL{padding:0px 0px 0px 5px;}

/**********************************HARD RULES**************************************/
hr.reg {width:100%; height:1px; color:#ededed;}


/**********************************LISTS*******************************************/
ul.circleColour{list-style-image:url('../images/bullets/bullet_circle_colour.gif');}
ul.circleDarkGrey{list-style-image:url('../images/bullets/bullet_circle_darkgrey.gif');}
ul.circleLightGrey{list-style-image:url('../images/bullets/bullet_circle_lightgrey.gif');}
ul.arrowColour{list-style-image:url('../images/bullets/bullet_arrow_colour.gif');}
ul.arrowDarkGrey{list-style-image:url('../images/bullets/bullet_arrow_darkgrey.gif');}
ul.arrowLightGrey{list-style-image:url('../images/bullets/bullet_arrow_lightgrey.gif');}

li{padding:2px;}

/******BOX LISTS********/
ul.boxList{
	margin-top:0px; 
	margin-bottom:0px;
	list-style-image:url('../images/bullets/bullet_arrow_colour.gif');
}

ol.boxList{
	margin-top:0px;
	margin-bottom:0px;
}

ul.boxList li, ol.boxList li{
	padding:2px;
	margin-left:-8px;
}

ul.piExtrasList{padding:0px 0px 0px -20px;}

/*********************ERRORS**********************************************************************/
div.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 64%;
  background: #da251d;
  color: #ffffff;
  font-weight : bold;
}

div.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 64%;
  background: green;
  color: #ffffff;
  font-weight: bold;
}

#messageStack {margin-bottom:15px;}
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size:64%; color:#ff0000; background-color: #fff; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size:64%; background-color:#fff; color:green; }


/******************DISPLAY DURING PRINTING ONLY*****************************************/
/*Company Info that only appears when printed*/
#printCompanyInfo{display:none;}