@charset "utf-8";

ol {
	list-style: none;
}

body, html
{
	background: #fff url(/images/body_bg.png) repeat-x;
}

body {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: .8em;
	font-weight: normal;
	color: #333;
	background-color: #FFF;
	margin: 20px;
	padding: 0px;
	line-height: 140%;
}

body .AllWhite {
	background: $FFF;
}

p {
	display: block;
	padding: .8em 0;
	margin: 0;
}

#formBlock p {
	padding: 0;
}

form {
	display: block;
	border: 1px none #000000;
}

#coupon_area {
	width:100%;
	text-align:center;
}

img {
	border: 0;
}

fieldset {
	border:none;
	display:block;
	margin-left:0px;
	margin-right:0px;
	padding:0.2em 0.3em 0.4em;
}

/* Wrapper */
.all {
	text-align: center; 
	width: 100%;
	padding: 0px;
}

/* the container */
.box {
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px; 
	text-align: left;
	width: 94%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 940px;
}

.box2 {
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	min-width: 680px;
	margin: -20px;
	padding-bottom: -40px;
}

/*holds the tabs at the top*/
.menu {
	background-color: #FFFFFF;
	text-align: right; 
	border-bottom: 1px solid #FFFFFF;
}
.subnote {
	font-size: .8em;
}

/*holds the logo and image*/
.header {
	padding: 10px 10px 10px 0px;
	margin-top: -30px;
	margin-bottom: 20px;
	height: 105px;
}

.LgTextBody {
	width: 80%;
}
.LgTextBody a:hover {
	color:inherit;
}
/*holds the shopping cart and checkout link*/
.CartLink {
	padding: 10px;
	float: right;
	font-size: 10px;
	vertical-align: middle;
}
.CartLink img {
	vertical-align: middle;
}
.CartLink form {
	display: inline;
	padding-right: 5px;
}
.LHPButton {
	font-family:Arial,Verdana,Sans-Serif;
	font-size:11px;
}
/*defines the colours for the tabs, with corner background images*/
.menu a:link, .menu a:active, .menu a:visited {
	background: #EDEEEA url(../images/corner.gif) no-repeat right top;
	color: #3D3535;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

.menu a.ecotab {
	background: #4A9B46 url(../images/corner.gif) no-repeat right top;
	color:#F1F1ED;
}

.menu a:hover {
	background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
	color: #000000;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#tabset {
	margin-left:20px;
	margin-top:20px;
}
.maincontent {
	margin-bottom: 20px;
}

.maincontent h1 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #A53512;
}

.BigHeader {
	font-size: 125%;
	font-weight: bold;
	margin: 20px 0px;
	padding: 0px 0px 0px 0px;
}
.BigHeaderSub {
	font-size: 80%;
	font-style:oblique;
}

/*this is the right hand bar, news bar, links bar w/e*/
.newsbar {
	margin-top: 40px;
	width: 245px;
	float: right;
}

.newsbar h1 {
	background-color: #A53512;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
}

/*this just lets you have a "comment" type area in the main content*/
.p1 {
	padding: 20px;
	background-color: #F7F7F4;
	font-size:90%;
}

/*sets the padding for the newsbar text, not the headings*/
.p2 {
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 90%;
	list-style-image: url(../images/b.gif);
}

.p2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footer-wrapper {
	clear:both;
	padding-top:20px;
}
.refund_policy {
	border:1px solid #CCCCCC;
	clear:both;
	padding: 0 10px;
	text-align:left;
	width:700px;
}
.refund_policy h3 {
	padding: 10px 0 0;
}
.footer {
	background-color: #EDEEEA;
	padding: 4px;
	font-size: 80%;
	text-align: center;
}
.ecofooter {
	background-color:#FFFFFF;
	color:#3A6239;
	margin-bottom:5px;
	padding: 4px;
	font-size: 80%;
	text-align: center;
}
.ecofooter img {
	vertical-align: middle;
	padding: 0 10px;
}
/*sets the link colours and style*/
a:link, a:active, a:visited {
color:#CC0D12;
text-decoration:none;
}

