/*  CSS by VANTAGE STUDIOS INC. - 2006  */

/* ---------- basic elements ---------- */

body {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	font: 62.5%/0px helvetica, arial, sans-serif;
	color: #000;	
	background: #d9f3b0;
}

body, div, ul, li, dl, dd, dt, p, img, h1, h2, h4, h5 {padding: 0; border: 0; margin: 0;}


a, input { outline: none; }

p {
	font: 1.2em/1.6em helvetica, arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0 30px 5px 0;
}

a:link {
	color: #0071b1;
	text-decoration: none;
}

a:visited {
	color: #0071b1;
	text-decoration: none;
}

a:hover {
	color: #555;
	text-decoration: none;
	cursor: pointer;
}

h2 {font: 1.4em/1em helvetica, arial, sans-serif; clear: both; margin: 5px 0 4px 0; color: #444;}
.resultstitle {color: #06a;}

h3 {font: 2.4em/1em helvetica, arial, sans-serif; clear: both; margin: 0; color: #06a;}
h4 {font: 1.6em/1em helvetica, arial, sans-serif; clear: both; margin: 0; padding: 5px 0 10px 0; color: #999;}


/* ---------- layout ---------- */

#background {
	text-align: center;
	padding: 0; margin: 0 auto 0 auto;
	background: url(images/mainbg.gif) top center repeat-x;
}

#container {
	text-align: center;
	padding: 0; margin: 0 auto 0 auto;
	background: url(images/bg.gif) top center repeat-y;

}

#header {
	width: 817px; height: 124px;
	text-align: center;
	padding: 0; margin: 0 auto 0 auto;
}

#innercontainer {
	width: 771px;
	text-align: center;
	padding: 0; margin: 0 auto 0 auto;
}

#content {width: 545px; float: left; padding: 0; margin: 0 auto 0 auto; text-align: left;}

#inner_content{
    width: 530px;
    float: right;
}

#page_counter{
    padding: 5px 0 0 3px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    width: 510px;
}

#page_counter p{
    color: #e1e1e1;
}

#page_counter img{
    vertical-align: middle;
}

.viewing{
    text-align: right;
    float: right;
    padding: 0 0 0 0;
    color: #000000;
    display: none;
}

#right_ads{
    width: 224px;
    float: right;
    clear: both;
    background-color: #e3edf3;
    margin: 26px 0 0 0;
}

#right_ads_top{
    background: url(images/right_top.gif) no-repeat;
    height: 13px;
    width: 224px;
}

#right_ads_body{

}

#right_ads_bot{
    background: url(images/right_bot.gif) no-repeat;
    height: 14px;
    width: 224px;
}

#right {
	width: 1%; /* so long text don't break yo! */
	float: left;
	text-align: left;
	border-left-style: solid; border-left-width: 1px; border-left-color: #ccc;
	padding: 0 0 20px 10px; margin: 0 0 0 7px;
}

#right ul {width: 100%; float: left; margin: 0; padding: 0px; list-style: none;}
#right ul li{width: 100%; border: 0; float: left; margin: 0; padding: 0;}

#rightbottom {float: left; clear: both; width: 1%; height: 1%; padding: 0 0 30px 0;}

h1#logo {float: left; width: 817px; height: 124px; text-indent: -9999px; padding: 0; margin: 0 auto 0 auto; background: url(images/header.gif) top left no-repeat;}

#nav {margin: 0; padding: 0px;}
#nav ul {float: left; margin: 0; padding: 0px; list-style: none;}
#nav ul li{border: 0; float: left; margin: 0; padding: 0;}

#nav-search {float: left; width: 324px; height: 187px; background: url(images/search.gif) top left no-repeat; padding: 0; margin: 0;}

#nav-ad, #nav-ad a:link, #nav-ad a:visited {float: left; width: 223px; height: 187px; text-indent: -9999px; background: url(images/advertise.gif) top left no-repeat; padding: 0; margin: 0;}
#nav-ad a:hover {background: url(images/advertiseo.gif) top left no-repeat;}

#nav-contact, #nav-contact a:link, #nav-contact a:visited {float: left; width: 224px; height: 187px; text-indent: -9999px; background: url(images/contact.gif) top left no-repeat; padding: 0; margin: 0;}
#nav-contact a:hover {background: url(images/contacto.gif) top left no-repeat;}

#choose_cont{
	height: 29px;
	width: 209px;
	padding: 0 0 0 0;
}

#c_person{
	background: url(images/person_off.gif) no-repeat;
	height: 29px;
	width: 105px;
	float: left;
}

