body {
	color: white;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, SunSans-Regular, sans-serif;
	font-size-adjust: 0.53;
	margin: 0;
	padding: 0;
	background: #000 url(../images/background_round_rect.png) repeat -31px -15px;
}

#ieonly {
	display: none;
}

#container {
	background-color: #fff;
	background-image: none;
	width: 660px;
	height: auto;
	margin: 80px auto 0;
	padding: 10px 0 0;
	position: relative;
}

#pageface {
	color: #322e2e;
	font-size: 13px;
	font-family: "trebuchet ms";
	line-height: 160%;
	background-image: url(../images/pagegradient.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-align: left;
	width: 620px;
	height: auto;
	margin: 0 10px;
	padding: 40px 10px 1px;
	position: relative;
}

#pagebottom {
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 660px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
}

#leftlogo {
	behavior: url(/pngHack/iepngfix.htc);
	position: absolute;
	width: 530px;
	height: 250px;
	top: -110px;
	left: -115px;
	background: url(../images/lm_headlogo.png) no-repeat scroll 0 0;
	z-index: 30;
}

#rightlogo {
	behavior: url(../pngHack/iepngfix.htc);
	background-image: url(../images/for_sale_sign.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	top: 16px;
	width: 406px;
	height: 290px;
	z-index: 21;
	margin-left: 290px;
	padding-left: -10px;
}

#mainlogo {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	position: absolute;
	top: 10px;
	width: 758px;
	height: 430px;
	z-index: 5;
	margin-left: -13px;
}

#openhouse {
	position: absolute;
	top: 230px;
	margin-left: 540px;
	width: 125px;
	height: 124px;
	display: block;
	z-index: 120;
	border-style: none;
	border-width: 0;
	outline-width: 0;
}

.negleft {
	margin-left: 0px;
}

img {
	border-width: 0;
	border-style: none;

}

.mapborder {
	margin-left: 10px;
	border: solid 2px black;
}

.noborder {
	border-style: none;
	outline-style: none;
}

input, label {
	position: relative;
	z-index: 20;
}

ul.infolist {
	margin-left: 6px;
}

ul.infolist li {
	width: 600px;
	margin-left: -20px;
}

input.nobordercenter {
	vertical-align: middle;
	outline-style: none;
}

a {
	color: #d60;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	z-index: 20;
	outline: none;
}

a.giftdonate {
	background-image: url(../images/btn_giftdonate.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	width: 134px;
	height: 36px;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	float: left;
	margin-top: -2px;
	margin-right: 40px;
	display: block;
}

a.directions, a.emailorder, a.contact, a.back, a.about, a.home {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -5000px;
	width: 130px;
	height: 32px;
	clip: rect(auto auto auto auto);
	display: block;
	cursor: pointer;
}

#credits {
	display: block;
	width: 90px;
	height: 25px;
	margin-top: 3px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

#credits:hover {
	background-position: 0 0;
	left: 104px;
	width: 194px;

}

#credits span {
	display: block;
	position: relative;
	overflow: hidden;
	top: -30px;
	width: 194px;
	height: 55px;
	text-indent: -5000px;
	background: url(../images/tiny_tmlogo.png) 0 0px;
	cursor: pointer;

}

#credits:hover span {
	top: -0px;
}

a.home {
	background-image: url(../images/btn_home.png);
	width: 34px;

}

a.contact {
	background-image: url(../images/btn_contact.png);
}

a.about {
	background-image: url(../images/btn_about.png);
}

a.back {
	background-image: url(../images/btn_back.png);
}

a.emailorder {
	background-image: url(../images/btn_emailorder.png);
}


a.small {
	font-size: 11px;
}

a:hover {
	color: #07a;
	text-decoration: underline;
}

a:focus {
	color: #07a;
	outline: none;
}

a:active {
	color: #2d3f57;
	outline: none;
	text-decoration: none;
	outline: none;
}

/* Main content */

/* @group Footer Button Line */

div.buttonline {
	height: 32px;
	margin: 10px auto;
	width: 660px;
	padding: 0;

}

div.buttonline ul,
div.buttonline ul.right {
	padding: 0;
	margin: 0;
	list-style-type: none;

}

div.buttonline ul li {
	float: left;
	padding-right: 10px;
}


div.buttonline ul.right li {
	float: right;
	padding-right: 0px;
}

/* @end */

