/* 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%;
}

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;
	clear:both;
}

.null {
	 display:none;
}

.requiredtext {
  color:#666666;
}

.required {
  color:#FF0000;
}

div#main {
margin-left: auto ;
	margin-right: auto ;	
	margin-top: 0px ;
	 width:770px;
	 background-color:#FFFFFF;
	 color:#000000;
	 padding: 0px;
	 
	

}



/* --- */

div#banner {

	 background-repeat:no-repeat;
	 background-color:#99CC00;
	 color:#000000;

}

div#bannertitle {
   float:left;
	 width:200px;
}

div#bannertitle h1{
   display:none;
	 font-size:120%;
}

div#toolbar {
   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 5px 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 {
    margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    float:right;
	width:400px;
}

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 {
   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 10px 20px 13px;
  margin-bottom: 10px;
  background-color:#FFEE99;
  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 10px 0px;
/*	height:13em; */
	min-height:180px;
  float:left;
  width: 522px;
  /*border: red solid 1px;*/
}

div.insiderow {
  margin: 5px 0px 0px 0px;
	padding: 15px 0px 12px 0px;
  float:left;
  width: 518px;
	height:12em;
	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:12em;
	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 3px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:125px;
	/*border: 1px solid red;*/
}

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:125px;
	
}

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: 70px;
	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: #555555;
}

div.quantity {
	font-weight: bold;
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 2px 0px;
	float:left;
}

.quantityinput {
	width: 25px;
}

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;
	height: 200px;
}

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;
}



select {
	font-family: arial, sans-serif;
	font-size: 12px;
}


select.small {
	font-family: arial, sans-serif;
	font-size: 13px;
}


input.small {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 100px;
	font-size: 13px;
}

input.medium {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 240px;
	font-size: 13px;
}

input.large {
	border: #7FA900 solid 1px;
	font-family: arial, sans-serif;
	width: 300px;
	font-size: 13px;
}

div.formbuttons {
  border-top: 1px solid #C7C7C7;
  width: 100%;
  font-size: 13px;
}

.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: 130px;
}

input.formbasketbutton {
	background: #7F9FD2 url(/images/but_basket_bottom1.gif) no-repeat bottom center;
	background: #99CC00 url(/images/but_enlarge_bottom.gif) no-repeat bottom center;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	float: center;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 82px;
}


input.formbasketbutton1 {
	background: #7F9FD2 url(/images/but_basket_bottom1.gif) no-repeat bottom center;
	background: #99CC00 url(/images/but_enlarge_bottom.gif) no-repeat bottom center;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	float: center;
	font-size: 70%;
	font-weight: bold;
	margin: 0px0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 82px;
}


11input.formbasketbutton {
  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;
  text-decoration:none;
  color: #FFFFFF;
}



#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 {
  width: 223px;
	float: right;
	margin: 0px 0px 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;*/
}

.go1 {
 /* 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#CreditCardProvider {
	background-color: #eeeeee;
	color: #555555;
	float: right;
	font-weight: normla;
	padding: 5px 1px 5px 0px;
	text-align: left;
	width: 222px;
}

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: -45px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	vertical-align: bottom;
	width: 600x;
}

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;
}

/* --- */

