/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrap, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library


        COLORS
        base          rgb(0,86,115);[h1,h5]
        base-tint1    rgb(84,138,172); [h2,h3,h6]
        base-shade1   rgb(0,64,128); [h4]
        accent-1      rgb(235,172,47); -yellow
        accent-2      rgb(43,128,2); -green

        a         rgb(0,123,178);
        a:visited rgb(121,185,205);
        a:hover   rgb(235,172,47);

        text      rgb(38,38,38);
        tint      rgb(128,128,128); [summary, em]
        tint-2    rgb(240,240,240);
        tint-3    rgb(87,87,87); [footnote]
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
----------------------------------------------------------- */
.newbanner
{
	height:335px;	
}
#socialicons
{
width:auto;
float:right;
padding-right:53px;
}
#optin
{
	/*background-color: #ccf0ff;*/
	margin-top:-25px;
	position:relative;
	z-index:100000000000;
	width:100%;
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	padding: 15px;
	min-height:75px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(204,240,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,240,255,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,240,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,240,255,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(204,240,255,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(204,240,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccf0ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#ocontent{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
#optin form
{
	margin-top:20px;
	
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* New styles added by Paul Avery */

.hide
{
display:none;
}

#facebook
{
margin-left:-10px;
margin-bottom:4px;
}
#twitter{
	margin-bottom:2px;
}
#pintrest
{
	margin-bottom:5px;
}


/*end of new styles added by Paul Avery */
/*live help invite chat*/
.lhnInviteContainer .LHNInviteTitle {
	display:none;
	color: #333333;
	font-size: 24px;
	margin-top:5px;
	margin-bottom: 5px;
	margin-right:7px;
	text-align:left;
	
}
.lhnInviteContainer {
	background-color: #FFFFFF;
	border: 1px solid #140FA6;
	border-radius: 8px;
	box-shadow: #CCCCCC 3px 3px 7px;
	color: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 15px;
	position: fixed;
	display:none;
	text-align: center;
	top: 150px;
	width: 278px;
	min-height:125px;
	height:
	z-index: 10000000;
}
.lhnInviteContainer .LHNInviteMessage {
	border-bottom:none;
	width:275px;
	text-align:left;
	font-size: 22px;
	/*margin-bottom: 8px;
	padding-bottom: 12px;*/
}
.lhnInviteContainer .LHNInviteCloseButton { 
background-color: #140FA6;
border-radius: 12px;
color: #FFFFFF;
font-size: 20px;
height: 24px;
line-height: 20px;
position: absolute;
right: -12px;
text-decoration: none;
top: -12px;
width: 24px;
}
.lhnInviteContainer .LHNInviteAcceptButton {
	background-color: #140FA6;
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	padding: 5px 20px 7px;
	text-decoration: none;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
a { 
color: #007BB2;
}
style.css:103
a, object { 
outline: medium none currentColor;
}
/*end live help invite chat*/

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }



/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Text Elements
----------------------------------------------------------- */
body {
    font: normal 13px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering: optimizelegibility;
    color: rgb(38,38,38);
}
p {line-height: 1.2857;margin: 0 0 1.25em;} /* DEV: Check on this later */


a           { color: rgb(0,123,178); }
a:visited   { color: rgb(0,123,178); }/*changed 0,123,178 -> 121,185,205 Paul Aveyr*/
a:hover, 
a:active, 
a:focus     { color: rgb(235,172,47); }

blockquote  	{ margin: 0; color: red;  }
blockquote p 	{ font-size: 1em; font-style: italic; }
strong 			{  }
p small 		{ font-size: 0.833em; }
em, p.summary   { font-style: italic;color: rgb(128,128,128); }
p.summary      { font-size: 1.3846em/* 18px */;font-family: Georgia, sans-serif;margin-bottom: .7222em/* 13px */;}


/* Following six styles generally do not need to be edited */
sup, sub    { line-height: 0; }
dfn 	    { font-style: italic; }
del 	    { color: #666; }
pre 	    { white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Headings
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font: .923em/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif;/* 12px ~ Paul Avery changed line height from 1 to 1.25*/
    margin: .25em 0;    
}
h1, h5 {color: rgb(0,86,115);}
h2, h3, h6 {color: rgb(84,138,172);}
h4, h5 {font-weight: bold;color: rgb(0,64,128);}
h4, h6 {text-transform: uppercase;}
h1 {font-size: 2em;/* 28px * changed 2.154em to 2 em Paul Avery/}
h2 {font-size: 1.6154em;/* 21px */}
h3 {font-size: 1.2308em;/* 16px */}
/*h4 {margin-bottom: .5em;}*/
.white {color:#FFF;}


/* Lists
----------------------------------------------------------- */
ul           { margin: 0 15px 1em 15px; }
ol           { list-style-type: decimal; margin: 0 1.5em 1em 1.5em; }
li           { margin-bottom: -0.05em; } /* edited by Paul Avery, from 0.75EM to -.05EM*/

li ul, 
li ol        { margin: 0 1em; padding-top: 0.75em; }
li li        { font-size: 1em; }
ul ol li     { background: none; padding-left: 0; }


 Tables
----------------------------------------------------------- 
table       	{ margin-bottom: 1em; width: 100%;font-size: .923em;}
th          	{ background: none; color: rgb(0,86,115);font-weight: bold; border::none; }
tr.short td 	{
	font-size: .95em;
	font-weight: normal;
	line-height: 1.3em;} /* added by Paul Avery to reduce height for about table/list of well know companies.*/
}
th,td,caption 	{ padding: 6px; }
td              { background: rgb(245,245,245);border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding:0px;}
tr.alt td       { background: rgb(235,235,235);}
tr.heading td   { background: rgb(255,255,255); } /*Add by Paul Avery for heading background.*/
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; text-align: center; }
table.support td tr th {background:#FFF;} /*Add by Paul Avery for heading background. for Patrick in support*/
.support {background:#FFF;}
/* Forms
----------------------------------------------------------- */
label { 
	float: left;
	margin-right: 10px; 
	width: 100px; 
	color: #76A1BD; 
	text-align: right;  
	font-size: 1em; 
}
.required label	{ color: #004080; font-weight: bold; }
.required-fields { color: #76A1BD; font-size: 1.077em; margin: 0 0 0.75em 115px; }
.required-fields strong { font-weight: bold; color: #004080; text-transform: uppercase; }
.field { margin-bottom: 0.833em; float: left; width: 324px; }
.field-textarea { width: 100%; float: left; }
.field input,
.field textarea { 
	font-size: 1.077em; 
	padding: 3px 2px; 
	float: right; 
	color: #616161;
	font-family: arial, helvetica, sans-serif; 
	border: 1px solid #d8d8d8;
	background: #E2E2E2; 
	background: -moz-linear-gradient(top, #E2E2E2 0%, #F0F0F0 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2E2E2), color-stop(100%,#F0F0F0)); /* webkit */
}
.field input { width: 208px;  }
.field textarea { width: 300px; font-family: inherit;  height: 65px;  overflow: auto; /* IE - Prevents scroll bars */ }
.field-small input { width: 108px; }



/* -------------------------------------------------------------- 
	3. Style Library
-------------------------------------------------------------- */

/* OOCSS Grids
----------------------------------------------------------- */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}/* min-height:240px; removed this, don't know why it is there, Paul Avery */
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/* Image Replacement
----------------------------------------------------------- */
.ir { display: block; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; }
.decor {position: absolute;z-index: 0;} /* for purely decorative elements */
.invisible { visibility: hidden; }
.hidden {display: none;}


/* Float & Align Styles
----------------------------------------------------------- */
.floatLeft      { float: left; }
.floatRight     { float: right; }
.clearLeft      { clear: left; }
.clearRight 	{ clear: right; }
.clear          { clear: both; }
img.floatLeft, .figure.floatLeft   { margin: 0 1.5em .5em 0; }
img.floatRight, .figure.floatRight  { margin: 0 0 .5em 1.5em; }
.align_c {text-align: center;}
.align_r {text-align: right;}
.align_l {text-align: left;}


/* Lists
----------------------------------------------------------- */
ul.layout    { margin: 0; list-style: none; }
ul.layout > li { padding: 0; margin: 0; background: none; }

/* Buttons
----------------------------------------------------------- */
.button {text-align: center;margin: 2em 0;}
.button.inline {margin: 0;display: inline-block;}
.button > .inner { 
    background: url(../assets/bg-gradient-button.png) 0 0 repeat-x;
    display: inline-block;
    padding: 7px 18px;
    font: bold 1.077em/1 "Helvetica Neue", Helvetica, Arial, sans-serif/* 14px */;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    text-shadow: 1px 1px rgba(0,0,0,.8);/* !IE */
	border: none;
    background-color: rgb(99,158,30);
    color: rgb(255,255,255);
    cursor: pointer;
    /* CSS3 */
       -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
       -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.button > input.inner {padding: 5px 18px;}

.horiz .button {margin: 1em 0;}
.callout .button {max-width: 200px;overflow: hidden;}
.callout .button > .inner {
    background: url(../assets/bg-gradient-callout.png) 0 0 repeat-x;
    position: relative;
    padding: 13px 16px;;
    white-space: normal;
    font-style: italic;
    line-height: 1.2;
    text-align: left;
    color: rgba(255,255,255,.8);
    /* CSS3 */
       -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
.button > .inner.yellow {
	font-weight: normal;
	font-size: .923em/* 12px */;
	padding: 5px 16px;
	/* background: url(../assets/bg-gradient-button-grey.png) 0 0 repeat-x;*/
    background-color: #ECDE2F;
	color: rgb(71,71,71);
	text-shadow: 1px 1px rgba(255,255,255,.8);/* !IE */
	border: 1px solid #ccc;
}
.button-orange > .inner {
	background: url(../assets/bg-gradient-button.png) 0 0 repeat-x;
	display: inline-block;
	padding: 7px 18px;
	font: bold 1.077em/1 "Helvetica Neue", Helvetica, Arial, sans-serif/* 14px */;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	text-shadow: 1px 1px rgba(0,0,0,.8);/* !IE */
	border: none;
	background-color: #E17A03;
	color: rgb(255,255,255);
	cursor: pointer;
	/* CSS3 */
       -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.callout .button .inner strong {color: #fff;}

.callout .button .inner:after {
    background: url(../assets/bg-gradient-callout-bottom.png)  -20px -65px repeat;
    position: absolute;
    z-index: 0;
    content: url(../assets/blank.gif);
    bottom: 0;left: 0;
    width: 100%;
}

.button > .inner.small {
    padding: 2px 8px;
    font-size: .9167em/* 11px */;
}
.button > .inner.green {
    background-color: rgb(99,158,30);    
}
.button > .inner.orange {
	background-color: #F90;
}
.button > .inner.grey {
    font-weight: normal;
    font-size: .823em/* 12px */;
    padding: 2px 8px 2px 8px;
    background: url(../assets/bg-gradient-button-grey.png) 0 0 repeat-x;
    background-color: rgb(229,229,229);
    color: rgb(71,71,71);
    text-shadow: 1px 1px rgba(255,255,255,.8);/* !IE */
    border: 1px solid #ccc;
	height:30px;
}
.button > .inner.blue {background-color: rgb(0,80,160);}

.callout .button .inner.blue {background-color: rgb(0,80,160);}


/* Page Navigational Styling 
----------------------------------------------------------- */
.nav {margin: 0;padding: 0;list-style: none;}
.nav li {margin: 0;padding: 0;}
.nav li a {display: block;text-decoration: none;}
.horiz {overflow: hidden;list-style: none;}
.horiz li {float: left;}
.breadcrumbs .nav li,
.breadcrumbs .nav li a {display: inline;}
.breadcrumbs .nav li a {text-decoration: underline;}


/* Search Form Styles 
----------------------------------------------------------- */
.search-form {
    position: relative;
    float: left;
    padding: 4px 0;
    height: 22px;
}
.search-form fieldset { 
    background: rgb(200,200,200) url(../assets/bg-gradient-search.png) 0 0 repeat-x;
    padding: 0 10px;
    border: 1px solid #fff;
    height: 20px;
}
.search-form input.query {
    background: none; 
    width: 145px;
    margin-right: 10px;
    padding: 3px 0;
    border: none; 
    color: rgb(128,128,128); 
    font-size: 0.917em;
    background: none;
    font-style: italic;
}
.search-form input.query:focus {outline: none;/* webkit */}
.search-form input.search { 
    background: url(../assets/search.png) 2px 2px no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -999em;
}
.search-form,
.search-form fieldset {
       -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}



/* -------------------------------------------------------------- 
	4. Main Structure & Color
-------------------------------------------------------------- */
html {background: rgb(240,240,240);}
body {background: #fff;}
#header, #main, 
#footer, #region-selections {
    width: 980px; /*incresed to 980 from 900 by Paul Avery*/
    margin: auto; 
    padding: 0;
}



/* Header
----------------------------------------------------------- */
#header-wrap {background: url(../assets/bg-header-wrap.png) center bottom repeat-x;}
#header {
    position: relative;
    height: 80px;
	z-index:1000;
}
#header a {text-decoration: none;}

#region-selections-wrap {background: url(../assets/bg-gradient-pagetop.png) 0 0 repeat-x;}
#region-selections {overflow: hidden;display: none;}
#region-selections .nav {float: right;margin-right: 15px;}
#region-selections .nav a {
    font: bold .923em/1 "Helvetica Neue", Helvetica, Arial, sans-serif 12px ;
    margin: 8px 15px;
    padding: 6px 9px;
    text-transform: uppercase;
    color: #fff;
}
#region-selections .nav a.selected {
    background: rgb(0,35,71);
    background: rgba(0,0,0,.4);
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}
.no-js #region-selections {display: block;}


.identity, #primary-nav {position: absolute;}
.identity {left: 13px;top: 8px;}
#primary-nav {right: 20px;bottom: 10px;}
#primary-nav a {
    font: bold 1.0769em/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:0 0.35em;
    padding:0 0.75em;
}

.header-more {
    margin-left: 425px;
    font-size: 11px;
    padding-top: 5px;
    font-style: italic;
}
.header-more > * {float: left;margin: 0 8px;}
.search-form {float: left;}

#store {
	padding: 0 10px 0 22px;
	background: url(../assets/bg-cart.png) 0 50% no-repeat;
	font-size: 1.35em;	
}

#region-selector, #store {line-height: 25px}
#region-selector {
    height: 25px;
    width: 170px;
    text-align: center;
    color: #fff;
    background: url(../assets/bg-region-select.png) -1px 0 no-repeat;
}
#region-selector.active {cursor: pointer;}


/* Coloring */
#store a {color: rgb(64,64,64);}
#primary-nav a {color: rgb(0,64,128);text-shadow: 1px 1px 1px #fff;}
#primary-nav a.selected {color: rgb(121,185,205);}
#primary-nav a.special {color: rgb(34,102,0);}
#primary-nav a:hover {color: rgb(235,172,47);}



/* Footer
----------------------------------------------------------- */
#footer-wrap {background: rgb(240,240,240) url(../assets/bg-gradient-footer.png) 0 0 repeat-x;} /*TODO: opaque gradient*/
#footer {font-size: 12px;padding: 26px 0;}
#footer a {color: rgb(0,123,178);}
#footer .nav a {display: block;line-height: 1.5}
#footer .inner {margin-left: 16px;}

.social-media {float: left;margin: 3px 8px 0 10px;}
.fb-like {margin: 10px 0 0 10px;}
.sm-icon {
    display: block;float: left;
    background: url(../assets/icons-social-media.png);
    width: 16px;height: 16px;
    text-indent: -999em;
    margin-right: 2px;
}
.sm-icon.twitter {background-position: 0 0;}
.sm-icon.facebook {background-position: -19px 0 ;}
.sm-icon.linkedin {background-position: -38px 0;}
.sm-icon.youtube {background-position: -57px 0;}
.sm-icon.unknown {background-position: -76px 0;}
.tel.tollfree {margin-top: .5em}


/* Main
----------------------------------------------------------- */
#main-wrap {background: #fff url(../assets/bg-main-body.png) 0 0 repeat-x;}
#main {overflow: hidden;padding-bottom: 3em;padding-top: 50px;position: relative;}

.section {clear: both;}
.figure .figcaption {margin-top: 5px;}
.photo {
    padding-bottom: 9px;
    background: url(../assets/bg-photo.jpg) right bottom no-repeat;
}
.photo img {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 0;
}
.photo.padded img {padding: 5px;background: #fff;}

#local-nav {
    float: left;
    width: 200px;/*165px*/
    margin: 0 40px 0 10px;
    padding-top: 10px;
}
#local-nav .nav a {
    font: bold 1em/1.3846 'Helvetica Neue', Helvetica, Arial, sans-serif/* 13/18 */;
    padding: 8px 10px 10px;
    background: #fff url(../bg/nav-bg.png) 0 0 no-repeat;/* background: #fff url(../assets/bg-local-nav.png) 0 0 no-repeat;*/
   /* text-transform: uppercase; commented out by Paul Avery*/
    letter-spacing: -.02em;
    color: rgb(0,86,115);
}
#local-nav .nav a:hover {color: rgb(235,172,47);}
#local-nav .nav li ul {padding-top: 0;padding-left: 10px;margin: -5px 0 10px 15px;}
#local-nav .nav li li {
	list-style: disc;
	color: #ccc;
	margin-top: -10px;
	margin-bottom: -2px;
}
#local-nav .nav li li a {background: none;padding: 5px 0;font-size: .923em;letter-spacing: .02em;}

/* Primary content area */
#content-wrap {margin: 0 auto;}
.content-space {margin-left:50px;} /*added by paul avery to push content away from left side*/
/*#content-wrap-850 {margin: 0 auto;width: 850px;}*/
#content-wrap li {padding-left: 5px;}

#content {margin-right: 30px;}

#aside {width: 225px;padding: 0 20px;}
#aside .figure .photo {margin: 0 -10px;}

#main-header-wrap {
    position: relative;
    background: /*rgb(0, 61, 123)*/rgb(196, 238, 250) url(../assets/bg-main-header-gradient.jpg) 0 0 repeat-x;
    min-height: 10px;
    overflow: hidden;
}
#main-header-wrap .decor {
    height: 100%;
    width: 100%;
    z-index: 0;
}
#main-header-wrap .decor.light {
    top: 0;
    height: 300px;
    min-width: 900px;
    background: url(../assets/bg-main-header-light.jpg) 50% 0 no-repeat;
}
#main-header-wrap .decor.stripes {
    background: url(../assets/bg-product-footer.png) center bottom repeat-x;
    bottom: 0;
    height: 110px;
    border-top: 1px solid #61a5d8;
}
#main-header {
    position: relative;
    z-index: 100;
    margin: 0 auto;
    width: 980px; /* added 80 PX, from 900PX Paul Avery*/
}