div.clearer {
	clear: both;
	display: block;
	padding: 0;
	height: 0;
	font-size: 1px;
	line-height: 1px;
	width: 1px;
	margin: 0;
}

img.framed, img.framedleft, img.framedright {
	background-color: white;
	margin: 5px 10px;
	padding: 8px;
	border-color: #aab;
	border-style: solid;
	border-width: 1px 1px 2px;
	position: relative;
	z-index: 50;
}

img.framedleft {
	float: left;
	margin: 5px 8px 25px 0;
}

img.framedright {
	float: right;
	margin: 22px 26px 25px 8px;
}

.thumbblock {
	position: relative;
	left: 5px;
	z-index: 100;
}


#pageface div.shortenright {
	width: 530px;
	margin: 0 0 0 -50px;
	padding: 0 0 0 50px;
}

#pageface div.infoblock {
	clear: left;
	min-width: 280px;
}

#pageface hr {
	text-align: center;
	position: relative;
	left: -5px;
	width: 90%;
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	border-top: 2px solid #adbecf;
	border-bottom: 2px solid #e4efff;
	border-right-style: hidden;
	border-right-width: 0;
	border-left-style: hidden;
	border-left-width: 0;
	display: block;
}

#pageface hr.tall {
	margin-top: 14px;
	margin-bottom: 18px;
}

#pageface hr.extrabottom {
	margin-bottom: 28px;
}

#pageface hr.extratop {
	margin-top: 20px;
}

#pageface h1 {
	color: black;
	font-size: 24px;
}

#pageface h1.tight {
	color: #222;
	font-size: 21px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
}

#pageface h2,
#pageface h3 {
	color: #282828;
	font-family: "Trebuchet MS", "Lucida Grande", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	font-stretch: semi-condensed;
	font-size-adjust: 0.52;
	text-decoration: none;
	position: relative;
	z-index: 20;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 6px;
}

#pageface h3 {
	font-size: 14px;
}

#pageface h2.bigblue {
	color: #246;
	font-size: 21px;
	font-weight: bold;
	margin-left: 110px;
}

#pageface h2.block {
	color: white;
	font-size: 23px;
	font-weight: bold;
	background-color: #07a;
	text-align: left;
	text-indent: 40px;
	position: relative;
	left: -10px;
	width: 280px;
	height: 35px;
	z-index: 5;
	float: left;
	margin-top: 16px;
	margin-right: -10px;
	padding: 15px 0 0;
}

#pageface div.blockcap {
	background-image: url(../images/blue_block_end.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 11px;
	height: 50px;
	float: left;
	margin-top: 16px;
}

#pageface h2.sub {
	position: relative;
	top: 20px;
	width: 346px;
	float: left;
	margin-left: -50px;
}

#pageface h4 {
	color: #282828;
	font-size: 12px;
	font-family: "Trebuchet MS", "Lucida Grande", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	font-stretch: semi-condensed;
	font-size-adjust: 0.52;
	text-decoration: none;
	margin: 0 0 2px 0;
}

#pageface h3.small {
	color: #282828;
	font-size: 11px;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	font-stretch: semi-condensed;
	font-size-adjust: 0.52;
	line-height: 12px;
	text-decoration: none;
	margin: 0 0 2px;
}

.dark {
	color: #282828;
}

#pageface ul.small, #pageface ul.ssmall {
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-left: 16px;
}

#pageface ul.small li, #pageface ul.ssmall li {
	line-height: 130%;
	margin-right: 0;
	margin-bottom: 2px;
}

#pageface li {
	margin-right: 20px;
}

#pageface p {
	z-index: 20;
	margin-top: 0;
	margin-bottom: 1.5em;
}

#pageface p.topmargin {
	z-index: 20;
	margin-top: 1.5em;
	margin-bottom: 0;
}

#pageface p.nomargin {
	z-index: 20;
	margin-top: 0;
	margin-bottom: 0;
}

#pageface p.tight {
	margin: 0 8px 14px 0;
}

#pageface .small {
	font-size: 11px;
	line-height: 140%;
}

#pageface .ssmall {
	font-size: 10px;
	line-height: 140%;
}

#pageface p.figure {
	font-size: 11px;
	margin: 0 0 10px 0;
}

#pageface p.figurecenter {
	font-size: 11px;
	text-align: center;
	margin: 0 0 10px 0;
}

#pageface p.right {
	float: right;
}

#pageface p.left {
	float: left;
	margin-right: 0;
}

