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


/***************************
 *
 *	Global
 *
 ***************************/
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/template/bg.jpg) repeat-x;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	padding:0;
	margin:0;
	}

img {
	padding: 0;
	margin: 0;
	border: 0;
	}

p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 18px;
}

.clear_both {
	clear:both;
}

h4 {
	margin:0;
	padding: 5px 0;
}

a:link,
a:visited,
a:active {
	color: #005B2E;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
	list-style-position: outside;
}

li img {
	padding-right: 10px;
	vertical-align: middle;
}

.red {
	color: #990000;
}

hr {
	border: 0;
	border-top: 1px solid #DDD;
	padding-bottom: 10px;
}


/***************************
 *
 *	container
 *
 ***************************/
div#container {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

/***************************
 *
 *	header
 *
 ***************************/
div#header {
	display: block;
	height: 136px;
	margin-bottom: 20px;
}

.logo {
	padding: 15px 0 15px 30px;
}

/*
Language Links - hide for now...
*/
.language {
	display: none;
	float: right;
}
.language a:link,
.language a:active,
.language a:visited {
	color:#CCCCCC;
	font-size: 10px;
}
.language a:hover {
	color: #333333;
}

table#navigation {
	width: 100%;
	border: 0;
	height: 36px;
	background: #CCCCCC;
	text-align: center;
	font-size: 12px;
}
table#navigation tr {
}
table#navigation td {
	height: 36px;
	border: 0;
	border-right: 1px solid #FFFFFF;
	white-space: nowrap;
}
table#navigation td:last-child {
	border-right: 0;
}
table#navigation td.last-td {
	border-right: 0;
}
table#navigation td a:link,
table#navigation td a:active,
table#navigation td a:visited {
	cursor: pointer;
	outline: none;
	color: #444444;
	background-color: #CCCCCC;
	display: block;
	height: 36px;
	width: 100%;
	line-height: 36px;
	text-decoration: none;
	border: 0;
}
table#navigation td a:hover {
	color: #FFFFFF;
	background-color: #444444;
}
table#navigation td a.active {
	color: #FFFFFF;
	background-color: #444444;
}
table#navigation td a.first {
	background: #CCCCCC url(images/template/nav_left.png) no-repeat;
}
table#navigation td a.last {
	 background: #CCCCCC url(images/template/nav_right.png) no-repeat right;
}
table#navigation td a.first:hover {
	background: #444444 url(images/template/nav_left.png) no-repeat;
}
table#navigation td a.last:hover {
	 background: #444444 url(images/template/nav_right.png) no-repeat right;
}
table#navigation td a.first-active {
	color: #FFFFFF;
	background: #444444 url(images/template/nav_left.png) no-repeat;
}
table#navigation td a.last-active {
	color: #FFFFFF;
	background: #444444 url(images/template/nav_right.png) no-repeat right;
}

/***************************
 *
 *	content
 *
 ***************************/
div#content {
	float: right;
	width: 765px;
}

/***************************
 *
 *	call-to-action
 *
 ***************************/
div#call-to-action {
	margin-top: 70px;
	float: left;
	width: 195px;
	font-size: 11px;
	line-height: 12px;
}
a.apply-btn {
	display: block;
	font-size: 18px;
	color: #444;
	cursor: pointer;
	outline: none;
	background: url(images/template/apply_bg.png) no-repeat;
	width: 160px;
	height: 56px;
	line-height: 56px;
	text-decoration: none;
	float: right;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 10px;
}
a.apply-btn:hover {
	color: #000;
}
.contact {
	padding: 10px 10px 0 0;
	font-size: 11px;
	text-align: right;
	color: #777;
	line-height: 15px;
}

.contact span {
	font-size: 13px;
	color: #333;
}
.contact a:hover {
	text-decoration: none;
}

a.contact-us-btn:link,
a.contact-us-btn:active,
a.contact-us-btn:visited {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}
a.contact-us-btn:hover {
	color: #000;
}

/***************************
 *
 *	buckets
 *
 ***************************/