/* Universal */
.breadcrumbs {position:absolute;left: 0;margin-top: -25px;width: 100%;font-size: .923em/* 12px */;}
.breadcrumbs .nav {margin: 0 auto;width: 685px;}

/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
-------------------------------------------------------------- */
/* Has Navigation */
.has-nav .breadcrumbs {text-align: left;}
.has-nav .breadcrumbs .nav,
.has-nav #content-wrap {margin-left: 215px;}

/* Has Sub Content */
.has-sub #content {width: 725px;float: left;margin-right: 30px;} /* added 80 PX to width (old 645 PX) Paul Avery*/


/* -------------------------------------------------------------- 
	6. Template Styles
-------------------------------------------------------------- */
/* Galleries */
.gallery .gallery-row {overflow: hidden;}
.gallery .photo {margin: 0 10px 10px 0;overflow: hidden;float: left;}
.pagination {font-size: .8462em;margin: 0 auto;width: 500px;}
.pagination .controls a {float: left;}
.pagination .controls a.selected {color: #444;text-decoration: none;font-weight: bold;}
.pagination .ir {background: url(../assets/sprite-form.png) 0 0 no-repeat;width: 23px;height: 23px;}
.pagination .first {background-position: left top;}
.pagination .prev {background-position: -24px top;}
.pagination .next {background-position: -48px top;}
.pagination .last {background-position: -72px top;}
.pagination .go {background-position: right top;}
.pagination .first:hover {background-position: left -26px;}
.pagination .prev:hover {background-position: -24px -26px;}
.pagination .next:hover {background-position: -48px -26px;}
.pagination .last:hover {background-position: -72px -26px;}
.pagination .go:hover {background-position: right -26px;}
.pagination .pages {float: left;margin: 0 .5em;}
.pagination .pages a {margin: 0 .25em;line-height: 23px;}
.pagination label {width: auto;margin-left: 1em;color: #888;}

/* Listings Pages */
.listings {margin: .75em 0 0;list-style: none;}
.listing {overflow: hidden;padding: 15px 0 0;border-top: 1px solid rgb(229,229,229);}
.listing ul li {margin-bottom: 0;line-height: 1.3;}
.listing .thumbnail {margin-top: -15px;}
.listings.horizontal .photo {margin-right: 10px;}
.listings.horizontal .photo img {max-width: 100%;}
.listings.horizontal .listing {padding: 0 15px 0 0;border: none;}

/* Pricing Page */
.pricing .desc {padding-left: 2em;}

/* Contact Form */
#contact-form fieldset { border: none; width: 324px; }
#contact-form fieldset.wide { width: auto; clear: left; }

/* Product Pages */
.product {
    background: rgb(214,233,244) url(../assets/bg-product-landing-header.jpg) 0 0 no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px -15px;
}
.product .bd {position: relative;}

.bd table, tr, td, tbody {
background: none;
border-right: none;
border-left: none;
}
.product .info {
    position: absolute;
    margin: 0 30px 0 0;
    left: 370px;
    top: 30px;
    max-width: 20em;
}
.product .info > * {margin-bottom: 15px;}
.product .info p {font-size: 1.3077em/* 17px */;color: rgb(0,64,128);line-height: 1.06/* 18px */;}
.product .info .logo {margin-bottom: 1em;}
.product .info .button {text-align: left;margin: 0;}
.product .horiz {margin: 0;}
.product .ft {background: url(../assets/bg-header-wrap.png) center top repeat-x;}
.product .ft .button {margin: 0 .5em 0 0;padding: 0;}
.product .ft .button .inner {padding: 4px 15px;font-weight: bold;}

.product-landing #aside {
	margin-top: 270px;
	position: absolute;
	z-index: 1000;!important;
	top: 10px;
	right: -20px;
	padding-top:5px;
}
.product-landing .product {
     width: 740px; /*changed width by 80 PX Paul Avery*/
       -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
.product-landing .ft {padding: 10px 15px;}

.product-sub .product-img {margin-top: 10px;}


/* -------------------------------------------------------------- 
	7. Lightbox
-------------------------------------------------------------- */
/*
    ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../assets/lightbox-controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../assets/lightbox-controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/lightbox-loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../assets/lightbox-controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        #cboxCurrent {display: none !important;}
		#TopNavHome {
			width: auto;
			padding:0 10px 0 10px;
			height:30px;
}

#TopNavSolutions {
	width: 87px;
	height:30px;
}


#TopNavAboutUs {
	/*background: url(../images/nav/about-us.png) top;*/
	width: 87px;
	height:30px;
}

#TopNavDevelopers {
	/*background: url(../images/nav/contact-us.png) top;*/
	width: 107px;
	height:30px;
}
#TopNavCompany {
	/*background: url(../images/nav/contact-us.png) top;*/
	width: 80px;
	height:30px;
}
#TopNavExternal {
	/*background: url(../images/nav/contact-us.png) top;*/
	width: 107px;
	height:30px;
}
#CommonTopNav{position: absolute;right: 80px;bottom: 0px;font: bold 1.0769em/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(0,64,128); text-align:center; height:40px; z-index:200;width:650px;top:50px;}

