.clean{
  clear:both;
}

.float{
  position:absolute;
}

.mask{
  overflow:hidden;
}

.scrollv{
  overflow-y:auto;
  overflow-x:hidden;
}

.scrollh{
  overflow-y:auto;
  overflow-x:hidden;
}

.innershadow{
  -moz-box-shadow:0 0 6px #000 inset;
  -webkit-box-shadow:0 0 6px #000 inset;
  box-shadow:0 0 6px #000 inset;
}

.shadow{
  -moz-box-shadow:0 0 6px #000;
  -webkit-box-shadow:0 0 6px #000;
  box-shadow:0 0 6px #000;
}

.corner{
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em .3em .3em .3em;
}

.dc_ui .hide{
  opacity:0;
}

.dc_ui .show{
  opacity:1;
}
.dc_ui .animation{
  -webkit-transition:opacity .5s linear;opacity:1;
}

.dc_ui .fadeOut{
  -webkit-transition:opacity .5s linear;opacity:0;
}

.dc_ui{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:1em;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}

.dc_ui ul,.dc_ui li{
  list-style:none;
  padding:0;margin:0;
}

.dc_ui a,.dc_ui h1,.dc_ui h2,.dc_ui h3,.dc_ui h4,.dc_ui h5,.dc_ui img,.dc_ui p{
  padding:0;
  margin:0;
  border:0;
}

