* {
	margin: 0;
}
html { height:100%; }
body { height: 100%; font-size: .8em; font-family: Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; background:#E1E2E2 url(/content/images/bg.png) repeat-x; }
a:link { color: #034af3; text-decoration: none; }
a:visited { color:#034af3; text-decoration: none; }
a:hover { color: #1d60ff; text-decoration: underline; }
p { margin: 7px 0 12px 0; }
hr { margin:10px 0 10px 0; }
textarea { width:350px; height:50px; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.2em; color: #000000; }
h1 { font-size: 1.4em; padding-bottom: 3px; margin-bottom: 0; margin: 0 0 10px 0; }
h2 { padding: 0 0 0 0; margin:0 0 10px 0; color:#000000; }
h3 { font-size: 1em; color:#E97D0A; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#wrapper { width:950px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; }
#container { border-top:1px solid #ffffff; margin-left:auto; margin-right:auto; width:950px; }

#header { margin:20px 0 0 0; color: #000;  padding:0 5px 0 5px; }
#header-logo { float:left; }
#header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #1DBEE6; border: none; line-height: 2em; font-size: 32px !important; }

#top-nav { padding:0 0 2px; margin:0; float:right; }
#top-nav a {  text-decoration: none; color: #424242; }
#top-nav a:hover { text-decoration: underline; }
#top-cart {  }
#top-logon { margin-top:5px; }

#main-top { margin-top:10px; height:35px; border-bottom:4px solid #E97D0A; background:#4A4A4A url('/content/images/menu-bg.png') repeat-x; }
#main-nav { padding:0; margin:0; }
#main-nav li { padding:5px 12px 5px 12px; border-right:1px solid #666666; margin:0; line-height:35px; height:35px; display:inline; list-style:none;   }
#main-nav li a { text-decoration: none; color:#ffffff; font-size:1.2em; }
#main-nav li a:hover { text-decoration: underline; }
#main-nav li.selected a { font-weight:bold; }

#sub-nav { display:inline; line-height:35px; margin:0; padding:0; }
#sub-nav li { margin:5px 5px 5px 5px; display:inline; list-style:none; }

#admin-main-top { margin-top:10px; height:35px; background-color:#000000; }
#admin-main-nav { padding:0; margin:0; }
#admin-main-nav li { padding:5px 20px 5px 20px; border-right:1px solid #666666; margin:0; line-height:35px; height:35px; display:inline; list-style:none; }
#admin-main-nav li a { text-decoration: none; color:#ffffff;  }
#admin-main-nav li a:hover { text-decoration: underline; }
#admin-main-nav li.selected a { font-weight:bold; text-decoration:underline; }

/*#main-content-header i { color:#2E7FEB; }*/

.home-box { border:1px solid #808080; color:#4A4A4A; width:290px;height:225px;padding:15px 8px 0 8px; background:#ffffff url('/content/images/home-box-bg.png') repeat-x; }
.home-box p { margin-top:20px; }

#main { padding:10px 5px 10px 5px; display:block; min-height:300px; }

#left-content { float:left; width:150px; padding:0 2px 0 2px; }
#right-content { float:right; width:150px; padding:0 2px 0 2px; }
#main-content-3column { margin-left:160px; margin-right:160px; }
#main-content-2column { margin-left:170px; }
#main-content { width:100%; }

.side-nav { padding:0; margin: 0 0 10px 0px; }
.side-nav .selected { font-weight:bold; }
.side-nav li  { list-style: none; padding:4px 0 0 0; margin:0; }

/* MAIN PAGE CONTENT
----------------------------------------------------------*/

#intro-box { border:1px solid #e0e0e0; height:330px; background:#ffffff url(/content/images/intro-box-bg.jpg) repeat-x; }
#intro-box img { padding:0; margin:0; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.required{font-weight:bold;} 
.statusMessage { margin:10px 0 10px 0; font-weight:bold; font-size:1.1em; padding:10px; background-color:#E6F1F7; border: 1px solid #24578A;  }

fieldset { margin:10px 0 15px 0;padding:0;border: 1px solid #CCC; width:100%;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em; margin:0 0 0 15px; padding:10px; color:#000000; font-weight:bold; }
input[type="text"] { width: 200px;border: 1px solid #CCC;}
input[type="password"] {width: 200px;border: 1px solid #CCC;}

/* PRODUCT LIST
----------------------------------------------------------*/
.plContainer { border: 1px solid #ccc; margin-bottom:10px; padding:5px; height:75px; }
.plDetails { float:left; font-size: 1.1em; }
.plValue { color:#808080; }
.plValue img { margin-top:5px; border:0px; }
.plPoints { font-weight:bold; }
.plName a { font-weight:bold; }
.plOptions { float:right; }
.plDeleted { border-color:Red; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color:Red; }
.error a { color:Red; }
.largeError { color:red;font-size:1.1em;font-weight:bold; }
#title { display:block; float:left; text-align:left; margin:0; }
#logindisplay { font-size:1.1em;  display:block; text-align:right; margin:10px; color:White; }
#logindisplay a:link { color: white; }
#logindisplay a:visited { color: white; text-decoration: underline; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.push { height:250px; } 
.info-box { background-color:#E6F1F7; padding:10px; }
.info-box-content { background-color:#ffffff; padding:10px; border-right:1px solid #077AC3; border-bottom:1px solid #077AC3; }
ul.largeList { }
ul.largeList li { font-size: 1.2em; line-height:1.7em; }
.linkbutton { margin: 0 10px 0 10px; padding: 2px 20px 2px 20px; font-weight:bold; font-size:1em; border:0px; background-color:#424242; color:#ffffff; text-decoration:none; }
a.linkbutton { color:#ffffff; }
.gohighlight { text-decoration:none; background-color:#44B15E;color:#ffffff;padding:3px;font-weight:bold; }
a.gohighlight { color:#ffffff; }
.shoppingcartbc { color:#cccccc ; text-decoration:none; }
.highlight { background-color:#FFFF99; }
ul { margin:0 0 15px 0; padding:0 0 0 15px; }
li { padding-left:0px; margin:7px 0 0 0;  }

/* Footer
----------------------------------------------------------*/
#footer { text-align:center; height:30px; padding:5px 15px 0 15px; border-top:1px solid #808080; }
#footer p { color:#000000; margin:0; padding:0; margin:5px 0 5px 0; }

/* Grid
----------------------------------------------------------*/

.grid { border: 1px solid #bbbbbb; border-collapse:collapse; }
.grid td { border:1px solid ##bbbbbb; padding:5px; }
.headerstyle { background-color:#464646; height:23px; }
.headerstyle th { border:1px solid #bbbbbb; color:#ffffff; padding:5px; text-align:left; }  
.headerstyle th.sort-asc { background:transparent url('images/sort-asc.gif') no-repeat right center; }
.headerstyle th.sort-desc { background:transparent url('images/sort-desc.gif') no-repeat right center; }
.headerstyle a { color:#ffffff; }    
.rowstyle { background-color: #ffffff; }
.alternate { background-color:#F0F0F0; }
.grid .highlight { background-color:#E6F1F7; font-weight:bold; }
.grid .scrollbox { height:50px; width:275px; overflow:auto; border:1px solid #ccc; }
.grid .largetext { height:50px; width:275px; }
.gridfooter { font-weight:bold; }

/* Product Order Grid
----------------------------------------------------------*/

.orderGrid { border: 1px solid #000000; border-collapse:collapse; }
.orderGrid th { border:1px solid #000000; color:#000000; background-color:#ffff99; padding:5px; text-align:center; }  
.orderGrid td { border:1px solid #000000; color:#000000; background-color:#ffffff; padding:5px;  }
.orderGrid .gridrow { }
.orderGrid .gridfooter { border:1px solid #000000; color:#000000; background-color:#ffffff; padding:5px; font-weight:bold; }

/* Paging 
----------------------------------------------------------*/
.pager { margin:8px 3px; padding:3px; }
.pager .disabled { border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center; }
.pager .current { background-color:#077AC3; border:1px solid #009;	color:#fff;	font-weight:bold; margin-top:4px; padding:3px 5px; text-align:center; }
.pager span, .pager a { margin: 4px 3px; }
.pager a { border:1px solid #c0c0c0; padding:3px 5px; text-align:center; text-decoration:none; }

/* Month Picker
----------------------------------------------------------*/
.month { border: 1px solid #bbbbbb; border-collapse:collapse; }
.month td { border:1px solid ##bbbbbb; background: url(/images/month_bg.png) no-repeat left top; padding:0px; width:45px; height:30px; text-align:center; font-size:1.2em; }
.month a { color:#000000; text-decoration:none; }
.month a:hover { text-decoration:underline; }
.month .selected { font-weight:bold; background: url(/images/month_sected_bg.png) no-repeat left top; background-color:#077AC3; color:#ffffff; }
.month .selected a { color:#ffffff; text-decoration:none; }
.month .off { color:#808080; }
/* Popup
----------------------------------------------------------*/
.popupControl{ background-color:White; position:absolute; visibility:hidden; }


/* Printing
----------------------------------------------------------*/
@media print
{
body { height: 100%; font-size: 10pt; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; background:#ffffff; }
#top-nav { display:none; }
#admin-main-top { display:none; }
#header { display:none; }
#main-top { display:none; }
#footer-top { display:none; }
#footer-bottom { display:none; }
.hideforprint { display:none; }
.invisibleforprint { border:0px; color:White; }
}