#CommonTopNav a,
#CommonTopNav a:link,
#CommonTopNav a:visited,
#CommonTopNav a:hover,
#CommonTopNav a:active{color: rgb(0,64,128); text-decoration: none;}

.TopNavLevel1 {display:inline-block;} 
#CommonTopNav ul.top-level {margin-left:0;}
#CommonTopNav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#CommonTopNav li {margin:0; padding:0; margin-left:-1px;}
#CommonTopNav a {display:block; line-height:25px; text-decoration:none; padding:0 10px;} 

#CommonTopNav li:hover > ul {visibility:visible; z-index: 100;}
#CommonTopNav a:hover ul,
#CommonTopNav a:hover a:hover ul, 
#CommonTopNav a:hover a:hover a:hover ul {visibility:visible;}
#CommonTopNav a:hover ul ul, 
#CommonTopNav a:hover a:hover ul ul {visibility:hidden;}

#CommonTopNav ul.TopNavLevel {margin:0 auto;} 
#CommonTopNav li.TopNavLevel-li {float:left; position:relative; z-index: 1;}

#CommonTopNav a.TopNavLevel-a {float:left; padding: 0px;} 
#CommonTopNav a.TopNavLevel-a img {float:left; padding:0 0px 20 0; cursor:pointer; cursor:hand;}

