/*
	VR Page Styles
	
	Table of Contents:
    
    global
    
    header
    
    category page
    
    browse page
    
    sidebar
	    
    page page
    
    cart page & giftset
		
    receipt & confirmation
		
	searchbar
		
		horiz navi
		
    vert navi
    
    free shipping
    
    page numbers (TODO: on ie6, underlines appear on some of these)

	form validation
		
	heart ratings & face ratings
		
		bullets
		
		rounded box & alert
    
		table shits
    
    form layout
		
*/


/* global
----------------------------------------------- */
#doc800 { 
    margin:auto;text-align:left; /* leave unchanged */ 
    width:61.54em;/* non-IE */ 
    *width:60.06em;/* IE */ 
    min-width:800px;/* optional but recommended */ 
    } 
    
body{
	font-family: Verdana, sans-serif;
	background: #E6E4DF;
	background-image: url(/images/layout/bk.jpg);
	margin-top: 10px;
	}
img {
	border: 0;
	}
p {
	padding: .5em 0;
	}
em {
    font-style: italic;
    }
strong {
    font-weight: bold;
    }
address {
  font: 85% Verdana, sans-serif;
  color: #777;
  display: inline;
  }
abbr, acronym {
  border-bottom: .1em dotted;
  cursor: help;
}
a:active, a:link, a:visited {
	color: #2A56A6;
	text-decoration: underline;
	font-weight: normal;
	}
a:hover {
	color: #f00;
	text-decoration: none;
	}
button {
    background: #fff;
    border: #cdcdcd solid 1px;
    color: #2a56a6;
    cursor: pointer;
    cursor: hand;
    font-size: 85%;
    }
.button-med {
    background: #ffd;
    font-size: 100%;
    }
.btn-hover {
    color: #f00;
    cursor: hand;
    font-size: 85%;
    white-space: nowrap;
    }
.btn-hover-med {
    color: #f00;
    cursor: hand;
    font-size: 100%;
    white-space: nowrap;
    }
button .btn-text { 
    white-space: nowrap;
    }
#bd-outer {
	border-top: 1px solid #777;
	border: 1px solid #777;
  background: #fff url(/images/layout/bott-rt-border.gif) no-repeat bottom right;
	padding: 10px 0 0 10px;
	padding-bottom: 30px;
	}
#bd {
	background-image: url(/images/layout/border-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
  
  Xbackground: url(/images/layout/css-sprite.gif) no-repeat top left;
  Xbackground-position: 0 -910px;
  
  border-left: 1px solid #777;
  padding-right: 30px;
	}
#main-content {
    margin-top: 4px;
    }
#reviews {
	padding-top: 10px;
    }
.review {
	padding-bottom: 15px;
	}
.price {
	font-weight: bold;
	color: #2A56A6;
	}
.bigprice {
  font-size: 122%;
	Xfont-weight: bold;
	Xcolor: #2A56A6;
	}
.price2 {
	font-weight: bold;
	color: #cc0000;
	}
.oldprice {
  text-decoration: line-through;
  }
.saleprice {
  font-weight: bold;
  color: #2A56A6;
  }
.15px {
	padding: 15px;
	margin: 15px;
	}
#affiliatelink {
    padding:20px;
    border: 1px solid #000;
    background-color: #ffe;
    position: absolute;
    display: block;
    width: 600px;
    text-align: left;
    z-index: 9000;
    }
#viewcart {
	margin-left: 15px;
	}
	
#opt-in-email {
  display:block;
  width: 155px; 
  }
#opt-in-email .email-form {
  border: 1px solid #df8c8d;
  background-image: url(/images/layout/frosted-back.png);
  background-repeat: repeat-y;
  margin: 10px 0px;
  padding: 0px 5px 10px 5px;
  }
#opt-in-email .blurb {
  color: #777;
  font-size: 85%;
  margin-bottom: 3px;
  }
#opt-in-email h4 {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 122%;
  }

.noshow {
 	display: none;
  }
.wishlist {
  border: 0;
  border-top: #777 solid 1px;
  }
      
.wishlist tr {
  margin: 0;
  margin-top: 15px;
  padding: 0;
  }

