/* CSS Document */
/* Author: www.randycaruso.com */





* { margin: 0; padding: 0; }

html, body{
	height: 100%;
	font-size: 95%;
	margin: 0;
	padding: 0;
	font-family: georgia, times, helvetica, sans-serif;
	background: url(images/background.gif) repeat top center;
}

#homestage {
	xfloat: right;
	width: 626px;
	height: 457px;
	margin: 10px 0 0 242px;
	xbackground: url(images/home2.jpg) no-repeat 0 12px;
	xborder: 1px solid blue;
	xdisplay:inline;
	}

#catagorybrandbuttons { display: none; }

p { color: #5E777B; margin: 0 0 .8em 0; }
a { color: #6B5A41; }
a:hover { color: #ab5672; }

h1 { display: none; }
h2 {font-weight: normal; padding: 0 0 12px 0; color: #597377; font-size: 1.4em; }
h3 { font: bold .5em; padding: 0 0 12px 0; color: #597377; }


blockquote {}

ul { padding: 0 0 15px 25px; color: #5E777B; }

.pdgmain { padding: 5px; }

.cart-thumb { padding: 5px 9px 5px 5px; }

.hide{ display: none; }


.alternate { padding: 0 8px 0  0; float: left; }

#pricepics { padding: 10px 8px 0  0; }
.ourprice{
	padding: 0 0 20px 0;
	xborder: 1px solid blue;
}
.retailprice { padding: 0 0 8px 0; font-size: .65em; font-family: Arial, Helvetica, sans-serif; }
.sku { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

.itemdescription { padding: 0 0 7px 0; }
.designer { border-bottom: 1px solid; padding: 0 0 7px 0; }

/* -----------------------------  Cart Layout -------------------------- */	


#shipping {
	width: 510px;
	margin: 70px auto 10px auto;
	xborder: 1px solid blue;
	float: left;
}

#basicbuttons {
	width: 284px;
	height: 20px;
	float: left;
	margin: 10px 0 0 40px;
	display: inline;
	xborder: 1px solid Red;
}
#checkout {
	width: 135px;
	float: right;
	height: 20px;
	margin: 10px 80px 0 0;
	display: inline;
	xborder: 1px solid Lime;
}

.carttemplate-id {
	display: none;
	text-align: center;
	margin: 15px 0 0 0;
	font-size: .65em;
}

.checkoutdetail { font-size: .7em; }
/* -----------------------------  Centers the Block in the Page -------------------------- */	



#column {
	padding: 84px 0 0 0;
	margin: 10px auto 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 704px;
	width: 898px;
	clear: left;
	background: url(images/plate.jpg) no-repeat ;
	xborder: 1px solid green;
}

/* -----------------------------------------------  Main Structure Content Areas ------------------------------------- */	

#upper {
	height: 31px;
	width: 885px;
	xbackground: #90EE90;
	text-align: right;
	margin:0 0 0 6px;
}
#upper img{border-width: 0;  }

#corner {
	background: url(images/corner.gif) no-repeat top;
	width: 675px;
	height: 45px;
	xmargin:0 0 0 6px;
}

#item-corner {
	background: url(images/item-corner.gif) no-repeat top;
	width: 675px;
	height: 24px;
	xmargin:0 0 0 6px;
}


#lower {
	float: right;
	min-height: 530px;
	height: auto !important;
	height: 530px;
	width: 898px;
	xbackground: url(images/mainstage-strip.gif) repeat-y right;
	xtext-align: right;
	xmargin: 0 auto;
	xpadding: 0 0 0 30px;
	xborder: 1px solid red;
}
#lower img{border-width: 0;  }



/* -----------------------------------------------  NAV------------------------------------------ */	

#intro{ display: none; }

#nav {
	float: left;
	width: 192px;
	margin: 48px 0 0 31px;
	xpadding: 0 0 0 25px;
	display: inline;
	text-align: center;
	xborder: 1px solid Yellow;
	height: 1%;
}

.big-buttons { padding: 0 5px 0 0; }

#catagorybrand { margin: 18px 0 0 0; }

#tablecenter {
	margin: 0 auto;
	width: 539px;
	xborder: 1px solid Lime;
}


/* -----------------------------------------------  Search -------------------------------------- */	

#search {
	width: 160px;
	height: 18px;
	float: right;
	margin: 8px 15px 0 0; /* ---  Controls distance down from nav --- */	
	display: inline;
	xborder: 1px solid red;
}

#search input search{
	border: 1px solid red;
	padding: 0;
	margin: 0;
}

.searchbox {
	background-color: #d1c2ae;
	color: #666666;
	text-transform: lowercase;
	letter-spacing: .12em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px; /* ---  box height --- */
	width: 120px;
	padding: 1px 0 0 5px;
	border: 1px solid #85491D;
	padding: 0 0 0 3px;
}

.go {
	xmargin: 2px  0 0 0;
	padding: 2px 0 0 0;
	*padding: 1px 0 0 0;
}

