@charset "utf-8";
body {
	font-family: Arial; 
	font-size:11px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align:top;
	color: #CCCCCC;
	width:100%;
	background:url(../images/top-fill.png) top no-repeat #000;
}
#topContainer {
	width: 100%;
	
	margin:0 auto;
}
#bottomContainer {
	width: 100%;
	background:url(../images/bottom-fill.png) top no-repeat;
	margin:0 auto;
}
#header {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	height:118px;
}
#logo {
	float:left;
	width:220px;
	padding:10px 0 0 2px;
	margin:0;
}
#livechat {
	float:right;
	width:150px;
	margin:0;
	padding:0;
}
#banner {
	float:left;
}
#topInfo {
	float:left;
	text-align:right;
	padding:2px 0;
	/*width:745px; - fara banner*/
	width:233px;
	margin:0;
	font-size:11px;	
}
#visual {
	clear:both;
	width: 1000px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	height:370px;
	padding:10px 0 10px 0;
	z-index:2;
}

#content {
	clear:both;
	width: 1000px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	z-index:2;
	min-height:400px;
}
#leftNavigationContent {
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	width:150px;
}
/*******************************************************************************************************************************************

	Footer

********************************************************************************************************************************************/

#footer {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	height:260px;
}

#footerNavigation {
	float:left;
	width:950px;
	font-size:11px;
	height:40px;
	border:0;
	margin:0;
	margin-top:30px;
	padding:0;
	margin-left:10px;
	text-align:right;
}

.footerCol {
	float:left;
	width:200px;
	margin:20px 20px 0 30px;
	border-right:dotted 1px #666;
}

.last {
	border:none;
	margin-right:0;
}
.footerCol ul {
	color:#999999;
	list-style:none;
	padding:10px 0;
	margin:0;
}

.footerCol  a {
	color:#999999;
	text-decoration:none;
}

.footerCol  a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

/*******************************************************************************************************************************************

	Top navigation

********************************************************************************************************************************************/
#navigation {
	float:left;
	width:820px;
	height:40px;
	border:0;
	margin:0;
	padding:0;
	margin-left:10px;
	z-index:9999;
}
#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
	z-index:9999;
}
#navigation ul li {
	float:left;
	position: relative;
	padding:0;
	margin:0;
	z-index:9999;
}
#navigation ul li a{
	width:80px;
	display:block;
	padding:12px;
	padding-left:22px;
	background:url(../images/separator.gif) no-repeat top right;
	text-decoration:none;
	font-size:12px;	
}
#navigation ul li a:hover{
	background:none;
	background-color:#000;
}
#navigation ul li.sub a:hover {
	background:url(../images/bullet.gif) no-repeat 90px #000000;
}
#navigation ul li div{
	font-size:11px;	
	display:none;
	background-color:#000;
	border:solid 1px #76AD4A;
	border-top:none;
	padding:15px;
	padding-right:0;
	width:530px;
	position: absolute;
	top: 40px;
	left:-1px;
	z-index:9999;
}
#navigation ul li div ul {
	width:120px;
	float:left;
	margin:0;
	margin-right:10px
}
#navigation ul li div ul li {
	padding:5px;
	margin:0;
	width:110px;
	background:url(../images/dotted.gif) left bottom repeat-x;
	color:#CCCCCC;
	font-size:11px;
}
#navigation ul li div ul li a {
	background:none;
	width:110px;
	font-size:11px;	
	padding:0;
	margin:0;
	color:#CCCCCC;
}
#navigation ul li div ul li a:hover {
	color:#FFFFFF;
}
#navigation .first {
	font-weight:bold;
	background:none;
	color:#FFFFFF;
}
#navigation .sub {
	background:url(../images/bullet.gif) no-repeat 90px;
}
.selected {
	background:url(../images/bullet.gif) no-repeat 90px #000;
	border-bottom:1px solid #000;
}
/*******************************************************************************************************************************************

	Product list

********************************************************************************************************************************************/
#productList {
	float:right;
	width:785px;
	margin:0;
	border:0;
	margin-right:1px;
}
.product {
	width:180px;
	min-height:290px;
	padding:0;
	margin:15px 16px 0 0;
	float:left;
	cursor:pointer;
	/*
	min-height:280px;
	*/
	text-align:center;
	color:#CCCCCC;
}
.product img {
	/*	
	border:1px solid #666;
	padding:1px;
	*/	
	margin-bottom:10px;
}
.product .price {
	font-weight:bold;
	color:#FFFFFF;
	margin-top:10px;
}
.product .oldprice {
	color:#999999;
	margin-top:5px;
	text-decoration:line-through;
}
#sortArea {
	width:200px;
	float:left;
	padding-bottom:10px;	
}