.wishlist td {
  border-bottom: 1px dashed #777;
  }

/*
.wishlist .itempic img {
  border: 0;
  border-left: 1px solid #aaa;
  }
  */
   
/* header
----------------------------------------------- */
.spec_bar {
  text-align: right;
  font-size: .85em;
  margin: 0;
  padding: 0 0 4px;
}
.spec_bar * {
  margin: 0;
  padding: 0;
}
.spec_bar h1 {
  float: left;
  font: 1em Verdana, sans-serif;
  padding-left: 10px;
  display: inline;
  color: #333;
  bottom: -1px;
  position: relative;
}

#acct_fcns {
	margin: 0 0 0 0;
	padding: 0;
	height: 66px;
	text-align: right;
	}
.smalltext,
.smalltext-lt {
	font: 85% Verdana, sans-serif;	
	}
.smalltext-lt {
	color: #777;
	}
blockquote {
    margin: 5px 10px;
    padding: 5px;
    border-left: #777 3px solid;
    background-color: #eee;
    }
.warning {
	font: 1.2em Verdana, sans-serif;
	color: #c00;
	padding: 10px;
	}
.warning2 {
	color: #c00;
  font-weight: bold;
	}
.notice,
.note,
.info {
	font: 1.2em Verdana, sans-serif;
	color: #00c;
	padding: 10px;
	}
.note-box,
.notebox,
.notebox-wide {
	background-color: #ffd;
	border: 1px solid #A5857E;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 20px 0;
	width: 340px;
	}
.notebox-wide {
	width: 535px;
  }  
.notebox img {
	padding-right: 5px;
	Xmargin: 10px 10px 20px 0;
	}
.highlight {
	color: #00c;
	font-weight: bold;
	}
.highlight-bg {
	background-color: #ffb;
	margin:0;
	padding:0;
	}


/* category page
----------------------------------------------- */

#items .item {
	padding-bottom: 25px;
	font-family: Arial, Verdana, sans-serif;
	}
#items .item .itempic img {
	border: 1px solid #777;
	margin: 5px;
	display: block;
	}
#items .item .itemlabel {
	text-align: left;
	margin-left: 7px;
	}
#items .item .itemrating {
	position: relative;
	text-align: left;
	margin-left: 7px;
	}
#items .item .itemprice {
	font-size: 77%;
	color: #777;
	position: relative;
	float: right;
	text-align: right;
	margin-right: 7px;
	}
#items .itemlabel a {
	color: #ccc;
	font-weight: normal;
	text-decoration: underline;
	}
#items .itemlabel a:hover {
	color: #777;
	text-decoration: underline;
	}
#items .itemlabel a span.splink {
	color: #cc0000;
	}
#items .itemlabel a:hover span.splink {
	color: #FF0000;
	}

/* browse page
----------------------------------------------- */
#featured_items {
    border: 1px solid #777;
    }
#featured_items h2 {
    padding: 5px 0 5px 10px;
    background-color: #ffe;
    display: block;
    border-bottom: 1px solid #ddd;
    }
#featured_items #more_categories {
    margin: 10px 5px 15px 5px;
    }

#featured_items .odd,
#featured_items .even {
    padding: 10px 5px 15px 5px;
    background: none;
    }
#featured_items .odd .image-side {
    float: right;
    width: auto;
    padding-left: 5px;
    border: 0;
    position: relative;
    }
#featured_items .even .text-side {
    float: right;
    width: 220px;
    border: 0;
    position: relative;
    top:0;
    }
#featured_items .odd .text-side,
#featured_items .even .image-side {
    border: 0;
    padding-top: 2px;
    }
#featured_items .odd .image-side .review-symbol,
#featured_items .even .image-side .review-symbol {
    padding-top:2px;
    text-align:center;
    }
#featured_items .odd .image-side .item-image {
    border-left: solid #eee 1px;
    border-bottom: solid #eee 1px;
    }

#featured_items .even .image-side .item-image {
    border-right: solid #eee 1px;
    border-bottom: solid #eee 1px;
    }