#pageface ul.right {
	float: right;
	margin-top: 0;
}

#pageface ul.left {
	float: left;
	margin-top: 0;
	margin-right: 0;
}

#pageface ul.tight {
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 27px;
}

#pageface li.tight {
	margin-top: 0;
	margin-right: 0;
	margin-left: 14px;
}

#pageface img.right,
#pageface div.right,
#pageface span.right {
	float: right;
	margin: 6px 10px 8px 0;
}

#pageface img.left,
#pageface div.left,
#pageface span.left {
	float: left;
	margin: 6px 10px 8px 0;
	display: inline;
}

.justright {
	float: right;
	margin: 0;
}

.justleft {
	float: left;
	margin: 0;
}

#pageface div.columnleft {
	width: 300px;
	float: left;
	clear: none;
	display: block;
}

#pageface div.columnright {
	width: 300px;
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
	display: block;
}

#pageface div.mediabox {
	font-size: 11px;
	line-height: 15px;
	background-color: #f9fcff;
	width: 492px;
	clear: both;
	min-height: 20px;
	margin: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #5a5e62;
	display: table;
}

#pageface div.mediabox h2 {
	padding-top: 0;
	padding-bottom: 0;
}

#pageface div.promobox, #pageface div.promoboxreverse {
	font-size: 11px;
	line-height: 15px;
	background-color: #f9fcff;
	width: 457px;
	clear: both;
	min-height: 20px;
	margin: 0 20px 10px;
	padding: 10px 5px 5px 10px;
	border: solid 1px #5a5e62;
}

#pageface div.promoboxreverse {
	color: gray;
	background-color: black;
}

#pageface div.promobox h2, #pageface div.promoboxreverse h2 {
	padding-top: 0;
	padding-bottom: 0;
}

#pageface div.promoboxreverse h2 {
	color: silver;
}

#pageface .loginbox {
	text-align: right;
	width: 260px;
	clear: both;
	margin: 0 20px 10px;
}

#pageface div.centro {
	text-align: center;
	width: auto;
	clear: both;
	margin: 6px 11px 8px 0;
	display: block;
}

#pageface div.quote {
	font-size: 11px;
	background-color: #f9fcff;
	clear: both;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px 12px 8px;
	border: dotted 1px #5a5e62;
}

#pageface div.quote p, #pageface div.quotelarge p {
	margin: 2px 0 4px;
}

#pageface .serifd {
	font-size: 13px;
	font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
}

#pageface .legend {
	font-size: 11px;
	line-height: 140%;
	position: relative;
	top: -2px;
	margin-left: 20px;
	padding: 14px 8px 13px;
	outline: solid 1px #c0c0c0;
}

#pageface .legend img {
	position: relative;
	top: 8px;
}

/* Footer background & content/list style */

a.footer {
	color: #999;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, verdana, sans-serif;
	font-weight: bold;
	background-image: url(../images/tm_logo_blk_sm.png);
	background-repeat: no-repeat;
	background-position: right 0;
	text-align: right;
	width: 60px;
	height: 34px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 13px 136px 10px 10px;
	display: block;
}

a:hover.footer {
	text-decoration: none;
}


.thumbblock span.ipod {
	float: left;
}

.thumbblock span.ipodh {
	float: left;
}


span.ipod {
	display: block;
	width: 117px;
	height: 175px;
	background: url(../content/images/ipod_thumbback.png) no-repeat;
	padding: 41px 13px 41px 14px;
}

span+span.ipod {
	margin-left: 12px;
}

span.ipod img{  
	float: left; /* Needed for highslide not to jerk image*/
}

span.ipodh {
	margin-left: 34px;
	display: block;
	width: 175px;
	height: 117px;
	background: url(../content/images/ipod_landscape.png) no-repeat;
	padding: 13px 41px 30px 41px;
}

span+span.ipodh {
	margin-left: 34px;
}

span.ipodh img{  
	float: left; /* Needed for highslide not to jerk image*/
}


.roundbutton,
.helpbutton,
.litebutton,
.buynowbutton {
	display: block;
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	z-index: 50;
	text-indent: -400px;
	margin-bottom: -80px;
	background: url(../content/images/btn_helpsupport.png) no-repeat;	
}

.helpbutton,
.litebutton,
.TAbutton,
.buynowbutton {
	float: right;
	left: 62px; /*62 or 58 work, but other values cause safari to misrender background of elements underneath (nav)*/
	top: -100px;
}