select {
	background-color:#000;
	color:#CCC;
	font-family: Arial; 
	font-size:11px;
	border:1px solid #666;
	padding:2px;
	padding-bottom:0;
}

#sortArea select {
	margin-left:20px;
}

input {
	background-color:#000;
	color:#CCC;
	font-family: Arial; 
	font-size:11px;
	border:1px solid #666;
	padding:2px;
	padding-bottom:0;
}

.noborder {
	border:none;
}

.submit {
	border:0px;
}

#submit {
	border:0px;
}

.productNavigationTop {
	width:585px;
	float:right;
	text-align:right;
	background:url(../images/nav-fill.gif) no-repeat bottom right;
	height:30px;
	padding:0;
	margin:0;
	border:0;
}
.productNavigationTop a {
	padding:10px;
	color:#CCC;
	text-decoration:none;
}
.productNavigationInactive {
	padding:5px 8px 5px 8px;
	color:#000;
	text-decoration:none;
	background:#999;
	font-weight:bold;
}
.productNavigationBottom {
	width:585px;
	float:right;
	text-align:right;
	background:url(../images/nav-fill.gif) no-repeat top right;
	padding-top:20px;
	height:35px;
}
.productNavigationBottom a {
	padding:10px;
	color:#CCC;
	text-decoration:none;
}

.pcPageNav {
	text-align: left;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

.pcPageNav a {
	color:#CCC;
	text-decoration:none;
}

.pcPageNav a:hover {
	color:#FFF;
	text-decoration:none;
}

#catForm select {
	width:140px;
	border:1px solid #666;
	margin-left:20px;
}

#catForm .level_1 {
	font-weight:bold;
	background-color:#333;	
	padding:2px;
	padding-bottom:0;
}

#catForm .level_2 {
	text-indent:10px;
	padding:2px;
	padding-bottom:0;
}

/*******************************************************************************************************************************************

	Product details

********************************************************************************************************************************************/

#productImage {
	width:400px;
	float:left;
	margin:0;
	margin-bottom:20px;
	padding:0;
}

#productImage img {
	/*
	border:1px #666 solid;
	padding:1px;
	*/
}

#productDetails {
	width:370px;
	float:left;
	margin-left:10px;
}

#productDetails select {
	margin:0;
	width:90px;
}

.smallPanel {
	width:385px;
	float:left;
	background:url(../images/panel-small.png) no-repeat;
}

#productDetails .productOptions {
	float:left;
	width:95px;
	margin:35px 0 0 10px;
}
.productOptions select {
	width:90px;
}
.sizeChart {
	float:left;
	width:90px;
	margin:40px 0 0 0;
}
.icon {
	min-width:90px;
	padding:2px 0 8px 22px;
	background:top left no-repeat;	
	height:20px;
	float:left;
	color:#CCC;
}
.info {
	background-image:url(../images/icon-info.png);
}
.send {
	background-image:url(../images/icon-send.png);
}
.favorite {
	background-image:url(../images/icon-favorite.png);
}
.addToCart {
	float:right;
	width:145px;
	margin:15px 30px 0 0;
}
input {
	background-color:#000;
	color:#CCC;
	font-family: Arial; 
	font-size:11px;
}
#productOthers {
	float:left;
	width:210px;
	margin-left:10px;
}
.recommended {
	margin:5px 0;
	padding:0;
	height:260px;
}
.recommended img {
	margin:0;
}
.scrollable { 
    position:relative;
    overflow:hidden; 
    height: 560px; 
    width: 210px;
	padding:0px;
	margin-left:15px;
} 
 