#CommonTopNav a.TopNavLevel-a:hover {white-space:nowrap;}
#CommonTopNav a.TopNavLevel-a:hover img, 
#CommonTopNav a.TopNavLevel-a:focus img, 
#CommonTopNav a.TopNavLevel-a:active img {color:#000; cursor:pointer;}

#CommonTopNav a.TopNavLevel-b {color: rgb(121,185,205); float:left; padding: 0px;} 
#CommonTopNav a.TopNavLevel-b img {float:left; padding:0 0px 20 0; cursor:pointer; cursor:hand;}

#CommonTopNav a.TopNavLevel-b:hover {white-space:nowrap;}
#CommonTopNav a.TopNavLevel-b:hover img, 
#CommonTopNav a.TopNavLevel-b:focus img, 
#CommonTopNav a.TopNavLevel-b:active img {color:#000; cursor:pointer;}
#CommonTopNav a.special {color: rgb(34,102,0);}
#CommonTopNav a.special:hover {
	color: rgb(235,172,47);
}

#CommonTopNav li.TopNavLevel-li:hover > a {white-space:nowrap;}
#CommonTopNav li.TopNavLevel-li:hover > a img {color:#000;}

#CommonTopNav li ul {display:block; position:absolute; visibility:hidden; background:#fff; padding:0px 0px 0px 0px; left:0; font: .9em/1 "Helvetica Neue", Helvetica, Arial, sans-serif;}
#CommonTopNav li li {border-bottom:0px solid #505060;height: 23px;}
#CommonTopNav li li a {background:#fff; height: 23px;} 
#CommonTopNav li li a:hover {background:#e3e6ed; height: 23px;} 
#CommonTopNav li li:hover > a {background:#e3e6ed; height: 23px;}
#CommonTopNav li li a.flyout {background:#fff; height: 23px;}
#CommonTopNav li li a.flyout:hover {background:#e3e6ed; height: 23px;} 
#CommonTopNav li li:hover > a.flyout {background:#e3e6ed; height: 23px;}

