@charset "utf-8";

.lof-blue-white .preload	{

	height:100%;

	width:100%;

	background:url(load-indicator.gif) no-repeat scroll 50% 50% #aabc65;

	position:absolute;

	top:0;

	left:0;

	z-index:100000

}

/* CSS Document */

.lof-blue-white	 {

	color:#ccc!important; 

	position:relative;

	width:auto; 

	height:auto;	

}

.lof-blue-white	.lof-container {

	position:relative;

	overflow:hidden;	

}

.lof-t {background: url("images/dot.gif") 0 0 repeat-x;}

.lof-b {background: url("images/dot.gif") 0 100% repeat-x}

.lof-l {background: url("images/dot.gif") 0 0 repeat-y}

.lof-r {background: url("images/dot.gif") 100% 0 repeat-y}

.lof-bl {background: url("images/left_bot_desc.gif") 0 100% no-repeat}

.lof-br {background: url("images/right_bot_desc.gif") 100% 100% no-repeat}

.lof-tl {background: url("images/left_top_desc.gif") 0 0 no-repeat}



.lof-tr {background: url("images/right_top_desc.gif") 100% 0 no-repeat; overflow: hidden;padding: 2px;}

.lof-tr {overflow: hidden;padding: 2px;}



.lof-blue-white .lof-shadow{

	width:100%;

	height:20px;

	background:url(dropshadow.png) no-repeat center center;

	overflow:hidden;

}

