
/* GENERAL STYLES */
body {
	margin: 0px;
	font-family:arial, sans-serif;
	background-color:#DCDCDC;
	color:#000000;
	background-image:url(/images/bkg_tile.jpg);
	background-repeat:repeat-x;
	font-size: 75%;
}

#skip-links,
#main-nav,
#global-nav,
#searchbar,
#panel {
	display:none;
}

a {
	text-decoration:none;
	color: #7FA900;
}

a:hover,
body#card a:active {
	text-decoration:underline;
}

body#card {
	margin: 0 0 0 0;
	font-family:arial, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	background-image:none;
	font-size: 75%;
}

body#card img.cardimage {
	border: 1px solid #C7C7C7;
}

body#card div.cardimage {
	height: 427px;
	margin: auto;
	padding-top: 10px;
	width: 299px;
}

body#card div.carddisplay {
	margin:auto;
	width:700px;
	height:427px;
	padding-top:5%;
}

body#card div.carddisplay h1 {
	margin-bottom:30px;
}

div.carddisplayimage {
	float:left;
	width:299px;
}

div.carddisplaycontent {
	float:left;
	width:380px;
	margin-left:10px;
}

div.cardmessage {
	color:#7F9FD2;
	font-size:125%;
	font-weight:bold;
}

p.firstline {
	margin-top:0px;
}

div.productmessage {
	width:380px;
}

div.programimage {
	float:left;
	width:120px;
	margin-right:10px;
}

div.cardlogo {
	margin-top:10px;
	clear:left;
}

body#card div.closewindow {
	float:right;
	color:#FFFFFF;
	margin-right:30px;
	margin-top:25px;
	font-weight:bold;
}

body#card a,
body#card a:active {
	color:#FFFFFF;
	text-decoration: none;
}

body#card a:hover {
	text-decoration: underline;
}

div#acknowledge {
	text-align: right;
}

div#acknowledge a,
div#acknowledge a:active {
	color:#7FA900;
	text-decoration: none;
}

div#acknowledge a:hover {
	text-decoration: underline;
}

body#card img.closeicon {
	margin-right:5px;
}

h1 {
	color:#F7931D;
	font-size:140%;
}

h2 {
	color:#7F9FD2;
	font-size:125%;
}

h3 {
	color:#7E93B4;
	font-size:110%;
}

h4 {
	color:#7F9FD2;
	font-size:110%;
	font-weight: normal;
}

h5 {
	color:#A9ACB1;
	font-size:100%;
}

a img {
	border: none;
}

.clear {
	clear:both;
}

.error {
	color:#FF0000;
	font-size: 90%;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
}

.null {
	display:none;
}

.requiredtext {
	color:#666666;
}

.required {
	color:#FF0000;
}

div#main {
	margin:auto;
	/*width:758px;*/
	 width:770px;
	background-color:#FFFFFF;
	color:#000000;/*border: solid 1px red;*/
}

/* --- */

div#banner {
	background-image:url(/images/banner1.jpg);
	background-repeat:no-repeat;
	background-color:#99CC00;
	color:#000000;
	height:66px;
}

div#bannertitle {
	float:left;
	width:200px;
}

div#bannertitle h1 {
	font-size:120%;
}

div#toolbar {
	display: none;
	text-align: right;
	margin: 6px 0px 0px 0px;
	padding: 0 0 0 0;
	float:right;
	width:454px;/*height:32px*/
}

div#toolbar ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#toolbar ul li {
	margin: 0px 12px 0px 0px;
	list-style-type:none;
	display:inline;
}

div#toolbar ul li a {
	text-decoration:none;
	color: #000000;
}

#banner div#toolbar ul li a:hover,
#banner div#toolbar ul li a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

div#toolbar ul li#toolbar_on {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}

div#bannernav {
	display: none;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
	width:376px;
}

div#bannernav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#bannernav ul li {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	display: inline;
}