#new_and_best {
    padding: 10px 0 50px 0;
    display: block;
    }
#new_and_best .right {
    float: right;
    position: relative;
    width: 49%;
    }
#new_and_best .left {
    width: 49%;
    }
#homedescrip {
    width: 700px;
    background-color: #eee;
    border: solid #000 1px;
    padding: 20px;
    margin: 20px;
}

/* sidebar
----------------------------------------------- */
#sidebar {
    padding-top: 20px;
    left: 20px;
    }
#sidebar .box {
  	margin: 0 auto; /* center for now */
    Xwidth: 13.85em; /* ems so it will grow */
   	font-size: 100%;
    }

#sidebar .box .heading {
    Xbackground: url(/images/layout/css-sprite.gif) no-repeat bottom right;
    Xbackground-position: -422px -668px; 
    Xheight: 42px;
    
   	background: url(/images/layout/newly-added.gif) no-repeat bottom right;
   	height: 57px;

    }
#sidebar .box .heading .noshow {
   	display: none;
    }
#sidebar .box .item {
    padding-bottom: 10px;
    }
#sidebar .box .text {
    border: 1px solid #777;
    border-top: 0;
    border-bottom: 0;
    padding: 5px;
    }
#sidebar .box .text-bottom {
    border: 1px solid #777;
    border-top: 0;
    background: url(/images/layout/behind-sidebar2.jpg) no-repeat bottom right;
    padding: 5px;
    }
#sidebar .box .break {
    border: 1px solid #777;
    border-top: 1px solid #db6666;
    border-bottom: 1px solid #db6666;
    background: url(/images/layout/break.jpg) repeat-y top left;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    }
    
.featured_box {
    border: 1px solid #777;
    margin-bottom: 20px;
    }
.featured_box .heading {
    padding: 5px 0 5px 10px;
    background-color: #ffe;
    display: block;
    border-bottom: 1px solid #ddd;
    }
.featured_box .content {
    margin: 10px 5px 15px 5px;
    }
    
#highest_rated {
    padding: 10px 0 0px 0;
    margin: 0 0 20px 0;
    display: block;
    border: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }
#highest_rated .badge {
    width: 128px;
    position:relative;
    float: right;
    margin-bottom: -30px;
    display: block;
    }
#highest_rated .item img {
    padding: 6px 0px 0 0;
    }


/* page page
----------------------------------------------- */
#page {
    margin: 0em 0 4em 0;
    }

#page h2 {
	font-family: georgia, times, serif;
	font-weight: normal;
	font-size: 152%;
	padding: 10px 0 5px 5px;
  border-bottom: 1px #777 solid;
  margin-bottom: 10px;
	}
.indent {
    padding-left: 1em;
    text-align: left;
    }
#pagebody .pagepic {
	margin: 5px;
	}
#pagebody .pagepic img {
	display: block;
	border: 1px solid #777;
	}
#pagebody .right,
#pagebody .right-fixed {
	float: right;
    display: block;
	margin-left: 15px;
	text-align: center;
	}
#pagebody .right-fixed {
    width: 250px;
    }
    
h2,
.lg-heading {
	font-family: georgia, times, serif;
	font-weight: normal;
	font-size: 152%;
	padding: 10px 0 5px 0;
    }

h3,
.heading {
	font-family: georgia, times, serif;
	font-weight: normal;
	font-size: 136%;
	padding: 10px 0 5px 0;
	}
h4,
.subheading {
	font-family: georgia, times, serif;
	font-weight: normal;
	font-size: 122%;
	padding: 10px 0 5px 0;
	}


/* cart page & giftset
----------------------------------------------- */
#cart {
    width: 100%;
    background-image: url(/images/your-bag.gif);
    background-repeat: no-repeat;
    }
#giftset {
    width: 400px;
    }
#cart .items {
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
	background-color:#F3F3F3;
	padding: 5px 3px 0px 4px;
	margin-bottom: 20px;
	width: 170px;
	}
#cart .items #freeship {
    font-weight: bold;
    text-align: center;
    background: #fff;
    border: #ff9900 solid 1px;
    padding: 2px;
    margin: 2px 2px 5px 2px;
    }
