/* @override http://www.mischiefshoes.co.nz/media/client/external/js/jScroll/jquery.jscrollpane.css */

/*   
Web Site Name: Kate Sylvester
URL: http://www.katesylvester.com
Copyright: Kate Sylvester
Designer: Wayne Conway, Kate Sylvester
Developer: Michael Crosbie, Crosbie Design
Email: michael@crosbiedesign.co.nz
File: Modal Window/Notifications

TABLE OF CONTENTS

  	Modal Window
	Notifications
	Scroll Bar
  


/* ---------- @ modal window -----------*/
.modal {
	width:623px;
	height:409px;
	position:fixed;
	margin-left:-311px;
	left:50%;
	top:50%;
	margin-top:-204px;
	display:none;
	background:#FFF;
	z-index:99999999;
}
.modal .jspScrollable {
	position:relative;
	overflow: hidden; 
	padding: 0px; 
	width: 623px !important;
	height:409px !important;
}
.modal .jspContainer {
	overflow: hidden;
	position: relative;
}
.modal .jspPane {
	position:absolute;
}
.modal .jspPane .holder {
	padding:15px;
	font-size:12px;
}
.modal h3 {
	margin:5px 0px 3px;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
}
.modal h4 {
	margin:12px 0px;
	font-weight:300;
	text-transform:uppercase;
}
.modal ul {
	padding-left: 40px; 
}
.modal li {
	display: list-item;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}
.modal a {
	font-weight:500;
	font-style:normal;
}

/* ---------- @ notifications -----------*/
.modal.notification {
	width:350px;
	height:280px;
	padding:14px;
	position:fixed;
	margin-left:-175px;
	border-top: #58595b solid 3px;
	border-bottom: #58595b solid 3px;
	margin-top:-150px;
	left:50%;
	top:50%;
	display:none;
	background:#FFF;
	z-index:99999999;
	font-size:12px;
}
.modal.notification .close {
	background: #FFFFFF url(../../body/button_close.png) no-repeat scroll center center;
	    cursor: pointer;
	    height: 22px;
	    position: absolute;
	    right: 8px;
	    top: 10px;
	    width: 72px;
}
.modal.notification h2 {
	text-transform:uppercase;
	font-size:14px;
	text-align:left !important;
	margin-bottom:14px;
}
.modal.notification label {
	margin-top: 6px;
}
.modal.notification div.selector {
	width: 196px !important;
	margin-left: 18px;
}
.modal.notification div.selector span {
	width: 171px !important;
}
.modal.notification div.selector select {
	width: 196px !important;
}
.modal.notification .container {
	text-align:left;
}
.modal.notification a.track {
	width:100px !important;
	height:19px !important;
	background:url(../../body/AKSL_bnotification_track.png) no-repeat center right #FFF;
	border:none;
	float:left;
	padding:0px !important;
	font-size:0px !important;
	display:block;
	cursor:pointer;
}
.modal.notification a.continue {
	width:149px !important ;
	height:19px !important;
	background:url(../../body/AKSL_bnotification_continue_shopping.png) no-repeat center right #FFF;
	border:none;
	padding:0px !important;
	font-size:0px !important;
	float:right;
	display:block;
	
}
.modal.notification a.try_again {
	width:77px !important;
	height:19px !important;
	background:url(../../body/AKSL_bnotification_try.png) no-repeat center right #FFF;
	border:none;
	float:none;
	margin:0 auto;
	padding:0px !important;
	font-size:0px !important;
	display:block;
	cursor:pointer;
}
.modal.notification  .login {
	width:54px !important ;
	height:19px !important;
	background:url(../../body/AKSL_bnotification_login.png) no-repeat center center #FFF;
	border:none;
	padding:0px !important;
	font-size:0px !important;
	float:left;
	display:block;
}

.modal.notification .bottom {
	width:350px;
	position:absolute;
	bottom:14px;
}
.jspContainer
{
	overflow: hidden;
	position: relative;
}
/* ---------- @ Scroll bar -----------*/
.jspPane
{
	position: absolute;
}
.jspPane .container
{
	padding:14px;
	width:579px;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 100%;
	background: #FFF;
}


.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #808285;
	position: relative;
}

.jspDrag
{
	background: #808285;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	border-left: 1px solid #808285;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowUp {
	background:url(../../body/AKSL_up.png) no-repeat center center;
	border-bottom:1px solid #808285;
}
.jspArrowDown {
	background:url(../../body/AKSL_down.png) no-repeat center center;
	border-top:1px solid #808285;
}
.jspArrow.jspDisabled
{
	cursor: default;
	opacity:0.5;
}

.jspVerticalBar .jspArrow
{
	height: 14px;
}

.jspHorizontalBar .jspArrow
{
	width: 14px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCap.jspCapTop {
	background: url(../../body/AKSL_close.png) no-repeat scroll center #FFFFFF;
	border-left: 1px solid #808285;
	height: 14px;
	border-bottom:1px solid #808285;
	cursor:pointer;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}