/*
	Gift Card Store Template
	


----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {margin: 0;padding: 0;font-size: 100%;}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}
a{cursor:pointer}

body {
	background: white url(/Content/img/body-bg.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}
body.LTR, body.RTL
{
	background: white url(/Content/img/body-bg.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color: #3f3f3f;
}

/* hyperlink elements
----------------------------------------------- */
a{color:#0f2b5b; text-decoration:none; outline:0 none;}
a,img {border: 0;}


/* typography
----------------------------------------------- */

h1,
h2,
h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; color:#fff;}
h1{ font-size:37px; margin:0; padding:0; line-height:37px;}		
h2{	font-size:22px; border-bottom:1px solid #d7d7d5; padding:0 0 5px 0;}
h3{ font-size:16px; color:#2d2d2a; margin:5px 0 0;}
h4{ font-size:22px; color:white; font-weight:normal; margin:13px 0 0 10px; float:left;}


/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfixblock {display:block;}

/* Sprites
----------------------------------------------- */



.gcbtn{background-color: #85DD7C;	border: 1px solid #158D34;	-moz-box-shadow:inset 0px 0px 1px rgba(26,154,72,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(26,154,72,1);	box-shadow:inset 0px 0px 1px rgba(26,154,72,1);
	background-image: -o-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	color: #1d7819;	text-shadow: rgba(254,252,252,0.5) 0px 1px 0px; 
	display: block;	padding:1px 10px;	border-radius: 4px;	text-align: center;	line-height: 30px;	text-decoration: none;
	font-family: 'Helvetica', Arial, sans-serif; font-weight: bold;	font-size: 14px;	float: left;	margin: 10px 0;}
	
.gcbtn:hover{background-color: #A7ED9E;	background-image: -o-linear-gradient(90deg , rgb(138,211,129) 0%, rgb(204,237,200) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(138,211,129) 0%, rgb(204,237,200) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(138,211,129) 0%, rgb(204,237,200) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(138,211,129) 0%, rgb(204,237,200) 100%);
	background-image: linear-gradient(90deg , rgb(138,211,129) 0%, rgb(204,237,200) 100%);	}

.gcbtn:active{background-color: #5DC34E;	-moz-box-shadow:inset 0px 0px 5px rgba(26,154,72,1);
	-webkit-box-shadow:inset 0px 0px 5px rgba(26,154,72,1);	box-shadow:inset 0px 0px 5px rgba(26,154,72,1);
	background-image: -o-linear-gradient(90deg , rgb(182,237,176) 0%, rgb(112,201,101) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(182,237,176) 0%, rgb(112,201,101) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(182,237,176) 0%, rgb(112,201,101) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(182,237,176) 0%, rgb(112,201,101) 100%);
	background-image: linear-gradient(90deg , rgb(182,237,176) 0%, rgb(112,201,101) 100%);	text-shadow: none;}




/* structural elements
----------------------------------------------- */

#accent-line{height:4px; background:#b82525}
.wrapper{width:960px; margin:0 auto;}

#top-right-navigation{width: 960px; height: 70px; background: url(/content/img/header-bg.jpg) no-repeat; color:#6e6e6e; font-size:12px; position: relative; z-index: 0;}
	#top-right-navigation a{color:#fff; text-decoration:none}
	#top-right-navigation a:hover{text-decoration:underline}
	#top-right-navigation div.welcome-user{float:right; width:100px}
	#top-right-navigation ul{float:right; margin-right: 30px;}
	#top-right-navigation li{float:right; line-height: 70px; color: #fff;}
	#top-right-navigation li.spacer{float:right; padding:0 10px}

    #logo-accent {width: 153px; background: url(/content/img/logo-bg.png) bottom center; position: absolute; margin-left: 60px; z-index: 3; height: 273px;}

	#logo{background:url(/Content/img/logo.png); width:153px; height:143px; cursor:pointer; 
		text-indent:-9999em; display:block; position: absolute; z-index: 5;}

/* #444444 is the color of navigation items */

#navigation{background:none; height:25px;}
#navigation ul{padding:4px 0 0 10px; float: right;}
#navigation li{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; float:left; margin:0 30px 0 0; }
#navigation li a{color:white;}

#navigation li span.home{ background:url("/Content/img/home-icon.png") no-repeat scroll left 1px transparent;
	padding-left:26px;}
#navigation li span.right{ background:url("/Content/img/right-arrow.png") no-repeat scroll right 5px transparent;
	padding-right:12px;}
