@charset "UTF-8";
/* CSS Document */
html {margin:0px;padding:0px;}
body  {font-family:Arial, Helvetica, sans-serif;font-size:10pt;background:#C5F0D0 url(../../images/green_background.jpg) center 20px no-repeat;color:#333;text-align:center;}

h1 {font-size:12pt;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin:0 0 0.4em 0;}
h2 {font-size:12pt;font-weight:normal;font-style:italic;font-family:Arial, Helvetica, sans-serif;margin:0 0 0.4em 0;}
h3 {font-size:11pt;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin:0 0 0.4em 0;}
h4 {font-size:11pt;font-weight:normal;font-style:italic;font-family:Arial, Helvetica, sans-serif;margin:0 0 0.4em 0;}
h5 {font-size:10pt;font-weight:bold;margin:0 0 0.4em 0;}
h6 {font-size:10pt;font-weight:bold;font-style:italic;margin:0 0 0.4em 0;}

p,ul,ol,li {font-size:10pt;margin:0 0 10px 0;}

legend {font-weight:bold;}


a			{color:#00756F;text-decoration:none;}
a:link		{color:#00756F;}
a:hover		{color:#00756F;text-decoration:underline;}
a:visited	{color:#00756F;}

.img-title	{display:block;margin:0 0 10px 0;}
.button_wrapper input {border:none;text-indent:-9999px;cursor:pointer;}

/* ****** Custom Buttons ****** */
.btn-update	{margin:0 0 0 5px;background:transparent url(../../images/btn_update.png) 0px 7px no-repeat;width:74px;height:30px;}
.btn-remove	{margin:0 0 0 5px;background:transparent url(../../images/btn_remove.png) 0px 7px no-repeat;width:74px;height:30px;}
.btn-continue-shopping {margin:0 0 0 5px;background:transparent url(../../images/btn_continue_shopping.png) 0px 7px no-repeat;width:130px;height:30px;}
.btn-checkout {margin:0 0 0 5px;background:transparent url(../../images/btn_checkout.png) 0px 7px no-repeat;width:130px;height:30px;}
.btn-as-payment {margin:0 0 0 5px;background:transparent url(../../images/btn_as_payment.png) 0px 7px no-repeat;width:130px;height:30px;}
.btn-copy {margin:0 0 0 5px;background:transparent url(../../images/btn_copy.png) 0px 7px no-repeat;width:55px;height:30px;}
.btn-next {margin:0 0 0 5px;background:transparent url(../../images/btn_next.png) 0px 7px no-repeat;width:74px;height:30px;}
.btn-previous {margin:0 0 0 5px;background:transparent url(../../images/btn_previous.png) 0px 7px no-repeat;width:74px;height:30px;}
.btn-modify {margin:0 0 0 5px;background:transparent url(../../images/btn_modify.png) 0px 7px no-repeat;width:80px;height:30px;}
.btn-continue-shopping {margin:0 0 0 5px;background:transparent url(../../images/btn_continue_shopping.png) 0px 7px no-repeat;width:130px;height:30px;}
.btn-recalculate {margin:0 0 0 5px;background:transparent url(../../images/btn_re-calculate.png) 0px 7px no-repeat;width:130px;height:30px;}
.btn-confirm {margin:0 0 0 5px;background:transparent url(../../images/btn_confirm.png) 0px 7px no-repeat;width:130px;height:30px;}

/* ****** Primary Layout ****** */
#cart #outerwrapper {margin:25px auto 0 auto;text-align:left;width:686px;background:transparent url(../../images/horizontal_rule.gif) 0px 150px no-repeat;}
#cart #header {margin:0 0 0 0;text-align:center;}
#cart #header #cart-summary {width:331px;}
#cart-summary a {color:#000;}
#cart #header #cart-summary img {display:inline;vertical-align:middle;padding:0 0 3px 0;}
#cart #header #cart-summary-checkout {width:331px;}
#cart #header #cart-summary-checkout .btn-checkout {background:none;margin:5px 0 0 0;float:right;}

#cart #mid-rift {margin:0 0 20px 0;}
#cart #mid-rift #left-column {float:left;width:353px;margin:0 0 0 0;}
	#cart #nav-left {float:left;width:181px;margin:0;padding:0;}
	#cart #nav-right {float:left;width:172px;margin:0;padding:0;}
	#left-column img {display:block;margin:0;padding:0;border:0;}
#cart #mid-rift #right-column {float:left;width:331px;margin:0 0 0 0;padding:0 0 0 0;}

#cart #mid-rift #wide-column {float:left;width:686px;margin:20px 40px 0 40px;}
#cart #footer {text-align:center;}

#BlendDetails 				{width:281px;padding:0 25px 0 25px;background:transparent url(../../images/vertical_rule.gif) repeat-y;}
#CalulatorWrapper			{padding:0 0 280px 0;background:transparent url(../../images/product_packs.gif) bottom center no-repeat;}
#CalulatorTable				{width:270px;margin:0 0 0 0;padding:0 0 0 0;}
#CalulatorTable	td			{padding:0 0 10px 0;}
#CalulatorTable	td.header	{padding:0 0 0 0;}

.product			{width:320px;border-bottom:1px solid #ccc;margin:0 0 20px 0;padding:0 0 0 0;}
.product-image		{float:left;width:125px;}
.product-details	{float:left;width:180px;margin:0 0 0 0;padding:5px 5px 5px 5px;}
.product-header		{float:none;width:170px;margin:0 0 5px 0;}
.product-title		{float:left;width:100px;font-weight:bold;font-size:8pt;}
.product-price		{float:right;width:50px;color:red;font-weight:bold;font-size:8pt;}
.product-desc		{font-size:8pt;margin:0 0 5px 0;}
.product-options	{margin:0 0 0 0;padding:0 0 0 0;}
.product-options select	{margin:5px 0 5px 0;padding:0 0 0 0;}
.product-selector	{margin:0 0 5px 0;padding:0 0 0 0;}
.quantity			{float:left;margin:3px 3px 3px 0;border-left:1px solid #CCC;}
.option				{float:left;margin:3px 3px 3px 0;border-left:1px solid #CCC;}

.pager-bar			{background:transparent url(../../images/click_through_for_more.gif) center 30px no-repeat;height:80px;text-align:center;}
.pager-bar ul		{list-style:none;margin:0 0 10px 0;padding:0 0 0 0;}
.pager-bar ul li	{float:left;list-style:none;margin:0 0 0 0;padding:0 0 0 0;}
.pager-bar ul li a	{display:block;margin:0 2px 0 0;padding:3px 3px 3px 3px;}
.pager-bar li.off 	{padding:5px 0 0 0;}
.pager-bar li.on 	{padding:5px 0 0 0;}
.pager-bar li.on a 	{background:#333;color:#fff;}
.pager-bar .hidden	{display:none;}
.pager-bar .btn-next {margin:0 0 0 0;background:transparent url(../../images/btn_next.png) 0px 0px no-repeat;}
.pager-bar .btn-previous {margin:0 0 0 0;background:transparent url(../../images/btn_previous.png) 0px 0px no-repeat;}

.btn-pagination	{margin:5px 0 0 0;padding:0 0 0 0;}

/* ****** Generic Form ****** */
label                   {display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:110px;}
.text					{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;}
.help					{margin:10px 0 10px 0;width:300px;font-size:9pt;}
.input-block			{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;}
.preview-block			{margin:10px 0 10px 120px;width:300px;font-size:9pt;}
.text-input				{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;}
.select-input			{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;}
.text-area-short		{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;height:70px;}
.text-area				{display:table-cell;float:left;margin:0 0 0 0;padding:0 0 0 0;width:200px;height:150px;}
.short					{width:150px;}
.radio-list				{}
.radio-list label		{width:120px;}
.field					{border-bottom:1px solid #CCCCCC;margin:0 0 5px 0;padding:0 0 0 0;height:5px;overflow:hidden;}

/* ****** Generic Table ****** */
.basket-table {width:600px;}
.basket-table thead {}
.basket-table thead tr {}
.basket-table thead td {vertical-align:bottom;text-align:left;font-weight:bold;background:#92CEC6;border-bottom:1px solid #CCCCCC;padding:15px 5px 5px 5px;}
.basket-table tbody {}
.basket-table tbody tr {}
.basket-table tbody td {vertical-align:top;padding:5px 5px 5px 5px;border-bottom:1px solid #CCCCCC;}
.basket-table tbody td.light {border-bottom:1px solid #CCCCCC;}
.basket-table tbody td.dark {border-bottom:1px solid #CCCCCC;}
.basket-table tbody td label {width:200px;}
.basket-table tbody td .button-input {}
.basket-table tbody td .input-text {width:30px;}
.basket-table tfoot {}
.basket-table tfoot tr {}
.basket-table tfoot td {vertical-align:top;text-align:right;border-bottom:1px solid #CCCCCC;padding:0 3px 3px 0;}
.basket-table tfoot td.light {}
.basket-table tfoot td.dark {background:#92CEC6;}

#checkout .form-body	{margin:0 0 10px 0;padding:0 0 0 0;}
#checkout .form-footer	{margin:0 0 10px 0;padding:0 0 0 0;background:#92CEC6;}
#checkout .left-column	{float:left;width:260px;margin:0 0 0 0;padding:0 0 0 0;}
#checkout .mid-column	{float:left;width:70px;margin:0 0 0 0;padding:150px 0 0 0;}
#checkout .right-column {float:left;width:260px;margin:0 0 0 0;padding:0 0 0 0;}
#checkout legend		{margin:10px 0 10px 0;}

/* */
.text-tiny		{float:left;width:25px;margin:3px 3px 3px 0;}
.small			{display:none;margin:3px 3px 40px 0;font-size:7pt;}
.image-button	{float:left;margin:3px 3px 3px 0;padding:0 0 0 0;}

#overlay_wrapper 		{position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer;opacity:.50;filter:alpha(opacity=50);}
#uimessage          	{display:table-cell;position:absolute; z-index: 9999;top:0;left:0;text-align:center;vertical-align: middle;width:100%;}
.uipanel-top        	{display:block;position:relative;margin:80px auto 0 auto;width:600px;height:10px;background:url(../../images/spark/message_top.gif) no-repeat;}
.uipanel-base       	{display:block;position:relative;margin:0 auto 0 auto;width:600px;height:10px;background:url(../../images/spark/message_base.gif) no-repeat;}
.uipanel            	{display:block;position:relative;margin:0 auto 0 auto;padding:10px 10px 10px 10px;background:#fff;text-align:left;width:580px;}
.message            	{float:left;background:url(../../images/spark/alert_icon_f03.gif) no-repeat;width:450px;margin:5px 10px 5px 10px;padding-bottom:70px;}
.error              	{float:left;background:url(../../images/spark/alert_icon_f01.gif) no-repeat;width:450px;margin:5px 10px 5px 10px;padding-bottom:70px;}
.validation         	{float:left;background:url(../../images/spark/alert_icon_f01.gif) no-repeat;width:450px;margin:5px 10px 5px 10px;padding-bottom:70px;}
.uipanel li         	{margin:5px 10px 5px 140px;}
.close              	{float:right;background:url(../../images/spark/close.gif) no-repeat 0px 2px;height:16px;padding:0px 0px 0px 18px;margin:5px 5px 5px 5px;cursor:pointer;}

/*	
	The following definitions deal with fixing float 
	problems in non IE browsers
	(see http://www.positioniseverything.net/easyclearing.html)
*/
.clearfix:after		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix			{display: inline-block;}

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