/*****************************************************
*
* background-color: sets the background color for each page of the website (currently white)
* font-family: sets the fonts that will be used for regular text, currently Verdana will be used. If unavailable
* uses Geneva, and as a last resort uses the generic sans-serif font
*
******************************************************/
body
{
	background-color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
}

/******************************************************
*
* border left, right, bottom: sets the style, thickness and color of the page borders. These are currently light gray
* background-color: sets the background color for the inner frame
*
*******************************************************/
#page
{
	border-left: solid 1px #cfcfcf;
	border-right: solid 1px #cfcfcf;
	border-bottom: solid 1px #cfcfcf;
	margin: 0px auto;
	padding-bottom: 12px;
	width: 700px;
	min-height: 600px;
	background-color: #ffffff;
}

/******************************************************
*
* background-image: image that is displayed behind the text in the banner. This can be any 700x100 image
* border-bottom: sets thickness, style and color of border between image and link bar. currently dark green
*
******************************************************/
#titlebar
{
	position: relative;
	width: auto;
	height: 100px;
	background-image: url(images/greenbanner.jpg);
	border-bottom: 1px solid #215E21;
}

/************************************************************
*
* background-color: color that pops up behind products when
* moused over (currently dark green #215E21)
*
************************************************************/
a.prodLink:hover div.prodDiv
{
	cursor: pointer;
	background-color: #215E21;
}

/************************************************************
*
* color: color of links on the build alongs, events, contacts pages (currently dark green)
*
************************************************************/
.buildAlongP a:link, a:visited
{
	color: #215E21;
}

/*****************************************************
*
* Formatting for link menu in banner.  
*
******************************************************/