#navigation li span.down{ background:url("/Content/img/down-arrow.png") no-repeat scroll right 6px transparent;
	padding-right:12px;}

#content-zone{padding:20px 0 50px; background: url(/content/img/content-bg.jpg) #000 no-repeat top center}

#footer{background:black; clear:both; font-size:12px; height:80px}
	#footer ul{padding: 14px 0 0 25px;}
	#footer li{float:left; color:#cccccc;}
	#footer li a{color:#cccccc;}
	#footer li a:hover{text-decoration:underline;}
	#footer li.spacer{padding:0 10px;}



/* left navigation / control pane
---------------------------------------------- */

#left-pane{width:140px; float:left; margin-top: 170px; margin-left: 60px;}
	#cart-box{}
		#cart-total{background:transparent url('/Content/img/dark-transparent-bg.png') repeat; height:65px; margin:0;}
			p.subtotal{line-height:18px; margin:0 10px 3px 0; padding:15px 0 0; text-align:right; color:#FBF7F1; font-size:20px; font-weight:bold;
				text-shadow: 0 1px 0 #494033;}
			p.view-cart-right{text-align:right; font-size:11px; color:white; padding:5px 0 0; text-shadow: 0 1px 0 #494033; margin:0 10px 3px 0;  }
			p.view-cart-right a{color:white; text-decoration:underline  }
		#cart-items{background:transparent url('/Content/img/light-transparent-bg.png'); margin:0;}
			#cart-items p{color:#fff; font-size:11px; margin:0; padding:10px; line-height:18px;}


	#categories{font-family:Arial, Helvetica, sans-serif; margin:25px 0 0; color:#3f3f3f}
		#categories a{color:#3f3f3f}
		#categories a:hover{text-decoration:underline}
		#categories-header{font-size:20px; font-weight:bold; border-bottom:4px solid #3f3f3f; }
		#categories .category{font-weight:bold; font-size:15px; margin:10px 0 0 0;}
		#categories ul{margin:5px 0 0;}
			#categories li{font-size:12px; line-height:18px;}
			
#right-pane{width:690px; float:left; margin:0 0 0 35px; font-size:12px; color:#3f3f3f;}
	#right-pane p{line-height:20px;}
	
	#product-area{margin:26px 0 0 0; }
	.vgc #product-area {margin:0;}
		#product-area .product-tall{width:225px; min-height:360px; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-tall .product-block{padding:15px;}
			#product-area .product-tall .product-image{width:195px; height:200px; border-bottom:1px solid #dddddd; padding:0 0 4px 0; margin:0 0 10px 0; }
			#product-area .product-tall .product-name{font-weight:bold;}
			#product-area .product-tall .product-price{}
			#product-area .product-tall a.product-link{text-decoration:none; color:#3f3f3f;}
			#product-area .product-tall .product-name:hover{text-decoration:underline;}
			
			#product-area .product-tall .product-cart-button{height:25px; width:195px; display:block; background:url("/Content/img/cartbg.gif") repeat; margin:15px 0 0;}
				#product-area .product-tall a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-tall a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
	
		#product-area .product-tall-gc{width:225px; min-height:360px; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-tall-gc .product-block{padding:15px;}
			#product-area .product-tall-gc .product-image{width:195px; height:170px; padding:0 0 4px 0; margin:0 0 10px 0; overflow:hidden }
			#product-area .product-tall-gc .product-name{font-weight:bold; border-top:1px solid #dddddd; padding-top:10px; }
			#product-area .product-tall-gc .product-price{}
			#product-area .product-tall-gc a.product-link{text-decoration:none; color:#3f3f3f;}
			#product-area .product-tall-gc .product-name:hover{text-decoration:underline;}
			
			#product-area .product-tall-gc .select-gc-description{font-style:italic; margin:10px 0 1px 0; font-size:12px;}
			#product-area .product-tall-gc select.select-gc{width:195px; margin:0 10px 0 0; height:22px; text-align:left}
			#product-area .product-tall-gc input.product-quantity-gc{float:left; width:25px; margin:15px 10px 0 0; height:25px; text-align:center}
			#product-area .product-tall-gc .product-cart-button{float:left; height:25px; width:155px; display:block; background:url("/Content/img/cartbg.gif") repeat; margin:15px 0 0;}
				#product-area .product-tall-gc a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall-gc .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-tall-gc a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
						
		#product-area .product-wide-gc{width:690px; border:1px solid #c6c6c6; background:white; float:left; margin:0 13px 13px 0}
		#product-area .product-wide-gc .product-block{padding:15px;}
			#product-area .product-wide-gc .product-image{padding:0 10px 0 0; margin:0 10px 0 0; overflow:hidden; float:left; border-right:1px solid #dddddd; }
			#product-area .product-wide-gc .product-name{font-weight:bold; }
			#product-area .product-wide-gc .product-price{}
			#product-area .product-wide-gc a.product-link{text-decoration:none; color:#3f3f3f;}
			#product-area .product-wide-gc .product-name:hover{text-decoration:underline;}
			
			#product-area .product-wide-gc .select-gc-description{font-style:italic; margin:10px 0 1px 0; font-size:12px;}
			#product-area .product-wide-gc select.select-gc{width:195px; margin:0 10px 0 0; height:22px; text-align:left}
			#product-area .product-wide-gc input.product-quantity-gc{float:left; width:25px; margin:15px 10px 0 0; height:25px; text-align:center}
			#product-area .product-wide-gc .product-cart-button{float:left; height:25px; width:155px; display:block; background:url("/Content/img/cartbg.gif") repeat; margin:15px 0 0;}
				#product-area .product-wide-gc a.product-cart-button span{background:url("/Content/img/product-cart-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:white; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
			#product-area .product-tall-gc .product-info-button{height:25px; width:195px; background:#e5e2dd; display:block; margin:5px 0 0;}
				#product-area .product-wide-gc a.product-info-button span{background:url("/Content/img/product-info-icon.png") no-repeat 
					scroll left 1px transparent;  font-weight:bold; color:#3f3f3f; padding-left:28px; margin:0 0 0 10px; line-height:22px; }
	

/* password css
---------------------------------------------- */

.login-panel{background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; border-radius: 10px 10px 10px 10px;
    box-shadow:0 0 6px #999999; font-family:Arial, Sans-Serif; font-size: 12px; margin: 10px auto; padding: 25px 28px;
    text-align:left; width: 410px;}
    .login-title{font-size:16px; font-weight:bold; border-bottom:1px solid #E3E3E3; padding-bottom:4px;}
    .login-panel p{line-height:21px; margin:0; padding:0;}    
.login-panel .columns{margin: 10px 0 0;}
.login-panel .column{width: 440px;}
.login-panel .column label{color: #898989; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.login-panel .column span{color: #898989; display: block; font-size: 13px; line-height: 26px; margin: 0; font-weight:bold;}
.login-panel .column input{-moz-transition: all 0.2s ease-in-out 0s; background: url("/content/img/ip.png") repeat-x scroll 0 0 #FCFCFC;
    border: 1px solid #E3E3E3; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 6px 8px; width: 90%; float:left;}
    .login-panel .column input.pass-sm{width:250px; float:left;}
.login-panel .column input:focus{border-color:#80d2f0; box-shadow:0 0 4px #e6f9ff;}    
.login-panel .column .forgot-password{float: left; font-size: 12px; margin: 6px 0 0 26px; display:block; width:110px;}
.login-panel .btn input{background-image: linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -o-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(221,221,221) 3%, rgb(255,255,255) 52%);
    background-image: -webkit-gradient(linear,left bottom,	left top,color-stop(0.03, rgb(221,221,221)),color-stop(0.52, rgb(255,255,255)));
    background-repeat: no-repeat; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; width:80px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; 
    line-height: 18px; overflow: visible; padding: 5px 10px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.login-panel .btn input:hover{background-color:#d8d8d8; background-image:-moz-linear-gradient(#f8f8f8, #d8d8d8); border-color:#bbbbbb; text-decoration:none;}
.login-panel .size2 input{width:170px;}    
.login-panel .checkb{margin-top:10px; *line-height:30px;}
.login-panel .checkb input{border:0 none; background:none; float:left; width:auto;}
.login-panel .validate{color:Red; float:left; font-size:20px;}
.login-panel .errorlabel{color:#CC0000; line-height:30px;}
.login-panel .PasswStrenghtIndicator{width:414px;}
.login-panel .PasswordStrengthText{margin:10px 0 0;}


/* placeholder
----------------------------------------*/
.placeholder {color:Gray}
input::-webkit-input-placeholder {color: gray;}
input:-moz-placeholder {color: gray; }

#gallery.content {height:200px;}

.CartTable{
    width: 75% !important;
    padding-right: 20px;
    float: right;
    color: #fff;
    text-shadow: 0 0 4px #000;
}

.content-page {
    width: 75%;
    float: right;
    padding-right: 20px;
    color: #fff;
    text-shadow: 0 0 3px #000;
}