/*--------------------------------------------------------
GENERAL
--------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
	background: #eee;
}

img { border: none; }

p { margin: 0 0 10px 0; }

*:focus { outline:none; }

#store_closed {
	width: 640px;
	height: 480px;
	background: #fff url(../images/tile_1.png);
	position: fixed;
	left: 50%;
	top: 50%;
	right: 50%;
	bottom: 50%;
	margin-left: -320px;
	margin-top: -260px;
	border: 1px solid #666;
	padding: 10px 0 20px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	-moz-box-shadow:0px 0px 10px #666666;
	-webkit-box-shadow:0px 0px 10px #666666;
	box-shadow:0px 0px 10px #666666;
}

h1 {
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	margin: 0 0 15px 0;	
	padding: 0;
	text-shadow: rgba(0, 0, 0, 0.5) 0 2px 0;
}

h2 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	margin: 0;	
	padding: 0;
}

h3 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin: 0 0 10px 0;	
	padding: 0;
}

.clear { clear: both; }

#ie6_container {
	width: 640px;
	padding-top: 50px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
}

ul.checklist { margin-left: 0; padding-left: 10px; list-style: none; }
ul.checklist li { font-size: 12px; line-height: 1.5em; padding: 0 0 0 20px; background-image: url(../images/check.png); background-repeat: no-repeat; background-position: 0 0; }

.bottom_left_col { float: left; width: 49% }
.bottom_right_col { float: right; width: 49% }

/*--------------------------------------------------------
COUNTDOWN
--------------------------------------------------------*/

.countdownTimerWrap { float: right; position: relative; left: -50%; }

.countdownTimer { position: relative; left: 50%; }

.days, .hours, .minutes, .seconds, .splitter { float: left; }

.splitter {
	font-size: 50px;
	color: #aaa;
	letter-spacing: 0px;
	margin-left: 10px;
	font-weight: bold;
	width: 24px;
	text-shadow: rgba(0, 0, 0, 0.75) 0 2px 0;
}

.number {
	font-size: 50px;
	color: #aaa;
	letter-spacing: 0px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.75) 0 2px 0;
}

.text {
	font-size: 16px;
	color: #666;
	text-align: center;
}

/*--------------------------------------------------------
PROGRESS BAR
--------------------------------------------------------*/

.progressBar {
	width: 600px;
	height: 24px;
	background: #333;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 20px;
	padding: 4px;
	border: 0px solid #000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	position:relative;
	z-index: 0;
}

.progressBarFill {
	width: 50%;
	overflow: hidden;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	position:relative;
	z-index: 0;
}

.progressBarFillMiddle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0;
}

/*--------------------------------------------------------
PROGRESS BAR COLOURS
--------------------------------------------------------*/