.buynowbutton {
	top: 95px;
	width: 116px;
	height: 40px;
	left: 40px;
	background: url(../content/images/btn_buynow299.png);
}

.litebutton {
	top: -10px;
	width: 120px;
	height: 42px;
	left: 40px;
	background: url(../content/images/btn_chalklite.png);
}

.helpbutton {
	top: -270px;
	width: 172px;
	height: 96px;
}

.buynow {
	background: url(../content/images/btn_buynow.png);
}

.TAbutton {
	top: -4px;
	width: 200px;
	height: 150px;
	left: -45px;
	background: url(../content/images/products/chalkTA.png);
}

.pricefree {
	background: url(../content/images/btn_free.png);
}

.price99 {
	background: url(../content/images/btn_buynow99.png);
}

.price199 {
	background: url(../content/images/btn_buynow199.png);
}

.price299 {
	background: url(../content/images/btn_buynow299.png);
}

.price399 {
	background: url(../content/images/btn_buynow399.png);
}

.price499 {
	background: url(../content/images/btn_buynow499.png);
}

.price599 {
	background: url(../content/images/btn_buynow599.png);
}


/* @group Product List Nav & Buttons */

/* This is the parent block that holds the background pattern and controls main positioning of whole nav area */
div#productspan {
	display: block;
	float: left;
	width: 608px;
	height: auto;
	padding: 0;
	margin: 1em 0px;
	background: #141414 url(../images/nav_background_grill.png) repeat-x -4px top;
}

#navleft,
#navright {
	display: block;
	float: left;
	width: 16px;
	margin: 1em 0 1em -10px;
	background: url(../images/nav_background_grill_left.png) no-repeat left top;

}

#navright {
	margin: 1em -10px 1em 0px;
	background: url(../images/nav_background_grill_right.png) no-repeat left top;

}


#navleft span, #navright span {
	display: block;
	width: 16px;
	height: 134px;
	padding: 0;
	margin: 0;

}

#navleft span.textdummy,
#navright span.textdummy {
	display: block;
	width: 16px;
	height: 2em;
	position: relative;
	overflow: hidden;
	font-size: 14px;
}


#navleft span.bottom,
#navright span.bottom {
	position: absolute;
	display: block;
	width: 16px;
	height: 82px;
	bottom: 0px;
}

#navleft span.bottom {
	background: url(../images/nav_background_grill_leftb.png);
}

#navright span.bottom {
	background: url(../images/nav_background_grill_rightb.png);
}

/* We need to display:table to have a collapsable block that squeezes to the size of its content - the content will be floated wihin so this container can't be bigger otherwise the content won't appear centered and will be too far to the left - not supported in IE */

#productspan ul {
	display: table; /* Compresses width */
	height: auto;
	padding: 0;
	margin: auto;
}

/* We're floating instead of inline-block because i-b isn't supported in Firefox versions <3 - IE uses I-B in its own CSS file*/

#productspan ul li {
	display: block;
	float: left;
	padding-top: 5px;
	margin: 0;
}

/* This is the "window" through which we can see the product icon image (a square mask or viewport) !! Never use an ODD Width for Safari as it causes background artifacts !! */
#productspan ul li span.iconwindow {
	display: block;
	width: 120px;
	height: 120px;
	padding: 0;
	position: relative;
	overflow: hidden;
}

/* Set up the base icon image properties here - dimensions are the full size of the icon image file*/
#productspan span.image {
	display: block;
	position: relative;
	padding: 0;
	width: 120px;
	height: 363px;
	overflow: hidden;
}

/* Text label under product icon*/
#productspan ul li span {
	display: block;
	padding-top: 9px;
	padding-bottom: 0px;
	height: 2em;
	margin: 0;
	color: #fff;
	text-decoration: none;
	text-shadow: #141414 0px 0px 2px;
	line-height: 28px;
	font-size: 14px;
}

#productspan a {
 	cursor: pointer; /* Required for IE6 */
	text-align: center;

}

#productspan a:hover, #productspan a:hover span {
	text-decoration: none;
	text-shadow: #bdf 0px 0px 4px;
	background-position: 0 0; /* Required for IE6 */
}

/* Product icon hover effect*/
#productspan a:hover span.image {
	top: -121px;
}



/* @group Product IDs */
/* one ID per product listed in nav */
/* Product images - each image needs to hold 3 state images, stacked vertically*/