a:hover {
	color: #A53512;
	text-decoration: none;
}

.style1 {color: #A53512}

.error {
	color: #fff;
	background-color: #A53512;
}
#draghelp {
	width: 312px;
	font-size:80%;
	font-weight:bold;
}

form.lhpform fieldset {
	display: inline-block;
/*	font-size: .85em; */
/*  margin-bottom: 10px; */
}
form.lhpform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.lhpform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.lhpform div {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.lhpform div.CheckoutSection {
  display: block;
}
form.lhpform div.CheckoutDivBlock {
  display: block;
}
form.lhpform fieldset ol {
  margin: 0;
  padding: 0;
}
form.lhpform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.lhpform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.lhpform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.lhpform fieldset fieldset label {
  display: block;
  width: auto;
}
form.lhpform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.lhpform label {
  width: 12em; /* Width of labels */
}
form.lhpform fieldset fieldset label {
 /*  margin-left: 123px; Width plus 3 (html space) */
}
.displayAddressDiv, .OneDesigner {
	-moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
	float: left;
	padding: 1em;
	margin-bottom: 30px;
}
.OneDesigner {
	height:325px;
	margin:10px;
	width:220px;
}
.OneDesigner h1 {
font-size:1.2em;
height:75px;
margin-bottom:10px;
margin-top:0;
text-align:center;
}
.OneDesigner h1 img {
	max-width: 220px;
}
.OneDesigner div {
	text-align: center;
}
.OneDesigner div.DesDesc {
	text-align:left;
}
.DesDesc {
	margin-top: 5px;
	margin-bottom: 0;
	height:60px;
}
.DesLinkBtns {

}
.DesThumb {
	height: 145px;
}
.displayAddressFullName {
	font-weight: bold;
}
.displayAddressDiv ul {
	list-style: none;
}
.miscAddressDiv ul {
	list-style: none;
	-moz-padding-start: 0px;
	padding-left: 0px;
}
.editAddressBtn {
	font-size: .85em;
	display: inline-block;
}
.prodthumb {
	float: left;
	width: 175px;
	height: 175px;
}
.prodthumbdesc {
	float: left;
	font-size: .75em;
}
.prodthumb img {
	border: 0;
}
.PricingTable {
	-moz-box-sizing: border-box;
	width:204px;
	font-size:10px;
}
.PricingTable,.CartTable,.CheckoutSection {
	background-color:#e4e5e0;
	border:1px solid #CCCCCC;
	margin-top:10px;
	padding:2px;
}
.CheckoutSection {
	margin-right: 30px;
}
.PricingTableData {
	width:190px;
}
form.lhpform fieldset li.SpecialNote {
	margin-top: -5px;
	padding-top: 0px;
}
.PricingTableData,.CartTableData,.CheckoutSectionData,.MiscTableData {
	margin: 5px;
	padding:2px 4px;
	border:none;
	border-collapse:collapse;
	background-color:#ffffff;
	font-size:11px;
}
.CartTable {
	-ms-box-sizing: content-box;
	width:400px;
	font-size:11px;
	/*position:fixed;*/
}
.CartTableData {
	width:390px;
	margin-top:5px;
}
#gift_row, #coupon_row, #ship_update_loading {
	display: none;
}
.code_input {
	width: 8em;
}
.discount_val {
	color:#C00;
}
	
/*
.CartTableDataDiv {
	overflow:auto;
	padding-right:20px;
}
*/
.PricingTableData thead th, .PricingTableData td, .CartTableData thead th, .CartTableData td, .MiscTableData td {	
	padding:3px 4px 2px;
	border:none;
	background-color:#ffffff;
	border-bottom:1px solid #e4e5e0;
}
.PricingTableData thead th, .CartTableData thead th, .MiscTableData thead th {	
	background-color:#ffffff;
	font-size:10px;
	color:#000;
}

