/* General Styles */

input.ajaxQuantityField {
	width:16px;
	text-align:center;
}
.ajaxQuantityLink {
	vertical-align:bottom;
}

/* Main Styles */

html {
	background:#000 url("/themes/aroogas/images/bg-main.jpg") no-repeat top center;
}
	body {
		position:relative;
		background:#000 url("/themes/aroogas/images/bg-main.jpg") no-repeat top center;
		margin:0px;
		padding:0px 0px 20px 0px;
		font-family:"Verdana", "Arial", sans-serif;
		text-align:center;
		color:#000000;
		z-index:0;
	}
	h1 {
		text-transform:uppercase;
		}
	div#topbar {
		background:url("/themes/aroogas/images/bg-topmenu.png") repeat-x;
		height:38px;
		}
	div#menu {
		background:url("/themes/aroogas/images/bg-menu.gif") no-repeat;
	 	width:920px;
		margin:0px auto 0px auto;
		padding:4px 0px 7px 0px;
		height:30px;
		z-index:30;
		}
	img {
		border:0px;
		margin:0px;
		padding:0px;
	}
		#page-container {
			margin:0px auto;
			width:920px;
			text-align:left;
			z-index:1;
			}
			
				#menu ul {
					margin:0px;
					padding:0px;
					list-style:none;
				}
					#menu ul li {
						display:block;
						height:28px;
						line-height:40px;
						float:left;

					}
						#menu ul li a {
							display:block;
							padding-left:15px;
							padding-right:15px;
							height:28px;
							line-height:28px;
							font-size:12px;
							text-decoration:none;
							color:#5B3D26;
							text-transform:uppercase;
						}
						#menu ul li a:hover {
							color:#CC0000;
						}
							#menu li ul {
								position:absolute;
								background:#990000;
								left:-999em;
								width:250px;
								text-align:left;
							}
							#menu li:hover ul, #nav li.sfhover ul {
								left:auto;
								z-index:100;
							}
								#menu li ul li {
									display:block;
									width:250px;
								}
									#menu li ul li a {
										display:block;
										color:#FFFF99;
									}
									#menu li ul li a:hover {
										color:#FFFFFF;
										}
			#logo {
				width:259px;
				height:92px;
				margin:50px 0px 15px 20px;
				background:url("/themes/aroogas/images/img-logo.png") no-repeat;
				float:left;
				}
				#logo a {
					display:block;
					width:259px;
					height:92px;
					}
			#tapnav {
				width:550px;
				height:220px;
				margin:10px 0px 0px 0px;
				float:right;
				}
			#topround {
				margin:0px auto -2px auto;
				}
				
			#main {
				position:relative;
				width:895px;
				background:url("/themes/aroogas/images/bg-content.png") repeat-y;
				padding:25px 0px 0px 25px;
				margin-top:0px;
				z-index:0;
			}
				#tvscreen {
					position:absolute;
					margin-top:-100px;
					margin-left:-30px;
					width:370px;
					height:244px;
					z-index:100;
					overflow:hidden;

				}
					#tv-main {
						background:url("/themes/aroogas/images/tv-background.png") no-repeat;
						width:364px;
						height:220px;
						overflow:hidden;
					}
						#tv-main a {
							padding-top:19px;
							padding-bottom:30px;
							padding-left:28px;
							padding-right:28px;
							display:block;
						}
					#tv-controls {
						padding-top:6px;
						width:370px;
						height:18px;
						overflow:auto;
					}
						#tv-controls a.prev {
							margin-left:23px;
							float:left;
						}
						#tv-controls a.next {
							margin-right:23px;
							float:right;
						}
				#Sidebar {
					width:220px;
					min-height:300px;
					float:left;
					margin:170px 0px 20px 0px;
				}
					div.sidebarBox {
						display:none;
					}
					div.sidebarBox.cart {
						display:block;
					}
						div.sidebarBox.cart h3 {
							padding-bottom:8px;
							color:#003366;
							font-size:22px;
							font-weight:bold;
						}
				#main div.content {
					padding-top:40px;
					padding-bottom:40px;
				}
				
/* HomePage styles */

div#newscol {
	width:220px;
	min-height:300px;
	float:left;
	margin:170px 0px 20px 0px;
	}
	div#newscol h1 {
		padding-bottom:16px;
		color:#FFCC00;
		font-size:30px;
		}
	div#newscol h2 {
		padding-bottom:6px;
	}
		div#newscol h2 a {
			font-size:14px;
			color:#CC0000;
			text-decoration:none;
		}
		div#newscol h2 a:hover {
				color:#FFCC00;
		}
	div#newscol p {
		font-size:12px;
		line-height:16px;
		color:#666633;
		margin-bottom:15px;
	}
	div#newscol a {
		color:#FFCC00;
		text-decoration:underline;
		font-style:italic;
		}
