/*
1. Global
2. Main Container
3. Top Navigation
4. Maintext
5. Main Navigation
6. dhtml dropdown menus
7. Container Right Start
8. footer
9. Contact Form
10. events calendar
11. items
12. item detail
13. cart
14. checkout
15. member login
16. image gallery
*/

/**********Global***************/
body 
{
	background-color: #B0B0B0;
	background-image: url(/images/auburn/2dtdbga.jpg);
}
a:link, a:active, a:visited
{
	color: #004D98;
	text-decoration: none;
	
	font-size: 12px;
}
a:hover
{
	text-decoration: underline;
}
.abBtn
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: 700;
	font-size: 10px;
	border-left: #000000 1px solid;
	color: #ffffff;
	border-bottom: #000000 1px solid;
	font-family: arial;
	background-color: #CF0000;
}
.tb
{
	border: 1px solid #ddd;
}

/**********Main Container**************/
#Container
{
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #ffffff;
}
#Top{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 800px;
	height: 80px;
	background: transparent url(/images/auburn/sah_logo1a.jpg) no-repeat left top;
}
#TopImage
{
	width: 800px;
	height: 125px;
	background: transparent  url(/images/auburn/sah_headera.jpg) no-repeat left top;
	margin-top: 5px;
}
#CompanyName
{
	display: none;
}
#CompanySlogan
{
	display: none;
}

/************Top Navigation********************/
#nav
{
	height: 25px;
	width: 800px;
	margin-top: 0px;
	text-align: right;
	background-color: #004D98;
		
}
div#nav ul
{
	height: 25px;
	list-style: none;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	
	
}
div#nav ul li
{
	background-color: #4E79BD;
	list-style: none;
	display: block;
	width: 132px;
	float: left;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #FFFFFF;
	color: #ffffff;
	float: right;	
}
div#nav ul li a
{
	width: 100%;
	height: 25px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 14px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #004D98;
}
div#nav ul li.last
{
	width: 129px;
}
div#nav ul li a:hover
{
	color: #FFFFFF;
	background-color: #004180;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CF0000;
}

/*********Top Image*************/
div#TopImage
{
	text-align: left;
	width: 800px;
	padding-top: 5px;
}
div#InfoLine
{
	background-color: #004D98;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

/*****************MainText*******************/
div#MainText {
	width: 800px;
	clear: both;
	float: left;
	padding-bottom: 0px;
}
div#MainText h1{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #005787;
	margin-top: 10px;
}
.navCategory
{ 
	font-family: Arial;
	font-size: 18px;
	padding-left: 0px;
	font-weight: 700;
	color: #848383;
}

/*********Main Navigation***************/
div#MainText-left {
	width: 193px;
	padding-bottom: 20px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 12px;
	background-color: #EBEBEC;
	color: #555555;
	
}
div#MainText-left div ul {
	list-style: none;
	width: 180px;
	clear: left;
	margin: 0;
	padding: 0;
}
div#MainText-left div ul li{
	list-style: none;
	display: block;
	width: 180px;
	float: left;
	text-align: left;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
}





#MainNav a{
	width: 100%;
	height: 25px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	background-color: #004D98;
	margin-top: 1px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #949494;
}
#MainNav a:hover {
	color: #FFFFFF;
	background-color: #CF0000;
	font-weight: bold;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #949494;
}
/***********dhtml dropdown menus**********/
#dropmenudiv
{
	position: absolute;
	height: 18px;
	line-height: 18px;
	z-index: 200;
	font-family: "Trebuchet MS";
	font-size: 11px;
}
#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	text-decoration: none;
	background-color: #929191;
	color: #ffffff;
	text-decoration: none;
	line-height: 18px;
	font-size: 11px;
	padding-left: 5px;
	font-weight: 500;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6D6D6D;
}
#dropmenudiv a:hover
{
	background: #CF0000;
	color: #fff;
		border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #818181;
}

/**************Container Right Start************/
div#MainText-right 
{
	clear: both;
	width: 560px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555555;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	line-height: 18px;
	border: solid 1px #E5E5E5;
	padding: 10px 10px 30px 15px;
	background: url(/images/auburn/bgshade.gif) repeat-x;
}