#CommonTopNav ul.dropdownlist {top:25px; left:15px;opacity:0.93;width:200px;} 
#CommonTopNav li li ul {left:100%; margin-top:-23px; margin-left:-5px;}
#infobox {
	position:absolute;
	right:-20px;
	bottom:20px;
	width:200px;
	border:thick solid #06F;
	background-color:#FFF;
	z-index:500;
}
.spamalert
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin: 5px;
}

.solu_main
{
width:730px;
float:right;
}
/*产品最终页面信息*/
.services_option2{
}

#alert {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 2px;
	color: #F00;
}

.news_main
{
width:730px;
float:right;
}
.main_top{
color:red;
}

.in_nav ul li{
	padding-top:10px;
	font-size:12px;
	
}
.in_nav ul {
	
}
.inner_desc{
	width:180px;
	float:right;
}
	
.list_center{
	width:700px;
}

.listing h5{
color:#000;
font-size:12px;
}

.copyright2{
	border-top:1px solid #999;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	margin-top:20px;
}
.footertel{
width:200px;
float:left;
}
#footer .tel{
padding:2px 0px;
}

.list_pdesc{
	
}

.index_center{
padding-bottom:10px;
}

.no_nav_main{
}
.pic_link{
	width:200px;
	float:left;
	padding:2px 10px 2px 10px;
}

