﻿/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);

body {
	background-image:url(../images/bg-repeat.png); 
	background-position:left top;
	background-repeat:repeat-y;
}
	#wrapper {
		width: 780px;
		margin: 0;
	}
	
	.cbr { clear: both; }
		
		#header {
			background: #ffffff url(../images/header-bg.jpg) left top no-repeat;
			height: 199px;
			position: relative;
		}
			
			#logo {
				width: 297px;
				height: 23px;
				display: block;
				position: absolute;
				left: 39px; top: 19px;
			}
			
			#mainnav {
				position: absolute;
				background-color: #085079;
				top: 65px;
				left: 0px;
				width: 780px;
				height:21px;
			}
					
				#mainnav li {
					display:inline;
					padding:0; margin:0; 
				}
				
				#mainnav li a {
					background: transparent url(../images/nav.png) no-repeat;
					overflow: hidden;
					padding-top: 21px;
					padding-left: 0px;
					padding-right: 0px;
					height: 0;
					display:block;
					float: left;
				}
				
				#mainnav li a:hover {
					background-image: url(../images/nav-over.png); 
				}
				
					#mainnav li.nav_home a { width:52px;}
					#mainnav li.nav_aboutus a { width:72px; background-position: -52px 0 }
					#mainnav li.nav_product a { width:74px; background-position: -124px 0}
					#mainnav li.nav_sale a { width:117px; background-position: -200px 0}
					#mainnav li.nav_garment a { width:101px; background-position: -317px 0}
					#mainnav li.nav_news a { width:110px; background-position: -418px 0}
					#mainnav li.nav_contactus a { width:90px; background-position: -528px 0}
					#mainnav li.nav_cart a { width:73px; background-position: -673px 0; margin-left: 57px;}
			
			#subcategory {
				width: 673px; height: 20px;
				padding-left: 107px;
				position: absolute;
				bottom: 91px; left: 0;
			}
			
			#catImg {
				width: 780px; height: 91px;
				position: absolute;
				bottom: 0; left: 0;
				background: transparent url(../images/titleimages/shopping_cart.jpg) no-repeat;
			}
			
			#searchbar {
				position: absolute;
				right: 40px;
				bottom: -40px;
				width: 115px;
				height: 14px;
			}
			
				#searchtext {
					border: 1px solid #7F9DB9;
					width: 83px;
					height: 16px;
					position: absolute;
					left: 0; top: 0;
					padding-left: 2px;
					padding-top: 1px;
					font-family:Arial,Helvetica,sans-serif;
					font-size: 10px;
					color:#666666;
				}
				
				#searchbutton {
					background: transparent url(../images/go_img.gif) no-repeat;
					width: 24px;
					padding-top: 17px;
					height: 0;
					overflow: hidden;
					position: absolute;
					top: 0; right: 0;
				}
	
		#mainsection {
			width: 780px;
		}
		
			#sidebar {
				width: 153px;
				padding: 38px 0 0 5px;
				float: left;
			}
			
				#sideheader {
					background: transparent url(../images/sections.gif) no-repeat;
					width: 76px; height: 18px; 
					display: block;
					margin: 0 0 5px 27px;
				}
				
				#subnav {
					background-color: #e9eae4;
					padding: 5px 0 5px 25px;
				}
				
				#img_security {
					width: 103px; height: 0; padding-top: 72px; overflow: hidden; display:block;
					background: transparent url(../images/shop_with_confidence.gif) no-repeat;
					margin-top: 20px; margin-left:20px;
				}
				
				#img_freeship {
					width: 103px; height: 0; padding-top: 72px; overflow: hidden; display:block;
					background: transparent url(../images/free_shipping_for_orders_over_400.gif) no-repeat;
					margin-top: 5px; margin-left:20px;
				}
			
			#contentwrapper {
				float:left;
				width: 572px;
				padding: 30px 33px 20px 17px;
			}
				
				#content {
					min-height: 410px;
				}
				
				#mysubscribe
				{
					padding-left: 36px;
					padding-top: 18px;
					background: transparent url(../images/mail_logo-subcat.gif) 0 20px no-repeat;
					font-size:11px;
					width: 135px;						
				}
				
					#subbar{
						position: relative;
						padding-top: 2px;
						height:19px;
					}
					
						#subtext {
							width:100px;
							height:16px;
							position:absolute;
							border: 1px solid #7F9DB9;
							padding-left: 2px;
							padding-top: 1px;
							font-family:Arial,Helvetica,sans-serif;
							font-size: 10px;
							color:#666666;
						}
						
						#subbutton {
							position: absolute;
							right: 0; bottom: 2px;	
							background: transparent url(../images/go_img.gif) no-repeat;
							width: 24px;
							padding-top: 17px;
							height: 0;
							overflow: hidden;
						}
						
					#radiolist{
						position: relative;
						padding-top: 7px;
					}
					
						#radiolist .chk1 {
							margin: 0px 5px 0 0;
							padding: 0;
						}
						
						#radiolist .chk2 {
							margin: 0 5px 0 0;
							padding: 0;
						}
			
		#footer {
			width:575px;
			height: 65px;
			padding: 5px 30px 0 175px;
			position: relative;
			font-size: 10px;
		}
			
			#gslink {
				margin-top: 12px;
			}