div#MainText-right a:link, a:visited
{
	color: #004D98;
	text-decoration: none;
}
div#MainText-right a:hover
{
	color: #CC0000;
	text-decoration: underline;
}

/***********************Footer************************/
div#Footer {
	width: 100%;
	clear: both;
	background-color: #CF0000;
	font-family: "Trebuchet MS";
	height: 20px;
}
div#Footer p{
	padding: 5px;
	margin: 0px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #949494;
}
div#Footer a{
	color: #ffffff;
	text-decoration: none;
}
div#Footer a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#FooterContentDIV
{
	width: 800px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #EBEBEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2F2F2F;
}
#inner-footer
{
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-indent: 10px;
}

/*****Contact Form*****/
#contactContainer
{
	width: 530px;
	padding: 10px 5px 20px 10px;
}
#contact_info
{
	padding-top: 8px;
	padding-bottom: 20px;
	width: 450px;
	border-bottom: #d6d6d6 1px solid;
}
#contactus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	font-variant: normal;
	color: #CACACA;
	padding-bottom: 2em;
}
.contactuse2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
}
.contactuse1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-variant: normal;
	font-style: italic;
	color: #004D98;
	padding: 20px 0 15px 0;
}
.contactuse
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	font-variant: normal;
	color: #000000;
}
.phone
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-variant: normal;
	color: #000000;
}
.contactz
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	color: #000000;
	width: 255px;
	height: 26px;
	position: relative;
	vertical-align: top;
	text-align: right;
	float: left;
}
.contactzz
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	color: #000000;
	text-align: left;
}
.contactservices
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	color: #000000;
	width: 250px;
	text-align: left;
	position: relative;
	float: right;
}
.contacthow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	color: #5F5F5F;
	line-height: 20px;
}
.input
{
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	font-size: 11px;
	border-left: #C0C0C0 1px solid;
	color: #202020;
	border-bottom: #C0C0C0 1px solid;
	font-family: arial;
	background-color: #EBEBEC;
}
.input1
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: 700;
	font-size: 10px;
	border-left: #000000 1px solid;
	color: #ffffff;
	border-bottom: #000000 1px solid;
	font-family: arial;
	background-color: #004D98;
}

/***************events calendar***************/
#ev_parent
{
	width: 100%;
}
#ev_date
{
	margin-top: 12px;
	width: 100%;
	background-color: #004D98;
	font-weight: 700;
	padding-left: 4px;
	color: #fff;
}
#ev_header
{
	width: 100%;
}
#ev_datehdr
{
	vertical-align: top;
	width: 20%;
	font-weight: 700;
	position: relative;
	float: left;
	font-style: italic;
}
#ev_eventhdr
{
	vertical-align: top;
	width: 59%;
	font-weight: 700;
	position: relative;
	float: left;
	font-style: italic;
}
#ev_sponsorhdr
{
	vertical-align: top;
	width: 20%;
	font-weight: 700;
	position: relative;
	float: left;
	font-style: italic;
}
#ev_content
{
	width: 100%;
	margin-bottom: 30px;
	padding-top: 12px;
}
#ev_left
{
	width: 20%;
	position: relative;
	float: left;
}
#ev_mid
{
	width: 60%;
	position: relative;
	float: left;
	font-size: .96em;
}
#ev_right
{
	width: 20%;
	position: relative;
	float: left;
	font-size: .96em;
	color: #5C5FA7;
}
.ev_hilite
{
	font-weight: 700;
	color: #004D98;
	font-size: .95em;
	line-height: 14px; 
	padding-top: 6px;
	padding-right: 12px;
}
#ev_eventname
{
	font-weight: 700;	
}
#ev_eventloc
{
	font-style: italic;
		
}
#ev_eventdesc1
{	
	line-height: 14px;
	padding-top: 4px;
}

#ev_eventitems
{
	font-size: .97em;
	line-height: 12px;
	padding-top: 4px;	
}

#ev_register
{
	margin-top: 10px;
}

