@charset "UTF-8";
/* CSS Document */

/*a{display:block;color: #981793;padding:10px}*/

/* Layout */

div#header {height:320px }

div#header #nav-menu {float: left; width:730px ; height: 140px; margin: 10px 0 0 0}

div#container{width:930px;margin:0 auto}

div#navigation{float:left;width:550px; padding: 0 15px}

div#extra{float:right;width:730px;} 

div#extra #display{ padding:50px 10px 10px 10px; margin:0 15px 15px 15px}

div#extra #gallery{
	padding:0px 2px 10px 10px;
	margin:0 15px 15px 15px
}  

div#extra #gallery {width: 680px }

div#extra #gallery form#contact-form label {display: block}

div#extra #gallery form#contact-form input {border: 1px solid #ccc}

div#footer{clear:both;width:100%}

div#wrapper{padding: 0 0 10px 0}

div#extra #top{height: 100px; }

div#address {background: white; font-size: 9px; color:#666; text-align: center; height: 40px; padding-top: 10px}




/* Styles */

body {background: url(../img/layout/bg2.png) repeat-x top #693;line-height: 1.3em  }

p {margin-bottom: 1.3em}

h3 {line-height: 1.8em}

.clear { clear:both}

body {font-family: "Verdana",Arial, sans-serif; font-size: 12px; color:#369}

div#wrapper{background: url(../img/layout/wrapper-bg.png) repeat-x bottom #FFF5FA}


/*header */

div#header {background: url(../img/layout/castle2.png) 643px bottom no-repeat }

div#header #nav-menu {background: url(../img/layout/nav-menu.png) no-repeat; }

div#header #nav-menu ul {margin: 50px 0 0 240px}

#nav-menu span {display: none;}

div#header #nav-menu li, #nav-menu a { height:33px;display:block;}

div#header #nav-menu li {float:left; list-style:none; display:inline; }

#nav-menu01 {width: 65px;	background:url(../img/layout/menu.png)    0px 0px no-repeat; }

#nav-menu02 {width: 71px;	background:url(../img/layout/menu.png)  -65px 0px no-repeat; }

#nav-menu03 {width: 116px;	background:url(../img/layout/menu.png) -136px 0px no-repeat; }

#nav-menu04 {width: 116px;	background:url(../img/layout/menu.png) -252px 0px no-repeat; }

#nav-menu05 {width: 77px;	background:url(../img/layout/menu.png) -368px 0px no-repeat; }

#nav-menu01 a:hover {background:url(../img/layout/menu.png) 0px -33px no-repeat; }

#nav-menu02 a:hover {background:url(../img/layout/menu.png) -65px -33px no-repeat; }

#nav-menu03 a:hover {background:url(../img/layout/menu.png) -136px -33px no-repeat; }

#nav-menu04 a:hover {background:url(../img/layout/menu.png) -252px -33px no-repeat; }

#nav-menu05 a:hover {background:url(../img/layout/menu.png) -368px -33px no-repeat; }



div#header #aux-menu { float: right; width: 200px; height:140px; background: url(../img/layout/aux-menu.png) no-repeat; }

div#header #aux-menu ul{margin: 30px 0 0 40px}

div#header #aux-menu li{list-style: none}


/* navigation */

div#navigation h3{font-size: 16px; font-weight: normal; color: #f6c}

div#navigation .more{float: right}

div#navigation hr{background: url(../img/layout/line.png) transparent repeat-x center; border: 0; height: 1px; padding: 10px 0}



/*extra */

#nav-gal {
	width: 730;
	height: 40px;
	background: url(../img/layout/menu-bg-extra.png) no-repeat top center transparent;
	padding: 20px 0 0 35px
}

/**** Drop Down menu */

/*#nav {width: 730; height: 60px; background: url(../img/layout/menu-bg-extra.png) no-repeat top center transparent; padding: 20px 0 10px 35px}*/

#nav {}

#nav li {
	color:#000;
	float:left;
	margin:0;
	list-style:none;
	background:transparent;
	text-align:center;
	cursor:default;
	height: 30px;
	background-repeat: no-repeat;
	display: block;
	padding: 0 20px 5px 0;
}

#nav a{text-decoration:none; }

#nav li a{color: #369; display: block; }

#nav li ul {padding: 5px 0 10px 0; width: 200px; margin-left: -5px;margin-top: 17px }

#nav li ul {background:url(../img/layout/down-bg-extra.png) no-repeat bottom }

#nav li ul li { background: none; clear: both; text-align: left;height: 100%; width: 185px; /*background: url(../img/layout/down-bg-extra.png);*/ padding: 0 0 0  15px }

#nav li ul li a {color: #fff; font-weight: bold; padding: 5px 0}

#nav li ul li a:hover { background: url(../img/layout/down-bg-extra.png); margin-left:-15px; padding-left:15px}

#nav li ul{display:none; 	position:absolute; 	top:100%; 	left:0; }

#nav li>ul{	top:auto;left:auto; }

#nav li li{	float:left;border:0;display:block; }

#nav li:hover ul,li.over ul{display:block;}



.bt-down {background: url(..img/layout/down-bt-extra.png) bottom; height: 20px; width: 200px } 


/* end drop down menu */


/* Search */

#search {float: right; padding: 0 30px 0 0}

input {background: none; border: none; color: #369; }

input#field {background: url(../img/layout/search.png) no-repeat; width: 101px; height: 20px; padding: 0 3px }

input#button {cursor: pointer; }


/*end search*/




div#gallery hr.line-up{background: url(../img/layout/gal-line.png) transparent repeat-x center; border: 0; height: 1px; padding: 15px 0}

div#gallery hr.line-down{background: url(../img/layout/gal-line-down.png) transparent repeat-x center; border: 0; height: 1px; padding: 20px 0}

#top-gal {
	background: url(../img/layout/gal-top.png) no-repeat center top;
	height: 3px;
	;
	margin-top: 3px
}