#giftset .items {
	background-image: url(/images/layout/cart-bkgrnd2.jpg);
	background-repeat: no-repeat;
	border: 1px solid #cdcdcd;
	background-color:#F3F3F3;
	padding: 50px 10px 0px 10px;
	margin-bottom: 20px;
	}
#cart .itemname,
#giftset .itemname {
	font-family: georgia, times, serif;
	font-weight: bold;
	font-size: 114%;
	margin-left: 3px;
	}
#cart .item {
	padding-bottom: 5px;
	}
#cart .itemdetails,
#giftset .itemdetails {
	margin-left: 15px;
	padding-bottom: 5px;
	}
#giftset .itempic,
#cart .itempic {
	border: 1px solid #777;
	width: 50px;
	float: right;
	}

#recommended_items {
    position: relative;
    left: -10px;
    }
    
#cart a.itempic img,
#recommended_items a.itempic img,
#giftset a.itempic img {
    display: block;
    }
    
#recommended_items td {
    border-right: 1px dashed #eeeeee;
    }
#recommended_items hr {
    border: 0;  
    border-top: 1px dashed #eeeeee;
    }

#cartstatus {
	background-color: #ffd;
	border: 1px solid #A5857E;
	padding: 10px 5px 20px 30px;
	margin-bottom: 20px;
	}
#cartstatus #checkout {
	float: right;
	width: 136px;
	}
#cartstatus #ordertotal b {
	font-family: georgia, times, serif;
	font-weight: bold;
	font-size: 107%;
	}




/* receipt & confirmation
----------------------------------------------- */
#receipt {
	background-image: url(/images/layout/receipt-bkgrnd.jpg);
	background-repeat: no-repeat;
	float:right;
	width:350px;
	border: 1px solid #cdcdcd;
	background-color:#F3F3F3;
	padding: 50px 0 20px 20px;
	margin: 20px 0;
	}

#confirmation {
	background-repeat: no-repeat;
	float:right;
	width:350px;
	border: 1px solid #cdcdcd;
	background-color:#F3F3F3;
	padding: 10px 0 20px 20px;
	margin: 20px 0;
	}
	
#receipt #ordersummary,
#confirmation #ordersummary {
	width: 250px;
	padding-top: 10px;
	}

#receipt .heading,
#confirmation .heading {
	font-size: 144%;
	font-family: georgia, times, serif;
	margin: 0 0 10px 10px;
	}

#receipt .indent,
#confirmation .indent {
	padding: 0 0 1em 1em;
	line-height: 1.5em;
	}

#receipt .line,
#confirmation .line {
	width: 250px;
	line-height: 1.5em;
	}
	
#receipt .line .right,
#confirmation .line .right {
	float: right;
	width: 20%;
	text-align: right;
	}
	
/* searchbar
----------------------------------------------- */
    
#searchbar .bkgrnd {
	background-image: url(/images/layout/search-bar.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 34px;
  
  Xbackground: url(/images/layout/css-sprite.gif) no-repeat bottom right;
  Xbackground-position: 0 -30px; 

	}
#searchbar .inner {
	text-align: right;
	padding-right: 2px;
	}
#searchbar .field {
	color: #ccc;
	width: 150px;
	height: 17px;
	font-size: 107%;
	font-weight: bold;
	}
#searchbar .btn {
	position: relative;
	top: 5px;
	}

div.auto_complete {
	width: 350px;
	background: #fff;
	z-index: 1000;
	}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	}
div.auto_complete ul li {
	margin:0;
	padding:3px;
	}
div.auto_complete ul li.selected {
	background-color: #ffb;
	}
div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
	}

/* horiz navi
----------------------------------------------- */
#horiz-navi {
	margin: 1px 2px;
  }
#horiz-navi li {
	float: left;
	width: 33%;
	height: 30px;
	cursor: pointer;
  }
#horiz-navi div {
	border: 1px solid #df8c8d;
	text-align: center;
	position: relative;
  }
#horiz-navi a {
	border: 1px solid #fff;
	margin: 1px;
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
  padding: 3px 0 4px;
	white-space: nowrap;
  }
