﻿*{
	margin:0;
	padding:0;
}
:root{
 overflow-y:scroll;
}
body{
	background:#121210;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#b5b5b5;
}
input#chkStoreDetails {
	cursor:pointer;
}
#MenuSelect2 {
background:transparent url(../design/input.gif) no-repeat scroll 0 50%;
border:0 none;
display:block;
float:left;
font-size:10px;
height:25px;
width:256px;
}
#MenuSelect3 {
background:transparent url(../design/inputext.gif) no-repeat scroll 0 50%;
border:0 none;
display:block;
float:left;
font-size:10px;
height:105px;
width:288px;
}
#MenuSelectC {
background:transparent url(../design/inputsmall.gif) no-repeat scroll 0 50%;
border:0 none;
display:block;
float:left;
font-size:10px;
height:25px;
width:156px;
}
input, textarea, select {
color:black;
cursor:text;
font-family:Tahoma,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;	
}
/* Layout Styles Starts */

#wrapper{
	width:900px;
	margin:0 auto;
	_margin:0 auto;
}
	#header{
		height:92px;
		overflow:hidden;
	}
	#header2{
		height:92px;
		overflow:hidden;
		border-bottom:5px solid #383838;
	}
	#header3{
		height:92px;
		overflow:hidden;
		border-bottom:1px solid #383838;
	}
		#logo{
			width:251px;
			height:92px;
			float:left;
		}
		ul#menu{
			float:right;
			margin:0 15px 0 0;
		}
			ul#menu li{
				list-style:none;
			}
				ul#menu li, ul#menu li a, ul#menu li a.current{
					display:block;
					float:left;
					color:#9e9e9e;
					height:75px;
					line-height:80px;
				}
				ul#menu li a{
					padding:0 15px;
					text-transform:uppercase;
				}
					ul#menu li a:hover, ul#menu li a.current{
						color:black;
						background:url(../images/menu-h.jpg) repeat-x;
						text-decoration:none;
					}
					ul#menu li a.current{
						background:url(../images/menu-current.jpg) repeat-x;
					}
ul.ul-style01 {
color:#E0E0E0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0;
padding:0;
}
ul.ul-style01 li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/ul-style01.gif) no-repeat scroll 0 7px;
font-weight:normal;
font-size:11px;
margin:0;
padding:0 0 0 15px;
}
ul.ul-style01 li a{
color:white;
border:0!important;
font-weight:normal;
}
ul.ul-style01 li a:hover{
color:#888888;
font-weight:normal;
}
	#container{
		border:solid #383838;
		border-width:1px 0;
		padding:25px 25px 15px 25px;
		background:#181818;
	}
		#mainarea{
			width:565px;
			float:left;
		}
		#sidearea{
			width:256px;
			float:left;
		}
		.block1{
			width:250px;
			float:left;
			display:block;
			margin:0 40px 0 0;

		}
		.block1.nomargin{
			margin:0;
		}
		.block1 h2{
			text-transform:uppercase;
		}
	#footer{
		overflow:hidden;
		height:25px;
		line-height:25px;
		padding:10px 15px;
		font-size:10px;
	}
	
/* Layout Styles Ends */

/* Slider Styles Starts */

#intro {
    padding-bottom: 10px;
}
#slider-outer{
	border:solid #383838;
	border-width:1px 0 0 0;
	height:285px;
	padding:15px 0 0 0;
}
#hero{
	height:285px;
	padding:0;
	margin:0;
	border-right:2px #383838 solid;
	border-left:2px #383838 solid;
}
#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}
.scroll {
	overflow: hidden;
	width: 790px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
	position: relative;
}
.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 240px;
}
.inside {
	padding: 10px 0;
}
.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 250px;
}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 100px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -45px;
}
.scrollButtons.right {
    right: -45px;
}
.hide {
    display: none;
}

/* Slider Styles Ends */

/* Links Styles Starts */

a.readmore{
	font-size:9px;
	text-transform:uppercase;
	color:#e0e0e0;
	float:right;
	margin-right:18px;
}
a.readmore:hover{
	color:#ef8436;
}
#container p.hr{
	border:solid #383838;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#mainarea a{
	border-bottom:1px dotted;
}
#mainarea a:hover{
	text-decoration:none;
}
/* Links Styles Ends */

/* Form Styles */


#mainarea form{
	padding:0 5px;
}
#mainarea form p{
	margin:0 0 5px 0;
}
#mainarea form p.floatleft{
	margin-right:15px;
}
.input{
	border:1px solid #5a5a5a;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:5px;
	width:200px;
	color:#eee;
	font:11px/20px Tahoma,Helvetica,sans-serif;
}
.smallinput{
	width:170px!important;
	margin-right:10px;
}
.sideinput{
	width:245px!important;
}
textarea.input{
	width:428px;
	height:80px;
/*	color:#969696; */
	color:#eee;
}
.input:focus, .textarea:focus{
	border:1px solid #ef8436;
}
.signin-btn, .button1{
	background:#ef8436;
	width:auto;
	font-size:1.2em;
	height:24px;
	line-height:20px;
	margin:8px 0;
	padding:4px;
	color:black;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
#container dt{
	font-weight:bold;
	margin:5px 0;
	color:#e0e0e0;
	width:120px;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#EF8436;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:none;color:white;}
h1{font-size:32px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#e0e0e0;font-family:"Trebuchet MS";}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.fc1{color:#e0e0e0;}
#container p.different {
	margin:0 0 5px!important;
}
.different{color:#EF8436; font-weight:bold; letter-spacing:1px; font-size:12px;}
/* Genric Styles Ends */

.clear {
background-color:transparent;
clear:both;
font-size:1px;
height:15px;
line-height:0;
}
.clear2 {
background-color:transparent;
clear:both;
font-size:1px;
height:0;
line-height:0;
}
.plainlink{
	color:#E0E0E0;
}

.jajoHeaderWide {
background:transparent url(../images/menu-h.jpg) repeat-x bottom;
color:#336666;
float:right;
font-family:Arial,Helvetica;
font-size:20px;
height:auto;
line-height:26px;
/*margin-top:15px;*/
position:relative;
top:245px;
opacity:0.8;
padding:0;
width:auto;
height:36px;
}

.jajoHeaderTextW {
color:black;
float:left;
font-size:20px;
margin:5px 0;
padding:0 15px;
width:auto;
}