/* ---------------------------
MICRODOLLY
Official Color Scheme:
#0099FF: (LIGHT BLUE, official logo)
#F9F728: (YELLOW)
#FF0101: (RED)
--------------------------- */

/* ===================================================================== */
/* Redefine standard HTML tags */
html {overflow-y: scroll}	/* Force scrollbar in all browsers */
* {							/* Set margin & padding of all elements to 0 */
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
	background: url(/images/page-bg.jpg) top repeat-x;
	background-attachment: fixed;
}

a {text-decoration: none}	/* All links */
a:link,
a:visited {color: #000000}	/* Default */
a:hover,
a:active  {color: #CD3333}	/* Hover */


/* ===================================================================== */
/* Set styles for browser consistency */
p {margin: 0 0 12px}		/* Set paragraph margin					*/
a {outline: none}			/* Remove outline from active links		*/
a img {border-width: 0}		/* Remove border from image links		*/
ul {list-style-type: disc}	/* Set bullet type for unordered list	*/
ul, ol {text-align: left}	/* Set left alignment for all lists		*/
li {margin-left: 20px}		/* Set left margin for list elements	*/
label {						/* Set label styles						*/
	display: inline-block;
	outline: none;
}


/* ===================================================================== */
/* Absolutely positioned elements */
.position {							/* AP container */
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}
.position * {position: absolute}	/* AP elements */
.position * * {position: relative}	/* AP nested elements */


/* ===================================================================== */
/* Set up basic table form structure */
table td.value span.zip,
table td.field {
	font-weight: bold;
	text-align: right;
}
table td.value {
	text-align: left;
}
table td.value span.zip {
	display: inline-block;
	width: 75px;
	margin-right: 5px;
}
b.req {color: #D1202A}	/* Required form fields color */

td.submit input,
div.submit input {
	width: 80px;
	font-size: 11px;
}


/* ===================================================================== */
/* Redefine header tags */
h1, h2, h3 
{font-family: Arial, Helvetica, sans-serif}

h1 {
	color: #0099FF;
	font-size: 40px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	margin: 2px 0 10px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0 5px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 3px;
}
hr {
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 2px;
	width: 100%;
	text-align: left;
}

h1.sub {
	margin-bottom: 0;
}
h2.sub {
	color: #0099FF;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
}


/* ===================================================================== */
/* Table */
div#everything {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	text-align: center;
}
table#main {
	background-color: #FFFFFF;
}
table#nav-overlay {
	position: fixed;
	top: 0;
	z-index: 999;
}
img.main-edge {
	top: -7px;
	z-index: 999;
}

td#nav-overlay-header {height: 160px}
div#nav-left,
div#price-list-options {
	position: fixed;
	top: 98px;
}

td.sidebar {width: 215px}
td.content {width: 745px}
td.right-edge {width: 20px}

td#header {
	padding: 7px 0 6px;
	background-color: #FFFFFF;
}
td#header div#tagline {
	top: 21px;
	left: 585px;
	font-size: 29px;
	width: 380px;
	text-align: center;
	color: #0099FF;
}
td#header div#tagline div {
	color: #FF0101;
	font-size: 20px;
	font-style: italic;
	margin-top: 2px;
}

td#header div#flags {
	top: 84px;
	left: 683px;
}

td#header div#upcoming-show {
	top: 25px;
	left: 339px;
	width: 270px;
	font-size: 20px;
	font-weight: bold;
}
td#header div#upcoming-show img {
	float: left;
	margin: 0 12px 6px 2px;
}
td#header div#upcoming-show div#show-dates {
	clear: both;
	color: #0099FF;
	font-size: 14px;
}


td#footer {
	width: 450px;
	color: #0099FF;
	text-align: center;
	padding-top: 7px;
}


/* ===================================================================== */
/* Nav */
td#nav-top {
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: url(images/nav-top-bg-off.jpg) top repeat-x;
	padding: 0 0 2px;
}
td#nav-top a {
	text-align: center;
	display: inline-block;
	padding: 4px 22px 3px;
}
td#nav-top a:link,
td#nav-top a:visited {
	color: #FFFFFF;
	background: none;
}
td#nav-top a:hover,
td#nav-top a:active  {
	color: #004d80;
	background-color: #FFFFCC;
}

div#menu-border-extension {
	top: 50px;
	left: 21px;
	height: 40px;
	border-left: 1px solid #0099FF;
}
ul#menu {
	top: 65px;
	left: 21px;
	z-index: 100;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	text-transform: uppercase;
	border-left: 1px solid #0099FF;
}
ul#menu li {
	margin-left: 0;
	margin-bottom: 2px;
}
ul#menu a {
	width: 75px;
	display: inline-block;
	padding: 3px 9px;
}
ul#menu a:link,
ul#menu a:visited {
	color: #0099FF;
	background: none;
}
ul#menu a.specials:link,
ul#menu a.specials:visited {
	color: #FFFFFF;
	background-color: #FF0101;
}
ul#menu a:hover,
ul#menu a:active,
ul#menu a.specials:hover,
ul#menu a.specials:active,
ul#menu a.hovered {
	color: #FFFFFF;
	background-color: #0099FF;
}
ul#menu li ul li a:link,
ul#menu li ul li a:visited {
	color: #0099FF;
	background-color: #FFFFCC;
}
ul#menu li ul li a:hover,
ul#menu li ul li a:active {
	color: #FFFFFF;
	background-color: #0099FF;
}
/*
ul#menu a.current {
	color: #000000;
	background-color: #F9F728;
}
*/

div#social-network {
	top: 363px;
	left: 20px;
}

div#tweet {
	top: 400px;
	left: 43px;
}