#horiz-navi a:hover {
	border: 1px solid #ffbdc3;
  color: #f00;
  }


/* vert navi
----------------------------------------------- */

div#vert-navi {
  display:block;
  width: 155px; 
  margin-top: 40px;
  }
	
#vert-navi #navi {
  text-align:left;
  font-family: arial, helvetica, sans serif;
  border: 1px solid #df8c8d;
  background-image: url(/images/layout/vert-navi-back.png);
  background-repeat: repeat-y;
  }

#vert-navi #navi .heading {
  background-image: url(/images/layout/vert-navi-cat-back.gif);
  background-repeat: no-repeat;
  
  Xbackground: url(/images/layout/css-sprite.gif) no-repeat bottom right;
  Xbackground-position: 0 -94px; 

  display: block;
  color: white;
  font-size: 152%;
  padding: 10px 0px 36px 10px;
  }
#vert-navi #navi .heading span {
  display: none;
  }

#vert-navi #navi ul {
  display:block;
  font-size:100%;
  color:#b9090b;
  }

#vert-navi #navi ul li {
  display:block;
  text-indent: -5px;
  padding: 0px 3px 2px 7px;
  }

#vert-navi #navi ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #003399;
  text-decoration: none;
  font-weight: bold;
  }

#vert-navi #navi ul li .current {
  color: red;
  text-decoration: none;
  }
	
#vert-navi #navi ul .current a,
#vert-navi #navi ul .current {
  margin-left: 0px;     /* indent level 0 */
  }

#vert-navi #navi ul ul li a,
#vert-navi #navi ul ul li .current {
  padding-left: 10px;     /* indent level 1 */
  font-size:92%;
  }

#vert-navi #navi ul ul ul li a,
#vert-navi #navi ul ul ul li .current {
  padding-left: 20px;     /* indent level 2 */
  }

#vert-navi #navi ul ul ul ul li a,
#vert-navi #navi ul ul ul ul li .current {
  padding-left: 30px;     /* indent level 3 */
  }

#vert-navi #navi ul li a:hover {
  color: red;
  }
  
/* page numbers
----------------------------------------------- */
.digg_pagination {
  background: white;
  /* self-clearing method: */ 
  }
.digg_pagination a {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px;
    }
.digg_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px;
    }
.digg_pagination span.disabled {
    color: #999;
    border: 1px solid #DDD;
    }
.digg_pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1;
    }
.digg_pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5;
    }
.digg_pagination a:hover,
.digg_pagination a:focus {
    color: #003;
    border-color: #003;
	}
.digg_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center;
    }
.digg_pagination .page_info b {
    color: #003;
    background: #6aa6ed;
    padding: .1em .25em;
  }
.digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
* html .digg_pagination {
    height: 1%;
    }
*:first-child+html .digg_pagination {
    overflow: hidden;
    }


.flickr_pagination {
    Xtext-align: center;
    padding: .3em;
    }
.flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em;
    }
.flickr_pagination span.disabled {
    color: #AAA;
    }
.flickr_pagination span.current {
    font-weight: bold;
    color: #FF0000;
    }
.flickr_pagination a {
    border: 1px solid #DDDDDD;
    color: #2A56A6;
    text-decoration: none;
    }
.flickr_pagination a:hover,
.flickr_pagination a:focus {
      border-color: #003366;
      background: #2A56A6;
      color: white;
      }
.flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em;
    }
.flickr_pagination .prev_page,
.flickr_pagination .next_page {
    border-width: 2px;
    }
.flickr_pagination .prev_page {
    margin-right: 1em;
    }
.flickr_pagination .next_page {
    margin-left: 1em;
    }


/* form validation
---------------------------------------------------- */
.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
	border: 2px solid #red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#ErrorExplanation h3 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 100%;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

#ErrorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul li {
	font-size: 100%;
	list-style: square;
}

.validation-error {
	font: 92% Verdana, sans-serif;	
	color: #c00;
}


/*  heart ratings & face ratings
-------------------------------------------------------- */
.heart-rating,
.face-rating {
  list-style: none;
  margin: 3px;
  padding: 0px;
  height: 20px;
  position: relative;
  }