#gallery {background: #fff}

#gallery h4 {font-size: 16px; color: #f6c;}

#gallery #menu li {
	display:inline;
	float:left;
	padding: 5px 0 15px 10px;
	color: #f6c
}

#gallery #menu li a {
	background: url(../img/layout/arrow.png) no-repeat right 4px;
	padding: 0 15px 0 0;
	color:#369;
	text-decoration: none
}

#gallery #menu li a:hover { color:#369; text-decoration: underline;color: #f6c }


#gallery .paginator {float: right}

#gallery .paginator li {background: url(../img/layout/gal-menu-point.png) no-repeat right 8px; display:inline;	float:left;	padding: 5px 15px 15px 5px;color: #f6c	}

#gallery .paginator li a { color:#369; text-decoration: none }

#gallery .paginator li a:hover { text-decoration: underline; color: #f6c }

#gallery .paginator li#p-page a {color: #f6c}

#gallery .paginator li#n-page {background: none  ; }

#gallery .paginator li#n-page a {background: none  ; color: #f6c}




#gallery #items li {
	display:inline;
	float:left;
	width:140px;
	padding: 1px 1px 1px 15px;
}

#gallery #items li  a:link {text-decoration: none;}

#gallery #items li  a:hover {text-decoration: none;}

#gallery #items li  a:visited {text-decoration: none;}

#gallery #items .pic {
	height: 115px;
	margin: 0 0 0 5px
}

#gallery #items .thumb {padding: 0 0 0 1px; }

#gallery #items img {margin: 0 0 10px 0;}

#gallery #items .thumb a{ ; padding: 0 0 0 1px; }

div#extra #coupons  {margin: 0 auto; width: 264px; padding-bottom: 5px}

div#extra #display{background: url(../img/layout/extra-bg.png) repeat-x top}

*div#extra #display{background: #fff4f9 url(../img/layout/extra-bg.gif)  ;}

div#extra #display h3{font-size: 16px; font-weight: normal; color: #f6c}

div#extra #contact-form{}

div#extra #contact-form input, div#extra #contact-form textarea{padding: 3px 0; font-size:11px; margin:5px 0 10px 0; border: 1px solid #ccc }

div#extra #contact-form #image-verification{font-size:9px;}

div#extra #gallery #contact-form #submit, div#extra #gallery #contact-form #reset{width: 78px; height: 22px; border:none; background: url(../img/layout/submit.jpg) no-repeat; text-indent: -1000px; margin: 0 20px; cursor: pointer}

div#extra #gallery #contact-form #reset{background: url(../img/layout/reset.jpg) no-repeat;}

div#extra #gallery #stores {float: right; font-size: 11px; width: 280px}

div#extra #gallery #stores h2 {font-weight: normal; color: #f6c}

div#extra #gallery #stores div {text-align: left; width: 230px; padding: 0 0 0 20px; margin: 10px 0 40px 0}

div#extra #gallery #stores div a{color: #f6c; text-decoration: none }

div#extra #gallery #stores div a:hover{color: #f6c; text-decoration: underline }

div#extra #gallery #store-locator {font-size: 11px; padding: 0 20px 0 60px}

div#extra #gallery #store-locator a{color: #f6c; text-decoration: none}

div#extra #gallery #store-locator a:hover{color: #f6c; text-decoration: underline }

div#extra #gallery #store-locator li {margin: 5px 0;  padding: 0 0 0 20px}

div#extra #gallery #store-locator h2 {margin: 0 0 20px 0}
div#extra #gallery #store-locator h3 {margin: 50px 0 0 0; }

div#extra #gallery #store-locator #other-countries {float: right; width: 160px}

div#extra #gallery #store-locator #us-states{width: 400px; background: url(../img/layout/store-locator-bg.jpg) no-repeat 50px right}

div#extra #gallery #store-locator #us-states li{ width: 180px; float: left;}

div#extra div#product-detail {
	margin: 1px
}

div#extra div#product-detail img {
	float: left;
	margin: 0 40px
}

div#extra div#product-detail img.clr {
	float: left;
	margin: 0 3px
}

div#extra div#product-detail img.ico {margin: 0 5px
}

div#extra div#product-detail img.add {
	float: left;
	margin: 0 1px
}



/* footer */

div#footer #search{float: right}

div#footer #search #cuadro {padding: 0 10px; margin:8px; height:20px; width:131px; border:solid 0 #fff; background: transparent url(../img/layout/input.png) no-repeat; color:#999 }

div#footer #search #bot {font-family: "Verdana",Arial, sans-serif; font-size: 14px;padding: 0 ; margin:8px; border:solid 0 #fff; background: transparent ; color:#FFF; cursor: pointer; }

div#footer #menu{font-size:14px;color:#fff;float: right }

div#footer #menu ul{margin: 0; padding: 8px;}

div#footer #menu ul li{display: inline;}

div#footer #menu ul li a{ padding:5px 5px; text-decoration: none; color: #FFF}

div#footer #menu ul li a:hover{ color:#fff; text-decoration: underline}

div#footer #my_menu{font-size:14px;color:#fff; width: 200px}

div#footer #my_menu hr {color: #fff; background-color: #fff; height: 1px;border: 0}

div#footer #my_menu ul{margin: 0; padding: 8px;}

div#footer #my_menu ul li{list-style-image: url(../img/layout/bullet.gif); list-style-position: inside; padding: 5px 0;}

div#footer #my_menu ul li a{ padding:5px 5px; text-decoration: none; color: #FFF}

div#footer #my_menu ul li a:hover{ color:#fff; text-decoration: underline}