.pic_link span{
text-align:center;
padding-left:50px
}
#content-wrap2 {margin: 0 auto;}
#content-wrap2 {margin-left: 250px;width:770px;}
#content-wrap2 li {padding-left: 5px;}

/* box*/

.boxtop {
			height: 20px;
			background-image: url(../bg/boxtop2.gif);
			background-repeat: no-repeat;
			font-size: .9em;
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 2px 0 0 16px;
			margin: 0;
		}


		.boxonline {
			clear: both;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			border-top: 1px solid #ddd;
			padding: 5px 15px 5px 15px;
			margin: 0 0 0px 0;
			width:550px;
		}


		#infobox {
			height: 80px;
			background-image: url(../bg/info.jpg);
			background-repeat: no-repeat;
			color: #fff;
			padding: 20px 0 0 95px;
			margin: 0;
		}


			#infobox h3 {
				color: #fff;
				margin: 0 0 10px 0;
			}


			#infobox a { color: #fff; text-decoration: none; }
			#infobox a:hover { color: #fff; text-decoration: underline; }



	#news {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}


		#news li {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #eee;
		}

#news h3{
font-size:12px;
}

		.date {
			text-transform: uppercase;
			margin: 0 0 3px 0;
		}
/*box*/


/* 表格样式表*/

