/*

Wristbands-4-Less.com

Author: Ben Boykin - Lightsaber Promotions
Date: 04.11.08
Version: Re-design

Table of Contents

- Reset
- Body
- Wrapper
- Header
- Navigation
- Main Content
- Left Container
- Right Container
- Footer

*/

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1.4em;
	color: black;
	background: #fff;
	text-align:left;
	position: relative;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 1;
	border-color: #333333;
}
caption, th, td {
	font-weight: normal;
	line-height: 1.45em;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
#wrapper {
	margin: 0 auto;
	width: 850px;
	position: relative;
	border-right: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
/*--Header--*/


#header {
	height: 210px;
}
#logo-container h1 {
	padding: 5px 0 0 2px;
	z-index: 1000;
	float: left;
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent;
}
#logo-container h1 a {
	display: block;
	width: 465px;
	height: 192px;
	overflow: hidden;
	border-bottom: none;
	background: url(images/header-logo.png) no-repeat;
	behavior: url(iepngfix.htc);
}
#navbar-overlay {
	position: absolute;
	top: 210px;
	right: 3px;
	z-index: 9999;
}
/*--Navigation : basic styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}
.menu li:hover {
	z-index: 9998;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}
.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */


/*--Navigation: design styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #fff;
	background: #000;
	font-family: arial, trebuchet ms;
	font-size: 75%;
	font-weight: bold;
}
.menu ul {
	width: 14em;
}
.menu a {
	text-decoration: none;
	color: #fff;
	padding: .7em 1.2em;
	display: block;
	position: relative;
	border-right: 1px solid #353434;
	background: #000;
}
.menu a:hover, .menu li:hover>a {
	color: #fff;
	background: #172a92;
}
.menu li li {	/* create borders around each item */
	font-family: arial, trebuchet ms;
	font-size: 100%;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a {
	color: #fff;
}
.menu ul>li:first-child>a {
	color: #fff;
}
/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/


/*--Main Content*/

#maincontent {
	clear:both;
	background: #fff;
	width: 850px;
}
#flashcontainer {
	width: 525px;
	float: right;
	margin: 20px 16px 0 15px;
}
#new-look {
	width: 250px;
	float: left;
	padding: 1.0em 0 0 1.75em;
}
/*--Left Column*/

body.twocol div.c1 {
	float: left;
	width: 20em;
	margin: 1em 4em .75em .50em;
	padding: .8em 0 .8em 1.0em;
}
img.left-display {
	padding: 25px 10px;
}
/*--Right Column*/


body.twocol div.c2 {
	float: left;
	width: 20em;
	margin: 1em .5em .75em .75em;
	padding: .8em 0 .8em 1.0em;
}
img.right-display {
	padding: 25px 10px;
}
/*--Footer--*/

#footer {
	height: 145px;
	background: url(images/footer-background.gif) repeat-x;
	clear: both;
}
#footer-logo {
	height: 76px;
	width: 280px;
	background: url(images/footer-logo.jpg) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 35px;
	behavior: url(iepngfix.htc);
}
#footer a {
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	border-bottom: 0px;
	text-decoration: none;
}
#clientele {
	height: 120px;
	margin-top: 2.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #fff;
}
/* separate the list from surrounding elements */

ol {
	margin: 0 0 1.5em 10px;
	padding-top: 1.9em;
}
ol li {
	font-size: .75em;
	color: #fff;
	/* Stipulate the height of each item so that 

  vertical return = items * height */



  line-height: 15px;
	/* Clear the default margins & padding 

  so we can style the list from scratch */



  margin: 0;
	padding: 0;
}
/* If li position is left static, Internet 

Explorer disables hyperlinks in the list 

in all but the final column.



This rule will be processed only by 

Internet Explorer because only IE believes 

that thereâ??s a level above HTML: */



