/*
*************************************************
Alonso Jewelry Designs - San Antonio, TX

Author:		http://www.AltairTechnology.com
Updated:	January 26, 2010
Notes:		
*************************************************
*/


/*-------------------------------------------
	RESET STYLES v1.0 | 20080212
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a:focus { outline: 1px dotted; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

form{ clear:both; }


/*-------------------------------------------
	CLEARFIX
-------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

body{
margin:0; padding:0; font-family:arial; font-size:11px; color:#656565; }
a{ color: #4589a4; text-decoration: none;}
a:hover{ text-decoration: none;}
td{
font-family:arial;
font-size:11px;
color:#656565;
line-height:18px;
vertical-align:top;
}

/* table class for listed items */
.container {margin: 0px 0px 0px 0px;}

.container_items {margin: 0px 0px 0px 0px; border-collapse:separate; border-spacing: 2px 4px; *border-collapse: collapse; /* hack is needed for IE7 also */}
.container_items td {vertical-align: middle; *position: relative;}

input { background: #f5f5f5; padding: 3px; border: 1px solid #DADADA; margin-right: 2px; }
textarea { background: #f5f5f5; border: 1px solid #DADADA; padding: 4px; }
.field { height: 25px; width: 332px; }

#header-wrapper { width: 100%; background: transparent url(StoreImages/topblend.png) repeat-x top left; }
#header{
width: 900px;
margin: 0 auto;
text-align: left;
}
#headerlogo{
margin:14px 0 0 9px;
}
#headerlinks{
text-align:right;
float:right;
margin:44px 11px 0 0;
}
#headerlinks a{
color:#656565;
text-decoration:none;
padding: 3px;
}
#headerlinks a:hover{
color:#5ba2bf;
text-decoration:none;
}
img{border:0;}
#nav{
/*background-image: url(images/navbg.png);
background-repeat:no-repeat;*/
width: 900px;
margin: 10px 0px 0px 0px;
border: 1px solid #E6E6E6;
border-bottom: 1px solid #E1E1E1;
position: relative;
}
/*---------v2 buttons Menu---------------*/
ul.buttons { margin:0; padding: 0; list-style: none; background-color: #EBEBEB; border-left: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; height: 29px; border-bottom: 2px solid #467399;  }
ul.buttons li { margin-right: 0px; float: left; display: block; padding: 0;  }
ul.buttons li a { display: block; color: #069; padding: 4px 11px 4px 11px; text-decoration: none;  border-bottom: 0px solid #EBEBEB; line-height: 18px; }
ul.buttons li a:hover { background-color: #E5E5E5; color: #000; border-bottom: 0px solid #467399; }
ul.buttons li.cart { float: right; }
ul.buttons li.cart a { background: url(Images/shoppingbag.gif) no-repeat 5px 3px; padding-left: 25px !important; border-bottom: 0px solid #EBEBEB; }
ul.buttons li.cart a:hover {background: #E5E5E5 url(Images/shoppingbag.gif) no-repeat 5px 3px; border-bottom: 0px solid #467399;}
#nav img{padding:0;margin:0;

}
#content-wrapper { width: 100%; float: left; text-align: center; margin: 0 !important;}
#content{
width:900px;
margin: 0 auto;
padding:0px 0px 10px 0px;
text-align: left;
}
#buffer {  }
h1{
font-family: arial;
color:#467399;
font-size:2.2em;
padding:0;
margin:0px 0px 10px 0px;
padding-top: 30px;
font-weight: normal;
width: 60%;
line-height: 1em;
}
h2 { font-size: 1.1em;}
h3 { font-size: 1.3em;}
p{
line-height:13px;
padding:0;
margin:5px 15px 25px 0px;
background: transparent;
}
#footer-wrapper { width: 100%; float: left; }
#footer{
width:900px;
text-align:center;
padding-top:8px;
font-size:11px;
border-top:1px solid #e6e6e6;
margin: 0 auto;
}
#footer a{
color:#656565;
text-decoration:none;
}
#footer a:hover{
color:#5ba2bf;
text-decoration:none;
}
#copyright{
text-align:center;
padding-top:8px;
font-size:11px;
color:#b5b5b5;
}
#copyright a{
color:#9b9b9b;
text-decoration:none;
}
#copyright a:hover{
color:#8ab2c2;
text-decoration:none;
}
.featureditem{
background: transparent url(images/featuredboxbg.png) no-repeat center center;
height:88px;
width:301px;
margin:5px 0 7px 0;
overflow:hidden;
}
.featureditemdesc{
	line-height:15px;
}
.featureditempic{
width:95px;
height:88px;
}
.featureditemtitle, .featureditemtitle a{
color:#467399;
font-size:14px;
font-weight:bold;
font-family:Georgia, arial;
margin-bottom:3px;
text-decoration: none;
}
.bluegradient{
margin:5px 0 7px 0;
float:right;
background-image: url(images/bluegradient.png);
background-repeat:no-repeat;
height:253px;
width:488px;
}
#searchsiteform{
padding:0px;
margin:0px;
margin-top:5px;
}
.searchfield{
margin:7px 3px 0 15px;
height:18px;
width:130px;
font-size:11px;
border:1px solid #b0b0b0;
}