div#webout {
	position:absolute;
	left:270px;
	bottom:44px;
	width:310px;
	min-height:305px;
	float:left;
	/*margin:170px 20px 0px 0px;*/
	z-index:4;
	}
div#homecontent {
	width:320px;
	float:right;
	margin:0px 20px 20px 0px;
	}		
	div#homecontent img {
		margin:10px 0px 10px 0px;
		}
/* end HomePage styles */

/* MenuPage styles */
div#menusubnav {
	width:300px;
	float:left;
	margin:170px 20px 20px 15px;
	min-height:150px;
	}
	div#menusubnav ul {
		list-style:none;
		}
	div#menusubnav ul li {
		display:block;
		height:28px;
		line-height:40px;
		font-size:14px;
		}
	div#menusubnav ul li a {
		color:#003399;
		text-decoration:none;
		}
		div#menusubnav ul li a:hover {
			color:#999999;
			}
	div#menusubnav p {
		margin:10px 0px 10px 0px;
		}
div#menucontent {
	width:490px;
	float:right;
	margin:20px 30px 20px 20px;
	}
	div#menucontent h1 {
				color:#CC0000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:36px;
				font-weight:bold;
				margin-bottom:12px;
				text-transform:uppercase;
				}
			div#menucontent h2 {
				color:#FFCC00;
				font-size:24px;
				font-weight:bold;
				text-transform:uppercase;
				}
			div#menucontent h3 {
				color:#003399;
				font-size:14px;
				font-weight:normal;
				text-transform:uppercase;
				}
			div#menucontent p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				color:#666633;
				margin-bottom:10px;
				}
/* end Menu Page styles */		
/* generic page styles */
div#genericleftcol {
	float:left;
	width:300px;
	min-height:200px;
	margin:170px 20px 20px 10px;
	}
			.content {
				width:490px;
				margin:0px 30px 20px 0px;
				float:right;
				}
			.content h1 {
				color:#CC0000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:36px;
				font-weight:bold;
				}
			.content h2 {
				color:#FFCC00;
				font-size:18px;
				font-weight:bold;
				}
				.content h2 a {
					text-decoration:none;
					color:#FFCC00;
					}
			.content h3 {
				color:#003399;
				font-size:14px;
				font-weight:normal;
				}
			.content p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				color:#666633;
				}			
			#bottom {
				height:44px;
				width:906px;
				background:url("/themes/aroogas/images/bg-espnnews.gif") #000 repeat-x;
				margin:0px 0px 0px -18px;
				}
				
/* Form styles */

	input.text maxlength {
		width:400px;
		height:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
	.field text {
		font-size:14px;
		font-weight:bold;
		}
		
/* Blog styles */
		div#blogsidebar {
				width:300px;
				float:left;
				margin:170px 25px 20px 10px;
				}
				div#blogsidebar h3 {
					font-size:14px;
					font-weight:bold;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					color:#CC0000;
					margin:20px 0px 10px 0px;
					}
				div#blogsidebar p {
					font-size:12px;
					margin-bottom:10px;
					}
				div#blogsidebar a {
					color:#666633;
					}
					div#blogsidebar a:hover {
						color:#CC0000;
						}
			div#blog {
				width:500px;
				margin:0px 20px 20px 0px;
				float:right;
			}
			div#blog h1 {
				color:#CC0000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:36px;
				font-weight:bold;
				}
				div#blog h2 {
					font-size:18px;
					margin:20px 0px 10px 0px;
					}
					div#blog h2 a {
						color:#CC0000;
						text-decoration:none;
						}
						div#blog h2 a:hover {
							color:#FFCC00;
							}
				div#blog p {
					font-size:12px;
					line-height:16px;
					color:#666633;
					margin-bottom:15px;
					}
					div#blog p.authorDate {
						font-size:10px;
						margin-bottom:0px;
						}
					div#blog p.authorDate a {
						color:#003399;
						}
					div#blog p.tags {
						font-size:10px;
						margin-bottom:15px;
						}
			
/* end Blog Holder styles */
/* Blog Entry styles - left content styles above */

div#entrycontainer {
	width:500px;
	float:right;
	}
	