table#bucket {
	height: 178px;
	width: 956px;
}
table#bucket TD {
	vertical-align: top;
	padding:0;
	margin:0;
	height: 178px;
	position: relative;
}
.bucket {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 178px;
}
a.bkt {
	display: block;
	position: absolute;
	width: 100%;
	height: 178px;
	cursor: pointer;
	outline: none;
	top: 0;
	left: 0;
	padding-top: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

a.btn1 {
	background: url(images/buckets/rollover.png) no-repeat;
	background-position: 0 0;
}

a.btn1:hover {
	background-position: 0 -178px;
}

a.btn2 {
	background: url(images/buckets/rollover.png) no-repeat;
	background-position: 35% 0;
}

a.btn2:hover {
	background-position: 35% -178px;
}

a.btn3 {
	background: url(images/buckets/rollover.png) no-repeat;
	background-position: 65% 0;
}

a.btn3:hover {
	background-position: 65% -178px;
}

a.btn4 {
	background: url(images/buckets/rollover.png) no-repeat;
	background-position: 100% 0;
}

a.btn4:hover {
	background-position: 100% -178px;
}


/***************************
 *
 *	footer
 *
 ***************************/
div#footer {
	margin: 20px 0;
	display: block;
	height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #AAA;
	text-align: right;
}

div#footer li {
	display: inline;
	padding: 0 10px;
	border-right: #DDD solid thin;
}

div#footer li:last-child {
	border-right: none;
}
div#footer a {
	color: #AAA;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}


/***************************
 *
 *	textpage
 *
 ***************************/
div#textpage {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	display: block;
	width: 100%;
}

div#textpage .tpcontent {
	padding: 20px 20px 1px;
	margin: 0;
	background: #FFF url(images/template/textpagebg.jpg) repeat-y;
}

div#textpage .tpheader {
	display: block;
	height: 43px;
	width: 765px;
	background: url(images/template/textpageheader.gif) no-repeat;
}

div#textpage h3 {
	padding: 0;
	margin: 0;
	padding-left: 20px;
	font-size: 16px;
	line-height: 43px;
	color: #333;
}
div#textpage li {
	padding-bottom: 5px;
}


/***************************
 *
 *	apply form
 *
 ***************************/
.tbl_apply {
	text-align: left;
	padding: 0px;
	width: 100%;
}

.tbl_apply fieldset {
	border:0;
}
.tbl_apply legend {
	padding-right:10px;
	color: #999999;
	font-size: 13px;
}

.tbl_apply em {
	color: #CC0000;
	font-style: italic;
	font-size: 10px;
}

.tbl_apply label {
	padding-right: 5px;
}

.tbl_apply input,
.tbl_apply select {
	border: 1px solid #CCC;
	background-color: #EEE;
	display: block;
	margin-top: 5px;
}

.tbl_apply .apply_radio {
	display: inline;
}

.tbl_apply td {
padding: 9px 4px;
}
.tbl_apply tr {
}
.tbl_apply fieldset {
border-top: 1px solid #CCC;
padding: 0px;
}
.tbl_apply legend {
}
.tbl_apply button {
	padding: 5px 10px;
	display: inline;
	cursor: pointer;
}
#tbl_cobuyer,
#tradingToggle {
	display: none;
}

/***************************
 *
 *	manager specials
 *
 ***************************/
table#mgrspecials {
	width: 100%;
}

table#mgrspecials TD {
	padding: 0;
	padding: 10px 0;
}

table#mgrspecials TR {
	border-bottom: 1px solid #EEE;
}

table#mgrspecials TD.left {
	width: 239px;
}

table#mgrspecials TD.right {
	padding: 10px;
	vertical-align: top;
}

table#mgrspecials .zoomin {
	position: absolute;
	top: 95px;
	left: 5px;
}

.abs {
	position: relative;
}
.hide {
	display: none;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/***************************
 *
 *	inventory
 *
 ***************************/
table#inventory-menu {
	width: 765px;
	height: 43px;
	margin-top: 2px;
}

table#inventory-menu TD {
	height: 41px;
	text-align: center;
	border-right: 1px solid #FFF;
}

table#inventory-menu a:link,
table#inventory-menu a:visited,
table#inventory-menu a:active {
	display: block;
	width: 100%;
	height: 41px;
	line-height: 41px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
}
table#inventory-menu a:hover {
	color: #005B2E;
}
table#inventory-menu a.active {
	color: #005B2E;
}

table#inventory-menu a img {
	vertical-align: middle;
}


/***************************
 *
 *	admin-default
 *
 ***************************/