.menu{
	border: none;
	
	/*************************************************************
	*
	* background-image: image that is displayed behind the links
	* it is currently a green burst thing
	*
	**************************************************************/
	background-image: url(images/linkgreenbg.jpg);
	
	border:0px;
	margin:0px;
	padding:0px;
	
	/******************************************************************************
	*
	*fonts that are used by the menu.  Whichever font is available is used
	*
	*******************************************************************************/
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	
	/******************************************************************************
	*
	* font size for the links on the main menu (not dropdown menu)
	*
	*******************************************************************************/
	font-size:14px;
	
	font-weight:bold;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: url("images/seperator.gif") bottom right no-repeat;
		
		/****************************************************************************
		*
		* Font color used by links on the main menu (not dropdown menu)
		*
		*****************************************************************************/
		color:#ffffff;
		
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px;
		width: 100px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
		
			/************************************************************************
			*
			* font color used by both highlighted items and the dropdown menu. Currently
			* set to light blue (#00FFF7)
			*
			*************************************************************************/
			color:#FFFFFF;
			
			text-decoration:none;
			}
	.menu li ul{
	
		/*****************************************************************************
		*
		* background color of dropdown menu. Currently a light green (#548c4d)
		*
		******************************************************************************/
		background:#548c4d;
		
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:125px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:100px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		color: #ffffff;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
		
			/******************************************************************
			*
			* background: background color of a highlighted dropdown menu item (currently dark green)
			* color: font color of a highlighted dropdown menu item (currently white)
			*
			*******************************************************************/
			background:#215E21;
			color:#ffffff;
			
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

/************************************************************
*
* formatting information for homepage image previews
*
************************************************************/
img.thumbnail
{
	border: 1px solid #000000;
	margin: 12px;
	max-width:200px;
	max-height: 150px;
}

/************************************************************
*
* formatting information for product image previews
*
************************************************************/
img.prodThmb
{
	border: solid 1px #000000;
	display: block;
	padding: 0px;
	max-width: 200px;
	max-height:150px;
	margin: 0px auto;
}

/**********************************************************
*
* color that pops up behind homepage images when moused over
* (Currently dark green #215E21)
*
**********************************************************/
a.tLink:hover div
{
	background-color: #215E21;
}


/************************************************************
*
* color of "GTM" on about us page
*
************************************************************/
.greenText
{
	color: #215E21;
}

.centeredText
{
	text-align: center;
}

.centered
{
	align: center;
}

.nomargin
{
	margin: 0px;
}

.nopadding
{
	padding: 0px;
}

.nobottom
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/************************************************
*
* formatting for the "Glenn Torrance Models" text in the banner
*
*************************************************/
#GTM
{
	font-size: 44px;
	text-shadow: #000000 2px -2px 2px;
}

#GTM a:link, #GTM a:visited
{
	color: #ffffff;
	text-decoration: none;
}


/******************************************************
*
* formatting for "Scale WWI Models" text in banner
*
*******************************************************/
#SWW1M
{
	position: absolute;
	left: 5px;
	bottom: 2px;
	color: #ffffff;
	text-shadow: #000000 1px -1px 2px;
}


/******************************************************
*
* formatting for "X Item(s) in Cart" text in banner
*
*******************************************************/
#cartText
{
	position: absolute;
	right: 35px;
	bottom: 2px;
}

/*****************************************************
*
* position info for the shopping cart icon
*
******************************************************/
#cartIcon
{
	position: absolute;
	right: 10px;
	bottom: 2px;
}


#cartText a:link, #cartText a:visited
{
	color: #ffffff;
	text-shadow: #000000 1px -1px 2px;
}

/******************************************************
*
* formatting for "Quality without Question" text in banner
*
******************************************************/
#QWQ
{
	position: absolute;
	font-size: 1.3em;
	bottom: 28px;
	left: 0px;
	color: #ffffff;
	text-shadow: #000000 1px -1px 2px;
}


#body
{
	padding-left: 14px;
}
#content
{
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 28px;
}
div.prodDiv
{
	border: solid 1px #000000;
	text-decoration: none;
	position: relative;
	float: left;
	padding-top: 12px;
	margin-right: 11px;
	margin-bottom: 11px;
	width: 214px;
	height: 200px;
}


a.prodLink:visited, a.prodLink:link
{
	text-decoration: none;
	color: #000000;
}

h5.prodInfo
{
	text-align: center;
	margin: 0px;
	position: absolute;
	/*border-top: solid 1px #000000;*/
	bottom: 2px;
	width: 214px;	
}

div.imgWrapHome
{
	float: left;
	width: 224px;
	height: 174px;
}

div.imgWrapHomeLast
{
	float: left;
	clear: both;
	width:224px;
	height: 174px;
}

/************************************************************
*
* border: border for homepage text (the news update)
*
************************************************************/
#textDiv
{
	border: solid 1px #cfcfcf;
	width: 672px;
}

.floatLeft
{
	float: left;
}

.clearRightFloat
{
	clear: right;
	
}

.clearLeftFloat
{
	clear: left;
}

#prodTitle
{
	text-align: center;
}

#imgFrame
{
	text-align: center;
	width: 347px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
}

#descFrame
{
	border: solid 1px #000000;
	width: 345px;
	float: left;	
}

#priceFrame
{
	border: solid 1px #000000;
	width: 298px;
	float: right;;
	margin-right: 14px;
}

#prodFrameImg
{
	border: solid 1px #000000;
	max-width: 300px;
	max-height: 300px;
}

#smImgFrame
{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	margin-top: 10px;
	
	width: 345px;
}

img.smImages
{
	border: solid 1px #000000;
	max-width: 98px;
	max-height: 78px;
}

div.smWrapper
{
	cursor: pointer;
	float: left;
	width: 100px;
	height: 80px;
	margin: 5px 7px;
}

p.paddedP
{
	margin: 5px 5px;
}

.priceHeadings
{
	margin: 0px 5px;
	
}
#priceSubFrame
{
	border-bottom: solid 1px black;
}

#infoInclFrame
{
	margin: 5px;
}

.prodList
{
	margin: 0px;
}

#cartTable
{
	width: 660px;
	border-collapse: collapse;
	border: solid 1px #000000;
}

#cartTable td
{
	border: solid 1px #000000;
}

#totalCell
{
	text-align: right;
	padding-right: 5px;
}

#padded
{
	margin: 14px 14px 14px 0px;
}

#cart
{
	border: none;
	width: 25px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	* html fieldset{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
    }
	
#coBtn
{
	position: relative;
	bottom: 38px;
	left: 585px;
}

label
{
	font-size: 0.8em;
	float:left;
	width:20%;
	margin-right:0.5em;
	padding-top: 0.2em;
	text-align:right;
}

#otherPayment
{
	position: relative;
	left: 20%;
}

.warningText
{
	font-size: 0.8em;
	color: red;
}

.redText
{
	color: red;
}
	
fieldset
{
	margin-top: 12px;
	margin-right: 14px;
}

.scbx
{
	position: relative;
	right: 55%;
	width: 100%;
}

.coBtns
{
	margin-top: 5px;
	margin-left: 4px;
	height: 25px;
	width: 15%;
}

#addToListBtn
{
	position: relative;
	left: 80%;
}