.heart-rating {
  background: url(/images/heart-rating.gif) top left repeat-x; /* By repeating this image horizontally, the list will appear to have five hearts. */
  width: 115px; /* This list is 5 hearts, each heart is 23px, therefore it should be 5 x 23px = 115px wide */
  }
.face-rating {
  background: url(/images/face-rating.gif) top left repeat-x; /* By repeating this image horizontally, the list will appear to have five hearts. */
  width: 69px; /* This list is 3 faces, each is 23px, therefore it should be 3 x 23px = 69px wide */
  }
  
.heart-rating li,
.face-rating li {
  padding:0px;
  margin:0px;
  /* IE kludge */
  /*\*/
  float: left;
  /* */
  /* END IE kludge */
  }

.heart-rating li.current-rating {
  position: absolute;
  height: 20px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
  background: url(/images/heart-rating.gif) left bottom;
  }

.heart-rating li a,
.face-rating li a {
  display:block;
  width:23px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, we dont want to see the text anymore. */
  z-index: 20;
  position: absolute;
  padding: 0px;
  background-image:none;
  }

.heart-rating li a:hover,
.face-rating li a:hover {
  z-index: 1;
  left: 0px;
  }
.heart-rating li a:hover{
  background: url(/images/heart-rating.gif) left center;
  }
.face-rating li a:hover{
  background: url(/images/face-happy.gif) left center;
  }

.heart-rating a.one-heart, 
.face-rating a.sad {
  left: 0px;
  }
.heart-rating a.one-heart:hover, 
.face-rating a.sad:hover {
  width:23px;
  }
.heart-rating a.two-hearts, 
.face-rating a.meh {
  left:23px;
  }
.heart-rating a.two-hearts:hover, 
.face-rating a.meh:hover {
  width: 46px;
  }
.heart-rating a.three-hearts, 
.face-rating a.happy {
  left: 46px;
  }
.heart-rating a.three-hearts:hover, 
.face-rating a.happy:hover {
  width: 69px;
  }
.heart-rating a.four-hearts {
  left: 69px;
  }
.heart-rating a.four-hearts:hover {
  width: 92px;
  }
.heart-rating a.five-hearts {
  left: 92px;
  }
.heart-rating a.five-hearts:hover {
  width: 115px;
  }
  

/* survey and bubble message styles */
.raterContent {
  padding:4px 0px 4px 0px;
}

.raterContent span {
  font-size:80%;
  color:#3f7c5f;
  font-weight:bold;
}

.raterContent a img {
  Xmargin-right:3px;
  margin:3px;
  padding:3px;
  border:1px solid #fff;
}

.raterContent a img:hover {
  border:1px solid blue;
  background:#fff;
}

.raterThanks {
  font-size:80%;
  padding:4px;
  font-weight:bold;
  color:#3F7C5F;
}

/*  bullets
-------------------------------------------------------- */
ul.normal {
  list-style-type: disc;
  margin: 5px 10px;
  padding: 5px 10px;
  }
ul.normal li {
  margin-left: 5px;
  }

/*  rounded box & alert
-------------------------------------------------------- */
/* set the image to use and establish the lower-right position */
.cssbox,
.cssbox_body,
.cssbox_head,
.cssbox_head h3,
.alert,
.alert_body,
.alert_head,
.alert_head h3 {
    background: transparent url(/images/layout/box.png) no-repeat bottom right;
    }
.cssbox {
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    }
.alert {
    width: 535px !important; /* intended total box width - padding-right(next) */
    width: 520px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    }
.cssbox {
    margin: 20px auto; /* use to position the box */
    }
.alert {
    margin: 20px 0; /* use to position the box */
    }
/* set the top-right image */
.cssbox_head,
.alert_head {
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
    }
/* set the top-left image */
.cssbox_head h3,
.alert_head h3 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
    font-family: georgia, times, serif;
    }
.cssbox_head h3 {
    font-size: 167%;
    padding: 25px 0 15px 40px;/* padding-left = image gap + interior padding ... no padding-right */
    }