#c_person_on{
	background: url(images/person_on.gif) no-repeat;
	height: 29px;
	width: 105px;
	float: left;
}

#c_business{
	background: url(images/business_off.gif) no-repeat;
	height: 29px;
	width: 104px;
	float: left;
}

#c_business_on{
	background: url(images/business_on.gif) no-repeat;
	height: 29px;
	width: 104px;
	float: left;
}

.entry{
    width: 510px;
    float: left;
    padding: 0 0 15px 0;
}

.entry p{
    font: 1.4em/1.4em helvetica, arial, sans-serif;
    padding: 0;
    margin: 0;
}

.entry h2{
    font: 2.0em/1.3em helvetica, arial, sans-serif; clear: both; margin: 5px 0 0 0; color: #222;
}

.entry h3{
    font: 1.8em/1.3em helvetica, arial, sans-serif; font-weight: bold; clear: both; margin: 0 0 10px 0; color: #222;
}

.entry h4{
    font: 1.2em/1.3em helvetica, arial, sans-serif; clear: both; margin: 0 0 4px 0; color: #777;
}

.info_nav{
    padding: 5px 0 0 0;
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    height: 25px;
    width: 400px;
}

.bluebox{
    padding: 0;
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    height: 25px;
    width: 100%;
    background-color: #E3EDF3;
    border: 1px solid #b1cde3;
}

.adminbox{
    padding: 5px;
    width: 100%;
    background-color: #E3EDF3;
    border: 1px solid #b1cde3;
    float: left;
    clear: both;
    margin: 15px 0 0 0;
}

.adminbox input, .adminbox file{
	border: 1px solid #b1cde3;
}

.adminbox p{
	font-size: 1.2em;
	padding: 0 0 3px 0;
}

#admin_foot{
	float: left;
	clear: both;
	text-align: left;
}

#listings{
	float: left;
	clear: both;
	width: 325px;
}

#name{
	float: left;
}

.cat_container{
	float: left;
	clear: both;
}

.rand{
	float: right;
	width: 16px;
	margin: -24px -25px 0 25px;
}

/* --- live search --- */

.highlight{
	color: red;
}

.highlight_person{
	color: red;
}

#livesearch_cont{
	position: absolute;
	margin: 48px 0 0 0;
	width: 208px;
}

.ls_top{
	background: url(images/ls_top.gif) no-repeat;
	height: 18px;
	width: 208px;
}

.ls_cont{
	background: url(images/ls_bg.gif);
	width: 208px;
}

.ls_content{
	text-align: left;
	width: 190px;
	margin: 0 auto;
}

.ls_content a{
	display: block;
	height: 19px;
	width: 184px;
	padding: 2px 0 0 6px;
}

.ls_content a:hover{
	display: block;
	background: url(images/ls_hover.gif) no-repeat;
	height: 19px;
	width: 184px;
	background-color: #007ED0;
	color: #0071b7;
	padding: 2px 0 0 6px;
}

.ls_bot{
	background: url(images/ls_bot.gif) no-repeat;
	height: 13px;
	width: 208px;
}

/* --- end live search --- */

.adminbox h2{
	font-size: 1.5em;
}

.adminbox h3{
	font-size: 1.8em;
}

.admin_ad{
	max-width: 75px;
	max-height: 75px;
	padding: 5px;
	border: 1px solid #e1e1e1;
	background-color: white;
}

#admin_left{
	width: 260px;
	float: left;
}

#admin_right{
	width: 200px;
	float: left;
}

.icon{
	vertical-align: middle;
	padding: 0 2px 0 0;
}

.redbox{
    padding: 5px 0 0 0;
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    height: 25px;
    width: 100%;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
}

.infobox{
    padding: 5px;
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    width: 100%;
    background-color: #E3EDF3;
    border: 1px solid #b1cde3;
    float: left;
}

.infobox_red{
    padding: 5px;
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    width: 100%;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    float: left;
}

.boximg{
    width: 44px;
    float: left;
}

.boxinfo{
    font: 1.1em/1.1em helvetica, arial, sans-serif;
    float: left;
    padding: 5px 0 0 0;
}
.extras {padding: 15px 0 0 0;}

