﻿table.list 	{ width:100%; margin:0; padding:0; border-collapse:collapse;}
table.list td	{ padding:6px; margin:0; border: 1px solid #ccc; }
table.cells 	{ width:100%; margin:0; padding:0; border-collapse:collapse;}
table.cells td	{ padding:6px; margin:0; border: 1px solid #ccc; }


.red {color: #d31c22 !important;}
.red a{color: #d31c22 !important;}
.red a:hover{color: #ffffff !important;}

/* addtocart  
--------------*/

#addtocart {
    padding: 16px 20px 16px 20px;
    font-weight: bold;
}

.coltop {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 14px;
    background: #d31c22 !important;
}
.coltop a{
    color: #ffffff;
}

.addtocartsubmit {padding: 18px;}
.continue {font-weight: bold;}
#shopcart {
    font-weight: bold;
}
#shopcart .btn {

    margin-right: 0px;
    vertical-align: top;
    font-size: 16px!important;

}
#shopcart .minus,#shopcart .plus,#shopcart .del {
    padding: 5px 12px 5px!important;
}
#shopcart .del {
    font-size: 10px!important;
}

body{font:400 13px/19px "Ubuntu",sans-serif;}
#addtocart h2{font-size:27px; font-weight: 400; text-transform: uppercase;margin:10px 0 20px;line-height:normal;}
#addtocart a{font:inherit;color:inherit;text-decoration:none;-moz-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
#addtocart a:active{background-color:transparent;}
#addtocart a:visited,a:focus{color:inherit;outline:none;text-decoration:none;}
#addtocart a:hover{text-decoration:none;color:#ffffff;}

#addtocart .btn {
    display: inline-block;
    margin: 6px 0 0 0;
    background-color: #d31c22;
    color: #FFF;
    padding: 7px 23px 8px 21px;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}
#addtocart .btn:hover{background-color:#b5181e;}
#addtocart input[type="text"] { background: #fff; border: 1px solid #ddd; color: #272727 !important; font-size: 12px; padding: 7px 5px;}
#addtocart .minus {
    padding: 2px 13px 2px!important;font-weight: 400;
}
#addtocart .plus {
    padding: 2px 12px 2px!important;font-weight: 400;
}
}
#main {
    min-height:200px;
}

/* = Modal Windows
-------------------------*/

.sed_modal {
  position: absolute;
  -moz-border-radius:5px; 
  border-radius:5px;
  border:1px solid #ccc;
  visibility: hidden;
  background-color: white;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
}

.modal-handle{ /*CSS for Drag Handle*/ 
  padding: 7px;
  text-indent: 3px;
  font: bold 14px Arial;
  background-color: #303030;
  color: white;
  cursor: move;
  overflow: hidden;
  width: auto;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; 
}

.modal-handle .modal-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
  position: absolute;
  right: 1px;
  top: 2px;
  cursor: hand;
  cursor: pointer;
  margin: 5px 5px 0 0;
}

* html .modal-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
  width: 100%;
}

.modal-contentarea{ /*CSS for Content Display Area div*/
  background-color: white;
  color: black;
  height: 150px;
  padding: 2px;
  overflow: auto;
}

.modal-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
  background-color: #F8F8F8;
  height: 13px; /*height of resize image*/
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.modal-resizearea { /*CSS for Resize Area itself*/
  float: right;
  width: 13px; /*width of resize image*/
  height: 13px; /*height of resize image*/
  cursor: nw-resize;
  font-size: 0;
  margin-right:5px;
  margin-bottom:5px;
}



/* = Ajax Loading Indicator
----------------------------*/

#loading-holder {
	height:32px;
}

#loading {
	display:none;
	text-align:center;
}

.loading-indicator {
	width:32px;
	height:32px;
	background:url("/system/img/vars/loading.gif") center center no-repeat;
}

/* = Tabs
------------------------*/

.sedtabs div.tabs { 
	display:none; 	
}

.sedtabs div.tabs:first-child { 
	display:block; 	
}

.tab-box {
	 
	border:1px solid #ccc;
	min-height:100px;
	clear:both;
	padding:15px 15px 15px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.noborder {
  border:none;
  border-top:1px solid #ccc;
}

ul.tabs {
    margin:0px; padding:0px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs li a {
    float:left;
    padding:8px 25px 8px 25px;
    text-decoration:none;
    margin-right:3px;
    margin-bottom:-1px;   
}

ul.tabs li a:hover {
    color:#212121;
}

ul.tabs li a.selected  
  {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #ccc; 
    border-bottom: 1px solid #ffffff; 
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		background: rgba(237,237,237,1);
		background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );   			   
}