div#spinning-gif {
	top: 440px;
	left: 0;
	width: 160px;
	text-align: center;
}
div#spinning-gif img {
	float: left;
	margin-top: 3px;
}
div#spinning-gif span {
	display: inline-block;
	width: 100px;
	color: #0099FF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 9px;
}

div#map {
	top: 505px;
	left: 0;
	width: 160px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
div#map a {
	padding: 3px 8px;
}
div#map a:link,
div#map a:visited {
	color: #FF0101;
}
div#map a:hover,
div#map a:active  {
	color: #004d80;
}



/* ===================================================================== */
/* Define all global styles */
p {text-align: justify}

div.featured,
div.featured-nav {
	width: 100%;
	clear: both;
	text-align: center;
	padding: 14px 0;
}
div.featured h4 {
	color: #0099FF;
	font-size: 16px;
	font-weight: bold;
	margin: 10px auto 14px;
}
div.featured a,
div.featured-nav a {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #0099FF;
	padding: 3px 8px;
	margin: 0 4px;
}

div.featured a:link,
div.featured a:visited,
div.featured-nav a:link,
div.featured-nav a:visited {
	color: #FFFFFF;
	background-color: #0099FF;
}
div.featured a:hover,
div.featured a:active,
div.featured-nav a:hover,
div.featured-nav a:active {
	color: #004d80;
	background-color: #FFFFCC;
}
div.featured-nav a.current {
	color: #004d80;
	background-color: #FFFFCC;
}

div.featured-nav {
	padding: 0;
	text-transform: uppercase;
}

div#product img {margin: 2px 14px}

div.details {
	clear: both;
	padding-top: 10px;
}
div.details img {
	float: left;
}
div.details h3 {
	float: left;
	width: 425px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #0099FF;
	padding: 3px 12px;
	margin-bottom: 12px;
}

div#video {
	width: 100%;
	text-align: center;
}


/* ===================================================================== */
/* Photo gallery pages */
div#gallery table {
	margin: 15px auto 10px;
}
div#gallery img {border: 1px solid #000000}
div#gallery div.caption {
	font-weight: bold;
	margin-top: 6px;
}


/* ===================================================================== */
/* Equipment rental pages */
div#rental h2,
div#rental div#total {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #0099FF;
	padding: 3px 12px;
}
div#rental h2 {
	margin-bottom: 8px;
}
div#rental div#total {
	clear: both;
	margin: 14px 0 10px;
}

div#rental div.details h3 {width: 488px}
div#rental table img {margin: 11px 0 0 11px}
div#rental table p {margin-left: 11px}


/* ===================================================================== */
/* FAQ pages */
div#faq {
	margin-bottom: 30px;
}

div#faq div#tutorial_link {
	text-align: center;
	margin: 8px auto 8px;
}
div#faq div#tutorial_link a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
div#faq div#tutorial_link a:link,
div#faq div#tutorial_link a:visited {color: #004d80}
div#faq div#tutorial_link a:hover,
div#faq div#tutorial_link a:active  {color: #CD3333}

div#faq div.featured-nav {
	margin-bottom: 20px;
}
div#faq div.featured {
	padding-bottom: 20px;
}
div#faq div.Q {
	color: #FF0101;
	font-weight: bold;
	padding: 4px 12px 4px;
}
div#faq div.A {
	padding: 0 20px;
}
div#faq div.A a:link,
div#faq div.A a:visited {color: #004d80}
div#faq div.A a:hover,
div#faq div.A a:active  {color: #CD3333}


/* ===================================================================== */
/* Video pages */
div.demo-video {
	clear: none;
	float: right;
	width: auto;
	padding: 0;
}
div.demo-video a {
	font-size: 13px;
	padding: 4px 14px;
	margin: 0;
}


/* ===================================================================== */
/* Tutorials & Manuals pages */
div#tutorials div.featured,
div#manuals div.featured {
	padding-top: 0;
}
div#tutorials div.featured h3,
div#manuals div.featured h3 {
	font-size: 16px;
	padding-top: 15px;
	border-top: 2px solid #CCCCCC;
}
div#tutorials div.featured div.featured-buttons,
div#manuals div.featured div.featured-buttons {
	margin-bottom: 15px;
}
div#tutorials div.featured div.featured-buttons a,
div#manuals div.featured div.featured-buttons a {
	width: 200px;
}
div#tutorials p,
div#manuals p {
	color: #D1202A;
	font-weight: bold;
	text-align: center;
}


/* ===================================================================== */
/* Reviews pages */
div#review div#intro {padding-top: 10px}
div#review div#intro img {
	float: left;
	margin: 0 7px 0 16px;
}
div#review p#p1 {
	clear: left;
	padding-top: 4px;
}
div#review img.img-left {
	float: left;
	margin: 2px 8px 18px 4px;
}
div#review img.img-right {
	float: right;
	margin: 2px 4px 18px 20px;
}
div#review div#signature {
	clear: left;
	padding: 0 0 40px;
}


/* ===================================================================== */
/* Printable pages */
div.print {
	width: 650px;
	margin: 0 10px;
}
div.print h1 {
	font-size: 30px;
	margin: 10px 0 5px;
}
div#print-footer {
	color: #1589ff;
a:link{color:#1589ff}
	font-size: 12px;
	text-align: center;
	margin: 14px auto 0;
}
div#print-footer div {
	font-size: 20px;
	margin-bottom: 5px;
}
div#print-footer table {
	margin: 0 auto;
}
div#print-footer table td.left-pad {
	padding-left: 90px;
}


/* ===================================================================== */
img#HappyHolidays {
	top: 55px;
	left: 325px;
}
img#santa {
	top: 38px;
	left: 510px;
}