@charset "utf-8";
/* CSS Document */

body {
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	font:normal 12px/18px Verdana, Helvetica, Arial, Verdana, sans-serif;
	line-height: 150%;
	color: #333;
	width: 800px;
	background-image:url(assets/images/bg.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
	background-color: #efefef;
}
input, select {
	font:normal 11px Verdana, Helvetica, Arial, Verdana, sans-serif;
}
input[type="number"] { width: 60px; }

#wrapper {
	margin: auto;
	width: 800px;
	min-height: 700px;
	border: 0px solid #666;
}
#loginform, #loginform input {	font-size: 18px; }

#header {
	background-image:url(assets/images/header.png); background-repeat: no-repeat; height: 123px;
}
.greybottom {	border-bottom: 1px solid #999; vertical-align: top; padding-bottom: 10px; padding-top: 10px;}
#divider {
	clear: both;
	background-color:#e8ede7;
	height: 2px;
}
#content {
	clear: both;
	padding-left: 30px;	
	padding-top: 10px;	
}

h1 {
	color: #333;
	font-size: 23px;
	letter-spacing:-1px;
}
h2 {
	font-size: 17px;
	padding-bottom: 4px;
}
input.inputfield {
	background-image:url(assets/images/login_field.gif);
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
	border: none;
	width: 162px;
	height: 26px;
	text-align: left;
	background-repeat: no-repeat;
}
a.regular {
	color: #333;
	text-decoration: none;
}
input.loginbutton
{
	width: 176px;
	height: 36px;
	text-align: left;
	font-size: 11px;
	color: #333;
	background-image: url(assets/images/login_button.gif);
	background-repeat: no-repeat;
	border: none;
	padding: 0 0 0 9px;
	cursor: pointer;
}
#footer {
	clear: both;
	padding-top: 25px;
	font-size: 10px;
	color:#aaaaaa;
	width: 800px;
	line-height: 12px;
	padding-top: 30px;
	height: 70px;
}
.product {
	text-align: center; border: 1px solid #eeeeee; background-color:#FFF; font-size: 11px; width: 25%;
}
.product:hover {
	text-align: center; border: 1px solid #999; background-color: #b6e478; cursor: pointer; font-size: 11px;
}
#navigation {
	margin-top: 15px;
	float: left;	
	margin-left: 0;
	padding-left: 30px;
	width: 686px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	height: 77px;
	color: #333;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
	list-style: none;
	padding-top: 25px;
}

#navigation a {
	text-decoration: none;	
	color: #333;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 1px;
	padding-right: 22px;
	padding-top: 10px;
	padding-left: 35px;
	border-right: 1px solid #FFF;
	height: 35px;
	background-image:url(assets/images/libg.gif);
	background-repeat: no-repeat;	
}
#navigation a:hover {
	text-decoration: underline;
	background-image:url(assets/images/libghover.gif);
	color:#093;
}
#shopping_cart {
	padding: 12px;
	border: 1px solid #CCC;
}
#blanket {
	background-color:#000;
	width: 100%;
	margin: auto;
	opacity: 0.75;
	filter:alpha(opacity=75);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
}
#popUpDiv {
	margin: auto;
	position:absolute;
	background-color:#eeeeee;
	width:700px;
	height:600px;
	z-index: 9002;
	padding: 20px;
}
th {
	background-color: #eeeeee;
	color: #000;
	text-align: left;
	font-weight: bold;
}
input, select {
	padding: 5px;	
}
#alert {	color: #000; background-color:#FC0; border: 1px solid #930; padding: 10px; margin-bottom: 15px; }
#info {		color: #000; background-color: #71b33f; border: 1px solid #063; padding: 10px; margin-bottom: 15px; color:#FFF; font-weight: bold;}
.info {		color: #000; background-color: #71b33f; border: 1px solid #063; padding: 10px; margin-bottom: 15px; color:#FFF; font-weight: bold;}

.rc {	-moz-border-radius: 5px; border-radius: 5px;}
.boxitems 	{	border-bottom: 1px solid #999; padding-top: 5px; padding-bottom: 5px; }
.boxitems a {	color: #F00; text-decoration: none; font-size: 10px; }
#breadcrumb {	padding-left: 30px; padding-top: 85px;  color: #FFF; font-size: 14px; }
#breadcrumb a { color: #FFF; font-size: 14px; 
				width: 180px; font-weight: bold; text-decoration: none; margin-bottom: 3px; padding: 3px; text-align: center;
				height: 30px; padding-top: 50px;}

/* thoughtbot (inspired by thoughtbot.com)
*******************************************************************************/
button.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 250px;
  margin-bottom: 15px;}
button.thoughtbot-green {
  background-color: #45ae45;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45ae45), color-stop(50%, #388f38), color-stop(50%, #298a29), color-stop(100%, #388f38));
  background-image: -webkit-linear-gradient(top, #45ae45 0%, #298a29 50%, #388f38 50%, #165f16 100%);
  background-image: -moz-linear-gradient(top, #45ae45 0%, #298a29 50%, #388f38 50%, #165f16 100%);
  background-image: -ms-linear-gradient(top, #45ae45 0%, #298a29 50%, #388f38 50%, #165f16 100%);
  background-image: -o-linear-gradient(top, #45ae45 0%, #298a29 50%, #388f38 50%, #165f16 100%);
  background-image: linear-gradient(top, #45ae45 0%, #298a29 50%, #388f38 50%, #165f16 100%);
  border: 1px solid #36a736;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 250px;
  margin-bottom: 15px;}
button.thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  button.thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }


/* cupid green (inspired by okcupid.com)
*******************************************************************************/
button.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 2;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 150px; }
  button.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }
	

button.cupid-red {
  background-color: #c20e1a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c20e1a), color-stop(100%, #ab0a15));
  background-image: -webkit-linear-gradient(top, #c20e1a, #ab0a15);
  background-image: -moz-linear-gradient(top, #c20e1a, #ab0a15);
  background-image: -ms-linear-gradient(top, #c20e1a, #ab0a15);
  background-image: -o-linear-gradient(top, #c20e1a, #ab0a15);
  background-image: linear-gradient(top, #c20e1a, #ab0a15);
  border: 1px solid #c20e1a;
  border-bottom: 1px solid #ab0a15;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 2;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 150px; }
  button.cupid-red:hover {
    background-color: #76b347;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c20e1a), color-stop(100%, #ab0a15));
	background-image: -webkit-linear-gradient(top, #c20e1a, #ab0a15);
	background-image: -moz-linear-gradient(top, #c20e1a, #ab0a15);
	background-image: -ms-linear-gradient(top, #c20e1a, #ab0a15);
	background-image: -o-linear-gradient(top, #c20e1a, #ab0a15);
	background-image: linear-gradient(top, #c20e1a, #ab0a15);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }
	

/* skip (inspired by okcupid iphone interface)
*******************************************************************************/
button.skip {
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691));
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #172d6e;
  border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 2;
  padding: 5px 0 6px 0;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
  width: 150px; }
  button.skip:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80));
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor: pointer; }
  button.skip:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; }