/* fetp-toolbar css */

/* push content */
body { 
	margin-left: 30%!important;
	width: 70%;
}

.fetp-reset { 
	margin-left: 0%!important;
	width: 100%!important;
}

a.fetp-remove {
	color: #676767!important;
}

a.fetp-remove:hover, #fetp-bar a:hover {
	color: #999!important;
}

#fetp-bar {
	width: 30%;
	height: 100%;
	background: #f5f5f5;
	color: #444;
	/*border-right: 1px solid #444;*/
	box-shadow: -1px 0px 3px rgba(0,0,0,0.3) inset;
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	overflow-x: hidden;
	font-family: "Segoe UI", sans-serif, Arial, Tahoma!important;
	font-size: 13px;
	font-style: italic;
	text-align: left!important;
}

#fetp-bar a {
	color: #0d7fdf!important;
	text-decoration: none!important;
}

.fetp-bar-wrap {
	max-height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
}

#fetp-bar .clear { clear: both; }
#fetp-bar .left { float: left; }
#fetp-bar .right { float: right; }
.fetp-hidden { display: none; }
.fetp-loading {
	padding: 8px 8px 8px 18px;
	background: url(../img/ajax-saving.gif) no-repeat left;
	margin-left: 10px;
}

#fetp-bar .fetp-control {
	width: 100%;
	display: block;
	padding: 10px!important;
	border-bottom: 1px solid #ddd;
}

#fetp-bar .fetp-control a {
	margin: 0!important;
}

#fetp-bar .fetp-button {
	padding: 2px 8px;
	text-align: center;
	color:#ffffff!important;
	font-style:normal;
	background-color:#4392d4;
	border: 1px solid #0373d1;
	background: -moz-linear-gradient(top, #4392d4, #0373d1) !important;
	background: -webkit-linear-gradient(top, #4392d4, #0373d1) !important;
	background: -o-linear-gradient(top, #4392d4, #0373d1) !important; 
	background: -ms-linear-gradient(top, #4392d4, #0373d1) !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#fetp-bar .fetp-button:hover {
	background-color:#0d7fdf;
	background: -moz-linear-gradient(top, #549edd, #0d7fdf) !important;
	background: -webkit-linear-gradient(top, #549edd, #0d7fdf) !important;
	background: -o-linear-gradient(top, #549edd, #0d7fdf) !important; 
	background: -ms-linear-gradient(top, #549edd, #0d7fdf) !important;
	color: #fff!important;
}

#fetp-bar form {
	padding: 0 4px!important;
	margin: 0!important;
}

#fetp-bar input.fetp-button {
	margin: 5px 0 0 5px!important;
	font-family: sans-serif, Tahoma!important;
	font-weight: bold!important;
	font-size: 13px;
}

#fetp-bar input.fetp-button:disabled {
	background: #ededed!important;
	color: #c1c1c1!important;
	border-color: #dadada!important;
	font-weight: normal!important;
	margin: 0 0 0 5px!important;
	cursor: default!important;
}

#fetp-bar .fetp-button.exit {
	background-color:#fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb, #d9d9d9) !important;
	background: -webkit-linear-gradient(top, #fbfbfb, #d9d9d9) !important;
	background: -o-linear-gradient(top, #fbfbfb, #d9d9d9) !important; 
	background: -ms-linear-gradient(top, #fbfbfb, #d9d9d9) !important;
	border-color: #c9c9c9!important;
	color: #222!important;
}

#fetp-bar .fetp-button.exit:hover {
	background-color:#f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5, #ddd) !important;
	background: -webkit-linear-gradient(top, #fbfbfb, #d9d9d9) !important;
	background: -o-linear-gradient(top, #fbfbfb, #d9d9d9) !important; 
	background: -ms-linear-gradient(top, #fbfbfb, #d9d9d9) !important;
	border-color: #b9b9b9!important;
}

#fetp-bar .fetp-button.exit:hover {
	background-color: #f1f1f1;
}

#fetp-bar a.fetp-title {
	width: 100%;
	display: block;
	padding: 8px 0px 8px 10px ;
	color: #555;
	font-family: Arial, Tahoma;
	font-weight: bold;
	border-top: 1px solid #414141;
	border-bottom: 1px solid #222;
	background-color: #393939;
	color: #fff!important;
	outline: none;
	text-align: none!important;
}

#fetp-bar a.fetp-title:hover,
#fetp-bar a.fetp-title.current {
	background-color: #000;
	outline: none;
}

#fetp-bar p {
	margin: 0;
	padding: 4px 10px 4px 0!important;
	line-height: 1.5em!important;
	font-size: inherit;
	font-family: inherit;
}

#fetp-bar select {
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#fetp-bar p.description {
	color: #777!important;
	font-size: 13px!important;
}

#fetp-bar p.previewing {
	font-size: 18px;
	font-family: "Segoe UI", Georgia;
	font-weight: normal;
	font-style: italic;
}

#fetp-bar select {
	padding: 6px 4px!important;
	font-family: "Segoe UI", "Trebuchet MS"!important;
	max-width: 80%!important;
	color: #555!important;
	background: #fff!important;
	font-style: italic!important;
}

#fetp-bar a {
	text-decoration: none;
}