.searchsubmit{

background:#ffffff;
color:#545454;
height:18px;
font-size:11px;
border:1px solid #b0b0b0;
}

#new-right{
	float: right;
	margin-right:90px;
}
#new-right li a{
	display: block;
	padding: 7px;
	text-decoration: none; 
	color: #6B6B6B;
	font-family: sans-serif;
	font-size: 14px;
	border-bottom: 1px solid lightgray;
	text-align: center;
	background-color: #fff;
}
#new-right li a:hover{
	background-color:#EFEFEF;
	color: #467399;
}
#new-right ul li{
	list-style-type: none;
}
#nav_top{
	background: transparent url(images/nav_top.png) no-repeat center top;
	height: 50px;
	width: 246px;
}
#nav_middle{
	background: transparent url(images/nav_middle.png) repeat-y center center;
	width: 246px;
}
#nav_bottom{
	background: transparent url(images/nav_bottom.png) no-repeat center bottom;
	height: 50px;
	width: 246px;
}
#menu-about{
	float: right;
	margin-top: -10px;
	margin-left: 30px;
	margin-bottom: 140px;	
	padding: 0px 0px 0px 0px !important;
}
#menu-about ul{
	margin: 0;
	padding: 0;
}
#menu-about ul li{
	list-style-type: none;
}
#menu-about a{
display: block;
width: 180px;
line-height: 35px;
padding-left: 10px;
}
.msie6 #menu-about a, .msie6 #menu-about a{
	width:200px;
	padding-right: 40px;
	border: 0px solid red;
}
#menu-about a:hover, #menu-about a.active{
	color: #000;
	background: transparent url(Images/onepxl/whitebg.png);
}
ul li.menu-item a.click{
	text-decoration: none;
	font-family: Trebuchet MS, serif;
	color: gray;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
ul li.menu-item a.click:hover{
	color: #4589A4;
	text-decoration: underline;
}
ul li.menu-item.active a{
	color: #4589A4;
}
li.menu-item ul.options li{
	list-style-type: none;
}
li.menu-item ul.options{
	padding-left: 15px;
	margin: 0;
}
table.nd_table{
	
	margin-left: 0px;
	margin-top: 30px;
}
table.nd_table td{
	
	padding: 5px;
}
table.nd_table img{
	padding: 0px;
	border: 6px double #EFEFEF;
}


/*--------- Product Pages --------------*/
#whole {}
#whole a{ color: #4589a4; text-decoration: none; margin: 0 auto; ;}
#whole a:hover{ text-decoration: underline;}

h1.mid { font-size: 14px; padding: 0px !important; }

.products #whole img{
	/*width: 75px;*/
}
.item2up { width: 430px; }
td.item_area {padding-left: 10px;}
td.item_area h1 { padding-top: 0 !important; width: 100% !important; }

.itemdesc{
	color: #999;
	/*display: none;*/
}
.products #whole a{
	text-decoration: none;
	color: #4589A4;
}
td.item-splash{
	background: transparent url(images/item_bg.png) no-repeat center top;
}

li.menu-item{
	list-style-type: none;
	background: transparent url(images/collapsed.png) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 0px;
}
li.menu-item.active{
	background: transparent url(images/expanded.png) no-repeat left top;
}

/*-------------------------------------------
	Version 2 items - Add by CJB 1/28/10
-------------------------------------------*/

/*---------Employee Menu---------------*/
#employeemenu { margin-left:20px; }
#employeemenu a { font-weight: bold; color: #666; text-decoration: underline; }
#employeemenu a:hover {  color: #F90; text-decoration: underline; }
#employeemenu td {  text-align:left; }
#employeemenu img { margin-right: 10px; }
#employeemenu p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; line-height: 13px;  }

/*---------Main Content and Preview Box---------------*/
#navshadow {position: absolute; left: 0px; bottom: -38px; height: 38px; width: 900px; background: transparent url(StoreImages/menushadow.png) no-repeat top center;}
.welcometo { padding-top: 60px; }

