img.preloader
{display:none;}

/********  #content: ****************************/

#wrapper {
    margin:0 auto;
	background: url("/images/content_bg.gif") center repeat-y;
}


#top_bg {
	  background:url("/images/top_bg2.gif") center top no-repeat;
	margin:0 auto;
	padding:0;
}
 
#bottom_bg{
	background:url("/images/footer_bg.gif") no-repeat bottom center;
	text-align:center;
	margin:0 auto;
}

#page {
	width:968px;
	margin:0 auto;
} 


#content
{
 float:left;
 margin:30px 20px 0 20px;
 width:700px;
 display:inline;
 text-align:left;
}


#admin_content { float:left;
 margin:40px 20px 0 20px;
 display:inline;
 text-align:left;}

#rightcol 
{

}

.box
{
}



.box2
{
}
/********  #pages ************************/
.brands_logos a img {width:130px;}


.pages {background:#f5ed81; clear:both;
	font-size:0.9em;
}

/************ footer **************************/

#footer {
width:968px;
text-align:center;
margin:20px auto;
}

#footer a 
{
}

#footer p 

{
padding:5px 0 30px 0;
font-size:11px;
}

#footer a img, #footer a:hover img

{
border:none;
padding:0;
margin:5px 0 0 0;
}



/*********  #header   ***************************/


#header {
	width:968px;
	height:150px;
    text-align:center;
	position:relative;
	margin:0;
padding:0;
}


#header .jbski_logo {position:absolute;
	top:35px; 
	left:285px;
}

#header h1
{
width:240px;
height:160px;
margin:0;
padding:0;
position:absolute;
top:20px;
left:20px;
}

#header h1 a
{
display:block;
width:260px;
height:160px;
outline:none;
}

#header h1 a span {
	display:none;
	outline:none;
}

/*********  #search:  ********************/
#search {
	display:inline;
	float:right;
	margin:15px 150px 0 0;
	height:30px;
}

#account {clear:both;
	      display:inline;
	      float:right;
	      margin:10px 150px 0 0;
}

#account a {
font:700 12px arial, verdana, sans-serif;
color:#226fc6;
text-decoration:none;
outline:none;
letter-spacing:0px;}


/********  search area ***********************/

#search_area
{  
background:#b1d2f7;
font-size:11px;
padding:15px 0 15px 0;
float:left;
}

.search_area
{
}

.main_menu_area, .menu_area, .menu_area2 {border:1px solid #226fc6; display:inline; float:left; }

#search_area li {list-style:none; line-height:15px}
#search_area ul {padding:0; margin:0}
#search_area input {background-color:#b1e1ff}
#search_area h6 {padding:0; margin:0 0 0 0; background:#226fc6; color:#fff;
	  font: 700 1em Arial, Helvetica, sans-serif; height:15px; padding:2px 0 2px 5px;
}

.main_menu_area {margin-left:25px; width:253px; height:100px; background:#daf0fe; margin-bottom:5px}
.main_menu_area ul{margin-bottom:5px;}
.main_menu_area ul li{height:20px; padding-top:5px; }
.main_menu_area ul li span.dates{float:left; width:60px; line-height:20px; text-align:right; margin-right:3px;}
.main_menu_area ul li span{vertical-align:top;}
.main_menu_area ul { padding:5px;}
.main_menu_area ul li a.date_btn {background:#5ab9f7; text-decoration:none; color:#fff; padding:2px; border:1px solid #5ab9f7; margin:0; line-height:20px;}
.main_menu_area ul li a.date_btn:hover {background:#fff; text-decoration:none; color:#5ab9f7;  border:1px solid #5ab9f7; margin:0;}

.admin .menu_area {margin-left:10px; width:130px;}
.admin .menu_area li {width:130px;}
.admin {
	height:65px;
	position:relative;
}

.menu_area {margin-left:10px; width:130px;}

.menu_area li {width:130px; float:left;}

.menu_area li a, .menu_area2 li a {background:#daf0fe; padding:2px 5px 2px 5px; display:block; border-bottom:1px solid #b1e1ff; text-decoration:none; outline:none;}

.menu_area2 {margin-left:10px; width:142px}
.menu_area2 ul{}
.menu_area2 li { width:70px; float:left; border-right:1px solid #b1e1ff;  }
.menu_area2 li a{}

.admin .menu_area li.add {float:right;}

.menu_area li a:hover, .menu_area2 li a:hover { background:url(/images/icons/add.gif) no-repeat right; background-color:#ffffff; color:#70b859; }




/*********  #menu:  **********************/
#menu {
float:left;
display:inline;
color:#fff;
margin:15px 0 0 280px;
width:622px;
height:42px;
}

#menu2 {
float:left;
display:inline;
color:#fff;
margin:0px 0 0 280px;
width:622px;
height:40px;
}

#menu li, #menu2 li{
display:inline;
float:left;
}


#menu li a{
font:800 15px arial, verdana, sans-serif;
color:#e4d405;
text-decoration:none;
outline:none;
margin:0 14px;
line-height:45px;
letter-spacing:0px;
}

#menu li a:hover{
	color:#fff;
}


#menu2 li a{
font:800 18px arial, verdana, sans-serif;
color:#fff;
text-decoration:none;
outline:none;
margin:0 9px;
line-height:45px;
letter-spacing:-1px;
}