* html #clientele ol li {
	position: relative;
}
#clientele li.column1 {
	margin-left: .5em;
}
#clientele li.column2 {
	margin-left: 14.5em;
}
#clientele li.column3 {
	margin-left: 21.5em;
}
#clientele li.column4 {
	margin-left: 31em;
}
li.reset {
	margin-top: -90px;
}
ol, ul {
	list-style: none;
}
#leftcolumn {
	float: left;
	width: 10em;
	margin: 0em 2.5em 1em 1.0em;
	padding: .8em 0 .8em 1.0em;
	background: #fff;
}
#leftcolumn p {
	padding: 0em 0em 1.2em 0;
}
#content-container {
	width: 580px;
}
#rightcolumn {
	width: 51em;
	background: #fff;
	margin: .5em 0 1em 0;
}
#rightcolumn p {
	padding: .8em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	text-align:justify;
}
#rightcolumn h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 1em 0 .85em 0;
}
img.display {
	margin: 10px 0 10px 10px;
	float: right;
}
#front-display {
	float: left;
	padding: 15px 0 0 25px;
	margin: 0px 10px 20px 45px;
	width: 580px;
	font-family: arial, verdana, sans-serif;
	font-size: 130%;
	line-height: 1.5em;
	color: #000;
	text-align: justify;
	border-left: 1px solid #ccc;
}
#front-content {
	font-size: 130%;
	line-height: 1.7em;
	padding: 15px 10px 10px 10px;
	text-align: justify;
}
#inner-content {
}
ul#frontpage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-weight:bold;
	list-style-position:inside;
	list-style-type: disc;
	color: #FF0000;
}
#product-ctnr-last {
	margin: 0 10px 0 10px;
	padding: 0 0 15px 0;
}
#price-grid {
	border-collapse: collapse;
}
.table-header {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #000;
	background-color: #ccc;
	text-align: center;
	border: 1px solid #333333;
}
.spec-info {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 75%;
	color: #000;
	background: #fff;
	text-align: center;
	border: 1px solid #333333;
}
#leftcolumn-inside {
	float: left;
	width: 10em;
	margin: 0em 1.5em 1em .5em;
	padding: .8em 0 .8em .75em;
	background: #fff;
}
#leftcolumn-inside p {
	padding: 0em 0em 1.2em 0;
}
#testimonials {
	padding: 20px 15px 25px 210px;
	font-family: arial, trebuchet ms, verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.commentbox {
	background-color: #F5F3F3;
	width: 580px;
	padding: 15px;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #fff;
	line-height: 1.5em;
}
.commentfooter {
	background: url(images/arrow.gif) 280px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
	text-align:right;
	padding-right: 15px;
}
#options {
	width: 595px;
	background: #fff;
	margin: 0 1em 1em 12.6em;
}
#options p {
	padding: .8em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	text-align:justify;
}
#options h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 1em 0 .85em 0;
}
#options-front {
	width: 595px;
	background: #fff;
	margin: 0 1.5em 1em 14.5em;
}
#options-front p {
	padding: .8em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	text-align:justify;
}
#options-front h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 1em 0 .85em 0;
}
#small-grid-container {
	padding: 0 0 15px 0;
}
#small-price-grid {
	padding: 5px 0;
	margin: 10px 0;
	border-collapse: collapse;
}
#options.pricegrid {
	width: 39em;
	background: #fff;
	margin: 0 1em 1em 12.0em;
}
.quote-info {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 75%;
	color: #000;
	text-align: left;
}
#quote-container {
	margin: 0 10px 0 0;
	padding: 10px 0 15px 15px;
}
ul#contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-weight:bold;
	list-style-position:inside;
	list-style-type: none;
	color: #000000;
}
img.debossed {
	float: right;
	margin:10px 15px 10px 0;
}
img.embossed {
	float: left;
	margin: 10px 10px 5px 0;
}
 [if lte IE 6]> <style type="text/css" media="screen, tv, projection"> /*<![CDATA[*/

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

.menu, .menu ul {	/* float.clear */
 zoom: 1;
}
.menu li.adxmhover {
	z-index: 9998;
}
.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}
.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}
.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}
#form-container {
	padding-top: 15px;
}
#gallery-container {
	padding-left: 70px;
width: 700px:
}
#gallery-container h1 {
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px dotted #000;
	margin: 35px 80px 0 10px;
}
#gallery-container h2 {
	font-family: arial;
	font-size: .75em;
	font-weight: bold;
	margin: 25px 75px 0 10px;
}
#leftcontainer {
	float: left;
	width: 170px;
	margin: 10px;
}
#left-side {
	float: left;
	padding-left: 25px;
	padding-top: 10px;
	width: 170px;
}
#right-side {
	float: right;
	width: 595px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#right-side p {
	font-family: arial;
	font-size: 12px;
	text-align: justify;
}
#right-side h1 {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 0;
}
#quote-form {
	width: 625px;
	float: left;
	background: #fff;
	padding-top: 15px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#quote-form h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding-top: 5px;
}