* {
    margin: 0;
    padding: 0;
}

html, body,{
    height:100%;
    width:100%;
}

body
{
background-image:url(images/bkg.jpg);
background-repeat:repeat-x;
background-color:#2d2d2d;
}

a:link {color:#333333; text-decoration:none;}    /* unvisited link */
a:visited {color:#333333; text-decoration:none;} /* visited link */
a:hover {color:#333333; text-decoration:underline;} 

#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }

#cont {
    position:relative;
    top:0;left:0;
    z-index:70;
    overflow:hidden;
}

.box {
	position:relative;
	margin:auto;
	width:928px;
	height:940px;
	border:none;
	margin-top:0px;
	background: url(images/can.jpg) left 0px;
	background-repeat:repeat;	
}

.collections_product {
	position:relative;
	margin:auto;
	width:928px;
	height:1200px;
	border:none;
	margin-top:0px;
	background: url(images/can.jpg) left 0px;
	background-repeat:repeat;	

}

.collections{
	position:relative;
	margin:auto;
	width:928px;
	height:890px;
	border:none;
	margin-top:0px;
	background: url(images/can.jpg) left 0px;
	background-repeat:repeat;	

}

.contact{
	position:relative;
	margin:auto;
	width:928px;
	height:760px;
	border:none;
	margin-top:0px;
	background: url(images/can.jpg) left 0px;
	background-repeat:repeat;	

}

.box_press {
	position:relative;
	margin:auto;
	width:928px;
	height:1480px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(images/can.jpg) left 0px;
	background-repeat:repeat;	

}

#press_content{
position:absolute;
width: 700px;
height: 577px;
left:283px;
top:732px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#press_dates{
position:absolute;
width: 50px;
height: 577px;
left:193px;
top:203px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:right;
}

#header {
position:absolute;
height: 146px;
width: 752px;
}

#header_nav {
position:absolute;
width: 202px;
top:41px;
left:750px;
}

#main{
position:absolute;
left:194px;
top:203px;
}

#top_nav {
position:absolute;
width: 928px;
top:169px;
}

#side_nav {
position:absolute;
width: 178px;
top:205px;
left:2px;
}

#text{
	position:absolute;
	width:710px;
	border:none;
	left:200px;
	top:691px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:13px;
	margin-top:0px;
	line-height:21px;
	color:#333333;
	text-align:left;
	
}

#contact_text{
	position:absolute;
	width:200px;
	height:100%;
	border:none;
	left:700px;
	top:300px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	line-height:16px;
	color:#333333;
	
}

.gcol {
	float: left;

}

.gcol_collection {
	float: left;
	padding-right:14px;

}

#title {
position:absolute;
width: 178px;
top:670px;
left:195px;
}

#home_animation {
	position:absolute;
	left:194px;
	top:203px;
}

.slideshow_brands img 
{ padding: 0px;
border: 0px;
}

#collections {
	position:absolute;
	float: bottom;
	left:220px;
	top:385px;
	height:100%;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:13px;
	color:#cc0000;
	line-height:35px;
}

a.innerborder, a.innerborder img {
float: left;
overflow:hidden;
}
a.innerborder:hover {
border:1px solid #cc0000;
}
a.innerborder:hover img {
margin: -1px;
}


#text_about{
	position:absolute;
	width:710px;
	border:none;
	left:200px;
	top:727px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	line-height:22px;
	color:#333333;
	text-align:left;
	
}
#line{
	position:absolute;
	width:623px;
	height:150px;
	border:none;
	left:220px;
	top:250px;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:24px;
	color:#cc0000;
}

#line_2{
	position:absolute;
	width:163px;
	height:150px;
	border:none;
	left:220px;
	top:950px;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:22px;
	color:#cc0000;
}

#line_3{
	position:absolute;
	width:163px;
	height:150px;
	border:none;
	left:220px;
	top:250px;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:22px;
	color:#cc0000;
}

* {
margin: 0;
}

ul{
list-style-type: none;
color: #333333;
padding-left:400px;
margin:0px;

}