/****************** items ******************/
#items_parent
{
	width: 585px;
}
.item_img
{
	width: 150px;
	height: 193px;
}
.item
{
	float: left;
	position: relative;
	width: 170px;
	border-right: solid 1px #dfdfdf;
	margin: 4px 4px 10px 4px;
	height: 370px;
	line-height: 14px;
}
.item_id
{
	font-weight: 700;
}
.item_name
{
	font-weight: 700;
	font-size: small;
	margin-top: 6px;
	margin-bottom: 6px;
	height: 50px;
	line-height: 14px;
}
.item_description
{
	font-size: x-small;
	height: 75px;
	line-height: 14px;
}
.item_btndiv
{
	width: 100%;
	text-align: right;
	height: 25px;
	vertical-align: bottom;
}
.item_cartbtn
{
	font-size: 10px;
	font-weight: 700;
	border: 1px solid #000;
	background-color: Transparent;
}
.item_spacer
{
	border-bottom: solid 1px #dfdfdf;
	height: 10px;
	float: left;
	width: 170px;
	text-align: center;
	margin: 0 4px 0 4px;
}
.item_price
{
	width: 167px;
	text-align: right;
	font-size: small;
	margin: 4px 0 4px 0;
}
/***********item detail***************/
.itemdetail_name
{
	font-weight: 700;
	font-size: medium;
	margin-top: 6px;
	margin-bottom: 6px;
}
.itemdetail_description
{
	font-size: small;
}
.itemdetail_price
{
	width: 100%;
	text-align: right;
	font-size: small;
	margin: 4px 0 4px 0;
}
/************cart**********************/
.cart_viewdiv
{
	clear: both;
	margin-top: 25px;
	text-align: right;
	padding-right: 20px;
}
.cart_btn
{
	font-size: 10px;
	font-weight: 700;
}
.cart_total
{
	font-size: small;
	width: 150px;
	background-color: #dfdfdf;
	text-align: right;
}
/**********checkout*************/

/**********member login**********/
#_PageTemplate_innerHolder_tbl1
{
	width: 350px;
	margin-top: 20px;
	border: 1px solid #eee;
	height: 150px;
}
#memberlogin
{
	width: 190px;
	padding: 0;
	margin: 6px 0 4px 0;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
#login2
{
	border: solid 1px #eee;
	width: 100%;
	color: #004D98;
}
#loginbox
{
	width: 190px;
	background-color: #eee;
	font-weight: 700;
	color: #000;
}
#memberloginBtn
{
	width: 180px;
	text-align: right;
	padding-top: 2px;
}
.loginBtn
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: 700;
	font-size: 10px;
	border-left: #000000 1px solid;
	color: #fff;
	border-bottom: #000000 1px solid;
	font-family: arial;
	background-color: #004D98;
	height: 16px;
}
.loginTb
{
	border: 1px solid #ddd;
	line-height: 12px;
}
.logout
{
	font-size: xx-small;
	background-color: #efefef;
	display: block;
	width: 50px;
	text-align: center;
}

/************************************************************/
/************** image gallery ********************/
/************************************************************/
/*imagegallery.aspx*/
#thumbs
{
}
#_PageTemplate_innerHolder_dlImages
{
}
.thumb_div
{
	width: 166px;
	height: 123px;
	padding-bottom: 0px;
}
.thumb_div a
{
	margin: 0;
	display: block;
	border: solid 3px #A3B7D7;
	height: 120px;
}
.thumb_div a:hover
{
	border: solid 3px #CF0000;
}
/*imagegallerywrapper.aspx*/
#ss_container
{
	width: 753px;
	padding: 0;
	margin: 0 auto;
	background-color: #fff;
}
#ss_header
{
	height: 20px;
	margin-bottom: 2px;
}
#ss_caption
{
	height: 17px;
	position: relative;
	float: left;
	padding-left: 3px;
	line-height: 17px;
}
#ss_closetop
{
	height: 17px;
	width: 20px;
	position: relative;
	float: right;
	padding-right: 4px;
}
#ss_footer
{
	height: 20px;
	margin-bottom: 2px;
}
#ss_companyname
{
	height: 17px;
	position: relative;
	float: left;
	padding-left: 3px;
	line-height: 17px;
}
#ss_footerclose
{
	height: 17px;
	position: relative;
	float: right;
	padding-right: 4px;
}
.galleryCaption
{
	color: #000; 
	font-weight: 700;
	font-size: 1.35em;
}
.ig_caption_th
{
	font-family: arial;
	color: #333;
	font-size: 11px;	
	text-align: center;
}
.gallerytext
{
}