table.admin-default {
	margin-top: 20px;
}
table.admin-default TH {
	text-align: center;
	color: #333;
}
table.admin-default TD {
	border: 1px solid #DDD;
	padding: 10px;
}
table.admin-default TD.alt {
	background-color: #EDEDED;
}
table.admin-default TH.inv-th {
	background-color: #005B2E;
	color:#FFF;
	text-align:left;
	padding: 10px;
	font-size:14px;
}


/***************************
 *
 *	admin-add-edit
 *
 ***************************/
table .admin-add-edit {
	width: 100%;
}
table .admin-add-edit TD {
	padding: 5px;
	vertical-align: top;
}
table .admin-add-edit TD.left {
	width: 15%;
	text-align: right;
}
table .admin-add-edit TD.right {
	width: 85%;
	text-align: left;
}
table .admin-add-edit input,
table .admin-add-edit textarea {
	border: 1px solid #CCC;
	color: #333;
	width: 100%;
	padding: 4px;
}

/*this is the coupon styling*/
#coupon { background:#f2f2f2; border: dashed 6px #00ad62; width:450px; margin:0 auto; clear:both; color: #00ad62; font: 12px Arial, Helvetica, sans-serif; padding: 1.5em 1.5em 0; }
#coupon h1 { padding:0 0 1em; margin:0; font-size:2em; text-align:center;}
#coupon h2 { padding:0 0 1em; margin:0; font-size:1.5em; color:#000; text-align:center;}
#coupon p { padding:0 0 1.25em; margin:0; font-size:1em; color:#000}
#coupon .center { text-align:center;}

/*general playlist settings, light gray */
div.playlist { position:relative; overflow:hidden; height:285px !important; }
div.playlist div.clips { position:absolute; height:20000em; }
div.playlist, div.clips { width:260px; }
div.clips a { background:url(/images/playlist/h80.png); display:block; background-color:#fefeff; padding:12px 15px; height:46px; width:195px; font-size:12px; border:1px outset #ccc; text-decoration:none; letter-spacing:-1px; color:#000; }
div.clips a.first { border-top-width:1px; }
div.clips a.playing, div.clips a.paused, div.clips a.progress { background:url(/images/playlist/light.png) no-repeat 0px -69px; width:225px; border:0; }
div.clips a.progress { opacity:0.6; }
div.clips a.paused { background-position:0 0; }
div.clips a span { display:block; font-size:11px; color:#666; }
div.clips a em { font-style:normal; color:#f00; }
div.clips a:hover { background-color:#f9f9fa; }
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover { background-color:transparent !important; }


/* petrol colored */
div.clips.petrol a { background-color:#193947; color:#fff; border:1px outset #193947; }
div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress { background:url(/images/playlist/dark.png) no-repeat 0px -69px; border:0; }
div.clips.petrol a.paused { background-position:0 0; }
div.clips.petrol a span { color:#aaa; }
div.clips.petrol a em { color:#FCA29A; font-weight:bold; }
div.clips.petrol a:hover { background-color:#274D58; }
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover { background-color:transparent !important; }

/*low version */
div.clips.low a { height:31px; }
div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress { background-image:url(/images/playlist/light_small.png); background-position:0 -55px; }
div.clips.low a.paused { background-position:0 0; }

/*go buttons */
a.go { display:block; width:18px; height:18px; background:url(/images/playlist/up.png) no-repeat; margin:5px 0 5px 105px; cursor:pointer; }
a.go:hover, a.go.down:hover { background-position:0px -18px; }
a.go.down { background-image:url(/images/playlist/down.png); }
div.petrol a.go { background-image:url(/images/playlist/up_dark.png); }
div.petrol a.go.down { background-image:url(/images/playlist/down_dark.png); }
a.go.disabled { visibility:hidden; }

.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* the overlayed element */
.overlay {
	
	
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:500px;     
    min-height:200px; 
    border:1px solid #666;
	padding:40px 40px 20px;
	color:#fff;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(images/close.png);
	position:absolute; right:-15px; top:-15px;
	cursor:pointer!important;
	height:35px;
	width:35px;
}

/*end overlay*/


fieldset {width: 240px;}
legend {
  padding: 0.2em 0.5em;
  border:1px solid;
  font-size:90%;
  text-align:right;
  }