li {
list-style-type: none;
font-family:Trebuchet MS, arial,sans-serif;
font-size:12px;
color:#333333;
padding-bottom:0px;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.footer{
width:928px;
height:140px;
padding:5px 0 5px 0;
}

.footer a {
	color: #fff;
	border: 0;
	text-decoration:none;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	padding: 0;
	color: #ffffff;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:10px;
}


/* menu::base */



			
#formzo{
	position:absolute;
	width:150px;
	height:300px;
	border:none;
	left:693px;
	top:590px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:11px;
	margin-top:0px;
	line-height:16px;
	color:#333333;
	text-align:right;
}
table.formcontainer{ padding: 0; margin: 0; font-size: 1.3em; }


table.formcontainer {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 10px;
}


table.formcontainer td {  padding: 5px; vertical-align: top; }
table.formcontainer td input, 
table.formcontainer td select,
table.formcontainer.width td textarea { width: 100%; font-weight: normal;  margin-top: 2px; }
table.formcontainer.width td input{
	width:150px;
	border: solid 1px #999;
	padding: 2px;
	background: #ffffff;
	outline:none medium;
}

table.formcontainer.width td input:focus{
background: white;
}


table.formcontainer.width td textarea {
	width:150px;
	height: 40px;
	border: solid 1px #999;
	background: #ffffff;
	outline: none medium;
}

table.formcontainer.width td textarea:focus{
background: white;
}

table.formcontainer .graySelect {
	background: #f5f5f5;
	width: 150px;
	margin: 2px 0 0 0;
	padding: 2px;
	border-color: #ffffff;
	font-size: 11px;
	vertical-align: middle;
}

table.formcontainer.width td input.btn_submit {
	width:77px;
	height:23px;
	background-color:#ededed;
	color:#333333;
	cursor:pointer;
	border:none;
}

.textarea {
	border: solid 1px #8595b2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 4px 0 5px 8px;
}


.honey { display: none;}
 /*end contact form*/

/* product main images */

#product_image {
position:absolute;
left:217px;
top:400px;
}

#product_image_about{
position:absolute;
height: 330px;
left:23px;
top:210px;
}
#static_image {
position:absolute;
height: 223px;
left:24px;
top:250px;
}

#static_image_tabs {
position:absolute;
height: 223px;
width: 374px;
left:24px;
top:210px;
}
#product_discription {
	position:absolute;
	width:40%;
	border:none;
	left:420px;
	top:160px;
	font-family:Trebuchet MS, serif;
	font-size:12px;
	margin-top:5px;
	line-height:18px;
	color:#666666;
	text-align:left;
}

#specs{
top:120px;
position:absolute;
padding-left:10px;
	line-height:16px;
}
.pikachoose ul{
width:400px;
height:100%;
overflow:hidden;
padding-left:3px;
padding-top:565px;
}

.pikachoose ul li{
float: left;
min-width:80px;
min-height:80px;
background:#ffffff;
margin:0px 14px 14px 0px;
position:relative;
overflow:hidden;
border:solid 1px #000644;
text-align: center;
}

.pikachoose ul li div img{
position:relative;
cursor:pointer;
}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */

.pika_main{
width:100%;
height:0px;
display:block;
position:relative;
}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
position:relative;
}

.pika_subdiv{
position:relative;
border:0px solid #ffffff;
background:#ffffff;
padding:2px;

}

.pika_animationDivs{
top:2px;
left:2px;}

 /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{
border:none;

}


.pika_navigation a{
font-size: 12px;
text-decoration: none;
}

.pika_navigation a:hover{
text-decoration: underline;
}

.pika_navigation{
padding-top:10px;
clear:both;
text-align:center;
}

/*side nav drop down */

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 178px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a, ul.menu ul.menu li a {
  background: #ffffff;
  color: #fff;	
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #ffffff;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: #ffffff;
  border-left: 5px #ffffff solid;
  text-decoration: underline;
  padding-left: 15px;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 5px #cc0000 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 0px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: none;
    
}