#menu2 li.admin_menu a{
letter-spacing:0px;
}

#menu2 li a:hover{
	color:#88befd;

}



/********* side_menu:  ****************************/

#side_menu {
	float:left;
	width:180px;
	margin:40px 0 80px 35px;
	display:inline;
	text-align:left;
}

#side_menu li {margin:5px 10px 5px 10px;}

#side_menu li a {font:900 15px arial, verdana, sans-serif;
color:#00539a;
text-decoration:none;
outline:none;
letter-spacing:-1px;
}

#side_menu li a:hover {font:900 15px arial, verdana, sans-serif;
color:#226fc6;
text-decoration:none;
outline:none;
letter-spacing:0px;
}

#side_menu ul {padding:10px 0 15px 0}

#side_menu h2 {padding:0;
	margin:2px 0;
}

 h2.products {
	background:url("/images/products.gif") no-repeat;
	height:25px;
	width:132px}

 h2.brands {
	background:url("/images/brands.gif") no-repeat;
	height:19px;
	width:87px}
	
 h2.offers {
	background:url("/images/offers.gif") no-repeat;
	height:21px;
	width:77px}

h2 span {display:none;
}

.products {
	background:#acacac url("/images/menu_bg.gif") top no-repeat;}
	
.products ul{
	background:url("/images/menu_bg_bot.gif") bottom no-repeat;}

.brands {
	background:#e4d405 url("/images/menu_bg2.gif") top left no-repeat;}
	
.brands ul{
	background:url("/images/menu_bg_bot2.gif") bottom left no-repeat;}	
	
.offers {
	background:#acacac url("/images/menu_bg3.gif") top no-repeat;}
	
.offers ul{
	background:url("/images/menu_bg_bot.gif") bottom no-repeat;}

/********  items & boxes *******************/
#featured_products .grey_box {
	
}

.grey_box {
	       background:#acacac url("/images/bg/products_bg.gif") bottom right no-repeat;
	       float:left;
	       width:700px;
}

.grey_box_bg {
	       background:url("/images/bg/products_bg3.gif");
	       float:left;
}


.item h3 a {text-decoration:none;}

.grey_box_bg {
}


.funky_image {position:relative}

.funky_image .funky_bg {width:112px; height:96px; 
	display:block;
	background:url("/images/bg/photo_bg2.gif") bottom right no-repeat;
    position:absolute;
    top:0;
    left:20px;
}

.funky_image .funky_bg2 {width:221px; height:114px; 
	display:block;
	background:url("/images/bg/photo_bg1.gif") bottom right no-repeat;
    position:absolute;
    bottom:20px;
    right:0;
}


.floatRight img {margin:0 0 20px 20px}

.item {background:#fff;
	float:left;
	display:inline;
	margin:15px 5px 20px 15px;
	position:relative;
}

.item p {font-size:10px;}

.item p.price {position:absolute;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	font:900 24px arial, verdana, sans-serif;
	color:#acacac;
	line-height:28px;
	letter-spacing:-1px;
	font-weight:bold;
	}


 .item
{
	width:150px;
	height:280px;
}

#featured_products h2 {
background:url("/images/featured_items.gif") top no-repeat;
width:233px;
height:32px;
padding:0;
margin:0;}

/******** Product_details  *******************/

.left_details, .right_details

{width:430px;
float:left;
margin-right:10px;
display:inline;
}

.right_details
{width:230px;}

.right_details .item img{width:100px}

.left_details .links

{margin:2px 2px 10px 2px;
}

.border {border:1px solid #d3d3d3;}

.left_details .links a.active
{
	font:900 16px arial, verdana, sans-serif;
	color:#226fc6;
	background:#fff;
	letter-spacing:-1px;
	text-decoration:none;
	width:210px;
	float:left;
}

.left_details .links a
{
	font:600 16px arial, verdana, sans-serif;
	color:#fff;
	background:#c7c7c7;
	text-decoration:none;
	width:210px;
	float:left;
	text-align:center;
}


.left_details .images {text-align:center;
	padding:10px 0 20px 0;
background:url("/images/image_bg.gif") bottom left no-repeat;
}

.left_details .text_details {border:1px solid #d3d3d3;}

.breadcrumb {float:right;margin-right:30px;}

.related {border:1px solid #ccc; margin:3px}


/********  Width classes *******************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width66 {
  width: 65.7%;
}

.width25 {
  width: 24.7%;
}



/***********  Alignment classes  **************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}


.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}



/************  Generic display classes  ******************/

.clear {
  clear: both;
}

.clearLeft {
  clear:left;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.smaller {
  font-size: 0.80em;
  line-height:1.3em;
}

p.smaller {
  font-size: 0.80em;
  line-height:1.3em;
}

.bigger {font-size:1.5em;
padding-top:15px;}

.green {
  color: #e4d405;
}

.red {
  color: #EA1B00;
}

.blue_light {
  color: #00adef;
}


.blue_dark {
  color: #0055a5;
}

.grey {
  color: #666;
}

.light_grey {
  color: #999;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}


.clear_m {clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}

/********** calendar ***************/
.calendar tr.sunday td

{background:#fde19f;
 border-bottom:30px #fff solid;
}
.calendar tr.saturday td

{
	background:#ffe8b2;
}

.calendar span.note 
{color:#00ADEF}


.calendar tbody tr:hover td, .calendar tbody tr:hover th, .calendar tbody  tr:hover td.actions {
	background-color: #f7ff9c;
}

/*******************
admin          tables  1
*************************/

.table_width50 {width:310px;}

.table_width100 {width:650px;}

#page_content table, #admin_content table  {
	background-color: #FFFFFF;
	border:1px solid #dff1f8;
	color: #666666;
	text-align: left;
 border-collapse: collapse; 
 margin:10px 15px 10px 15px;
}



table td.actions{
	text-align: center;
	width:30px;
        padding:2px;
	
}

td a img {vertical-align:center;}

table td.price {font:900 15px arial, verdana, sans-serif;
                color:#226fc6;
                width:60px;
}



table tr.odd td.actions{
background:#f8f8f8;
border-left:1px #fff solid;
	}

table tr.even td.actions{
background:#dff1f8;
border-left:1px #fff solid;
	}

table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}

table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

table caption {
	background-color: transparent;
	color: #3399cc;
	font-size: 24px;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}

table, td, th {
	margin: 0;
	padding: 0;
}

tbody td, tbody th {
	background-color: #eaf6fb;
	border-top: 1px solid #FFFFFF;
	padding:5px 10px 5px 10px;
}

tbody tr.odd th, tbody tr.odd td {
	background-color: #fff;
}

tbody tr.sub th, tbody tr.sub td {
	background-color: #f7ff9c;
}

tbody tr:hover td, tbody tr:hover th, tbody  tr:hover td.actions {
	background-color: #f7ff9c;
}

td, th {
	vertical-align: middle;
}

tfoot td, tfoot th {
	padding: 4px 8px 6px 9px;
}

thead th {
	font-size:0.8em;
	font-weight:bold;
	line-height: 19px;
	padding: 5px 10px;
	color:#00759a;
	white-space: nowrap;
   
}

thead th.actions {
padding:3px;
}

ul.size {margin-left:10px;}

.strikethrough{text-decoration:line-through; font-size:15px}