html, body
{
    margin:0;
    padding:0;
    border:none;
    height:100%;
}
form
{
    vertical-align:top;
    margin:0;
    padding:0;
}
body
{
    text-align:center;
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana;
    font-size: 11px;
    color: #3F3F3F;
    line-height:16px;
    vertical-align:top;
}

/* Inputs */
input,
select,
textarea
{
    font-size:12px;
    color: #000000;
    font-family: Arial;
}
img
{
    border: 0px;
}
img, 
td, 
div
{
    behavior: url('/iepngfix.htc');
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Links */
a,
a:link,
a:visited
{
    color:#2085ED;
    text-decoration:none;
}
a:active,
a:hover
{
    color:#2085ED;
    text-decoration:underline;
}
.button
{   
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana;
    font-size: 11px;
    border: solid 1px #FFFFFF;
    background: #2085ED;
    color:#FFFFFF;
    padding:3px 10px 4px 10px;  
    *padding:1px 0px 4px 0px;
    height:23px;
    cursor:pointer;
}
.button:hover
{
    color:#000000;
}
a.button,
a.button:link,
a.button:visited,
a.button:hover
{
    color:#FFFFFF;
    line-height:23px;
    height:auto;
    padding:4px 10px 4px 10px; 
    *padding: 3px 0px 3px 0px;
    text-decoration:none;
}

a.button:hover
{
    color:#000000;
}

/* Headers */
h1,
h2,
h3
{
    line-height:normal;
}
h1
{
    font-family: Helvetica, Lucida Grande, Lucida Sans Unicode, Arial;
    font-size: 18px;
    *font-size:17px;
    font-weight:bold;
    color:#000000;
    margin-top:0px;
    margin-bottom:15px;
}
h2
{
    font-size: 15px;
    font-weight:bold;
    color:#2085ed;
    margin-top:0px;
}
h3
{
    font-size: 13px;
    font-weight:bold;
    color:#2085ed;
    margin:0px;
}

/* Tables */
td
{
    border-width: 0px;
    vertical-align:top;
    text-align:left;
}
tr.header,
tr.header td,
td.header,
.header
{
    color: #FFFFFF;
    background-color:#3F251C;
    font-weight:bold;
    text-align: center;
    padding-top:3px;
    height:16px;
}
th a,
th a:link,
th a:visited,
th a:hover,
th a:active
{
    color:#FFFFFF;
}
dt0,
td.dt0,
tr.dt0
{
    background-color:#E8E3CD;
}
dt1,
td.dt1,
tr.dt1
{
    background-color:#D2CBAC;
}
.calheader,
tr.calheader,
td.calheader,
.calheader td
{
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    border: none 0px;
    text-align:center;
}
.calday
{
    color:#000000;
    font-size: 9px;
    font-weight:normal;
    line-height:normal;
}

/* Display Divs */
#header
{
    position:relative;
    height:84px;
    text-align:left; 
    background: url('/site/images/headerBG.jpg') repeat-x;
}

#logolink
{
    margin-top:20px;
    margin-left:20px;
}

#search
{
    position:absolute;
    bottom:5px;
    left:10px;
    font-size:12px;
}
#cart
{
    position:absolute;
    left:400px;
    bottom:0px;
    *bottom:-4px;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
}
#accept
{
    position:absolute;
    left:400px;
    top:0px;
    width:100px;
    height:20px;
}
#checkout
{
    position:absolute;
    bottom:12px;
    left:45px;
}
#checkout a
{
    color:#FFFFFF;
}
#menu
{
    background-color:#3F251C;
    text-align:center;
    height:31px;
    padding-top:12px;
}
.result
{
    position:absolute;
    top:20px;
    right:-110px;
    width:235px;
    height:100px;
    border: dashed 2px #000000;
    background-color:#FFFFFF;
    padding:8px;
    text-align:center;
}
#nav
{
    position:absolute;
    left:5px;
    top:25px;
    margin:0;
    padding:0;
    list-style:none; 
    z-index:5;
}

#footernav
{
    padding-top:4px;
}

#footernav li
{
    display:inline;
}

#footernav li a
{
    color:#D2CBAC;
}

#nav li
{
    position: relative; 
    margin-left:7px;
    padding-right:7px;
    display:inline;
}

#nav li a,
#nav li a:link,
#nav li a:visited
{
    color:#000000;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
}

#nav li a:hover,
#nav li a:active
{
    color:#2085ed;
    text-decoration:none;
}

#left
{
    position:absolute;
    top:0px;
    left:0px;
    width:170px;
    text-align:left;
    min-height:100%;
}

#right
{
    height:100%;
    margin-left:170px;
}
.categories
{
    margin: 10px 0px 10px 22px;
    padding:0;
}
.categories li
{
    list-style:none;
    border-bottom: solid 1px #5F4719;
    padding:4px 0px 4px 0px;
    position:relative;
}
.categories li:last-child
{
    border-bottom:none;
}
.categories a,
.categories a:link,
.categories a:visited
{
    color:#FFFFFF;
}
.categories a:hover
{
    text-decoration:none;
}
.subnav
{
    margin:0;
    padding:0;
    position:absolute;
    top:-1px;
    right:-175px;
    width:175px;
    background-color:#211600;
    border-top: solid 1px #5F4719;
    display:none;
}

.subnav li
{
    padding-left:5px;
    border-bottom:none;
}

#categoryNav li:hover ul, 
li.over ul,
#categoryNav li:hover ul li, 
li.over ul li { /* lists nested under hovered list items */
    display: block;
}

#content
{
    min-height:250px;
    padding:20px;
    text-align:left;
}

#footer
{
    font-size:10px;
    color: #D2CBAC;
    text-align:center; 
    padding-top:10px;
    padding-bottom:10px;
}

#templates li
{
    text-align:center;
    display:inline;
    float:left;
    margin-right:35px;
    margin-bottom:5px;
    width:95px;
}

/* Standard Classes */
.title
{
    font-size: 15px;   
    font-weight:normal;
    font-weight:bold;
    color:#79A04C;
    margin-top:0px;
}
.error
{
    color: #FF0000;
    font-weight: normal;
}
.info
{
    color: #008000; 
}
.help
{
    color: #000000;
    font-style:italic; 
}
.errorval
{
    position:absolute;
    z-index:50;
    border: solid 1px #000000;
    background-color: lemonchiffon;
    padding:5px;
}
.question
{
    font-weight:bold;
    text-align:right;
}
.product
{
    float:left;
    width:200px;
    height:210px;
    text-align:center;
    margin-right:15px;
    margin-bottom:10px;
}
.bold
{
    font-weight:bold;
    color:#1269C5;
}
#nav li.join a,
.join a,
.join a:link,
.join a:visited
{
    font-size:16px;
    font-weight:bold;
    color:#1269C5;
}
.highlight
{
    background-color: lemonchiffon;
}
.tdcenter,
tr.tdcenter td
{
    text-align:center;
}
.tdright
{
    text-align:right;
}
.gridbutton
{
    padding-top:10px;
}
.controlpanel
{
    clear:both;
}
/* Visible Classes */
div.invisible 
{	
    display: none; 
    visibility:hidden; 
}
div.visible  
{ 
    visibility:visible; 
    display: block; 
}

/* Steps */
.stepon 
{
    float:left; 
    height:19px; 
    background:#79A04C; 
    color:#FFFFFF; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepdone
{
    float:left; 
    height:19px; 
    background:#3F251C;
    color:#FFFFFF; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepoff 
{
    float:left; 
    height:19px; 
    background:#CCCCCC; 
    color:#FFFFFF; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    vertical-align:middle;
    padding-left:5px; 
    padding-right:5px; 
    padding-top:4px;
    margin-right:5px;
}

/* Redorder List */
.reorderList li 
{
	list-style:none;
	margin:2px;
	color:#000000;
	line-height:normal;
}
.reorderItem
{
    border: dotted 2px #000000; 
    background-color:#DDDDDD; 
    padding:10px;
    height:52px;
    margin:3px;
}
.reorderCue
{
	border:dashed thin black;
	width:100%;
	height:75px;
}
.reorderCue2
{
	border:dashed thin black;
	width:100%;
	height:30px;
}
.dragHandle 
{
	width:25px;
	height:25px;
	margin-top:5px;
	cursor:move;
}

/* thumnail rollover */
.thumbnail{
    position: relative;
    z-index: 0;
}
.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    text-decoration:none;
}
a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited
{
    color:#000000;
    font-weight:normal;
}
.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #FFFFFF;
    padding: 5px;
    left: -1000px;
    border: 1px solid black;
    visibility: hidden;
    display:none;
    color: black;
    text-decoration: none;
    width:150px;
    text-align:left;
}
.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    display:block;
    top: 10px;
    left: 20px; /*position where enlarged image should offset horizontally */
}


/* Accordian */
.accordionHeader
{
	margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#424242;
	cursor: pointer;
}
.accordionHeaderSelected
{
    margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color: #D3E9FF;
	color:#424242;
	cursor: pointer;
}
.accordionContent
{
    overflow: auto;
	margin: 0px;
	padding: 0px;
	background-color:#F9F9F9;
}

/* Data Pager */
.numericpage
{
    font-size:14px;
    font-weight:normal;
}
.currentpage
{
    font-size:14px;
    font-weight:bold;
}