/* RESET
----------------------------------------------- */
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, 
b, u, i, center, 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-size:100.01%; vertical-align:baseline; background:transparent; }
body									{ line-height:1; }
ol, ul									{ list-style:none; }
blockquote, q							{ quotes:none; }
:focus									{ outline:0; }
ins										{ text-decoration:none; }
del										{ text-decoration:line-through; }
table									{ border-collapse:collapse; border-spacing:0; }
blockquote, q							{ quotes:none; }

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before, blockquote:after, q:before, q:after
{
	/* CSS 2; used to remove quotes in case "none" fails below. */
	content:"";
	/* CSS 2.1; will remove quotes if supported, and override the above. User-agents that don't understand "none" should ignore it, and keep the above value. This is here for future compatibility, though I'm not 100% convinced that it's a good idea... */
	content:none;
}

textarea								{ overflow: auto; }
input									{ border: 0px solid white; margin: 0; padding: 0; }

/* CLEARFIX
----------------------------------------------- */
.clear:after							{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height: 0; }
.clear									{ display:inline-block; } /* start commented backslash hack \*/
* html .clear							{ height:1%; }
.clear									{ display:block; } /* close commented backslash hack */


/* COMMON STYLES / SETTINGS
----------------------------------------------- */
.l										{ float:left; }
.r										{ float:right; }
.mb										{ margin-bottom:20px; }
.col									{ width:275px; }