.dc_ui .loading{
  background-image:url(data:image/gif;base64,R0lGODdhKAAPAOfYAAAAADMAAGYAAJkAAMwAAP8AAAAzADMzAGYzAJkzAMwzAP8zAABmADNmAGZmAJlmAMxmAP9mAACZADOZAGaZAJmZAMyZAP+ZAADMADPMAGbMAJnMAMzMAP/MAAD/ADP/AGb/AJn/AMz/AP//AAAAMzMAM2YAM5kAM8wAM/8AMwAzMzMzM2YzM5kzM8wzM/8zMwBmMzNmM2ZmM5lmM8xmM/9mMwCZMzOZM2aZM5mZM8yZM/+ZMwDMMzPMM2bMM5nMM8zMM//MMwD/MzP/M2b/M5n/M8z/M///MwAAZjMAZmYAZpkAZswAZv8AZgAzZjMzZmYzZpkzZswzZv8zZgBmZjNmZmZmZplmZsxmZv9mZgCZZjOZZmaZZpmZZsyZZv+ZZgDMZjPMZmbMZpnMZszMZv/MZgD/ZjP/Zmb/Zpn/Zsz/Zv//ZgAAmTMAmWYAmZkAmcwAmf8AmQAzmTMzmWYzmZkzmcwzmf8zmQBmmTNmmWZmmZlmmcxmmf9mmQCZmTOZmWaZmZmZmcyZmf+ZmQDMmTPMmWbMmZnMmczMmf/MmQD/mTP/mWb/mZn/mcz/mf//mQAAzDMAzGYAzJkAzMwAzP8AzAAzzDMzzGYzzJkzzMwzzP8zzABmzDNmzGZmzJlmzMxmzP9mzACZzDOZzGaZzJmZzMyZzP+ZzADMzDPMzGbMzJnMzMzMzP/MzAD/zDP/zGb/zJn/zMz/zP//zAAA/zMA/2YA/5kA/8wA//8A/wAz/zMz/2Yz/5kz/8wz//8z/wBm/zNm/2Zm/5lm/8xm//9m/wCZ/zOZ/2aZ/5mZ/8yZ//+Z/wDM/zPM/2bM/5nM/8zM///M/wD//zP//2b//5n//8z//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJEADYACwAAAAAKAAPAAAIcwCxCRxIsKDBgwgTKlzIsKHDhwIDSZxIcSDFi4EsYpxIMNC1jyA/ZowYMuRIbB5LiuyociXJlidTqjyJsuW1mDZxwmS58+VMizl5/vRZUudQoiaB9qy5lOlRmUWVHnUaFSlIo1UjbpSocWvXjRDDih3LMCAAIfkECRAA2AAsAgADACQACgAACFEAAwkcSBCbQYIIAxnElrBhw4WBrkmcKFHhQYoUHQ6EiHGiRYYdK2r8GDEkyZDXRp40ydHkyJYdV8Z8eZFlzZkaYWKUuZMmSJs/cTqEmPOgxoAAIfkECRAA2AAsAgADACQACgAACFgAAwkcSBCbQYIIAxnElhDhtYcQHyo82FDgwkARIwrMCHEiw4oeMXK8tnFkSJAXR5IUyfFkxZQmWWZ02RBmS5kaL6I8qLJkS50vecbsCbSm0Js7PwZV2jAgACH5BAkQANgALAIAAwAkAAoAAAhRAAMJHEgQm0GCCAMZxJYQ4bWHEB8qPBgx4kSGDQdWhHgx0EaJCzNq/Njx47WOIj2SDGkSpciWLFceTAmTokyML2+q3OgyY02GP1OmDCmSaMaAADs=);
  background-repeat:no-repeat;
  background-position:5px 5px;
}

.dc_ui .renderer{
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}

.dc_ui .button{
  text-align:center;
  border:solid 0 #EEE;
  background:#36f;
  cursor:pointer;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.dc_ui .button.disabled{
  background-color:#BBB;
  border:#999 solid thin;
}
.dc_ui .button img{
  display:block;
  padding:3px;
}
.dc_ui .button.over{
  background:#39f;
}
.dc_ui .button.down{
  background:#03c;
}
.dc_ui .button.selected{
  color:#FFF;
  background:#444;
}
.dc_ui input{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:1em;
}
.dc_ui textarea{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:1em;
}
.dc_ui .scrollbar .handler{
  background:#000;
  opacity:.6;cursor:pointer;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em .3em .3em .3em;
}
.dc_ui .scrollbar .handler:hover{
  opacity:1;
}
.dc_ui .scrollbar .background{
  background:#BBB;
  opacity:.6;
  padding:0;
  margin:0;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em .3em .3em .3em;
}

.dc_ui.scrollbox .button.zoom,.dc_ui .scrollbox .button.zoom{
  font-size:1em;
  width:12px;
  color:#FFF;
  background-color:#111;
  padding:5px 10px;
  opacity:.9;
}
.dc_ui.scrollbox .button.zoom.over,.dc_ui .scrollbox .button.zoom.over{
  background-color:#999;
}
.dc_ui .renderer.thumbnail.over{
  background:#39f;
}
.dc_ui .renderer.thumbnail.down{
  background:#03c;
}
.dc_ui .renderer.thumbnail.selected{
  opacity:1;
  color:#FFF;
  background:#444;
}
.tooltip p{
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  margin:0;
}
.tooltip{
  color:#444;
  background-color:#F6FF84;
  padding:.5em 1em;font-size:.8em;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em .3em .3em .3em;
  -moz-box-shadow:1px 1px 3px #666;
  -webkit-box-shadow:1px 1px 3px #666;
  box-shadow:1px 1px 3px #666;
}
.tooltip_arrow,.tooltip_arrow_inner{
  border-color:transparent;
  border-style:solid;
  border-width:6px;
  height:0;
  position:absolute;
  width:0;
}
.tooltip.top .tooltip_arrow{
  border-top-color:#F6FF84;
  left:6px;
  bottom:-12px;
}
.tooltip.bottom .tooltip_arrow{
  border-bottom-color:#F6FF84;
  left:6px;
  top:-12px;
}
.tooltip.left .tooltip_arrow{
  border-left-color:#F6FF84;
  right:-12px;
  top:6px;
}
.tooltip.right .tooltip_arrow{
  border-right-color:#F6FF84;
  left:-12px;
  top:6px;
}

.tooltip.error{
  color:#444;
  background-color:#F6FF84;
  padding:5px;
  font-size:.8em;
}
.tooltip.error{
  color:#333;
  background-color:#FBB;
}


/*************************************

General

**************************************/
.dc_ui.cart .button {
  color:#FFF;
  background-color:#669900;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .4em .4em .4em .4em;
  overflow: hidden;
  background-image:url(glossy.png);
  padding:.3em 1em;
  border:thin solid #336600;
}

.dc_ui.cart .button.disabled {
  background-color: #BBB;
  border: thin solid #999;
}


.dc_ui.cart .button.over {
  background-color:#99cc00;
}


/*************************************

Cart Widget

**************************************/

.cartWidget {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    
  color:#FFF;       
  background-color:#669900;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em .3em .3em .3em;
  background-image:url(glossy.png);
  -moz-box-shadow: 0px 0px 6px #000;
  -webkit-box-shadow: 0px 0px 6px #000;
  box-shadow: 0px 0px 6px #000;
  cursor: pointer;
}
.cartWidget .amount{
  font-size:.9em;
  font-weight: bold;
  padding:6px 20px;
}
.cartWidget .badge{
  font-size:.4em;
  padding:3px 5px;
  text-align: center;
}

/*************************************

Main Cart View

**************************************/

.cartcontainer {
  position: fixed;
  background-color: #FFF;
  border: thin #999 solid;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em .3em .3em .3em;
  -moz-box-shadow: 0px 0px 6px #000;
  -webkit-box-shadow: 0px 0px 6px #000;
  box-shadow: 0px 0px 6px #000;
  padding:10px;
}

.cartcontainer > .header {
  height:40px;
}

.cartcontainer > .footer {
  font-size: .8em;
  color: #333333;
  height:25px;
  text-align: center;    
}

.cartcontainer > .header_container {
  height:40px;
}

.cartcontainer > .header_container .title{
  padding:5px;
  height:100%;
}

.cartcontainer > .header_container .title p{
  padding:5px;
  height:100%;
}

/* Step header bar */

.cartcontainer > .header_container .step{
  display: inline;
  font-size: .6em;
  background-color:#DDD;
  padding: 15px 15px;
  text-shadow: 0.1em 0.1em #999;
}

.cartcontainer > .header_container .step.selected{
  background-color:#99cc00;
}

.cartcontainer > .header_container .step .tag{
  padding:5px;
  color:#999;
  background-color:#cccccc;
  padding: 5px 10px;
  display: inline;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em .5em .5em .5em;
}
.cartcontainer > .header_container .step.selected .tag{
  color:#FFF;
  background-color:#336600;
}

/* Text below step header bar */

.cartcontainer > .title_container {
  height:50px;
}
.cartcontainer > .title_container .title{
  font-size: .9em;
  padding:5px;
  height:100%;
}

/* Area to hold the control button */

.cartcontainer > .control_container {
  height:40px;
}

.cartcontainer > .control_container > .left_button{
  top:5px;
  left:10px;
}

.cartcontainer > .control_container > .right_button{
  top:5px;
  right:10px;
}

/*************************************

Cart List page

**************************************/

.cartview {
  font-size: .9em;
}

.cartview .title_container{
  height:25px;
  font-size: .9em;
  padding: .5em;
}

.cartview .title_container .title_label{
  width:100%;
  text-align: center;
}

.cartview .info_container{
  height:55px;
  background-color:#F9F9F9;
  border: #DDD solid thin;
}

.cartview .info_container .total_label{
  font-size: 1em;
  padding: .7em 1em;
  
  right:10px;
}

.cartview .info_container .total_label .currency{
  display:inline;
  color: #336600;
  font-weight: bold;
  font-size: .3em;
}

.cartview .info_container .total_label .amount{
  font-size: 1.5em;
  display:inline;
  color: #336600;
  font-weight: bold;
}

.cartview .info_container .update_button{
  font-size: .8em;
  right:180px;
  top:15px;
}

/* Each item in cart */

.cartview .renderer {
  font-size: .9em;
  height: 40px;
  border-bottom: thin #cccccc dotted;
}

.cartview .renderer.over{
  background-color: #EEE;
}

.cartview .renderer .container {
  left:5px;
}
.cartview .renderer .thumbnail{
  top:5px;
}
.cartview .renderer .title {
  width:150px;
  top:5px;
}
.cartview .renderer .itemid {
  font-size: .5em;
  width:150px;
  top:25px;
}

.cartview .renderer .qty {
  right:160px;
  top:10px;
}

.cartview .renderer .price {
  right:90px;
  top:10px;
}

.cartview .renderer .button.delete_button{
  color:#336600;
  background-color: #FFF;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:.2em .5em;
  right:20px;
  top:10px;
}
.cartview .renderer .button.delete_button.over{
  color:#fff;
  background-color: #336600;
}

/*************************************

Shipping Page

**************************************/

.shippingview .form textarea,
.shippingview .form input {
  border:#333333 thin inset;
  padding:0;
  margin: 0;
  top:0;
  display: block;
  -moz-box-shadow: 1px 1px 2px #999 inset;
  -webkit-box-shadow: 1px 1px 2px #999 inset;
  box-shadow: 1px 1px 2px #999 inset;
}

.shippingview .form .highlight textarea,
.shippingview .form .highlight input {
  background-color:#ffcccc;
}

.shippingview .form .label {
  font-size: .8em;
  padding:0 10px;
}

.shippingview .form .highlight{
  border: red dotted thin;
}

/*************************************

Payment Page

**************************************/

.paymentview .detail_container {
  padding: 20px;
  width:100%;
  background-color:#EEE;
  border-top: dotted thin #999;
  border-bottom: dotted thin #999;
}

.paymentview .pay_button_container {
  left: 40%;
  top:120px;
  
}

.paymentview .payment_button {
  padding: 10px;
}

@CHARSET "UTF-8";

.product_list {
  
  background-color: #FFF;
  border: thin solid #999;
  padding:5px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  width:630px;
  height:450px;
  margin-left:100px;
  margin-top: 30px;
}


.product_list > .product_list_content {
  width:620px;
  height:360px;
}

.product_list > .product_list_header {    
  font-weight: bold;
  margin-top: 10px;
  height:10px;
  margin-bottom: 20px;
}

.product_list > .product_list_header .cartWidget {    
  float: right;
  margin-right: 20px;
  margin-top: -50px;
}
.product_list > .product_list_header > .sub {    
  font-weight: bold;
  font-size: .7em;
}

/* Product List caption*/
.product {
  padding-right: 4px;
  width:150px;
  height:200px;
  float: left;
  margin-bottom:10px;
}

.product .content{
  width:150px;
  height:180px;
}

.product .thumbnail{
  padding-left: 10px;
}
.thumbnail img {
  max-width:150px;
  max-height:150px;
}

.product .caption {
  color: #FFF;            
}
.product .caption .background {
  background-color: #000;
  opacity:.5;
  
}
.product .caption .text{
  color:#333;
  font-size: .6em;
  padding: 5px;
  text-align: center;
}
.product .caption .text .main{
  font-weight: bold;
}
.product .caption .text .sub{
  font-size: .8em;
}
.product .product_list_content .renderer.thumbnail.over {
  background-color: #FFF;            
}
.product .button{
  text-align: center;
  color:#FFF;
  background-color: #000;
  font-size: .6em;
  padding:5px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
}
.product  .button:hover{
  color:#000;
  background-color: #999;
}

.table_header {
  font-weight: bold;
}