#searchbysize {
	float: left;
	width: 120px;
	margin: 0px 0 0 0;
	xborder: 1px solid red;
	height: 18px;
}

/* ------------------  Lucky Bag Form -------------------- */	

#luckybag{
	margin: 25px 0 15px 0;
	width: 280px;
	xborder: 1px solid red;
	padding: 20px 10px 20px 10px;
	background-color: #ECE3D9;
	float: right;
}

#luckybag p {
	padding: 0 0 2px 0;
	margin:0;
}

#newsletter {
	width: 215px;
	float: left;
	margin: 0;
	padding: 0;
}

/* ------------------  Contact Form -------------------- */	

#address {
	float: right;
	margin: 0 0px 0 0;
	width: 200px;
}

#contactform {
	margin: 0 0 15px 0;
	width: 270px;
	xborder: 1px solid blue;
	padding: 20px 20px 20px 20px;
	background-color: #ECE3D9;
	float: left;
}

#contactform p {
	padding: 0 0 2px 0;
	margin: 0;
}

.mailformfield{
	background-color: #F7F0EA;
	border: 1px solid #9E9E9E;
	height: 18px;
	padding: 0 0 0 5px;
	margin: 2px 0 15px 0;
	width: 270px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.messageformfield{
	background-color: #F7F0EA;
	border: 1px solid #9E9E9E;
	height: 85px;
	margin: 2px 0 8px 0;
	padding: 3px 0 0 5px;
	width: 270px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ------------------  Share with a friend -------------------- */	
.sharefield{
	background-color: #F7F0EA;
	border: 1px solid #9E9E9E;
	height: 18px;
	padding: 0 0 0 5px;
	margin: 2px 0 1px 0;
	width: 160px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.sharemessagefield{
	font-size: 11px;
	background-color: #F7F0EA;
	height: 60px;
	margin: 2px 0 8px 0;
	padding: 3px 0 0 5px;
	width: 160px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9E9E9E;
}
.wellsend { padding: 10px 0 10px  0; }
.sharebutton { padding: 0 0 8px 17px; }
#cat { width: 285px; margin: 0 auto; padding: 10px 0 0 0;}
#cat table { margin: 0 auto; }
.sendbtn { margin: 0 23px 0 0; }
/* -----------------------------------------------  Content-------------------------------------- */	

#stage {
	float: right;
	width: 675px;
	min-height: 530px;
	height: auto !important;
	height: 530px;
	xborder: 1px solid Lime;
	background: url(images/mainstage-strip.gif) repeat-y top right;
}

#item-stage {
	float: right;
	width: 675px;
	min-height: 530px;
	height: auto !important;
	height: 530px;
	xborder: 1px solid Lime;
	background: url(images/item-stage-strip.gif) repeat-y top right;
}


#tile-stage {
	float: right;
	width: 661px;
		min-height: 530px;
	height: auto !important;
	height: 530px;
	xborder: 1px solid Lime;
}

#content {
	width: 540px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	padding: 0 30px  20px  30px;
	xoverflow: auto;
	xfloat: right;
	margin: 0 auto 0 auto;
	xbackground:  url(images/content-header.gif) no-repeat right top;
	xborder: 1px solid Maroon;
}

#tile-content {
	width: 540px;
	height: 420px;
	padding: 20px 30px  20px  30px;
	overflow: auto;
	xmargin: 25px auto 0 auto;
	xbackground: url(images/general-content.gif) no-repeat fixed;
	xborder: 1px solid Maroon;
}

#tile-content-background{
	width: 600px;
	height: 460px;
	xpadding: 20px 30px  20px  30px;
	xoverflow: auto;
	margin: 25px auto 0 auto;
	background: url(images/general-content.gif) no-repeat;
	xborder: 1px solid Maroon;
}


#xcontent {
	width: 540px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	padding: 20px 30px  20px  30px;
	overflow: auto;
	xfloat: right;
	margin: 25px auto 0 auto;
	xbackground: url(images/general-content.gif) no-repeat;
	xborder: 1px solid Maroon;
}

#content-footer {
	background: url(images/full-content-footer.gif) no-repeat bottom;
	width: 675px;
	height: 71px;
	float:right;
}

#item-content-footer {
	background: url(images/itemstage-strip.gif) no-repeat bottom;
	width: 675px;
	height: 50px;
	float:right;
}

#content p{
	color: #5E777B;
	font-size: .9em;
}

.detail { font-size: .8em; }


#luckybagform {
	width: 200px;
}

.home {
	background: url(images/home.jpg) no-repeat 0 20px;
	width: 661px;
	height: 492px;
}

.description {
	margin: 5px 0 0 0;
	font-size: .62em;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
	text-align: left;
}

#sampledescription {
	padding: 5px 0 0 0;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	color: Gray;
	text-align: left;

}

.price { font: bold .7em Arial, Helvetica, sans-serif;  color: Gray; }

#searchdata{
	margin: 4px 0 12px 0;
		text-align: left;
}

