/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
html{width:100%; height:100%; font:10px Helvetica, Arial, Verdana, sans-serif; color:#1f1f1f;}
body{width:100%; height:100%; min-width:962px; text-align:center; background:#ffffff url(../gui/bg_gradient.gif) repeat-x;}
a, a:visited{text-decoration:none; color:#4B8CC9;}

.form_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	TEXT-DECORATION: none;
}



/* MAIN LAYOUT */
#container {margin:auto; margin-top:40px; position:relative; width:879px; min-height:368px; height:auto !important; height:368px; text-align:left; border:1px solid #999999; background:url(../gui/bg_container.gif) repeat-y;}
#container_home {margin:auto; margin-top:40px; position:relative; width:879px; min-height:772px; height:auto !important; height:772px; text-align:left; border:1px solid #999999; background:url(../gui/bg_container.gif) repeat-y;}
#container_login {margin:auto; margin-top:20px; position:relative; width:879px; min-height:20px; height:auto !important; height:20px; text-align:right; border:1px solid #ffffff; background:url(../gui/bg_container.gif) repeat-y;}
#container_land {margin:auto; margin-top:59px; position:relative; left:76px; width:727px; min-height:368px; height:auto !important; height:368px; text-align:left; border:1px solid #999999; background: #FFFFFF;}

#products #container {background:url(../gui/bg_products.gif) repeat-y;}
#logo {position:absolute; width:152px; height:261px; display:block; background:url(../gui/logo.gif) no-repeat; text-indent:-9999px; top:0px; left:0px; z-index:10;}
#logo a {width:152px; height:261px; display:block; border:none;}
#menu{position:absolute; width:702px; height:59px; padding-left:25px; top:0px; right:0px; text-indent:-9999px; background-color:#e9e9e9; z-index:10;}
#submenu{position:absolute; width:130px; top:280px; left:22px; z-index:10;}
#copyright{margin:auto; padding:4px 5px 0px 0px; color:#898989; line-height:3.0em; font-size:1.1em; width:879px; text-align:right; clear:both;}
#copyright a{color:#898989; font-style:italic;}
#copyright a:hover{border-bottom:1px dashed #898989;}

/* HOMEPAGE */
#slideshow{display:block; width:727px; height:713px; position:absolute; top:58px; right:0px; border-top:1px solid #999999;}
#slideshow img{position:absolute; top:0px; left:0px; z-index:2; opacity:0.0}
#slideshow img.active{z-index:6; opacity:1.0;}
#slideshow img.last-active{z-index:4;}
#facebook {position:relative; left:0px; top:300px; width:135px; height:50px; z-index:1;}
#twitter {position:relative; left:7px; top:312px; width:135px; height:50px; z-index:1;}

/* LANDING PAGE */
#text2 { position:relative; top:50px; z-index:1;}

/* CLIQUE PAGES */
#clique_center{position:relative; width:695px; left:15px; top:10px; line-height:1.5em; font-size:1.2em; border-bottom:dotted #333333;}
#clique_left{position:relative; width:351px; padding:15px; line-height:1.5em; font-size:1.2em;}
#clique_right{position:relative; width:351px; left:361px; top:-435px; padding:0px 10px 0px 10px; line-height:1.5em; font-size:1.2em;}
#clique_bottom{ position:relative; width:695px; left:15px; line-height:1.5em; font-size:1.2em;}

/* RESOURCES */
#thumb_clique {position:relative; width:351px; height:115px; left:15px; top:35px;}
#thumb_news {position:relative; width:351px; height:115px; left:15px; top:45px;}
#thumb_craft {position:relative; width:351px; height:115px; left:15px; top:60px;}
#thumb_catalogue {position:relative; width:351px; height:115px; left:375px; top:-310px;}
#thumb_literature {position:relative; width:351px; height:115px; left:375px; top:-300px;}
#thumb_warrenty {position:relative; width:351px; height:115px; left:375px; top:-285px;}

#copy_clique{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_news{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_craft{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_catalogue{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_literature{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_warrenty{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}

/* CRAFTSMANSHIP */
#thumb_materials {position:relative; width:351px; height:115px; left:15px; top:35px;}
#thumb_drawers {position:relative; width:351px; height:115px; left:15px; top:45px;}
#thumb_inside {position:relative; width:351px; height:115px; left:15px; top:55px;}
#thumb_tops {position:relative; width:351px; height:115px; left:15px; top:65px;}
#thumb_carving {position:relative; width:351px; height:115px; left:15px; top:75px;}
#thumb_upholstry {position:relative; width:351px; height:115px; left:375px; top:-540px;}
#thumb_finish {position:relative; width:351px; height:115px; left:375px; top:-530px;}
#thumb_hardware {position:relative; width:351px; height:115px; left:375px; top:-520px;}
#thumb_logistics {position:relative; width:351px; height:115px; left:375px; top:-510px;}

#copy_materials{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_drawers{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_inside{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_tops{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_carving{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_upholstry{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_finish{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_hardware{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}
#copy_logistics{position:relative; left:130px; top:-85px; height:75px; width:210px; line-height:1.5em; font-size:1.2em; z-index:3;}



/* CONTENT PAGE */
#content{width:695px; padding:0px 0px 0px 184px; line-height:1.5em; font-size:1.2em; position:relative;}
#text{width:310px; padding:100px 22px 25px 0px; float:left; position:relative;}
#content p{padding-bottom:15px; line-height:1.6em;}
#content a:hover{border-bottom:1px dashed #4B8CC9;}
.fine_print{font-size:10px; font-style:italic; line-height:13px; padding-top:20px; display:block; }

#RegisterContent{ 
	width:695px; padding:50px 0px 0px 184px; line-height:1.5em; font-size:1.2em; position:relative; 
	background:transparent url(../gui/bg_products.gif) repeat-y scroll 0 0;
}
#form{ position:relative; top:-480px; left:300px;}

h2{display:block; width:300px; height:54px; margin-bottom:25px; position:relative; text-indent:-9999px;}
#about h2{background:url(../gui/header_about.gif) no-repeat center;}
#designers h2{background:url(../gui/header_designers.gif) no-repeat center;}
#resources h2#signup{background:url(../gui/header_resources.gif) no-repeat center;}
#resources h2#clique{background:url(../gui/header_resources2.gif) no-repeat center;}
#resources h2#news{background:url(../gui/header_resources3.gif) no-repeat center;}
#resources h2#catalogue{background:url(../gui/header_resources4.gif) no-repeat center;}
#resources h2#literature{background:url(../gui/header_literature.gif) no-repeat center;}
#contact h2{background:url(../gui/header_contact.gif) no-repeat center;}
#thanks h2{background:url(../gui/header_thanks.gif) no-repeat center;}

#pic{width:363px; height:641px; position:relative; float:left; background:url(../images/resources.jpg) no-repeat;}
#about #pic {background:url(../images/about.jpg) no-repeat;}
#designers #pic {background:url(../images/designers.jpg) no-repeat;}
#resources #pic {background:url(../images/resources.jpg) no-repeat;}
#resources #pic.clique {background:url(../images/resources2.jpg) no-repeat;}
#resources #pic.news {background:url(../images/resources3.jpg) no-repeat;}
#contact #pic {background:url(../images/contact.jpg) no-repeat;}

/* ++++++++++++++ Large Image ++++++++++++++ */
#pic2{width:363px; height:811px; position:relative; float:left; background:url(../images/resources.jpg) no-repeat;}
#resources #pic2.literature {background:url(../images/resources4.jpg) no-repeat;}

/* PRODUCTS PAGE */
#thumbs, #categories {position:relative; width:725px; padding:60px 0px 10px 154px; min-height:534px; height:auto !important; height:534px;}
#categories{width:720px; padding:66px 0px 10px 159px;}
#thumbs a{width:140px; min-height:160px; margin:14px 0px 7px 2px; float:left; display:block; border:1px solid #FFFFFF;}
#thumbs a:hover{border:1px solid #bcbcbc;}
.product_name {display:block; text-align:center; font-size:1.4em; color:#666666;}
.category_name {display:block; text-align:center; font-size:1.4em; line-height:1.2em; color:#5fa3d6; padding:8px 0px 4px 0px;}
#headerImg {position:relative; width:725px; padding:60px 0px 10px 154px;}

#pagination {width:725px; height:26px; position:relative; padding:8px 0px 15px 152px; clear:both;}
#pagination a{display:block; width:185px; height:24px; text-indent:-9999px; border:none;}
#previous {background:url(../gui/prev.gif) no-repeat; position:absolute; left:158px; top:18px;}
#numbers {height:22px; text-align:center; font-size:1.4em; color:#666666; position:absolute; left:472px; top:22px;}
#next {background:url(../gui/next.gif) no-repeat;  position:absolute; right:4px; top:18px;}

/* PRODUCT DETAIL PAGE */
#detail{position:relative; width:270px; padding:88px 0px 40px 575px; min-height:549px; height:auto !important; height:549px;}
#detail h3{display:block; font-size:1.7em; line-height:1.3em; font-weight:normal;}
#detail p{display:block; font-size:1.4em; line-height:1.5em; padding:8px 0px 20px 0px; border-bottom:1px solid #999999;}
#detail #description, #admin #description{padding:0px 0px 20px 0px;}
#back{display:block; width:184px; height:24px; margin-top:10px; text-indent:-9999px; background:url(../gui/product_back.gif) no-repeat;}
#image{position:absolute; top:85px; left:160px;}
.blue{display:block; color:#5fa3d6;}
.blue_buttons{display:block; padding:10px 0px 6px 0px; width:270px; height:26px; border-bottom:1px solid #999999; }
.blue_buttons a{display:block; background:#4B8CC9; height:14px; font-size:1.4em; padding:4px 8px 5px 8px; margin-right:6px; float:left; color:#FFFFFF;}
.blue_buttons a:hover, .blue_buttons a:visited{border-bottom:none; color:#FFFFFF;}

/* ADMIN */
#login_form{display:block; padding:20px; margin:6px 0px; background:#ECEBEB; width:200px;}
#login_form input.field{display:block; width:180px; _height:28px; border:1px solid #c3c3c3; margin:11px 0px 0px 4px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-size:15px; line-height:16px;}
#login_form input#submit{width:80px; margin:10px 0px 8px 4px; height:26px;}

#admin{position:relative; width:649px; padding:70px 40px 40px 190px; min-height:300px; height:auto !important; height:300px; text-align:left;}
#admin_menu{position:absolute; width:726px; height:69px; top:0px; left:152px; background-color:#e9e9e9; z-index:10;}
#admin_menu select{position:absolute; top:17px; left:38px; height:25px; font-size:15px;}
#admin_menu select option{padding:4px 10px 4px 10px; color:#4B8CC9;}
#admin_menu select optgroup{color:#666666; font-weight:normal; padding:10px 0px 4px 0px;}
#admin_submenu{position:absolute; top:7px; left:680px; display:block; z-index:11; width:250px;}
#admin a:hover{border-bottom:1px dashed #4B8CC9;}
#admin ul{ font-size:13px;}
#admin li{display:block; height:20px; padding:12px 0px 6px 20px; width:629;}
#admin p{display:block; font-size:1.4em; line-height:1.5em; padding:8px 0px 14px 0px; border-bottom:1px solid #999999;}
.gray{background-color:#F0F0F0;}
.white{background-color:#FFFFFF;}
.buttons{display:block; padding:10px 0px 0px 0px; width:500px; height:26px; }
.buttons a{display:block; background:#4B8CC9; height:14px; font-size:1.4em; padding:4px 8px 5px 8px; margin-right:6px; float:left; color:#FFFFFF;}
#admin .buttons a:hover, .buttons a:visited{border-bottom:none; color:#FFFFFF;}
#admin h3{display:block; padding-top:12px; font-size:1.7em; line-height:1.3em; font-weight:normal;}

#add input, #add textarea{display:block; padding:3px 3px 2px 3px; width:290px;}
#add select{display:block; width:300px;}
#add input#submit{width:140px; margin-top:16px;}
.form_text{font-size:1.4em; line-height:1.5em; display:block; color:#4B8CC9; padding:14px 0px 2px 0px;}
.red{color:#CC0000;}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}
.hidden{display:none;}