#lblCaption
{
	
	font-size: 12px;
	font-family: Verdana;
	margin: 0;
	padding: 4px 10px 20px 10px;
	background-color: #EBEBEC;
	
}

.companyName
{
	color: #000; 
	font-family:  Arial;
	font-size: 12px;
}
.closeLB a
{
	color: #CF0000; 
	font-family:  Arial;
	font-size: 12px;
}
.closeLB a:hover
{
	color: #CF0000;
	text-decoration: underline;
	font-family:  Arial;
	font-size: 12px;
}
.galleryname
{
	margin-top: 6px;
	font-family:  arial;
	font-size: 12px;
	text-align: center;
	width: 160px;
	height: 30px;
}
/*imagegalleryslideshow.aspx*/
#mainContainer
{
	margin: 0 auto;
	width: 750px;
	text-align: left;
	background-color: #fff;
	padding: 4px;
	border: 4px solid #949494;
}
.clear
{
	clear: both;
}
#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs
{	/* Width of divs for thumbnails */
	width:240px;
}
#DHTMLgoodies_panel_one
{		
	float:left;	
}
#DHTMLgoodies_thumbs
{
	overflow:hidden;	/* Don't change this */
	height:350px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
}
#DHTMLgoodies_largeImage
{	/* Large image div */
	width:470px;	/* Width of large image div */
	height:410px;	/* Height of large image div */
	float:left;
	padding-left: 10px;	/* "Air" */
	padding-right: 5px;	
}
#DHTMLgoodies_largeImage table
{	/* Used table to get both horizontal and vertical center alignement of large image */
	width:100%;
	height:100%;
	text-align:center;
}
#DHTMLgoodies_largeImage img
{	/* Large image */
	border:5px solid #A3B7D7;	/* Border around large image */
}
.strip_of_thumbnails
{	/* A vertical strip of thumbnails */
	width:114px;	/* Width of strip */
	padding:5px;	/* "Air" inside filmstrip div */
	float:left;		
}
/*.strip_of_thumbnails div*/
.ig_th
{
	width: 110px;
	height: 90px;
	padding: 2px;
	text-align: center;
}
.strip_of_thumbnails img
{
	border:0px;
	padding:5px;
}
.strip_of_thumbnails .activeImage
{	/* Active thumbnail */
	border:5px solid #A3B7D7;	/* Green border around active thumbnail */
	padding:0px;
}
.leftArrow
{
	float:left;
}
.rightArrow
{
	float:right;
}
#DHTMLgoodies_thumbs_inner
{
	position:relative;	/* Never change this */
	width:3000px;
}	

/*****custom paging****/
.paging_links a
{
	display: inline;
	line-height: 19px;
	vertical-align: text-top;
	letter-spacing: 3px;
	padding: 50px 3px 10px 3px;
	color: #906401;
	text-decoration: none;
}
.currentpage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
	color: #906401;
	font-weight: 700;
	background-color: #C6D5DD;
	letter-spacing: 5px;
}
.currentpage:hover
{
	color: #906401;
	background: #D9E3E8;
}

/*******Map***************/
.map_header
{
	background-color: #f6f6f6;
}

/* - - - - - - - - - - - - - - - - - - - - -
Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/
Created : January 13, 2006
Modified : February 1, 2006
- - - - - - - - - - - - - - - - - - - - - */

#lightbox
{
	display: none;
	position: absolute;
	top: 40%;
	left: 40%;
	z-index: 9999;
	width: 760px;
	height: 550px;
	margin: -220px 0 0 -250px;
	xborder: 1px solid #fff;
	background: #fff;
	text-align: left;
}
#lightbox[id]
{
	position: fixed;
}
#overlay
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
}
#overlay[id]
{
	position: fixed;
}
#lightbox.done #lbLoadMessage
{
	display: none;
}
#lightbox.done #lbContent
{
	display: block;
}
#lightbox.loading #lbContent
{
	display: none;
}
#lightbox.loading #lbLoadMessage
{
	display: block;
}
#lightbox.done img
{
	width: 100%;
	height: 100%;
}

#searchP
{
    display: none;
}