div.blogEntry h2 {
	color:#CC0000;
	font-size:18px;
	font-weight:bold;
	}
	div.blogEntry p {
		font-size:12px;
		line-height:16px;
		color:#666633;
		margin-bottom:12px;
		}
	div.blogEntry p.authorDate {
						font-size:10px;
						margin-bottom:5px;
						}
					div.blogEntry p.authorDate a {
						color:#003399;
						}
					div.blogEntry p.tags {
						font-size:10px;
						margin-bottom:15px;
						}
					div.blogEntry p.social-media {
						margin-top:15px;
						}
div#entrycontainer h4 {
	font-size:14px;
	font-weight:bold;
	color:#FFCC00;
	margin:12px 0px 12px 0px;
	width:470px;
	padding-top:10px;
	border-top:#F4DFB7 solid 1px;
	}
div#PageComments_holder label {
	margin:10px 0px 7px 0px;
	font-size:12px;
	font-weight:bold;
	color:#666633;
	}
div#PageComments_holder .text {
	width:400px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:5px 0px 12px 0px;
	padding:3px;
	display:block;
	}

div#PageComments_holder textarea {
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:5px 0px 12px 0px;
	padding:3px;
	display:block;
	}
ul#PageComments li {
	display:block;
	width:450px;
	padding:10px;
	background:#FFFFCC;
	color:#666633;
	margin:5px 0px 0px 0px;
	}
	ul#PageComments li p.comment {
		font-size:12px;
		line-height:16px;
		color:#333333;
		margin:0px 0px 12px 0px;
		}
	ul#pageComments li p.info {
		font-size:10px;
		margin:5px 0px 15px 0px;
		}
ul#PageComments li ul.actionLinks li {
	display:inline;
	background:none;
	padding:0px;
	}
p#CommentsRSSFeed {
	margin:15px 0px 15px 0px;
	}
	p#CommentsRSSFeed a {
		color:#CC0000;
		text-decoration:underline;
		font-size:12px;
		}
		p#CommentsRSSFeed a:hover {
			color:#666666;
			}
.field {
	clear:both;
	}
/* locaiton styles */

div#locationmain {
	width:500px;
	margin:50px 20px 20px 0px;
	float:right;
	text-align:left;
	}
	div#locationmain h1 {
				color:#CC0000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:36px;
				font-weight:bold;
				margin-bottom:12px;
				text-transform:uppercase;
				}
			div#locationmain p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				color:#666633;
				margin-bottom:10px;
				}
			div#locationmain a {
				color:#CC0000;
				}
				div#locationmain a:hover {
					color:#999999;
					}
div#locationright {
	width:300px;
	float:left;
	margin:170px 20px 20px 20px;
	}
	
	div#locationright p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				color:#666633;
				margin-bottom:10px;
				}
			div#locationright a {
				color:#CC0000;
				}
				div#locationright a:hover {
					color:#999999;
					}
div#virttour {
	clear:both;
	width:720px;
	margin:20px 0px 20px 50px;
	}
	div#virttour h2 {
				color:#FFCC00;
				font-size:24px;
				font-weight:bold;
				text-transform:uppercase;
				}


/* Shop styles */

li.productItem {
	/*
	width: 140px;
	height: 330px;
	*/
	margin:0px;
	border:1px solid black;
}

/* Calendar Styles */

div#calendar-sidebar {
	margin-right:15px;
	width:250px;
	}
	div#calendar-sidebar h3 {
		font-size:16px;
		color:#003399;
		text-transform:uppercase;
		}
div#monthNav {
	background:#FFFFCC;
	}
div#calendar-main {
	margin:140px 10px 20px 0px;
	}
	div#calendar-main h2 {
		font-size:40px;
		color:#FFCC00;
		}
	h3.summary a {
		color:#CC0000;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
		}
		
div#dateHeader h3 {
	text-align:left;
	font-size:20px;
	color:#666666;
	text-transform:uppercase;
	}
	
	
/* bottom styles */
			#footer {
				width:870px;
				height:70px;
				line-height:40px;
				font-size:10px;
				color:#CCFF99;
				padding:10px 10px 10px 10px;
			}
			#footer div#right {
				width:500px;
				float:right;
				text-align:right;
				}
			#footer div#left {
				width:300px;
				float:left;
				}
				#footer div#left a {
					margin-right:20px;
					}
				#footer p {
					font-size:10px;
					color:#CCFF99;
					line-height:14px;
					}
				
				#footer a {
					color:#CCFF99;
					text-decoration:none;
				}
				#footer a:hover {
					color:#FFFFFF;
					}
				#footer span#copyright {
					padding-left:20px;
				}
div.clear {
	clear:both;
	height:0px;
	}