/*
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. items
11. item detail
12. cart
13. checkout
14. member login
15. image gallery
16. events calendar
17. cart info
*/

/**********Global***************/
body 
{
	background-color: #269DA1;
}
a:link, a:active, a:visited
{
	color: #00667C;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: #00667C;
}
.btn /*buttons*/
{
	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: #00667C;
}
.tb /*textboxes*/
{
	border: 1px solid #ddd;
}
h3
{
    font-family: Arial;
	font-size: 13px;
	font-weight: 700;
	color: #848383;
}
/**********Main Container**************/
#Container
{
	width: 800px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 10px;
	border: 1px solid #CCCCCC;
	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/uaa_logo.png) no-repeat left top;
}
#TopImage
{
	width: 800px;
	height: 125px;
	background: transparent  url(/images/auburn/uaa_header.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: center;
}
div#nav ul
{
	height: 25px;
	list-style: none;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}
div#nav ul li
{
	background-color: #EFEFEF;
	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;	
}
div#nav ul li a
{
	width: 100%;
	height: 25px;
	display: block;
	color: #005787;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00667C;
}
div#nav ul li.last
{
	width: 129px;
}
div#nav ul li a:hover
{
	color: #FFFFFF;
	background-color: #00667C;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
}

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

/*****************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: 13px;
	padding-left: 0px;
	font-weight: 700;
	color: #848383;
}

/*********Main Navigation***************/
div#MainText-left {
	width: 180px;
	padding-bottom: 20px;
	padding-top: 10px;
}
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: #00667C;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 12px;
	padding-left: 10px;
	background-color: #EFEFEF;
	margin-top: 1px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #949494;
}
#MainNav a:hover {
	color: #FFFFFF;
	background-color: #1D9397;
	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;
}
#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	text-decoration: none;
	background-color: #9F9E9E;
	color: #ffffff;
	text-decoration: none;
	line-height: 18px;
	font-size: 11px;
	padding-left: 5px;
	font-weight: 500;
}
#dropmenudiv a:hover
{
	background: #1D9397;
	color: #fff;
}

/**************Container Right Start************/
div#MainText-right {
	clear: both;
	width: 570px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 18px;
}

/***********************Footer************************/
div#Footer {
	width: 100%;
	clear: both;
	background-color: #00667C;
	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
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
}
#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: #00667C;
	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: #EEF0F7;
}
.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: #00667C;
}

/****************** 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: 200px;
	background-color: #dfdfdf;
	text-align: right;
}
/**********checkout*************/

/**********member login**********/
#_PageTemplate_innerHolder_tbl1
{
	width: 410px;
	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: #00667C;
}
#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: #00667C;
	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********************/
#mainContainer{
	margin: 0 auto;
	width: 725px;
	text-align: left;
	background-color: #FFF;
	padding: 3px;
	border: 3px solid #5A4F3F;
}
.clear{
	clear:both;
}
/* End of demo CSS */
#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 #5A8D38;	/* 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{
	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 #5A8D38;	/* Green border around active thumbnail */
	padding:0px;

}
.leftArrow{
	float:left;
}
.rightArrow{
	float:right;
}
#DHTMLgoodies_thumbs_inner{
	position:relative;	/* Never change this */
	width:3000px;
}