.alert_head h3 {
    font-size: 131%;
    padding: 25px 0 5px 40px;/* padding-left = image gap + interior padding ... no padding-right */
    }
.alert_header {
  Xmargin: 15px 0;
  font-weight: bold;
  border: 0;
  border-bottom: #777 solid 1px;
  Xbackground-color: #aaaaaa;
  }
/* set the lower-left corner image */
.cssbox_body,
.alert_body {
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    }
.cssbox_body {
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
    }
.alert_body {
    padding: 5px 0 35px 40px; /* mirror .cssbox_head right/left */
    }


/* table shits
----------------------------------------------- */
.tableheader {
	background-color: #ccc;
	font-family: georgia, times, serif;
	font-weight: normal;
	font-size: 136%;
	padding: 10px 0 5px 10px;
	margin-top: 10px;
	}
.odd {
	background-color: #eee;
	}
.even {
	background-color: #ddd;
	}
.odd2 {
	background-color: #eee;
    border-right: 1px #eee solid; border-left: 3px #ccc solid; padding-left: 5px;
	}

.even2 {
	background-color: #fff;
    border-right: 1px #eee solid; border-left: 3px #ccc solid; padding-left: 5px;
	}

	
/* form layout
--------------------------------------------- */

table.form-table,
table.form-table-sm {
    border-collapse: collapse;
    }
    
table.form-table th {
    width: 120px;
    padding: 15px 15px 0 0;
    text-align: right;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    }

table.form-table th em {
    display: block;
    margin: 2px 0 0 0;
    font-style: normal;
    font-weight: normal;
    color: #555;
    }

table.form-table td {
    margin: 0 0 10px 0;
    padding: 15px 0px 15px 0;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 93%;	
    }

table.form-table-sm td {
    margin: 0 0 5px 0;
    padding: 10px 0px 5px 0;
    vertical-align: top;
    text-align: right;
    }

table.form-table td.last, 
table.form-table th.last {
    border-bottom: none;
    }

table.form-table tr.nobottom td,
table.form-table tr.nobottom th {
    border-bottom: none;
    }
    
table.form-table td p,
body.info .box td p {
    margin: 10px 0 0 0;
    padding: 0;
    color: #555;
    }
table.form-table-sm td p,
body.info .box td p {
    margin: 10px 0 0 0;
    padding: 0;
    color: #555;
    }
    
table#edit-form input,
table#edit-form textarea,
table#edit-form select {
    background: #eee;
    }
    
table.form-table td.info,
table.form-table .info {
    font-size: 93%;
    color: #555;
    }

table.form-table td.info ul {
    margin: 10px;
    padding: 0;
    list-style: none;
    }

table.form-table td.info ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 13px;
    }

table.form-table tr.submit td {
    border:0px;
    }

table.form-table tr.submit input,
table.form-table tr.submit2 input,
table.form-table tr.submit3 input {
    background:#484A4C;
    color:#eee;
    cursor:pointer;
    padding: 0 3px;
    }
table.form-table tr.submit2 input {
    font-size: 116%;
    font-weight: bold;
    padding: 0 3px;
    }
table.form-table tr.submit3 input {
    font-size: 131%;
    font-weight: bold;
    padding: 0 5px;
    }

table.compact-form-table {
    border-collapse: collapse;
    }
    
table.compact-form-table th {
    width: 40px;
    padding-right: 5px;
    padding-top: 5px;
    
    text-align: right;
    vertical-align: top;
    border-bottom: 0px solid #ddd;
    }

table.compact-form-table td {
    vertical-align: top;
    text-align: left;
    }

table.compact-form-table td input, table.compact-form-table td select {
    margin-top: 5px;
    color: #555;
    vertical-align: top;
    }

div.error {
  background-color: #ffffe1;
  background-image: url(/images/incorrect2.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #777;
  border: 1px solid #cc0000;
  padding: 3px 3px 5px 50px;
  }

div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
  }

.submit-link {
   color: #2A56A6;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
   font: 85% Verdana, sans-serif;	
   }


/* image switcher
----------------------------------------------- */