.square {float: left; padding: 0 10px 0 10px; border-right: 1px solid #b1cde3; margin: 0;}

.square p {float: left; font: 1em/1em helvetica, arial, sans-serif; margin: 0; padding: 4px 0 0 2px; color: #0071b1;}
.square img {float: left; margin: 0;}

.square a:link, .square a:visited {color: #0071b1; text-decoration: none;}
.square a:hover {color: #8dc640; text-decoration: none;}

.book_open {float: right; clear: both; padding: 5px 10px 0 0; width: 80px;}
.book_closed {float: right; clear: both; padding: 5px 10px 0 0; height: 16px; width: 75px;}

.infoimages {float: left; width: 140px; padding: 0;}
.infoimages img {padding: 4px; border: 1px solid #ccc; margin: 10px 0 0 0;}
.infoimages p {font: 1.1em/1.1em helvetica, arial, sans-serif; float: right; padding-top: 6px;}

.infotext {float: right; width: 355px; padding: 10px 0 0 0; text-align: left;}

.style{
    width: 500px;
    float: left;
}

.style_desc{
    width: 100px;
    float: left;
}

.prod_name{
    font: 2em/1.1em helvetica, arial, sans-serif;
}

.hidden{
    display: none;
}
/* ---------- subnav ----------- */

#subnav {clear: both; float: left; margin: 10px 0 0 0; width: 160px;}
#subnav ul {width: 100%; margin: 3px 0 0 0; padding: 0px; list-style: none; float: left;}
#subnav ul li {width: 100%; border: 0; margin: 0 0 8px 2px; float: left; clear: both; font: 1.2em/1.3em helvetica, arial, sans-serif;}
#subnav a:link, #subnav a:visited {color: #888; text-decoration: none;}
#subnav a:hover {color: red; text-decoration: none;}

/* ---------- inputs ----------- */

input.search{background: url(images/search_input_bg.gif) top left no-repeat; border: 1px solid #b9cfdc; height: 18px; width: 150px; float: left; margin: 0; color: #1A7EB5; padding: 5px 0 0 5px; margin: 7px 0 0 0; font-size: .9em; line-height: 1em;}
select.search{background: url(images/search_input_bg.gif) top left no-repeat; border: 1px solid #b9cfdc; height: 23px; width: 135px; float: left; clear: both; margin: 10px 0 0 0;}

#my_search{
	width: 100%;
}

.go_button{
	float: right;
	width: 48px;
	margin: 0 5px 0 0;
}

input.select #search_param{
	width: 202px;
	padding: 0;
	margin: 0;
}

input.signup{background: url(images/search_input_bg.gif) top left no-repeat; border: 1px solid #b9cfdc; height: 23px; width: 207px; margin: 0;}
select.search{background: #E6F1F7 url(images/search_input_bg.gif) top left no-repeat; border: 1px solid #b9cfdc; height: 23px; width: 135px; float: left; clear: both; margin: 10px 0 0 0;}

p.go {} 
input.button {float: left; height: 34px; width: 48px;}

p.submit {} 
input.submit {float: left; height: 39px; width: 114px;}

#checkys {float: left; clear: both; padding: 10px 0;}
p.checkboxes {float: left; font: 1.1em/1.3em helvetica, arial, sans-serif; clear: both; margin: 0; padding: 0 0 7px 0; color: #06a;}

input.check{background: url(images/search_input_bg.gif) top left no-repeat; border: 1px solid #b9cfdc; height: 12px; width: 12px; float: left; clear: both; margin: 0;}

#searchform {float: left; clear: both; padding: 25px 5px 0 102px;}

.search_cat{
	padding: 0;
	margin: 7px 0 0 3px;
	float: left;
	text-align: left;
	font-size: 1.2em; line-height: 1.2em;
}

.delete_cat{
	color: #FB3939;
	font-size: 1.6em;
	text-transform: uppercase; 
}

.delete_cat img{
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.updated{
	color: #A9DC75;
	font-size: 1.6em;
	text-transform: uppercase; 
}

.updated img{
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/* table elements */

table{
    width: 525px;
}

.two{
    background-color: #F0F7FA;
}

.name{
    width: 150px;
}

.code{
    width: 50px;
}

.price{
    width: 50px;
}

.cart{
    width: 16px;
}

/* All form elements are within the definition list for this example */
dl {
	font: 1.2em/1.1em helvetica, arial, sans-serif;
    position: relative;
    width: 350px;
}

dd {
    width: 200px;
    margin: 0 0 8px 0;
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    width: 250px;
    margin-left: 10px;
    border: 1px solid #b1cde3;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #E3EDF3 url(images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 3px;
    width: 10px;
    height: 19px;
    background: url(images/pointer.gif) left top no-repeat;
}

/* ---------- footer ---------- */

#footer {clear: both; height: 108px; width: 817px; padding: 0; text-align: center; margin: 0 auto 0 auto; background: url(images/footer.gif) top center no-repeat;}