#iconcubes span.image {
	background-image: url(../content/images/navitem_cubes.png);
}

#iconvirus span.image {
	background-image: url(../content/images/navitem_virus.png);
}

#iconchalk span.image {
	background-image: url(../content/images/navitem_chalk.png);
}

#iconappsniper span.image {
	background-image: url(../content/images/navitem_appsniper.png);
}

/* Image & text label state for selected product page  */
#cubes #iconcubes a span.image,
#virus #iconvirus a span.image,
#appsniper #iconappsniper a span.image,
#chalk #iconchalk a span.image{
	top: -242px;
}

#cubes #iconcubes a span,
#virus #iconvirus a span,
#appsniper #iconappsniper a span,
#chalk #iconchalk a span {
	text-shadow: #bdf 0px 0px 4px;
	cursor: default;
}


/* @end */


/* @end */

/* @group LabelBox  */


#pageface div.labelbox {
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 8px;
	min-width: 100px;
	float: left;
}

#pageface div.labelbox.standardlabelwidth {
	width: 256px;
}

div.labelbox .top {
	background: url(../images/labelbox_topleft.png) no-repeat scroll left top;
	padding-left: 7px;
}

#pageface div.labelbox .background {
	background: #fff url(../images/labelbox_bottombackground.png) repeat-x left bottom;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	border: 1px solid #9babbc;
	border-width: 0 1px;
	margin-bottom: 0px;
}

#pageface div.labelbox .top h3 {
	background: url(/images/labelbox_topright.png) no-repeat right top;
	margin: 0 0 0 -2px;
	color: #fff;
	font-size: 12px;
	padding: 0.2em 0 0.2em .7em;
}


#pageface div.labelbox p {
	line-height: 110%;
	margin: 0;
	padding: 0;
}

#pageface div.labelbox .bottom {
	padding-left: 5px;
	background: url(../images/labelbox_bottomleft.png) no-repeat left bottom;
	display: block;
	height: 8px;
}

#pageface div.labelbox .bottom .edge {
	display: block;
	background: url(../images/labelbox_bottomright.png) no-repeat right bottom;
	padding: 4px 10px 4px 0;
}

#pageface div.labelbox h1 {
	color: black;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0;
}

#pageface div.labelbox img.thumb {
	float: left;
}


#pageface div.labelbox a.buylink {
	line-height: 300%;
	background-image: url(../images/button_buynow_ssm.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	vertical-align: middle;
	margin: 5px 0 0;
	padding: 6px 0 6px 30px;
}



/* @end */

/* @group LeftLabelBox */


#pageface div.leftlabelbox {
	min-width: 100px;
	float: left;
	margin: 12px 5px 8px -10px;
}

#pageface div.leftlabelbox.standardlabelwidth {
	width: 280px;
}


#pageface div.leftlabelbox .background {
	background: #fff url(../images/leftlabelbox_background.png) repeat-x left bottom;
/*	border: 1px solid #9babbc;
	border-width: 0px 1px 0px 0px;
*/	margin-bottom: 0px;
	padding: 6px 8px 5px;
}

#pageface div.leftlabelbox.black .background {
	background: #b2b2b2 url(../images/leftlabelbox_background_black.png) repeat-x left bottom;

}


#pageface div.leftlabelbox .rightedge
{
	margin: 0;
	padding: 0 1px 0 0;
	height: auto;
	background: url(../images/leftlabelbox_rightedge.png) repeat-y right bottom;
}

#pageface div.leftlabelbox .topedge {
	background: url(/images/leftlabelbox_topright.png) no-repeat right top;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#pageface div.leftlabelbox.black .topedge {
	background: url(/images/leftlabelbox_topright_black.png) no-repeat right top;
}


#pageface div.leftlabelbox .bottomedge {
	display: block;
	background: url(../images/leftlabelbox_bottomright.png) no-repeat right bottom;
	padding: 4px 10px 4px 0;
}

#pageface div.leftlabelbox.black .bottomedge {
	background: url(../images/leftlabelbox_bottomright_black.png) no-repeat right bottom;
}

#pageface div.leftlabelbox h1 {
	text-indent: 32px;
	color: black;
	font-size: 23px;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pageface div.leftlabelbox.black h1 {
	color: #f1f1f1;
}


#pageface div.leftlabelbox img.thumb {
	float: left;
}




/* @end */