/* root element for scrollable items */ 
.scrollable .items { 
    position:absolute; 
    height:20000em; 
}

.pcShowAdditionalImage img{
	width:53px;
	padding:1px;
	border:1px solid #333;
}

.pcShowProductSDesc {
	color:#999;
}

.pcShowProductSku {
	margin:10px 0 10px 0;
	color:#666;
}

.transparentField {
	border: 0;
	background-color: transparent;
	padding: 0;
	color:#666;
	font-size:11px;
}

.pcShowProductListPrice {
	color:#999999;
	/*
	text-decoration:line-through;
	*/
}

.pcShowProductPriceW {font-size:16px; width:300px}
.pcShowProductPriceW input{font-size:16px; color:#FFF}
#mainprice {font-size:36px; color:#FC0; margin:0; padding:0; letter-spacing:-1px}

/* Change font color for "Show Product's Price" feature */
.pcShowProductPrice {
	color:#CCCCCC;
	text-align:left;
	float:left;
	margin:0;
	padding:0;
	width:120px;
}
	
/* Change font color for "Show Savings" feature */
.pcShowProductSavings {
	color:#FFF;
	float:left;
	width:140px;
	margin:5px 0 0 15px;
	padding:0;
}

.rewardPoints {
	clear:both;
	margin:20px 0 20px 0;
	padding:0;
	text-align:left;
}

/*******************************************************************************************************************************************

	General

********************************************************************************************************************************************/

.cGray {color:#999}
a {color:#FFF;}
img {border:0px}
form {
	display:inline;
	font-size:11px;
}
#productList h1 { 
	width:92%;
	background-color:#666;
	padding:30px;
	color:#000;
	text-align:right;
}
.panel {
	float:left;
	width:290px;
	background:url(../images/panel.png) no-repeat;
	padding:20px;
}
.pcShowContent {
	color:#CCC;
}
.pcShowCart {
	width:1000px;
	padding:0 10px;
	background:url(../images/bg-cart.png) no-repeat top;
}
.panel-huge {
	width:1000px;
	padding:0 10px;
	background:url(../images/panel-huge.png) no-repeat top;
}
.pcSectionTitle {
	font-weight:bold;
	color:#FFF;
}
input {
	font-size:11px;
}
/* Example of usage: how to add products to your Gift Registry */
	.pcInfoMessage {
		width: 90%;
		min-width: 50%;
		background-color: #EEEEEE;
		border: 1px solid  #CCC;
		background-image:url(../images/pcv4_st_icon_info.png);
		background-repeat: no-repeat;
		background-position: 8px 8px;
		margin: 15px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	/* Example of usage: successfully completed checkout step */
	.pcSuccessMessage {
		width: 90%;
		min-width: 50%;
		background-color: #EEEEEE;
		border: 1px solid  #CCC;
		background-image:url(../images/pcv4_st_icon_success_small.png);
		background-repeat: no-repeat;
		background-position: 8px 8px;
		margin: 15px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	/* Styles alert and friendly error messages shown to the customer in the storefront */
	.pcErrorMessage {
		width: 90%;
		min-width: 50%;
		background-color: #8CCA5D;
		border: 1px solid #CCC;
		background-image:url(../images/pcv4_st_icon_error_small.png);
		background-repeat: no-repeat;
		background-position: 8px 8px;
		margin: 15px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;

	}	
	
	/* Example of usage: promotion details on shopping cart page (viewcart.asp) */
	.pcPromoMessage {
		width: 90%;
		background-color: #E9EEFE;
		border: 1px solid  #CCC;
		background-image:url(../images/pc4_promo_icon.png);
		background-repeat: no-repeat;
		background-position: 4px 4px;
		margin: 15px 0 15px 10px;
		padding: 8px 10px 8px 30px;
		color: #000000;
		font-size: 12px;
		text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}