div#breadcrumbs {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 10px;
}

div#breadcrumbs ul {
	font-size:80%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#breadcrumbs ul li {
	color: #8E8E8E;
	margin: 0px 0px 0px 0px;
	display:inline;
}

div#breadcrumbs ul li a {
	text-decoration:none;
	color: #7FA900;
}

div#breadcrumbs ul li a:hover,
div#toolbar ul li a:active {
	text-decoration: underline;
	color: #7FA900;
}

div#navigation {
	margin-bottom: 5px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

div#navigation a {
	color:#FFFFFF;
	text-decoration:none;
}

div.navigation_item {
	background-color:#7F9FD2;
	color:#FFFFFF;
	margin-bottom: 1px;
	padding: 7px 5px 7px 13px;
}

div#navigation_on {
	background-color:#99CC00;
	color:#FFFFFF;
	margin-bottom: 1px;
	padding: 7px 5px 7px 13px;
}

div#featured {
	padding: 12px 0px 10px 13px;
	margin-bottom: 5px;
	background-color:#DFE7F4;
	color:#000000;
}

div#content {
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 40px 0px;
	width: 518px;
}

div#insidecontent {
	border-top: 1px solid #DCDCDC;
	padding: 20px 10px 0px 10px;/*  font-size: 75%;*/
}

div#insidecontent img {
	float: left;
	margin: 0px 10px 5px 0px;
}

div#insidecontent img.rightimg {
	float: right;
	margin: 5px 0px 5px 10px;
}

div#searchresults {
	width:513px;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	font-size:80%;
	color:#8E8E8E;
}

div#searchresults span#displayedproducts {
	float:left;
	padding-left:10px;
}

div#searchresults span#sortproducts {
	float:right;
}

div.row {
	margin: 10px 0px 30px 0px;
	height:13em;
	min-height:150px;
	float:left;
	width: 518px;/*border: red solid 1px;*/
}

div.insiderow {
	margin: 5px 0px 0px 0px;
	padding: 15px 0px 12px 0px;
	float:left;
	width: 518px;
	height:10em;
	min-height:120px;
	/*border: red solid 1px;*/
	border-bottom: 1px solid #DCDCDC;
}

div#firstinsiderow {
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 12px 0px;
	float:left;
	width: 518px;
	height:10em;
	min-height:120px;
	/*border: red solid 1px;*/
	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
}

div#firstitem {
	/*  float:left;*/
  padding: 10px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	min-height: 200px;
}

div#firstitem div.productimage {
	width:260px;
	float:left;
}

div#firstitem div.productdetails {
	width:240px;
	float:left;
}

div#selectedproduct h1,
div#firstitemcard h1,
div#chosencard h1 {
	margin-top: 0px;
}

div#selectedproduct {
	min-height:200px;
	width:500px;
}

div#selectedproduct div.productimage {
	width:260px;
	float:left;
}

div#selectedproduct div.productdetails {
	width:220px;
	float:left;
}

div#firstitemcard div.productimage {
	/*  border: 1px solid red;*/
  width: 130px;
	float:left;
}

div#chosencard div.productimage {
	width:100px;
	float:left;
}

div#chosencard div.productimage img {
	border: 1px solid #C7C7C7;
}

div#firstitemcard div.productdetails,
div#chosencard div.productdetails {
	/*  border: 1px solid red;*/
  width:360px;
	float:left;
}

div.item {
	float: left;
	margin: 0px 10px 0px 0px;
	width:120px;
}

div.longitem {
	float: left;
	margin: 0px 10px 0px 0px;
	/*border: 1px red solid;*/
	width:250px;
}

div.lastitem {
	float: left;
	margin: 0px 0px 0px 0px;
	width:120px;
}

div.lastlongitem {
	float: left;
	margin: 0px 0px 0px 0px;
	width:250px;
}