/*********************************************/
/***************Events Calendar***************/
/*********************************************/
#ev_parent
{
	width: 100%;
}
.ev_date
{
	margin-top: 12px;
	width: 100%;
	background-color: #00667C;
	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: #00667C;
	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;
}
/***************EV Registerwrapper.aspx***************/
#rw_container
{
	border: solid 4px #202078;
	background-color: #A6A7CA;
}
#rw_closewin a:link, #footer a:visited
{
	color: #ffffff;
	padding-bottom: 10px;
}
#rw_closewin a:hover
{
	border-bottom: 1px dashed #ffffff;
}
/***************EV Register.aspx***************/
#reg_container
{
	padding: 10px;
	width: 90%;
	text-align: left;
}
#reg_event
{
	float: left;
	width: 175px;
	position: relative;
}
#reg_datehdr
{
	clear: both;
	margin-top: 12px;
	float: left;
	width: 175px;
	position: relative;
}
.reg_evevent
{
	margin-top: 20px;
	color: #2F2F85;
	font-weight: 700;
	font-size: .80em;
}
.reg_evdates
{
	margin-top: 12px;
	color: #990000;
	font-weight: 700;
	font-size: .80em;
}
.reg_ctrlhdr
{
	clear: both;
	margin-top: 12px;
	float: left;
	width: 175px;
	position: relative;
	font-weight: 700;
	font-size: .75em;
}
.reg_ctrlhdra
{
	clear: both;
	float: left;
	width: 175px;
	position: relative;
	font-weight: 700;
	font-size: .75em;
	
}
.reg_formelem
{
	margin-top: 12px;
	float: left;
	position: relative;
	width: 200px;
}
#reg_sent
{
	color: green;
	font-weight: 700;
	font-size: .75em;
}
#reg_checks
{
	float: left;
	position: relative;
	width: 50%;
	font-size: .70em;
}
.reg_send
{
	color: #990000;
	font-weight: 400;
	font-size: .95em;
	font-style: italic
}
#reg_cc
{
	float: left;
	position: relative;
	width: 50%;
	font-size: .75em;
}
/***************mini calendar*****************/
#mcaldiv
{
	position: absolute;
	height: 200px;
	z-index: 200;
	background-color: #fff;
}
#ev_minical
{
	width: 250px;
	height: 200px;
	background-color: #f8f8ff;
}
.minicalendar
{
	background-color: transparent;
	height: 200px;
	width: 250px;
}
.minical_title
{
	width: 100%;
	font-weight: 700;
	color: #fff;
	padding: 0;
	margin: 0;
}
.minical_selectedday
{
	background-color: #269DA1;
	border: solid 2px #00667C;
}
.minicalendar_day
{
	font-size: 10px;
	font-weight: 700;
	font-family: Verdana;
}
.minicalendar_dayhdr
{
	font-style: italic;
	background-color: #00667C;
	color: #fff;
	font-size: 12px;
}
/*********************************************/
/*********************************************/

/****** cart info ************/
#merc_wrapper
{
	width: 90px;
	height: 18px;
	line-height: 18px;
	float: right;
	margin: 0;
	padding: 0;
}
.merc_nav:link, .merc_nav:visited, .merc_nav:active, .merc_nav:hover
{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #00667C url(/images/auburn/uaa_shoppingcart.png) no-repeat top right;
	font-size: 12px;
	line-height: 18px;
}
/***************************/

/**************Members Only********************/
/*********************************************/
/*login.aspx*/
#memLoginContainer
{
	margin: 20px auto 0 auto;
	width: 425px;
}
#memLogin
{
	border: solid 1px #eee;
	padding: 6px;
	margin-bottom: 45px;
}
.memFormLeft
{
	float: left;
	width: 150px;
	margin-top: 6px;
	text-align: right;
}
.memFormRight
{
	float: left;
	width: 150px;
	margin-top: 6px;
}
#memRemember
{
	clear: right;
	margin-top: 12px;
	width: 175px;
	text-align: right;
}
#memFirstLog
{
	border: solid 1px #eee;
	padding: 6px;
	width: 415px;
}
/*forgotpwd.aspx*/
#_PageTemplate_innerHolder_memForgotContainer
{
	width: 420px;
	margin: 20px auto 0 auto;
	border: 1px solid #eee;
	padding-bottom: 20px;
}
.memForgotFrmLft
{
	float: left;
	width: 175px;
	margin-top: 6px;
	text-align: right;
}
.memForgotFrmRt
{
	float: left;
	margin-top: 6px;
}
#_PageTemplate_innerHolder_memPwdResetContainer
{
	width: 400px;
	text-align: center;
	margin: 10px 0 30px 0;
}
/*changepwd.aspx*/
#memChangeContainer
{
	width: 450px;
	margin: 20px auto 0 auto;
}
#memChangeInner
{
	width: 450px;
	padding: 6px;
	border: 1px solid #eee;
}
.memChangeFrmLft
{
	float: left;
	width: 175px;
	margin-top: 6px;
	text-align: right;
}
.memChangeFrmRt
{
	float: left;
	margin-top: 6px;
}
/*********************************************/
/*********************************************/

#searchP
{
    margin: 3px 0 3px 0;
    border: 2px solid #eee;
    padding: 2px;
    width: 186px;
}