#content-wrap2 table {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	float:left;
	width:680px;
}



#content-wrap2 table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
#content-wrap2 table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}


.detailmain {
    font-size: 14px;
    line-height: 1.8em;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	overflow:hidden;

}
/*Overflow:visible 此样式可以让滚动条隐藏，但可以鼠标上拉下拉滑动。
Overflow:hidden 隐藏对象超出设置宽度高度的内容
Overflow:scroll 此样式，会让内容无论是否超出高度宽度也会显示滚动条。*/
/* product Tab*/
.services_option2 h4, .services_option4 h4 {margin:0 0 25px 0;padding:10px 0;border-bottom:1px solid #e7e6e6;}
.services_option2 h4 span{width:300px;float:right; margin:0 0 25px 0;padding:5px 0;font-size:20px;}
.services_option2 h4 span a{font-size:12px;color:#39F;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-style:normal;};
.services_option2 #tabs {
	padding:0 0 20px 0;
}

.services_option2 #tabs ul{list-style:none inside none;}
.services_option2 #tabs .tab_select {margin-bottom:30px;background:url(../images/services_tabs.png) no-repeat;min-height:50px;width:100%;float:left;}
.services_option2 #tabs .tab_select li {float:left;font-weight:bold;padding:20px 25px 0 25px;min-height:30px;background:url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li:first-child {padding-left:10px;}
.services_option2 #tabs .tab_select li:hover {background:#fff url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li.active {background:#fff url(../images/line.png) right top no-repeat;}
.services_option2 #tabs .tab_select li a {color:#434242;}
.services_option2 #tabs .tab_select li.active a {color:#5eafcd;}
.services_option2 #tabs .tab_select li:hover a {color:#5eafcd;}
.services_option2 #tabs div h3 {font-size:34px;color:#d8d8d8;}
.services_option2 #tabs div h5 {font-size:16px;color:#626363;font-weight:normal;padding-bottom:25px;}
.services_option2 #tabs div .bwWrapper {width:auto;padding:0;float:right;border:5px solid #f6f3f3;margin-left:15px;font-size:0;line-height:0;}
.services_option2 #tabs div p {padding-bottom:17px;}
.services_option2 #tabs div ul li {position:relative;padding:7px 0 7px 35px;}
.services_option2 #tabs div ul li:before {content:'';position:absolute;top:7px;left:0;display:block;width:18px;height:18px;background:#5eafcd url(../images/sprite.png) 0 -189px no-repeat;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior: url(PIE.htc);}

.services_option2 #tabs div p .learn_more {position:relative;z-index:2;}
/* product Tab*/
/*productdetail*/

/*  contact form  */
.col-1{
	width:700px;
}

#contact-form {display:block}

#contact-form .wrapper {
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}
#contact-form label {display:block;height:35px;overflow:hidden;width:100%;}

label input {
	width:300px;
	font-size:12px;
	color:#696969;
	padding:1px 10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#fff;
	float:left;
	height:24px ;
}
#contact-form fieldset {
    border: medium none;
    width: 100%;
}

#contact-form .buttons input {
	width:100px;
	font-size:12px;
	color:#696969;
	padding:1px 10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:#fff;

}
#contact-form textarea {
	height:230px;
	overflow:auto;
	width:430px;
	font-size:12px;
	color:#696969;
	padding:10px;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	background:none
}
.text-form {
	float:left;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	width:110px;
	line-height:1.7em;
	color:#696969;
	padding-right:10px;
}

.text2{
	float:left;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	width:110px;
	line-height:1.7em;
	color:#696969;
	text-align:right;
	padding-right:10px;
}
.input_desc{float:left;}
.buttons {
	padding-top:8px;
	text-align:center;
	
}
.buttons a {margin-left:16px;}

/*  contact form  */

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}