div.lastlongitem div.basket,
div.longitem div.basket {
	/*  float:left;*/
	margin-top: 5px;
}

div.item a img,
div.lastitem a img,
div.longitem a img,
div.lastlongitem a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;/*	border: none;*/
}

div#firstitem div.details,
div#featured div.details {
/*  font-size: 75%; */
}

div.item div.details,
div.lastitem div.details {
	width:120px;
	height: 3.5em;
	padding-bottom: 5px;
	float:left;/*	font-size: 75%;*/
}

div.longitem div.details,
div.lastlongitem div.details {
	float: right;
	width: 120px;/*border: solid 1px red;*/
/*	font-size: 75%;*/
}

div.productimage {
	width: 120px;
	height: 100px;
	float: left;
}

/*div.details*/ 

a.imagetitle {
	font-weight: bold;
	color: #7FA900;
	text-decoration: none;
}

/*div.details*/ 

a.imagetitle:hover {
	font-weight: bold;
	color: #7FA900;
	text-decoration: underline;
}

/*div.details*/ 

span.cost {
	font-weight: bold;
	color: #F7931D;
}

div.basket {
	background: #7F9FD2 url(/images/but_basket_bottom1.gif) no-repeat bottom center;
	font-weight: bold;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	width: 120px;
	color: #FFFFFF;
	text-align: center;
}

div.enlarge {
	background: #99CC00 url(/images/but_enlarge_bottom.gif) no-repeat bottom center;
	float:left;
	font-weight: bold;
	margin: 3px 0px 9px 0px;
	padding:  0px 0px 0px 0px;
	width: 82px;
	color: #FFFFFF;
	text-align: center;
}

div#featured div.basket {
	background: #7F9FD2 url(/images/but_basket_bottom2.gif) no-repeat bottom center;
	float:none;
}

div.basket a,
div.enlarge a {
	text-decoration:none;
	color: #FFFFFF;
}

/*div.basket a img, div.enlarge a img {
  border: none;
  margin-top: -3px;
}*/

form#selectproductcard div.giftcard {
	float: left;
	margin-right: 4px;
	margin-bottom: 20px;
	width: 95px;
}

form#selectproductcard div.giftcard label {
	color:#F7931D;
	font-weight:bold;
}

form#selectproductcard div.giftcard input {
	margin-left: 0px;
	padding-left: 0px;
}

form#selectproductcard div.cardimage img {
	margin: 0px 0px 0px 0px;
	border: 1px solid #C7C7C7;
	float:left;
}

form#selectproductcard div.giftcard div.radiobutton {
	float: left;
	width: 20px;
}

form#selectproductcard div.giftcard div.radiobuttonlabel {
	padding-top: 2px;
	float: left;
	width: 70px;
}

form#reviewbasket {
	margin: 0px;
}

div.sendcard {
	margin-left:40px;
}

div.formcontent {
	width:480px;
	float:left;
	clear:left;
	margin-bottom:10px;
}

div.messagelabels {
	float:left;
	width:80px;
}

form.personalisecard textarea {
	border: #7FA900 solid 1px;
	font-family: arial, san-serif;
	font-size: 100%;
	width: 300px;
}

div.detailslabels {
	float:left;
	width:140px;
}

input.small {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 100px;
}

input.medium {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 240px;
}

input.large {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 300px;
}

div.formbuttons {
	border-top: 1px solid #C7C7C7;
	width: 100%;
}

.recipientdetails {
	font-weight:bold;
}

input.formbutton {
	background-color: #7F9FD2;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 0px 5px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	width: 100px;
}

#tellafriend {
	width: 135px;
}

input.shoppingformbutton {
	cursor: pointer;
	text-align: center;
	border:none;
	width: 150px;
	padding: 2px 0px 2px 0px;
	margin: 5px 0px 0px 5px;
	float:right;
	background-color:#7F9FD2;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 100%;
}