.lof-blue-white	a {

	color:#fff!important; text-decoration:none}

	

		.lof-blue-white li {

		list-style-type:none!important;	}

		

/* main flash */

.lof-blue-white .lof-main-wapper{ 

	overflow:hidden;

	position:relative;

	background-color:#3b431c;

}

	

	.lof-blue-white .lof-main-wapper .lof-main-item { 

		overflow:hidden;

		padding:0px;

		margin:0px; 

		height:100%;

		width:100%;

		position:absolute;}

		

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-info{

			border-top:1px solid #585858;

			border-bottom:1px solid #585858;

			padding:2px;

		}

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-title { 

			line-height:1.6em;

			padding:0;

			margin:0 0 .25em;

			font-size:20px;}

		

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-description{

			background:url(desc-bg.png) repeat-x top;	

			width:700px;

			min-height:60px;

			top:244px;

			left:0px;

			position:absolute;

			padding-left:15px;

			padding-bottom:15px;

			padding-right:15px;

			padding-top:10px;

		}

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-description img {}	

		

		

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-descriptionfully{

			padding:1em 1.25em;

			text-shadow:0px 1px 1px #fff;}

		

		.lof-blue-white .lof-main-wapper .lof-main-item .lof-descriptionfully img {

			float:left;

			margin:.2em 1em .8em 0}	

			

/* item navigator */

.lof-blue-white .lof-navigator-wrapper { 

	position:relative; 		 }

.lof-blue-white .lof-navigator-outer ul {

	position:relative !important;

	text-align:left !important;

	right:0 !important;

}

.lof-blue-white .lof-navigator-outer  { 

	position:absolute; 

	right:0;

	top:0px;

	z-index:3;

	height:300px;

	width:310px;

	overflow:hidden;

	padding:2px;

}

		 

.lof-blue-white  ul.lof-navigator { 

	top:0;

	padding:0 !important; 

	margin:0;

	position:absolute;

	width:100%;	

}

			

.lof-blue-white  ul.lof-navigator li { 

	cursor:hand;

/*	cursor:pointer;	*/

	list-style:none!important;

	background:none;

	padding:0!important;

	margin:0!important;	

	position:relative;

	overflow:hidden;

	background:transparent;

}

.lof-blue-white  ul.lof-navigator li:hover {

 }

	

.lof-blue-white  ul.lof-navigator li div {	

	width:245px;

	height:80px;

	background:url("images/bg.gif") no-repeat scroll 0 -80px transparent;

	margin-left:31px;

}

	

	.lof-blue-white .lof-navigator li .lof-thumbnail img{ float:left;  }

	.lof-blue-white .lof-navigator li .lof-title {

		 font-size:97%;

		 color:#ccc3b1;

		 font-weight:bold;

		 display:block; 
	/*	 float:left;	*/

		 margin:0!important; 

		 padding:0;

		 padding-right:6px;

		 padding-top:12px;}

.lof-blue-white .lof-navigator li.active .lof-title {

	 color:#2c2417;

}

		 

	.lof-blue-white .lof-navigator li div img.lof-thumbnail {	

		float:left;

		padding:0;		

		margin:11px !important;

		margin:3px 10px }

	.lof-blue-white .lof-navigator li.active div img.lof-thumbnail {	

		border-color:#C7E2E2

	}

.lof-blue-white .lof-navigator li.active {

	background:url(images/bg_nav_active_left.png) no-repeat left top transparent ;	

}

.lof-blue-white .lof-navigator li.active div {

	background:url("images/bg.gif") no-repeat scroll 0 0 transparent;

}

.lof-blue-white  ul.lof-navigator li .lof-price{

	color:#ccc3b1;

}

.lof-blue-white .lof-navigator li.active .lof-price{

	color:#2c2417;

}

.lof-blue-white  ul.lof-navigator li .lof-price br{

	float:left;

}

.lof-blue-white  ul.lof-navigator li .lof-price .product-Old-Price{

	text-decoration:line-through;

}

	.lof-blue-white  ul.lof-navigator li .lof-price .productPrice{

		color:#FFC	

	}

/**

 * BUTTONS CONTROL

 */

.lof-blue-white .lof-buttons-control{

	position:absolute; 

	top:0px;

	right:47%;

	padding:3px 22px;

	height:19px;

	 background-image:url(arrow_bg.png);

	width:30px}

	.lof-blue-white .lof-next, 

	.lof-blue-white .lof-previous {

		background:url(arrows.png) no-repeat;	

		width:10px;

		height:10px;

		text-indent:-9999em;

		position:relative;

		z-index:10;

		margin:0px;

		cursor:hand; 

}

		

		.lof-blue-white .lof-next {

			background-position:0 0;			

			float:right;}

			

		.lof-blue-white .lof-previous {	

			background-position:0 -20px;

			float:left;}

			

		.lof-blue-white .lof-next:hover {

			background-position:0 -10px;}

			

		.lof-blue-white .lof-previous:hover { 

			background-position:0 -30px}

/*

 * css for override move the main wapper to the right side 

 */

 /* RIGHT ALIGMENT */

.lof-blue-white .lof-right .lof-navigator-wrapper {  position:absolute; top:0; right:0; z-index:10 }

.lof-blue-white .lof-right .lof-main-wapper		  { margin-left:auto; margin-right:inherit; float:left }

.lof-blue-white .lof-right .lof-navigator-outer   { position:relative }

 /* LEFT ALIGMENT */

.lof-blue-white .lof-left .lof-navigator-wrapper { position:absolute; top:0; left:0 }

.lof-blue-white .lof-left .lof-main-wapper		 { margin-left:auto; margin-right:inherit; float:right }

.lof-blue-white .lof-left .lof-navigator-outer	 { position:relative }

.lof-blue-white .lof-blue-white .lof-left .lof-navigator li.active { background-position:center right;}

.lof-blue-white .lof-left .lof-main-wapper .lof-main-item .lof-description{ position:absolute;top:0; right:0;left:auto }			 

 /* TOP, BOTTOm ALIGMENT */

.lof-blue-white .lof-top .lof-navigator-outer,  .lof-bottom .lof-navigator-outer{ position:relative; float:left }

.lof-blue-white .lof-top .lof-navigator, 	    .lof-bottom .lof-navigator 		{ width:9999em !important }

.lof-blue-white .lof-top .lof-navigator li,     .lof-bottom .lof-navigator li 	{ display:block; float:left; border-bottom:none; border-right:1px solid #777; }

/* Top Aligment */

.lof-blue-white .lof-top .lof-navigator li.active { background:#868686}

.lof-blue-white .lof-top .lof-buttons-control { background-image:url(arrow_bg_t.png); top:auto; bottom:0; padding-top:12px; height:10px}

/* Bottom Aligment */

.lof-blue-white .lof-bottom .lof-navigator li.active {  background:#868686; }

.lof-blue-white .lof-bottom .lof-buttons-control { background-image:url(arrow_bg.png);  }

/* Bullets Styles*/

.lof-blue-white .lof-left .lof-bullets-wrapper{   top:30px; left:8px }

.lof-blue-white .lof-right .lof-bullets-wrapper { top:30px;   right:14px; }

.lof-blue-white .lof-top .lof-bullets-wrapper{	position:absolute!important; right:25px; top:20px; }

.lof-blue-white .lof-bottom .lof-bullets-wrapper{	position:absolute!important; right:18px; bottom:10px; background:none;}

.lof-blue-white .lof-navigator-wrapper .lof-bullets li {

	width:25px!important;

	height:21px!important;

	text-indent: -9999px;

	background:none!important;

	border:none!important;

}

.lof-blue-white .lof-navigator-wrapper .lof-bullets li div{

		width:21px!important;

		height:21px!important;

		margin-left:3px;

		padding:0;

		background:url(slider_buttons.png) no-repeat top right;		

}

.lof-blue-white .lof-navigator-wrapper .lof-bullets li.active div{	background:url(slider_buttons.png) no-repeat top left;	}

/* CSS3 Style */

.lof-blue-white .lof-css3{	

/*	-moz-box-shadow:0 0 10px #333;

	-webkit-box-shadow:0 0 10px #333; 

	box-shadow: 0px 0px 10px #333;  */

}

.lof-blue-white .lof_product_price_full{

    font-weight: bold;

}

.lof-blue-white span.lof_product_price {

    color: #990000;

    white-space: nowrap;

}

.lof-blue-white  .lof-navigator li.active .lof-price .lof_product_price{color:#FC6}

/**

 * Theme setting

 */

 /* grey theme */

.lof-blue-white .grey{	border:1px solid #C5C5C5;	}

.lof-blue-white .grey .lof-navigator li{background:none!important;    }

.lof-blue-white .grey .lof-navigator li div{border-top:	1px solid #C5C5C5;}

.lof-blue-white .grey .lof-navigator li.active div{background:url(theme/grey/grad-bg.png) repeat-x !important; color:#fff }

 /* blue */

.lof-blue-white .blue{border:1px solid #D9E1E7;}

.lof-blue-white .blue .lof-navigator li{background:none!important;	}

.lof-blue-white .blue .lof-navigator li div{background:#F3F8FB; }

.lof-blue-white .blue .lof-navigator li.active div{background:url(theme/blue/grad-bg.png) repeat-x  !important; color:#FFF  }



.lof-blue-white   .blue .lof-navigator li div{	color:#676767;border-bottom:1px solid #D9E1E7; }

 .lof-blue-white  .blue .lof-navigator .lof-title{	color:#3B6197  }

 .lof-blue-white   .blue .lof-navigator li .lof-price{ color:#676767}

.lof-blue-white .blue .lof-navigator li.active .lof-price,

.lof-blue-white .blue .lof-navigator li.active .lof-title{ color:#FFF}

  /**

   * red

   */

.lof-blue-white .red{border:1px solid #E5D7F1;	}

.lof-blue-white .red .lof-navigator li{background:none!important;  }

.lof-blue-white .red .lof-navigator li div{border-top:	1px solid #C5C5C5;}

.lof-blue-white .red .lof-navigator li.active div{	background:url(theme/red/grad-bg.png) repeat-x !important;  } 



/**

   * purple

   */

.lof-blue-white .purple{border:1px solid #E5D7F1;}

.lof-blue-white .purple .lof-navigator li{background:none!important; }

.lof-blue-white .purple .lof-navigator li div{border-bottom:	1px solid #E5D7F1;background:#F9F6FD;color:#676767;}

.lof-blue-white .purple .lof-navigator li.active div{background:url(theme/purple/grad-bg.png) repeat-x  !important; color:#fff }





 .lof-blue-white  .purple .lof-navigator .lof-title{	color:#662072  }

 .lof-blue-white   .purple .lof-navigator li .lof-price{ color:#676767}

.lof-blue-white .purple .lof-navigator li.active .lof-price,

.lof-blue-white .purple .lof-navigator li.active .lof-title{ color:#FFF}

.lof-blue-white .purple .lof-navigator li.active .lof-price .lof_product_price{color:#FC6}

/**

   * pink

   */

.lof-blue-white .pink{	border:1px solid #E5D7F1;}

.lof-blue-white .pink .lof-navigator li{background:none!important; }

.lof-blue-white .pink .lof-navigator li div{border-bottom:	1px solid #E5D7F1;background:#F9F6FD;color:#676767;}

.lof-blue-white .pink .lof-navigator li.active div{background:url(theme/pink/grad-bg.png) repeat-x !important; color:#fff }  



 .lof-blue-white  .pink .lof-navigator .lof-title{	color:#b40c81  }

 .lof-blue-white   .pink .lof-navigator li .lof-price{ color:#676767}

.lof-blue-white .pink .lof-navigator li.active .lof-price,

.lof-blue-white .pink .lof-navigator li.active .lof-title{ color:#FFF}

 /** css for override **/

	/* move the main wapper to the right side */

.lof-blue-white .lof-snleft .lof-main-wapper{margin-left:auto;margin-right:inherit;clear:both;height:300px;}

.lof-blue-white .lof-snleft .lof-main-item img {float:right;}	

	/* move the navigator to the left  side */

.lof-blue-white .lof-snleft .lof-navigator-outer{left:0;top:0;	right:inherit;	text-align:left;}

.lof-blue-white .lof-snleft .lof-description{left:auto;right:50px;	}

.lof-blue-white .lof-snleft .lof-navigator .active{background:url(theme/arrow-bg2.gif) center right no-repeat;}

.lof-blue-white .lof-snleft .lof-navigator li div{margin-left:inherit;margin-right:18px;}

.lof-blue-white .lof-snleft .lof-navigator li.active div{margin-left:inherit;margin-right:18px;background:url(theme/grad-bg2.gif)}

/** CSS3 **/

.lof-blue-white .lof-css3 .lof-description {-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;box-shadow: 0px 0px 2px #666;}

.lof-blue-white .lof-css3 , .lof-blue-white  .lof-css3 .preload { -moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333; box-shadow: 0px 0px 10px #333;}

/**

 * Description default background color

 */

.lof-blue-white .desc-blue .lof-description{ background:#0096CE ;  }

.lof-blue-white .desc-purple .lof-description{ background:#8D5489  ;  }

.lof-blue-white .desc-red .lof-description{ background:#A92817;  }

.lof-blue-white .desc-green .lof-description{ background:#008040;  }

.lof-blue-white .desc-pink .lof-description{ background:#800080;  }

.lof-blue-white .desc-aqua .lof-description{ background:#058A9D;  }