#fetp-bar a:focus {
	outline: none;
}

#fetp-bar .details-tab {
	width: 97%;
	overflow-x: hidden;
	padding: 5px 15px 5px 7px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#fetp-bar .details-tab.tab-three {
	border-bottom-color: #ccc;
	width: 300px;
	padding: 5px 0;
}

#fetp-bar .details-tab.tab-three li {
	padding-right: 10px;
}

.fetp-collapse-wrap {
	position: fixed;
	left: 0px;
	bottom: 4%;
	z-index: 99999;
}

.fetp-collapse-wrap-open {
	position: absolute;
	left: 0px!important;
	bottom: 30px;
}

span.fetp-arrow {
	position: relative;
	right: 15px;
	background: url(../img/arrows.gif) no-repeat -7px 0;
	padding: 2px;
	margin-top: 7px;
}

span.fetp-arrow.toggle {
	background: url(../img/arrows.gif) no-repeat 1px 0;
	outline: none;
}

.fetp-collapse {
	background-image: url('../img/arrows.png');
	background-position: -13px 53px;
	background-color: #FF5800;
	border-radius: 50%;
	padding: 10px;
	margin: 0 0px 0 10px;
	cursor: pointer;
}

.fetp-collapse-wrap:hover > .fetp-collapse {
	background-color: #FD7500;
}

.fetp-collapse-wrap:hover > span.fetp-collapse-label a {
	color: #555;
}

.fetp-collapse:hover {
	background-color: #555;
}

.fetp-collapse.collapsed {
	background-position: -13px 17px!important;
}

span.fetp-collapse-label {
	position: absolute;
	bottom: 0px;
	left: 35px!important;
	width: 150px;
	margin: 0!important;
	padding: 0!important;
}

span.fetp-collapse-label a {
	color: inherit;
	font-size: 13px;
	text-decoration: none;
	padding: 0!important;
	margin: 0!important;
}

#fetp-bar img.screenshot {
	width: 98%!important;
	height: 180px!important;
	border: none!important;
	padding: 0!important;
	margin: !important;
	float: none!important;
}

#fetp-bar ul#cartcontent {
	width: 105%;
	margin: 0;
	padding: 0;
}

#fetp-bar ul#cartcontent li {
	padding: 5px 15px 5px 10px;
	list-style: none;
	border-bottom: 1px solid #e1e1e1;
}

#fetp-bar ul#cartcontent li.odd {
	background: #f5f5f5;
}

#fetp-bar ul#cartcontent li.even {
	background: #f9f9f9;
}

#fetp-bar li.carttotal a.fetp-clear-cart {
	position: relative!important;
	right: 13px!important;
}

#fetp-bar ul#cartcontent p.fetp-remove-item small {
	font-size: 11px;
}