.bluestyle, .item2up { background: transparent url(StoreImages/previewbk.png); border: 1px solid #CCC; border-top: 2px solid #467399; min-height: 50px; margin: 10px 0px 10px 0px;  padding: 0px 10px;}

#preview-wrapper { width: 100%; float: left; text-align: center; margin: 0 !important; }

#largepreview { height: 450px; position: relative; width: 900px; margin: 0 auto; }
.msie6 #largepreview, .msie7 #largepreview, .msie8 #largepreview  { height: 440px; }
	#whitelayer { width: 100%;  background: transparent url(StoreImages/previewbk.png) repeat-x 0px 275px; }
	.msie6 #whitelayer, .msie7 #whitelayer, .msie8 #whitelayer { width: 100%;  background: transparent url(StoreImages/previewbk.png) repeat-x 0px 270px; }
	#largepreview h1 {padding: 60px 0px 0px 0px; font-size: 2.5em;  margin-top: 30px; letter-spacing: -.04em; font-weight: normal !important; line-height: 1em; }
	#largepreview p.welcome { color: #467399; margin-top: 10px; width: 450px; font-size: 1.2em; font-style:italic; line-height: 1.2em;}
	#largepreview h3 {color: #467399; font-size: 1.5em; padding: 15px 10px 0px 10px;  border-top: 2px solid #467399;}
	#largepreview {}
#preview { position: absolute; bottom: 0px; left: 0px; padding-top: 15px; width: 100%; }
	#preview ul { margin:0; padding: 0; list-style: none;  }
	#preview ul li { background: transparent url(StoreImages/previewbk.png) repeat-x left top; margin-right: 4px; float: left; display: block; padding: 0 !important; width: 294px; border: 1px solid #CCC;  position: relative;  height: 160px; }
	.msie6 #preview ul li, .msie7 #preview ul li, .msie8 #preview ul li { width: 295px; }
	#preview ul li p { position: absolute; bottom: 0px; right: -15px; color: #555;  padding: 10px 80px 10px 10px; height: 110px; margin-bottom: 0px !important;  }
	.msie6 #preview ul li p, .msie7 #preview ul li p, .msie8 #preview ul li p { width: 293px; height: 127px; }
	
	#preview ul li.leftblock { }
	#preview ul li.leftblock p {background: transparent url(StoreImages/boximg_acts.png) no-repeat 180px 20px; padding-right: 105px !important;}
	#preview ul li.midblock  {}
	#preview ul li.midblock  p {background: transparent url(StoreImages/boximg_actscross.png) no-repeat 180px -50px;}
	#preview ul li.rightblock {}
	#preview ul li.rightblock p {background: transparent url(StoreImages/boximg_gemologist.png) no-repeat 200px 50px;}

/*---------Error Messages---------------*/
.error { color: #fff; padding: 8px 8px 8px 25px; background: #D20000 url(Images/warning.png) no-repeat 5px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.success { color: #fff; padding: 8px 8px 8px 25px; background: #367226 url(Images/success.png) no-repeat 5px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/*---------New Content Banners---------------*/
#preview-content { position: absolute; width: 500px; }
#preview-content h1 { width: auto; }
.homebanner_bracelets { background: transparent url(StoreImages/homebanner_bracelets.jpg) no-repeat center -65px;}
.homebanner_acts { background: transparent url(StoreImages/homebanner_acts.jpg) no-repeat center -65px;}
.homebanner_bluerings { background: transparent url(StoreImages/homebanner_bluerings.jpg) no-repeat center -130px;}
	.homebanner_bluerings h1 { color: #fff !important; padding: 0px 0px 0px 0px !important; }
	.homebanner_bluerings p.welcome { color: #fff; }		
.homebanner_cross { background: transparent url(StoreImages/homebanner_cross.jpg) no-repeat center -50px;}
.rocks { background: transparent url(http://www.free-desktop-backgrounds.net/free-desktop-wallpapers-backgrounds/free-hd-desktop-wallpapers-backgrounds/526748282.jpg) no-repeat center -50px;}
.homebanner_necklace { background: transparent url(StoreImages/homebanner_necklace.jpg) no-repeat center -60px;}
	.homebanner_necklace h1 { padding: 120px 0px 0px 0px !important; }
	.homebanner_necklace p.welcome { width: 300px !important; color: #999 !important;}
.homebanner_fly { background: transparent url(StoreImages/homebanner_fly.jpg) no-repeat center -60px;}
	.homebanner_fly p.welcome { color:#999 !important; }
	.homebanner_fly #preview-content { position: absolute; top: 10px; right: -100px;}


/*---------Backgrounds for Item2Up pages---------------*/
.Rings { background: transparent url(StoreImages/Item2Up_Rings.png) no-repeat top right; }
.Bracelets { background: transparent url(StoreImages/Item2Up_Bracelets.png) no-repeat top right; }
.Pendants { background: transparent url(StoreImages/Item2Up_Pendants.png) no-repeat top right; }
.Earrings { background: transparent url(StoreImages/Item2Up_Earrings.png) no-repeat top right; }
.Acts { background: transparent url(StoreImages/Item2Up_Acts.png) no-repeat top right; }

td.fieldinput1, td.fieldinput2 { height: 20px; vertical-align: middle !important; padding: 2px !important; border-bottom: 1px solid red;}
.fieldinput1 img, .fieldinput2 img { padding: 2px 5px 2px 5px; vertical-align: middle;  }


	.btn { background: #971113 url(Images/Buttons/bgredbutton.gif) repeat-x top left; border: 1px solid #12659b; color: #fff !important; font-size: 11px; text-decoration: none; padding: 4px 10px; margin: 15px 0px 0px 0px; line-height: 50px;}
	a.btn:active { background: #1c8cd7; }	
	.msie7 .btn { height: 40px; position: relative; top: 5px; }



.divitem { width: 256px; float: left; padding-left: 25px; margin-right: 15px; min-height: 60px; margin-bottom: 10px;  }
.divitem h1 { width: 100% !important; font-size: 1.6em; }
.reg { background: transparent url(images/divider.png) repeat-y top left; }
.third { } 
.imageframe { padding: 10px; border: 1px solid #E2E2E2;  }