.ctw-title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 12px;
	color: #4C371E;
}

.ctw-heading {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 12px;
	color: #4C371E;
}

.ctw-heading a {
	color: #666666;
}

.ctw-heading a:hover {
 	text-decoration: none;
}

.ctw-body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #4C371E;
}

.ctw-body a {
	color: #4C371E;
 	text-decoration: underline;
}

.ctw-body a:hover {
 	text-decoration: underline;
}

.ctw-body-small {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.ctw-body-small a {
	color: #000000;
 	text-decoration: none;
}

.ctw-body-small a:hover {
 	text-decoration: none;
}

.ctw-warning {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C60000;
}

.ctw-footer-1 {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #4C371E;
	padding-bottom: 10px;
	padding-top: 10px;
}

.ctw-footer-1 a {
	color: #4C371E;
	text-decoration: none;
}

.ctw-footer-1 a:hover {
	text-decoration: underline;
}

.ctw-footer-2 {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #4C371E;
	padding-bottom: 10px;
}

.ctw-footer-2 a {
	color: #4C371E;
	text-decoration: none;
}

.ctw-footer-2 a:hover {
	text-decoration: underline;
}

/* large button (left and right version) (div tag with nested a tag) */

.ctw-button-large.right, .ctw-button-large.left {
	background-image: url(template_images/button_large_bg_0.jpg);
	background-repeat: repeat-x;
	padding: 0 13px 0 13px; /* putting right and left padding here gives us separate padding between the button edge and the hand image, vs. between the hand image and the text; if we could position the right image 13px from the right, this wouldn't be necessary */
	margin: 0 10px 12px 0;
	float: left;
}
div:hover.ctw-button-large.right, div:hover.ctw-button-large.left {
	background-image: url(template_images/button_large_bg_1.jpg);
}
.ctw-button-large.right.fade, div:hover.ctw-button-large.right.fade, .ctw-button-large.left.fade, div:hover.ctw-button-large.left.fade {
	background-image: url(template_images/button_large_bg_x.jpg);
}

.ctw-button-large a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 21px;
	line-height: 21px;
	color: #F6EEE7;
	display: block;
	height: 37px;
	padding-top: 13px;
	text-decoration: none;
	background-repeat: no-repeat;
}
.ctw-button-large.right a {
	padding-right: 45px;
	background-image: url(template_images/button_hand_light_right.png);
	background-position: right 15px;
}
.ctw-button-large.left a {
	padding-left: 45px;
	background-image: url(template_images/button_hand_light_left.png);
	background-position: left 15px;
}
.ctw-button-large.right a:hover, .ctw-button-large.left a:hover {
}
.ctw-button-large-right.fade .ctw-button-large-right a, .ctw-button-large-right.fade .ctw-button-large-right a:hover, .ctw-button-large-left.fade .ctw-button-large-left a, .ctw-button-large-left.fade .ctw-button-large-left a:hover {
	color: #999999;
}
.ctw-button-large.full-width {
	float: none;
}

/* small button (div tag with nested a tag) */

.ctw-button-small {
	background-image: url(template_images/button_small_bg_0.jpg);
	background-repeat: repeat-x;
	margin: 0 10px 10px 0;
	float: left;
}
div:hover.ctw-button-small {
	background-image: url(template_images/button_small_bg_1.jpg);
}
.ctw-button-small.fade, div:hover.ctw-button-small.fade {
	background-image: url(template_images/button_small_bg_x.jpg);
}

.ctw-button-small a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #F6EEE7;
	display: block;
	height: 21px;
	padding: 3px 10px 0 10px;
	text-decoration: none;
}
.ctw-button-small a:hover {
}
.ctw-button-small.fade .ctw-button-small a, .ctw-button-small.fade .ctw-button-small a:hover {
	color: #999999;
}

/* clear button (left and right version) (normal and inverse version) (a tag only) */