.MiscTableData td, .MiscTableData thead th {
	border-bottom:1px solid #e4e5e0;
	border-right:1px solid #e4e5e0;
	padding-left:3px;
	padding-right:3px;
}

tr.act td {
	background-color:#E7F3DE;
	color:#000;
}
tr.inact td {
	background-color:#F7EADB;
	color:#000;
}

.PricingTableHeader, .CartTableHeader, .CheckoutSectionHeader {
	font-weight: bold;
	font-size:11px;
	margin-left:5px;
	text-align: center;
}
.PricingTableTextLeft, .CartTableTextLeft {
	padding-bottom:2px;	
	text-align: right;
}
.PricingTableTextRight, .CartTableTextRight {
	padding-bottom:2px;
	padding-left:3px;	
	text-align: left;	
}
div.ProductParent, div.CheckoutParent {
	margin-top: 30px;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	clear: both;
	text-align: center;
}
div.CheckoutParent {
	margin-top: 0px;
}
.ProductDetailView,.previewBGWrap{
	margin: auto 20px 0px;
	/*width: 60%;*/
	float: left;
	text-align: center;
}
.previewFooter {
	padding-top: 20px;
	text-align:left;
	clear: left;
}
.CheckoutLeft {
	margin: auto;
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}
.CheckoutLeftSub {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.CheckoutRight {
	/*width: 50%;
	position:fixed;
	float: right;*/
	bottom:0;
	float:right;
	right:0;
	top:201px;
	width:50%;
}
.CompleteOrderBtn {
	margin-top: 20px;
}
.AddToCartBtn {
	margin-top: 10px;
	border: none;
	width: auto;
}
#imagegal {
	margin-top: 20px;
}
#searchinput {
	width: 100px;
}
.personalizePanel {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.ProductDetailViewSub {
	width: 500px;
	/*min-width: 500px;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 40px;*/
}
.ProductDetailViewSub h2 {
	line-height: normal;
	margin: 0px;
	margin-top: 10px;
}
.CardThumbImg {
	margin-top: 10px;
}
.ProductActions {
	float:left;
	/*margin-left:30px;*/
	margin-top:60px;
	min-width:222px;
	text-align:left;
	width:220px;
	padding-left:10px;
/*
	float: right;
	width: 40%;
	min-width: 222px;
	margin-top: 30px;
	text-align: left;
	*/
}
#SelectedQuan {
	width: 4em;
}
form.lhpform fieldset li.ShipOptRow {
	margin-top:-1em;
}
.CardQuan {
	width: 4em;
}
.ContactPageInfo {
	width:220px;
}
.CardSizeInfo, .ProductDescText {
	margin-top: 10px;
	width:500px;
}
.ProductPreviewImg {
	padding-bottom:10px;
	padding-top:10px;
}
div.ShipOptName label{
	width: 18em;
}
.QuickviewDiv {
	text-align: center;
	width: 100%;
}
#AddToFavorites, #AddToFavText {
	cursor:pointer;
}
#pflow {
	z-index: 1;
}
#pflowheader {
	background-color:#FFF;
	padding-top: 18px;
	color: #767467;
	text-align: center;
}
.cfinfo {
	clear: both;
}

#pflowheader h1 {
  display: inline;
  letter-spacing: -1px;
  margin-bottom: 0;
  font-family: Georgia, serif;
  font-style: italic;
  border-bottom: none;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 50px; /*position where enlarged image should offset horizontally */

}
.RegistrationFormDiv {
	width: 450px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
#WelcomeDiv {
display:inline;
font-style:italic;
margin-right:10px;
}
.tagline {
	color: #324ba0;
	display: block;
	clear: left;
	font-size:0.9em;
	font-weight:bold;
	line-height:normal;
}
#cfbrowsediv {
	display: none;
}
.clearfooter {
	clear:both;
}
.ImgLink {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: -8px;
}
.OptMsg {
	margin-bottom: 5px;
}

</style>