.blue .progressBarFillMiddle {
	background: blue url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.lightblue .progressBarFillMiddle {
	background: lightblue url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.green .progressBarFillMiddle {
	background: green url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.lightgreen .progressBarFillMiddle {
	background: lightgreen url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.yellow .progressBarFillMiddle {
	background: yellow url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.purple .progressBarFillMiddle {
	background: purple url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.red .progressBarFillMiddle {
	background: red url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.gray .progressBarFillMiddle {
	background: gray url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.pink .progressBarFillMiddle {
	background: pink url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.orange .progressBarFillMiddle {
	background: orange url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.brown .progressBarFillMiddle {
	background: brown url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

.cyan .progressBarFillMiddle {
	background: cyan url(../images/progress_bg.png) top repeat-x;
	color: #fff;
}

/*--------------------------------------------------------
PROGRESS TEXT BOX
--------------------------------------------------------*/

.progressDescription {
	background: #333;
	width: 480px;
	height: auto;
	margin: 0 auto;
	margin-top: 40px;
	padding: 5px;
	border: 0px solid #000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	position:relative;
	z-index: 0;
}

#arrow-up {
	width: 0px;
	height: 0px;
	border-left: 15px solid transparent; /* left arrow slant */
	border-right: 15px solid transparent; /* right arrow slant */
	border-bottom: 15px solid #333; /* bottom, add background color here */
	font-size: 0px;
	line-height: 0px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: -40px;
	clear: both;
	position: relative;
}

.progressDescriptionMiddle h1 { font-size: 14px; }

.progressDescriptionMiddle { font-size: 12px; }

/*--------------------------------------------------------
SLIDER
--------------------------------------------------------*/

#html_slider {
	position: relative;
	width: 480px;
	height: 190px;
	margin: 0 auto;
	overflow: visible;
	color: #fff;
}

.i-slider-frame { position: relative; z-index: 0; overflow: hidden; }

.i-slider-sections { float: left; position: relative; }

 .i-slider-section { position: relative; float: left; width: 480px; }

.i-slider-arrows {
	position: absolute;
	z-index: 100;
	background: transparent url(../images/arrows.png);
	cursor: pointer;
	top: 35%;
	width: 40px;
	height: 40px;
}

.i-slider-arrows.previous { left: -60px; background-position: top left; }

.i-slider-arrows.next { right: -60px; background-position: top right; }

.i-slider-arrows.previous:hover { left: -60px; background-position: bottom left; }

.i-slider-arrows.next:hover { right: -60px; background-position: bottom right; }

.i-slider-switcher-wrap {
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	bottom: 0px;
}

.i-slider-switcher-wrap {
	position: absolute;
	z-index: 100;	
	width: 100%;
	left: 0;
	bottom: 0px;
}

.i-slider-listNav {
	position: relative;
	display: block;
	z-index: 100;	
	padding: 0;
	margin: 0;	
	bottom: -26px;
	width: 100%;
	height: 12px;
	line-height: 10px;
	font-size: 10px;
	text-align: center;
}

.i-slider-listNav li {
	display: inline;
	list-style: none;
	padding: 6px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/switcher.png) no-repeat right;
	cursor: pointer;
}

.i-slider-listNav li.active {
	background: url(../images/switcher.png) no-repeat left;
}

/*--------------------------------------------------------
NOTIFY FORM
--------------------------------------------------------*/

fieldset {
	border:none;	
}

form {
	width: 640px;
	margin: 15px 0 0 0;
	padding: 0;
}

input {
	border: none;
	background-color: none;	
}

#signup-email {
	width: 150px;
	border: 1px solid #000;
	color: #000;
	padding: 5px;
	margin-left: 0px;
	margin-right: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	position:relative;
	z-index: 0;
}

#signup-email:focus {
	border-color: #000;
	background-color: #eee;
	background-image: none;
	color: #000;
}

#signup-button {
	background-color: #000;
	color: #fff;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(skin/common_files/modules/Shop_Closed/js/pie.htc);
	position:relative;
	z-index: 0;
}

#signup-button:hover {
	cursor: pointer;
	background-color: #666;
}

#signup-response {
	font-size: 10px;
	display: inline;
	margin-left: 4px;
	padding-left: 20px;
}

p.response-waiting {
	background: transparent url(../images/ajax_loader.gif) left no-repeat;
}

p.response-success {
	background: transparent url(../images/tick.png) left no-repeat;
}

p.response-error {
	background: transparent url(../images/cross.png) left no-repeat;
}

/*--------------------------------------------------------
SOCIAL ICONS
--------------------------------------------------------*/

div#social_list ul {
	text-align: right;
	margin: 20px 10px 10px 0;
	padding: 0px;
}

div#social_list ul li { display: inline; padding: 2px; }

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 150px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.tipsy-south { background-position: bottom center; }

/*--------------------------------------------------------
SCROLLING DIV
--------------------------------------------------------*/

.scroller { width: 100%; height: 190px; overflow: auto; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #999; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #999; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #ddd; position: relative; }
.jspDrag { background: #bbb url(../images/scroll_bg.gif) no-repeat center center; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #ccc; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #999; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eee; float: left; height: 100%; }
.jspArrowUp { background: #eee; }
.jspArrowDown { background: #eee; }
* html .jspCorner { margin: 0 -3px 0 0; }