a.ctw-button-clear.right, a.ctw-button-clear.left {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7A6146;
	display: block;
	height: 19px;
	padding-top: 0;
	margin: 0 10px 10px 0;
	text-decoration: none;
	text-transform: lowercase;
	background-repeat: no-repeat;
}
a.ctw-button-clear.inverse {
	color: #F6EEE7;
}
a.ctw-button-clear.right {
	padding-right: 44px;
	background-image: url(template_images/button_hand_medium_right.png);
	background-position: right;
}
a.ctw-button-clear.left {
	padding-left: 44px;
	background-image: url(template_images/button_hand_medium_left.png);
	background-position: left;
}
a.ctw-button-clear.right.inverse {
	background-image: url(template_images/button_hand_light_right.png);
}
a.ctw-button-clear.left.inverse {
	background-image: url(template_images/button_hand_light_left.png);
}
a:hover.ctw-button-clear.right, a:hover.ctw-button-clear.left {
	color: #4C371E;
}
a:hover.ctw-button-clear.inverse {
	color: #7A6146;
}
a:hover.ctw-button-clear.right {
	background-image: url(template_images/button_hand_dark_right.png);
}
a:hover.ctw-button-clear.left {
	background-image: url(template_images/button_hand_dark_left.png);
}
a:hover.ctw-button-clear.right.inverse {
	background-image: url(template_images/button_hand_medium_right.png);
}
a:hover.ctw-button-clear.left.inverse {
	background-image: url(template_images/button_hand_medium_left.png);
}
a.ctw-button-clear.right.fade, a:hover.ctw-button-clear.right.fade, a.ctw-button-clear.left.fade, a:hover.ctw-button-clear.left.fade {
	color: #999999;
	cursor: default;
}
a.ctw-button-clear.right.fade, a:hover.ctw-button-clear.right.fade {
	background-image: url(template_images/button_hand_gray_right.png);
}
a.ctw-button-clear.left.fade, a:hover.ctw-button-clear.left.fade {
	background-image: url(template_images/button_hand_gray_left.png);
}
a.ctw-button-clear.right.inverse.fade, a:hover.ctw-button-clear.right.inverse.fade, a.ctw-button-clear.left.inverse.fade, a:hover.ctw-button-clear.left.inverse.fade {
	color: #7A6146;
	cursor: default;
}
a.ctw-button-clear.right.inverse.fade, a:hover.ctw-button-clear.right.inverse.fade {
	background-image: url(template_images/button_hand_medium_right.png);
}
a.ctw-button-clear.left.inverse.fade, a:hover.ctw-button-clear.left.inverse.fade {
	background-image: url(template_images/button_hand_medium_left.png);
}

/* corner button (left and right version) (a tag only) */

a.ctw-button-corner.right, a.ctw-button-corner.left {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #7A6146;
	display: block;
	height: 17px;
	padding-top: 10px;
	text-decoration: none;
	text-transform: lowercase;
	background-repeat: no-repeat;
	background-position: -100px; /* putting this here makes the image preload even though we don't display it until the hover state */
}
a.ctw-button-corner.right {
	padding-right: 42px;
	background-image: url(template_images/button_hand_corner_left.png);
}
a.ctw-button-corner.left {
	padding-right: 42px;
	background-image: url(template_images/button_hand_corner_right.png);
}
a:hover.ctw-button-corner.right, a:hover.ctw-button-corner.left {
	color: #4C371E;
}
a:hover.ctw-button-corner.right {
	background-position: right;
}
a:hover.ctw-button-corner.left {
	background-position: left;
}
a.ctw-button-corner.right.fade, a:hover.ctw-button-corner.right.fade, a.ctw-button-corner.left.fade, a:hover.ctw-button-corner.left.fade {
	background-image: none;
	color: #999999;
}

hr {
	border: 0px;
	height: 1px;
	background-color: #C0AF92;
}
 
.feedback-positive {
	font-family: Arial, Geneva, Verdana;
	font-size: 12px;
	margin-top: 0px;
	color: #00CC00;
}

.feedback-positive a {
	color: #00CC00;
}

.feedback-negative {
	font-family: Arial, Geneva, Verdana;
	font-size: 12px;
	margin-top: 0px;
	color: #CC0000;
}

.feedback-negative a {
	color: #CC0000;
}

.ctw-image-thumbnail, .ctw-card-thumbnail, .ctw-template-thumbnail {
	width: 100px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #4C371E;
	text-align: center;
	margin-bottom: 18px;
}

.ctw-image-thumbnail img, .ctw-card-thumbnail img {
	-webkit-box-shadow: 7px 7px 5px #BFB4A0;
	-moz-box-shadow: 7px 7px 5px #BFB4A0;
	box-shadow: 7px 7px 5px #BFB4A0;
	margin-bottom: 6px;
}

.ctw-image-thumbnail a, .ctw-card-thumbnail a, .ctw-template-thumbnail a {
	color: #4C371E;
	text-decoration: none;
}
.ctw-image-thumbnail a:hover, .ctw-card-thumbnail a:hover, .ctw-template-thumbnail a:hover {
	text-decoration: none; /* I'd like to use underline here, but for some reason the underline appears under the image, too, which is ugly */
}

.ctw-form-element-half {
	width: 232px;
}

.ctw-hidden {
	display: none;
}

.submit_hack {
	/* this allows us to add a standard submit button to all our forms so that IE and Firefox will submit when pressing Enter, and hide the button from users but not from the browsers */
	width:0px;
	height:0px;
	position: absolute;
	top: -1000px;
	left: -1000px;
}