table.viewbasket {
	overflow:hidden;
	text-align:left;
	width: 498px;
	border-collapse:collapse;
	table-layout:fixed;
	padding-bottom:0px;
}

table.viewbasket th {
	color:#7F9FD2;
}

table.viewbasket td {
	border-top: 1px solid #C7C7C7;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 90%;
}

table.viewbasket th.giftitem {
}

table.viewbasket th.giftcost {
}

table.viewbasket th.giftdelete {
}

table.viewbasket td.giftitem {
	vertical-align:top;
	padding-right:15px;
}

table.viewbasket td.giftcost {
	vertical-align:top;
}

table.viewbasket td.giftdelete {
	padding-left: 10px;
}

table.viewbasket img.cardsampleimg {
	width:40px;
	border: 1px solid #C7C7C7;
	padding:0px;
}

.totalcost {
	border-top: 1px solid #C7C7C7;
	color: #7F9FD2;
	padding-top:10px;
	text-align: right;
	font-weight: bold;
}

div.totalcost {
	padding-bottom:10px;
}

div.cardsent {
	float:left;
	width:185px;
	overflow:hidden;
}

table.viewbasket td.totalcost {
	font-size:100%;
}

table.viewbasket a {
	color:#99CC00;
	text-decoration:none;
}

table.viewbasket a:hover {
	color:#99CC00;
	text-decoration: underline;
}

/*	width: 100px;*/

div#sidebar {
	display:none;
	width: 223px;
	float: right;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#search {
	padding: 15px 5px 5px 11px;
	background-color: #99CC00;
	color: #FFFFFF;
	width: 206px;
	/*	font-size: 75%;*/
	font-weight: bold;/*border: solid 1px red;*/
}

div#search h1 {
	margin-top: 0px;
	font-size: 125%;
	color:#FFFFFF;
}

div#search form {
	margin: 0px 0px 15px 0px;
}

div#search span.labelname {
	line-height: 200%;
}

div#search select.searchlist {
	/*margin: 5px 0px 15px 0px;*/
  width: 160px;
	font-size: 125%;
	vertical-align:bottom;
}

div#search input#searchproducts {
	width: 152px;
	font-size: 125%;
	vertical-align:bottom;/*margin: 0px 0px 15px 0px;*/
}

.buttonGo {
	/* margin: 3px 0px 11px 2px;*/
 margin: 0px 0px 0px 4px;
	vertical-align:bottom;
}

.go2 {
	/* margin: 3px 0px 11px 4px;*/
 margin: 0px 0px 0px 6px;
	vertical-align:bottom;
}

div#tellrequest {
	background-color: #FFFFFF;
	color: #FFFFFF;
	float: right;
	font-weight: bold;
	padding: 5px 1px 5px 0px;
	text-align: center;
	width: 222px;
}

div#tellrequest a {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;/*border: solid 1px red;*/
}

div#tellrequest div#tell {
	background-color: #99CC00;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	width: 80px;
	float: left;
}

div#tellrequest div#request {
	margin: 0px 0px 5px 3px;
	background-color: #99CC00;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
	width: 139px;
	float: left;
}

div#footer {
	clear: both;
	color: #C7C7C7;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	vertical-align: bottom;
	width: 718px;
}

div#footer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#footer ul li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	display: inline;
}

div#footer ul li span.pipe {
	padding: 0px 5px 0px 8px;
}

div#footer ul li a {
	text-decoration: none;
	color: #7FA900;
}

div#footer ul li a:hover,
div#footer ul li a:active {
	text-decoration: underline;
}

div#footer ul li span.footer_on {
	text-decoration: none;
	color: #7FA900;
	font-weight: bold;
}

body#card div.carddisplay a:link,
body#card div.carddisplay a:visited {
	color: #7FA900;
	text-decoration: none;
}

body#card div.carddisplay a:active,
body#card div.carddisplay a:hover {
	color: #7FA900;
	text-decoration: underline;
}

/* --- */
