﻿*{
	margin:0;
	padding:0;
}
body{

	font:12px/20px Arial;
	color:#222;
	background-color:#2AACE0;
	background-image:url(../images/bg.jpg);

}

/* Layout Styles Starts */

#wrapper{
	width:1010px;
	margin:0 auto;
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;


}
	#header{
		width:1010px;
		margin:5px auto 0;
		overflow:hidden;
		background-image:url(../images/main_bg_top.gif);
		background-repeat:no-repeat;
		height:20px;
	}
		#logo{
			padding:9px 0 0 18px;
		}
			#logo h1{
				background:url(../images/logo.gif) no-repeat;
				background-position:left;
			}
				#logo h1 a{
					display:block;
					height:58px;
				}
					#logo h1 a span{
						display:none;
					}
		#mid-part{
			width:320px;
			height:40px;
			float:left;
			margin:15px 0 0 115px;
		}
			#currency{
				height:20px;
				color:#0292c8;
				font-weight:bold;
			}
				#currency select{
					width:125px;
					border:1px solid #e3e3e3;
					font-size:10px;
				}
			#head-links{
				padding:3px 0 0 0;
			}
				#head-links ul{
					list-style:none;
				}
					#head-links li{
						display:inline;
						margin:0 2px;
					}
						#head-links li, #head-links li a{
							color:#868b94;
							font-weight:normal;
						}
							#head-links li a{
								font-size:10px;
							}
		#shopping-cart{
			width:202px;
			height:50px;
			float:right;
			background:url(../images/shopping-cart.gif) no-repeat;	
			padding:15px 0 0 0;
			text-indent:45px;

		}
			#shopping-cart h6{
				color:#0292c8;
				margin:0;
				font-weight:bold;
			}
			#shopping-cart a{
				font-size:10px;
				color:#0292c8;
			}
	#banner_top{
		height:178px;
		margin-left:5px;
	}

	#menu{
		height:15px;
		background-position:right;	
		font-size:1.2em;
		text-transform:uppercase;	
		padding-top:10px;

	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				display:inline;
				line-height:15px;
				margin:0 5px;
				padding-left:5px;				

			}
				#menu li, #menu li a{
					color:#fff;
				}
	#container{
		padding:12px 0;
	}
		#left-col{
			width:201px;
			float:left;
			padding-left:6px;
		}
		#center-col{			
			width:582px;
			float:left;
			margin:0 0 0 8px;
		}
			#fadeshow{
				width:560px;
				margin:0 auto 15px auto;
				border:2px #F2F2F3 solid;
				
			}
			#Note{
				width:540px;
				margin:0 auto 15px auto;
				background-color:#fff;
				padding:5px 10px;
				text-align:justify;
				border:2px #F2F2F3 solid;
			}
		#center-col-inner{
			padding:3px 6px;
			width:570px;
			margin:0 0 0 8px;
			float:left;
		}
		#right-col{
			width:201px;
			float:right;
			padding-right:6px;
		}
	#footer{
		height:116px;
		line-height:24px;
		padding:8px 32px 0 32px;
		overflow:hidden;
		color:#fff;
		font-size:12px;
		background-image:url(../images/footer_bg.gif);
		background-repeat:no-repeat;
		background-position:15px 0;
	}
		#footer a{
			color:#fff;
			margin:0 5px;
		}
			#footer a:hover{
				text-decoration:underline;
			}

	#bottom{
		width:1010px;
		margin:0 auto 15px;
		overflow:hidden;
		background-image:url(../images/main_bg_bottom.gif);
		background-repeat:no-repeat;
		height:25px;
	}

/* Layout Styles Ends */

