
body {
	margin: 0;
	font: 14px/1.5em 'roboto', helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #454545;
	background-color: #F1F1F3;
	/*background-image: url(/images/page_background2.png);*/
	background-position: center;
	background-repeat: repeat-y;
}
td {
	font-size: 85%;
	color: #222;
}
.notasbig {
	font-family: 'roboto slab';
	font-size: 85%;
	font-weight: 700;
	color: #454545;
}
.notasbig2 {
	font-size: 68%;
	color: #D84010;
	font-weight: 700;
}
.big {
	font-family: 'roboto';
	font-size: 50px;
	font-weight: 700;
	color: #D84010;
	line-height: 140%;
}

.giftbox {
	/*background-color:#D1D3D4; */

	text-align: left;
	margin: 8px;
	margin-top: -8px;
	margin-left: 10px;
	padding: 10px;
	padding-left: 10px;
	padding-right: 1px;
	margin-bottom: 8px;
	text-align: left;
	border: #E7E8E9 1px solid;
	border-top: none;
	overflow:hidden;

}
div.giftbox input[type="text"] {
	margin-bottom: 8px;
	width: 220px;
	font-family: 'roboto', helvetica;
}
.form-select {
	width: 220px;
}
div.giftbox input.s1 {
	width: 30px;
}
div.giftbox input.s2 {
	width: 100px;
}
.giftAddButton {
	width: 165px;
	height: 20px;
	color: #D84010;
	margin-right: -6px;
	float: right;
	border: 1px #AAA solid;
	padding-left: 8px;
	padding-bottom: 3px;
	font-size: 80%;
	margin-left:10px;
}
.giftDeleteButton {
	width: 60px;
	height: 20px;
	color: #D84010;
	margin-right: -6px;
	float: right;
	border: 1px #AAA solid;
	padding-left: 8px;
	padding-bottom: 3px;
	font-size: 80%;
}
div.giftAddButton:hover, div.giftDeleteButton:hover {
	background-color: #D84010;
	text-decoration: none;
	border: 1px #D84010 solid;
	color:#FFF;
}
div.giftLeft {
	width:47%; float:left;
	min-width:310px;
	margin-right:30px;
}
div.innerLeft {
	font-weight:700; padding:6px; line-height:170%; margin-top:4px;
}
div.giftRight {
	width:47%; float:left; 
		min-width:310px;
}
div.innerRight {
	font-weight:700; padding:6px; line-height:170%;
}
.addressLabel {
	float:left; width:35%; text-align:left;
}
.addressInput {
	float:left; width:40%;
}
.giftTextarea {
	width:334px;font-size:14px; line-height:130%;
}
.greetingLabel {
	float:left; width:100%; text-align:left; margin-top:6px; margin-bottom:4px;
}
.emailLabel {
	float:left; width:40%; text-align:left;
}
div.textareaDiv {
	float:left; width:100%; text-align:left; margin-bottom:16px;
}
.textareaLabel {
	float:left;  margin-top:8px width:100%; text-align:left;
}
.characterLimit {
	font-weight:normal; font-size:80%;
}
#bannerTD {
  background-image:url(/images/headerbkgrd.png);
}
#topleft{
	float:left; margin-left:0px; width:45%;
}
#topright{
	float:left; margin-top:30px; margin-left:20px; width:50%; text-align:left;
}

#tmlproducts {
	width:95%;
}

#tmllogo {
	width:390px; 
	height:56px;
}
.nTitle {
	color:#D84010;
}

@media (max-width: 800px) {

.notasbig2 {
	font-size: 80%;
}
.big {
	font-size: 240%;
	line-height: 120%;
}
}

@media (max-width: 640px) {

#bannerTD {
  background-image:none;
}
#topleft{
	float:center; text-align:center; width:100%; 
}
#topright{
	float:center; margin-top:20px; margin-left:0px; width:100%; text-align:center; line-height:70%;  margin-bottom:20px;
}
#tmlproducts {
	width:70%;
}
.notasbig {
	font-size: 75%;
}
.notasbig2 {
	font-size: 68%;
}
.big {
	font-size: 240%;
	line-height: 120%;
}
#tmllogo {
	width:290px; 
	height:46px;
}
}

.gbody {
	padding:20px; font-size:115%; font-weight:300; line-height:140%;
}