#searchresults-header { margin: 0 0 8px 6px; }
#searchresults-header h2{font-weight: normal; margin: 0; padding:0; }
#searchresults-header p{margin: 0 0 4px 0; padding:0; }

#next {
	margin: -20px 7px 0 0;
	xborder: 1px solid blue;
	width: 200px;
	xheight: 19px;
	float: right;
	text-align: right;
}
#catagoryhead{
	margin: 0;
	padding: 0 0 0 6px;
	xborder: 1px solid blue;
	width: 534px;
}

.headerimage {
	margin: 0 0 6px 0;
}
#pagenumbers {
	margin: 0 0 0 7px;
	xborder: 1px solid blue;
	width: 150px;
	height: 19px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
}

/* -------------------  Product Photo --------------------- */	
#photo {
	float: left;
	width: 339px;
	xheight: 445px;
	background: url(images/photorepeat.gif) repeat-y;
	margin: 0 0 0 7px;
	text-align: center;
}
.image { padding: 0 0 0 5px; 
	margin: 0 auto -14px auto;
	}

#phototop {
	width: 339px;
	height: 37px;
	background: url(images/phototop.jpg) no-repeat top;
	margin: 0 auto -16px auto;
	xborder: 1px solid blue;
}

.photofooter {
	width: 339px;
	height: 34px;
	xheight: 44px;
	background: url(images/photofooter.gif) no-repeat bottom;
	margin: -15px 0 0 0;
	xpadding: -30px 0 0 0;
	xborder: 1px solid blue;
	xposition: relative;
	xz-index: 1;
}
.mainpic{
	xmargin: 0 0 -50px 0;
	xz-index: 20;
}




/* -------------------  Product Details --------------------- */	

.selectcolorfield {
	width: 260px;
	font-size: 11px;
	background-color: #F7F0EA;
}
.selectqty {
	background-color: #F7F0EA;
	font-size: 11px;
}


#details {
	float: right;
	width: 296px;
	xheight: 530px;
	background: #e5dbcf;
	margin: 1px 23px 0 0;
	display: inline;
}

#details p {
	xpadding: 0 0 12px 0;

}
#detailstop {
	height: 13px;
	background: url(images/detailshead.jpg) no-repeat;
}
#detailsfooter {
	height: 10px;
	background: url(images/detailsfooter.jpg) no-repeat bottom;
}

#details h2 {
	padding: 0 0 0 13px;
	color: #597377;
	font-size: 1.3em;
	color: #566466;
	font-weight: normal;
	margin: 0;
}

#details h3 {
	padding: 0 0 3px 8px;
	color: #597377;
	font-size: 1.2em;
	color: #566466;
	font-weight: normal;
}
#details h4 {
	padding: 0 0 3px 8px;
	color: #597377;
	font-size: .7em;
	color: #566466;
	font-weight: normal;
}

#details p {
	margin: 0 4px 0 8px;
	font-size: .75em;
}


/* -----------------------------------------------  Footer---------------------------------------- */	

#footer {
	float: right;
	width: 662px;
	text-align: center;
	padding: 5px 0 25px 0;
	xborder: 1px solid blue;
	xmargin: 0;
}

#footer p{
	color: #9CA7A9;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footer a{
	color: #9CA7A9;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footer a:hover{
	text-decoration: underline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.copyright { padding: 0 0 0 16px; }

/* -----------------------------------------------  Debris---------------------------------------- */	

#clear{ clear: both; }
.clear{ clear: both; }

.emptypage { text-align: center; }




/* -----------------------------------------------  Tabs ---------------------------------------- */	


#catagorybrand {
	width: 189px;
	height: 20px;
	margin: 22px 0 0 3px;
	padding: 0;
}

#catagorybrand ul {
	margin: 0;
	padding: 0;
	height: 20px;
	*margin: 0 0 -5px 0;
}

#catagorybrand li {
	margin: 0 0 0 -3px;
	height: 20px;
}

.selected {
	margin: 0;
	padding: 0;
}

.tabs{
	list-style-type: none;
	text-align: center;
	height: 20px;
	margin: 0;
	padding: 0;
}

.tabs ul{
	height: 20px;
	border: 1px solid red;
}

.tabs li{
	height: 20px;
	display: inline;
}

.tabs li a{
	xtext-decoration: none;
}

.tabs li a:visited{
	xcolor: #2d2b2b;
}

.tabs li a:hover{
	xtext-decoration: underline;
	xcolor: #2d2b2b;
}

.tabs li.selected{	
	xposition: relative;
	xtop: 0px; /* this causes the tab to drop down a bit *//* this causes the tab to drop down a bit */
}

.tabs li.selected a{	
	/*selected main tab style */
	xbackground-image: url(xshadeactive.gif);
	xborder-bottom-color: white;
}

.tabs li.selected a:hover{
	/*selected main tab style */
	text-decoration: none;
}

.tabcontent{
	display: none;
}