/* Boxes Styles Starts */

	.block{
		width:201px;
		margin:0 0 15px 0;			
	}
		.block-top{
			background:url(../images/block-top.gif) no-repeat top;
			height:35px;
			line-height:35px;
			color:#4d4d4d;
			text-indent:30px;
			font-weight:bold;
			font-size:13px;
		}
		.block-bottom{
			background:url(../images/block-bottom.gif) no-repeat bottom;
			padding-bottom:8px;
		}
		.block-inner{
		width:201px;
		margin:0 0 0 0;
		background:url(../images/block-bg.gif) repeat-y;		
	}
			#container .block-bottom ul{
				list-style:none;
				margin:0;
				padding:0 0 5px 0;
			}
				.block-bottom li{
					background:url(../images/arrow.gif) no-repeat 17px;
					border-bottom:1px solid #d3d3d3;
					padding:3px 0 3px 30px;
				}
				.block-bottom li.noborder{
					border:none;
				}
					.block-bottom li a{
						color:#4d4d4d;
						font-weight:normal;
					}
			.block-bottom form{
				padding:15px;
				color:#4d4d4d;
			}
				.block-bottom form a{
					color:#4d4d4d;
					text-decoration:underline;
				}
					.block-bottom form a:hover{
						color:#0292c8;
					}
			.search-text{
				border:1px solid #dfdbdb;
				padding:2px 0;
				width:165px;
			}
			.search-btn, .details-btn, .login-btn, .btn1{
				border:1px solid #dfdbdb;
				background:#e8e8e8 url(../images/btn1-bg.gif) repeat-x;
				outline:none;
				cursor:pointer;
				padding:2px 8px;
				margin:8px 0 4px 0;
				font-family:"Trebuchet MS";
				color:#4d4d4d;
			}
			p.login-links{
				padding:7px 0 0 0;
			}
			p.login-links a{
				font-weight:normal;
				text-decoration:none;
				color:#4d4d4d;
			}
				p.login-links a:hover{
					color:#4d4d4d;
					text-decoration:underline;
				}
			.price{
				color:#1f8fba;
				font-size:15px;
				font-weight:bold;
				padding:5px 0 0 0;
			}
			.details-btn{
				margin:0;
				padding:2px 6px;
			}
			.btn1{
				padding:5px 10px;
			}
			a.details-btn, a.btn1{
				font-weight:normal;
			}
			a.details-btn:hover, a.btn1:hover{
				color:#000;
				text-decoration:none;
			}
			.products-box .details-btn{
				margin:0 0 0 5px;
			}
			

/* Boxes Styles Ends */

/* Products Box Starts */

.products-box{
	margin:6px !important;
	margin:4px;
	border:1px solid #d3d3d3;
	padding:16px;
	width:222px;
	min-height:175px;
	height:auto !important;
	height:176px;
	float:left;
	background-color:#fff;
}
	.products-box h3 a, .products-box-detail a{
		font-weight:bold;
		font-size:14px;		
	}
	
	.products-box h3
	{
	    min-height:35px;
	
	    height:36px;
	}
	
	#container .products-box p img.floatleft{
		margin:5px 10px 0 0;
	}
.products-box-detail{
	border:1px solid #d3d3d3;
	padding:16px;
	width:496px;
}

/* Products Box Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background: transparent url(images/bt_register_black.png) no-repeat 0 0;
	width:94px;
	height:24px;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	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 ul#works{list-style:none;margin:0;}
#container dt{
	font-weight:bold;
	margin:5px 0;
}

/* 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:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#087fe0;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6
{
    font-size:13px;
    color:#0066CC;
}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Arial";font-weight:normal;}
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;}
.italic, .italic a{font-weight:bold; font-style:italic}
.textbold{font-weight:bold; padding-top:5px}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
.padding015{padding:15px 15px 5px}
.img_bor {border:1px #b7d433 solid}

/* Genric Styles Ends */

/*************** Pagination ***************/

.pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 12px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current
{
    background-position: left top;
    background: #3399FF !important;
    border-color: #0066FF;
    color: #fff !important;
}
				
.pagination a.current:hover {
				text-decoration: underline;
                }
  
                     
/************ Table ************/

form.cart table {
                width: 100%;
                border-collapse: collapse;
                }
                
form.cart table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
form.cart tbody {
                border-bottom: 1px solid #ddd;
                }
                
form.cart tbody tr {
                background: #fff;
                }
              
form.cart tbody tr.alt-row {
                background: #f3f3f3;
                }
                
form.cart table td,
form.cart table th {
                padding: 10px;
                line-height: 1.3em;
                }        
				
form.cart table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
form.cart table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
				width:auto;
                }                    
.break
{
    background-color:Gray;
    height:1px;
    min-height:1px;
}

input.large-input
{
    width:99%;
}
span.error
{
    color:Red;
    font-style:italic;
}

td.price
{
    text-align:right;
}
th.price
{
    color:#000;
}
div.note{
				width:540px;
				margin:0 auto 15px auto;
				background-color:#fff;
				padding:5px 10px;
				text-align:justify;
				border:2px #F2F2F3 solid;
			}
			
img.avatar
{
    float: left; padding: 5px 5px 5px 0;
}

input.full-text
{
    width:100%;
    border:1px solid #dfdbdb;
				padding:2px 0;
}

a.preview
{
    color:#FF0000;
    font-style:italic;
    font-weight:normal;
}

.fixright
{
    padding-right:18px;
}