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

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #191919;
	font-family: "myriad Pro";
	font-size: 17px;
}


.wrapper {
	width: 1001px;
	margin: 0 auto;
	border:3px solid #a0a0a0;
}

.header {
	background-image: url(/img/design/header.jpg);
	background-repeat: no-repeat;
	width: 1001px;
	height: 252px;
}

.top-nav {
	background-image: url(/img/design/nav-bg.gif);
	height: 63px;
	background-repeat: repeat-x;
	border-top: 1px solid #a4a4a4;
}

.top-nav ul {
	height: 47px;
	margin: 0;
	padding: 0;
	background-image: url(/img/design/ivica.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	float: right;
	list-style: none;
	padding-left: 30px;
}

.top-nav ul li {
	float: left;
	padding: 0 8px 0 8px;
	border-right: 2px solid #bbbbbb;
	margin: 7px 0 0 0;
}

.top-nav ul li.last {
	border: none;
}

.top-nav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.top-nav ul li a:hover, .top-nav ul li a.selected {
	color: #878746;
}

.content {
	clear: both;
	background-image: url(/img/design/content-bg.gif);
	background-repeat: repeat-y;
	padding: 20px 0 20px 0;
	font-size: 12px;
	position: relative;
}

.content .left {
 float: left;
 width: 180px;
 padding-top: 20px;
  min-height: 1130px;
}



* html .content .left {
 height: 1130px;
}

*+html .content .left {
	margin-right: -20px;
}

.content .box {
	padding: 20px 5px 15px 10px;
	border: 4px solid #4c4c4c;
	width: 125px;
	background-color: #000000;
	margin-bottom: 35px;
	color: #e6e6e6;
	line-height: 16px;
}

.content .box a {
	color: #c7c7c7;
	text-decoration: none;
}

.content .box a:hover {
	text-decoration: underline;
}

.content h1 {
	margin: -40px 0 0 -5px;
	padding: 0 0 5px 0;
	position: relative;
}

form {
	margin: 0;
	padding: 0;
}

.content .box ul {
	margin: 0 0 0 -3px;
	padding: 0;
	list-style: none;
}

.centered {
	text-align: center;
}




.content .box ul li {
	background-image: url(/img/design/double-arrow-right.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	line-height: 13px;
	padding: 2px 0 6px 15px;
}

.content .box ul li a {
	line-height: 12px;
	font-size: 10px;
	font-family: verdana,arial,helvetica,sans-serif;
	color: #e6e6e6;
	text-decoration: none;
	letter-spacing: 0;
	font-weight: bold;
	letter-spacing: 0;
}

.content .box ul li a:hover, .content .box ul li a.selected {
	color: #878746;
	text-decoration: none;
}

.content .box ul li ul {
	margin: -5px 0 0 15px;
}

.content .box ul li ul li {
	background-image: none;
	padding-left: 0;
	line-height: 12px;
	padding: 4px 0 4px 0;
}

.content .box ul li ul li a{
	color: #c8c8c8;
	line-height: 12px;
}

.content .box ul li ul li ul li {
	background-image: none;
	padding-left: 0;
	line-height: 12px;
	padding: 4px 0 4px 0;
}

.content .box ul li ul li ul {
	margin-top: 0;
}

.content .box input, input.log_text{
	background-color: #414141;
	width: 112px;
	height: 15px;
	border: 1px solid #9e9e9e;
	color: #e6e6e6;
	margin: 2px 0 2px 0;
}

.content .box input.submit, input.log_login {
	border: none;
	background: none;
	background-image: url(/img/design/login.png);
	background-repeat: no-repeat;
	width: 51px;
	height: 14px;
	cursor: pointer;
	margin: 4px 0 6px 0;
}

.content .box input.go {
	border: none;
	background: none;
	background-image: url(/img/design/go.png);
	background-repeat: no-repeat;
	width: 27px;
	height: 15px;
	cursor: pointer;
	float: left;
}

.content .box a.live-help {
	background-image: url(/img/design/live-help.gif);
	background-repeat: no-repeat;
	width: 83px;
	height: 51px;
	margin: 10px auto 0 auto;
	display: block;
}

.content .box span {
	color: #878746;
}

.content .box div {
	font-weight: bold;
}


.content .right {
 width: 209px;
 position: absolute;
 right: -52px;
 top: 40px;
 
}


.content .right .box {
	width: 134px;
}

.content .right .box h1 {
	text-align: right;
	margin-bottom: 2px;
}

.content .search input {
	width: 92px;
	float: left;
}

* html .content .search input {
	position: relative;
}

.content .search input.go {
	margin: 5px 0 0 5px;
}

.content .right .box a.image {
	margin: 0 auto;
}

.content .right .box .padder {
	padding: 5px;
}



.thumbs a img {
	border:1px solid #4E4E4E;
	height:128px;
	width:128px;
}

a img {
	border: none;
}

.content .mid {
	float: left;
	width: 421px;
}

.clear {
	clear: both;
}

.footer {
	clear: both;
	color: #adadad;
	text-align: center;
	padding: 10px 0 10px;
	line-height: 14px;
	background-color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
position:relative;


}

.content .main {
	width: 626px;
	margin: 20px 0 0 185px;
	color: #b9b9b9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.framed {
 border: 2px solid #4e4e4e;
 padding: 25px;
 background-color: #000000;
 line-height: 22px;
 float: left;
 
 width: 570px;
}

.framed h1 {
	margin-top: -40px;
	margin-left: -30px;
}

h2 {
	margin: 0 0 0 0;
	font-size: 13px;
	color: #878746;
	padding: 0;
}

p {
	margin: 0 0 10px 0;
}

.images {
	padding-left: 13px;
	padding-right: 0px;
	width: 607px;
}

h1.white {
	color: #c9c9c9;
	font-size: 16px;
	font-weight: bold;
	margin-top: -50px;
	margin-left: -25px;
}

* html h1.white {
	margin-left: -10px;
}

h1.white a {
	color: #c9c9c9;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 2px;
}

h1.white a:hover {
	text-decoration: underline;
}

.thumbs {
	float: left;
	margin-right: 40px;
	margin-left: 30px;
	width: 130px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	font-family: verdana,arial,helvetica,sans-serif;
}

* html .thumbs {
	margin-top: -10px;
	margin-left: 26px;
	margin-right: 28px;
}

.thumbs .text {
	min-height: 40px;
	padding-bottom: 10px;
}


* html .thumbs .text {
	min-height: 40px;
	
}

.thumbs div div {
	padding-top: 2px;
	color: #FFFFFF;
}

* html .thumbs div div {
	height: 0;
}

.thumbs div div a {
	clear: both;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin-top: 5px;
}

.thumbs div div a:hover {
	text-decoration: underline;
}

.thumbs div div a.add-to-cart{
	background: none;
	background-image: url(/img/design/add-to-cart.png);
	background-repeat: no-repeat;
	width: 96px;
	height: 17px;
	display: block;
	margin: 10px auto 10px auto;
	border: none;
	cursor: pointer;
}


.right-box {
	width: 150px;
	float: right;
	margin-right:5px;
	position:relative;
	text-align: right;
	line-height: 28px;
	font-weight: bold;
}

img.big {
	position: relative;
	margin: 0 -8px 0 -8px;
}

.right-box a.add-to-cart{
	background: none;
	background-image: url(/diablo/img/design/add-to-cart.png);
	background-repeat: no-repeat;
	width: 96px;
	height: 20px;
	float: right;
	cursor: pointer;
	clear: both;
	margin-bottom: 5px;
	border:0px solid #ffffff;
}

.right-box input.add-to-cart {
	background: none;
	background-image: url(/img/design/add-to-cart.png);
	background-repeat: no-repeat;
	background-position:center;
	width: 96px;
	height: 20px;
	float: right;
	cursor: pointer;
	clear: both;
	right:0px;
	margin: 10px 0px 10px auto;
	border:0px solid #ffffff;
  

}

.framed a
{
	color: #878746;
}
.right-box a.view-cart {
	background: none;
	background-image: url(/img/design/view-cart.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 12px;
	float: right;
	position:relative;
	right:10px;
	cursor: pointer;
	clear: both;
	margin-bottom: 5px;
}

.right-box .sold-out {
	float: right;
	position:relative;
	right:5px;
	clear: both;
	margin-bottom: 15px;
}

.thumbs div div img.sold-out {
	margin-top: 10px;
	position:relative;
	clear: both;
	margin-bottom: 15px;
}

a.delete-cart {
	background: none;
	background-image: url(/img/design/del.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	position:relative;
	right:10px;
	cursor: pointer;
	clear: both;
	margin-bottom: 5px;
}

input.qual {
 background-color: #414141;
 width: 20px;
 height: 15px;
 border: 1px solid #9e9e9e;
 color: #e6e6e6;
 margin: 2px 0 2px 0;
}

input.register{
 background-color: #414141;
 width: 160px;
 height: 17px;
 border: 1px solid #9e9e9e;
 color: #e6e6e6;
 margin: 2px 0 2px 0;
}

select.register{
 background-color: #414141;
 width: 160px;
 height: 20px;
 border: 1px solid #9e9e9e;
 color: #e6e6e6;
 margin: 2px 0 2px 0;
}

input.register_submit {
 background-color: #414141;
 width: 80px;
 height: 20px;
 border: 1px solid #9e9e9e;
 color: #e6e6e6;
 margin: 2px 0 2px 0;
}

input.register_checkbox {
 margin: 2px 0 2px 0;
}

span.comment {

      font-size: 11px; 
      font-style: italic;
   }  
   
span.errors {
      color: red;
      font-size: 11px; 
      font-style: italic;
      font-weight: bold;
   } 
span.errors_message {
      color: red;
      font-size: 11px; 
      font-style: italic;
   }    

* html .thumbs {
 margin-top: 10px;
}
textarea.checkout_comment
{
 background-color: #414141;
 width: 580px;
 height: 80px;
 border: 1px solid #9e9e9e;
 color: #e6e6e6;
}