/* CONTENT
----------------------------------------------- */
html									{ overflow:-moz-scrollbars-vertical; }
body									{ margin:0; padding:0; font:10px Helvetica,Arial,Sans-serif; color:#444; background:#fff url(/g/Layout/page_bg.gif) left 87px repeat-x; }

h1										{ margin:0 0 25px 0; padding:0 0 12px 0; border-bottom:1px solid #d5d5d5; font-size:30px; font-family:Trebuchet MS, Arial; line-height:30px; }
h2										{ margin:0 0 8px 0; font-size:22px; }
h3										{ margin:0 0 8px 0; font-size:16px; }
p										{ margin:0 0 10px; font-size:1.3em; line-height:1.539; }
td										{ font-size:1.3em; line-height:1.539; }
table.p									{ margin:0 0 10px; }

#top									{ height:81px; background:#2a2b29 url(/g/Layout/header_bg.gif) left top repeat-x; border-bottom:6px solid #88ac3a; }
#header									{ width:800px; margin:0 auto; }

#logo									{ float:left; width:158px; height:35px; margin-top:23px; }

#nav									{ float:right; margin:23px 0 0 0; padding:0; list-style-type:none; }
#nav li									{ float:left; border-right:1px solid #7aa61d; }
#nav li a								{ float:left; display:block; height:26px; padding-right:15px; padding-left:15px; font-size:11px; line-height:26px; color:#fff; text-decoration:none; }
#nav li.last							{ border-right-width:0; }
#nav li a:hover							{ text-decoration:underline; }
#nav li a.cur							{ color:#bdfe33; }

#page									{ width:800px; margin:0 auto; }

#page-nav								{ float:left; width:175px; }

#choose-product							{ margin:0; padding:0; list-style-type:none; }
#choose-product li a					{ display:block; height:39px; margin-top:1px; padding:8px 8px; background-color:#393939; color:#fff; text-decoration:none; }
#choose-product li a:hover				{ background-color:#222; }
#choose-product li a strong				{ display:block; margin-bottom:2px; font-size:18px; font-weight:normal; }
#choose-product li a span				{ color:#999; font-size:11px; }
#choose-product li a.cur,
#choose-product li a.cur:hover			{ background-color:#88ac3a; }
#choose-product li a.cur span			{ color:#eee; }

#page-image								{ float:right; position:relative; top:-38px; width:625px; height:262px; }
#page-image img							{ vertical-align:bottom; border:6px solid #88ac3a; }
#page-image h2							{ z-index:1; position:relative; top:-46px; left:6px; width:603px; height:40px; margin:0 0 -46px 0; padding:0 0 0 10px; background-color:#333; line-height:40px; font-size:22px; font-weight:bold; color:#fff; filter:alpha(opacity=80); opacity:0.80; font-family:Arial; }

#main									{ position:relative; top:-25px;  }
#left									{ float:left; width:176px; min-height:400px; height:auto !important; height:400px; background:url('/g/Layout/content-bg.gif') no-repeat right top; }
#content								{ float:right; width:623px; min-height:400px; height:auto !important; height:400px; padding-right:1px; background:#fff url(/g/Layout/content-bg.gif) right top no-repeat; border-top:1px solid #bbb; }

#site-nav								{ margin:0; padding:0; }
#site-nav li							{ margin:0; padding:0; list-style-type:none; }
#site-nav li a							{ display:block; height:30px; text-decoration:none; }
#site-nav li a span						{ display:block; height:30px; padding:0 0 0 12px; background-color:#f2f2f2; border:1px solid #d2d2d2; border-right:1px solid #bbb; line-height:30px; font-family:Helvetica; font-size:11px; color:#333; }
#site-nav li a.cur span					{ background:#fff url(/g/Layout/1x1_bbb.gif) left top repeat-x; border-top-width:0; border-right-width:0; border-bottom:1px solid #bbb; border-left:1px solid #bbb; color:#000; font-weight:bold; }
#site-nav li a:hover span				{ background-color:#fff; }
#site-nav li a.cur:hover span			{ border:1px solid #aaa; border-top-width:0; border-right-width:0; }

#content .content-padding				{ padding:25px; }
#content a img							{ border:0 solid #888; }
#content a:hover img					{ border:0 solid #749827; }
#content ul								{ margin:0 0 10px; padding-left:20px; list-style-type:square; }
#content ul li							{ font-size:1.3em; line-height:1.539; }

.modules								{ width:100%; border-right:3px solid #88ac3a; border-bottom:3px solid #88ac3a; }
.modules td								{ padding:8px; vertical-align:middle; margin:2px; }
.modules td.pack						{ width:110px; padding:6px 3px 4px 3px; border-top:3px solid #88ac3a; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase; }
.modules tbody td.size					{ text-align:center; font-size:16px; font-weight:bold; }
.modules tbody td.section				{ width:100px; background:#88ac3a url(/g/Layout/product-modulelist-section.jpg) left top repeat-y; border-bottom:1px solid #fff; text-align:center; font-size:14px; font-weight:bold; color:#fff; }
.modules tbody td.module				{ padding-left:15px; border-bottom:1px solid #eee; line-height:18px; font-size:12px; font-weight:bold; }
.modules tbody td						{  }
.modules tbody td.small					{ width:55px; text-align:center; }
.modules tbody td.medium				{ padding:6px; text-align:center; background:#f4f4f4 url(/g/Layout/product-modulelist-check-bg.jpg) left top repeat-x; border-right:1px solid #ddd; border-bottom:1px solid #ccc; border-left:1px solid #ddd; }
.modules tbody td.large					{ padding:6px; text-align:center; background:#f4f4f4 url(/g/Layout/product-modulelist-check-bg.jpg) left top repeat-x; border-bottom:1px solid #ccc; }
.modules tbody td.unchecked				{ background:#d8d8d8 url(/g/Layout/product-modulelist-uncheck-bg.jpg) left top repeat-x; border-right:1px solid #aaa; border-bottom:1px solid #bbb; border-left:1px solid #ccc; }

.modulelist								{ width:100%; margin-bottom:15px; }
.modulelist caption						{ margin-bottom:1px; padding:8px 12px 8px 20px; background:#676766 url(/g/Layout/product-module-caption-bg.jpg) left top repeat-x; color:#fff; font-size:18px; text-align:left; }
.modulelist td							{ padding:10px 20px 18px 20px; color:#fff; line-height:13px; border-bottom:1px solid #555454; }
.modulelist td b						{ font-size:14px; line-height:25px; color:#000; }
.modulelist td p						{ font-size:11px; color:#555; }
.modulelist td.desc						{ /* background:#94ba2c url(/g/Layout/product-module-bg.jpg) left top repeat-x; */ border-bottom:1px solid #ddd; }
.modulelist td.desc p:last-child		{ margin-bottom:0; }

.reference								{ margin-bottom:25px; }
.reference h3							{ margin:0 0 5px; padding:0 0 4px; font-size:20px; border-bottom:1px solid #7aa61d; }
.reference h3 a							{ color:#444 !important; }
.reference a.preview					{ display:block; float:left; padding:4px; border:1px solid #ccc; }
.reference a.preview img				{ vertical-align:bottom; }
.reference .link						{ margin-bottom:5px; padding-left:15px; }
.reference .link a						{ text-decoration:underline !important; font-size:11px; color:#777 !important; }
.reference .link a:hover				{ color:#666 !important; }
.reference div							{ float:right; width:340px; }
.reference div p:last-child				{ margin-bottom:0; }
.reference a.website					{ text-decoration:underline !important; }

.partner-list li						{ margin-bottom:15px; }
.partner-list li a						{ display:block; color:#000!important;  }
.partner-list li a:hover				{ text-decoration:none !important; }
.partner-list li a strong				{ font-size:14px; }
.partner-list li a p					{ margin-bottom:2px; font-size:12px; }
.partner-list li a p.link				{ color:#693; }
.partner-list li a:hover p.link			{ text-decoration:underline !important; }

#content a								{ color:#693; text-decoration:none; }
#content a:hover						{ text-decoration:underline; }

#bottom									{ float:right; width:625px; border-top:2px solid #88ac3a; text-align:center; font-size:11px; line-height:30px; color:#777; }
#bottom a								{ text-decoration:none; color:#777; }
#bottom a:hover							{ text-decoration:underline; }

#amino									{ float:right; width:625px; text-align:center; font-size:10px; line-height:30px; color:#999; }
#amino a								{ text-decoration:none; color:#999; }
#amino a:hover							{ text-decoration:underline; }

#casalounge								{ float:right; width:625px; text-align:center; font-size:10px; line-height:30px; color:#999; }
#casalounge a							{ text-decoration:none; color:#999; }
#casalounge a:hover						{ text-decoration:underline; }