html{
	background: #000;
}

a {
	outline:none;
    color:#fff;
}
a:hover{
    color:#3399CC;
}



/*.gradient{
background: url(../../i/interface/gradient.png) repeat-x;	
}*/

#center-slider{
	position:relative;
	height:300px;
	width:900px;
	margin: 0 auto 0 auto;
}

#pagination{
	width:300px;
	margin:0 auto;
    margin-bottom:15px;
}

#terms ol{
	width:400px;
	margin-left:15px;
}

#terms h4{
	padding-top:25px;	
}

#terms ol li{
	list-style:lower-alpha;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:12px;
	list-style-position:inside;
	padding-bottom:12px;
	line-height:18px;
	

}

#telephones{
	margin-top:88px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;	
}

#telephones .role{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#3388cc;
	display:block;
}

#telephones .name{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	font-style:italic;
	color:#999;
}

#telephones .email a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}

#telephones .number{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#999;
	padding-left:25px;
}

#telephones ul li{
	padding-bottom:9px;	
}

#details{
margin-top:25px;	
}

#details .branch{
	width:200px;
	float:left;
}


#contact-image{
	background:url(../i/interface/contact.png)no-repeat;
	border:1px solid #999;
	height:285px;
	margin-top:105px;
    display:none;
}

#rights{
}

#terms h1{
	width:500px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#3399CC;
	text-transform:capitalize;
	text-decoration:none;		
}

#rights ul li, #terms #rights ul li ul li, #terms #rights ul li ul li ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:12px;
	list-style-position:inside;
	padding:6px 0 6px 0;
	line-height:18px;
	list-style:none;
	
}


#rights ul{
	width:400px;
	margin-left:15px;
}

#rights ul ul{
	margin-left:25px;
}

#rights ul ul ul{
	margin-left:35px;
}


#pagination a{
	padding:4px;
	border:1px solid #333;
	padding: 4px 6px;
	font-family:Arial,Helvetica,sans-serif;
	color:#666;
	text-decoration:none;
	font-size:14px;
	vertical-align:middle;
	margin-right:2px;
}

#pagination a:hover{
	color:#3399CC;
	border:1px solid #999;
}



/* BRANDING */

#menu-span{
	background: url(../i/interface/menu-bg.png) repeat-x;
	height:33px;
	
}

#branding{
	position:relative;
	width:900px;
	height:120px;
	margin: 0 auto 0 auto;
}


#branding h1{
	position:relative;
	height:101px;
	text-indent:-9999em;
	width:197px;	
	   /*	float:left;	*/
	background: url(../i/interface/logo.png) no-repeat;
    top:15px;

}

#branding #promotion{
	position:relative;
	background: url(../i/interface/banner.png) no-repeat;
	float:right;
	width:468px;
	height:57px;
	border: 1px solid #999;
	margin-right:20px;
	margin-top:7px;
    display:none;
}


#ribbon{
	position:relative;
	height:77px;
	background: url(../i/interface/ribbon-bg.png) repeat-x;
	z-index:1;
	margin-top:25px;
    display:none;
}

sup{
    font-size:5px;
}


#ribbon-home{
	position:relative;
	height:77px;
	background: url(../i/interface/ribbon-bg.png) repeat-x;
	z-index:1;
	margin-top:2px;
    display:none;
}

#group-1-2-3{
	position:relative;
	width:860px;
	height:77px; /* reduced from 135 */
	margin: 0 auto 0 auto;
	top:1px;
}

.item-1-2-3
{	
	position:relative;
	z-index:100;
	float:left;
	height:77px;
	padding:0 10px 0 10px;
}

#group-1-2-3 #search
{
	top:-1px;
	width:241px;
	background: url(../i/interface/ribbon-search.png) no-repeat;
	margin-left:20px;
}

#group-1-2-3 #select{
	top:-1px;
	width:241px;
	background: url(../i/interface/ribbon-select.png) no-repeat;
}

#group-1-2-3 #submit{
	top:-1px;
	width:241px;
	background: url(../i/interface/ribbon-submit.png) no-repeat;
}

.item-1-2-3 .description{
	position:absolute;
	width:141px;
	height:47px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	top:26px;
	}

#shoutout{
	position:absolute;
	z-index:1000;
	height:53px;
	width:154px;
	background:url(../i/interface/as-easy-as-trans.png) no-repeat;
	top:-35px;
	left:-50px;
}

 

#b-about .display{
	margin-left:-1px; 
 }

.content{
	position:relative;
	width:900px;
	margin: 32px auto 15px auto;
}

.content b{
	font-weight:bold;
	color:#3399CC;
}

.content a{
    font-weight:bold;
    color:#3399CC;
    text-decoration:underline;
}

.content a:hover{
    font-weight:bold;
    color:#00CCFF;
    text-decoration:underline;
}

.primary-content{
	position:relative;
	float:left;
	width:570px;
	min-height:200px;	
}

#contact-form .primary-content{
	width:400px;	
}


.primary-content p {
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:14px;
	padding-bottom:10px;
	line-height:22px;
}

.primary-content p span{
	color:#cccccc !important;	 
}

.secondary-content{
	position:relative;
	float:right;
	width:300px;
}

.secondary-content-contact{
	float:left;
	width:300px;
}

.secondary-content-block{
	margin-bottom:3px;	
}

.details .details-label{
		background:url(../i/interface/details-h2.png) no-repeat;
		width:200px;
		height:25px;
}

#plisc-logo
{
width:282px;
height:100px;
	background: url(../i/interface/plisc.png) no-repeat;	
}

.content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6699cc;
	font-weight:bold;
}

#home h2{
	background:url(../i/interface/content-h2-trans.png) no-repeat;
	text-indent:-9999em;
}

#catalogue h2{
	/*background:url(../i/interface/catalogue-h2.png) no-repeat;
	text-indent:-9999em; */
}

#product-info h3{
		background:url(../i/interface/description-h3.png) no-repeat;
	text-indent:-9999em;
}

#environmental h2{
	background:url(../i/interface/environmental-h2.png) no-repeat;
	text-indent:-9999em;
}

#b-values h2{
	background:url(../i/interface/values-h2.png) no-repeat;
	text-indent:-9999em;
}

#contact-form h2{
	background:url(../i/interface/contact-h2.png) no-repeat;
	text-indent:-9999em;
}

#b-mission h2{
	background:url(../i/interface/mission-h2.png) no-repeat;
	text-indent:-9999em;
}

#vision h2{
	background:url(../i/interface/vision-h2.png) no-repeat;
	text-indent:-9999em;
}



#submit-cart-form h2{
	background:url(../i/interface/submit-cart-h2.png) no-repeat;
	text-indent:-9999em;
}
#cart-content h2{
	background:url(../i/interface/cart-h2.png) no-repeat;
	text-indent:-9999em;	
}

#b-profile h2{
	background:url(../i/interface/profile-h2.png) no-repeat;
	text-indent:-9999em;
}

#b-why h2{
	background:url(../i/interface/why-h2.png) no-repeat;
	text-indent:-9999em;
}

#b-about h2{
	background:url(../i/interface/about-h2-trans.png) no-repeat;
	text-indent:-9999em;
}

#terms h2{
	background:url(../i/interface/terms-h2-trans.png) no-repeat;
	text-indent:-9999em;
}

#b-distribution h2{
	background:url(../i/interface/distribution-h2.png) no-repeat;
	text-indent:-9999em;
}

#error h2{
	background:url(../i/interface/error-h2.png) no-repeat;
	text-indent:-9999em;
}

.secondary-content-contact p{
	color:#ccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	/*text-transform:capitalize;*/
	margin-bottom:2px;	
}

.content h4{
	color:#3399cc;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*text-transform:capitalize;*/
	margin-bottom:15px;
}


.clear{
	clear:both;
}





.secondary-content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6699cc;
	font-weight:bold;
	text-indent:-9999em;
}

.secondary-content h4{
	color:#3399cc;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*text-transform:capitalize;*/
	margin-bottom:15px;
}

#corporate-video h2{
	background: url(../i/interface/secondary-content-corporate-video-h2-trans.png) no-repeat;
}

#for-more-info{
background: url(../i/interface/call-now.png) no-repeat;
width:282px;
height:58px;
}

#environmental-policy{
width:282px;
height:58px;
border: 1px solid #333;
}


#footer{
	position:relative;
	height:150px;
		
}

#footer ul#brands{
	width:950px;
	margin: 0 auto 0 auto;	
}

#footer #brands-span{
	background: #fff;
	min-height:38px;

}

#footer ul#brands li{
	float: left;
	min-height:38px;
	text-indent:-9999em;
	margin-right:15px;
}


ul#brands li#caedo{
	background: url(../i/interface/brands-caedo.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#nutrifast{
	background: url(../i/interface/brands-nutrifast.png) no-repeat;
	width:86px;
	height:38px;
}

ul#brands li#desmon{
	background: url(../i/interface/brands-desmon.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#birko{
	background: url(../i/interface/brands-birko.png) no-repeat;
	width:86px;
	height:38px;
}

ul#brands li#bromic{
	background: url(../i/interface/brands-bromic.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#wolf-blass{
	background: url(../i/interface/brands-wolf-blass.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#dudson{
	background: url(../i/interface/brands-dudson.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#dudson{
	background: url(../i/interface/brands-dudson.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#cast-away{
	background: url(../i/interface/brands-cast-away.png) no-repeat;
	width:76px;
	height:38px;
}

ul#brands li#robot-coupe{
	background: url(../i/interface/brands-robot-coupe.png) no-repeat;
	width:85px;
	height:38px;
}

ul#brands li#fourth{
	background: url(../i/interface/brands-fourth.png) no-repeat;
	width:84px;
	height:38px;
}

#footer ul#alt-menu li{
	float: left;
	text-align:center;
	margin-right:15px;
}

#footer ul#alt-menu li a{
font-family: arial, sans-serif;
color:#666;
font-size:11px;
text-decoration:none;
}

#footer ul#alt-menu li a:hover{
color:#ccc;

}

#footer ul#alt-menu
{
	width:425px;
	margin: 3px auto 0 auto;
}

#footer #legals{
	width:905px;
	margin: 10px auto 40px auto;
}

#footer #legals p{
  font-family: arial, sans-serif;
  color:#666;
  font-size:11px;
  text-decoration:none;
  text-align:center;
  line-height:18px;
}

#footer #legals p b{
   font-weight:bold;
}

#footer #legals p a{
   color:#666;
}

#footer #legals p a:hover{
   color:#fff;
}


#footer ul#categories-menu
{
	width:420px;
	margin: 3px auto 0 auto;
}

#footer ul#categories-menu li{
	float: left;
	text-align:center;
	margin-right:15px;
}

#footer ul#categories-menu li a{
font-family: arial, sans-serif;
color:#666;
font-size:11px;
text-decoration:none;
}

#footer ul#categories-menu li a:hover{
color:#ccc;

}


/* rest of the site */

#center-panel { /* Each panel is arranged end-to-end */
	position:relative;
	height: 300px;
	width: 900px;
	margin: 0 auto 0 auto;
}

.panel-menu{
	width:224px;
	float:left;
	margin:-15px 0 0 0;
}

/*.panel-menu li{
	width:224px;
	height:50px;
}*/

.panel-menu li a{
	display:block;
	text-indent:-9999em;
	width:224px;
	height:50px;	
}

.primary-content ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding-left:15px;
	list-style:inside;
}

.panel-menu li#why a{
	background:url(../i/interface/panel-menu-why-trans.png) no-repeat;
}

.panel-menu li#why a:hover{
	background: url(../i/interface/panel-menu-whyr-trans.png) no-repeat;
}

.panel-menu li#mission a{
	background:url(../i/interface/panel-menu-mission-trans.png) no-repeat;
}

.panel-menu li#mission a:hover{
	background: url(../i/interface/panel-menu-missionr-trans.png) no-repeat;
}

.panel-menu li#values a{
	background:url(../i/interface/panel-menu-values-trans.png) no-repeat;
}

.panel-menu li#values a:hover{
	background: url(../i/interface/panel-menu-valuesr-trans.png) no-repeat;
}

.panel-menu li#vision a{
	background:url(../i/interface/panel-menu-vision-trans.png) no-repeat;
}

.panel-menu li#vision a:hover{
	background: url(../i/interface/panel-menu-visionr-trans.png) no-repeat;
}

.panel-menu li#profile a{
	background:url(../i/interface/panel-menu-profile-trans.png) no-repeat;
}

.panel-menu li#profile a:hover{
	background: url(../i/interface/panel-menu-profiler-trans.png) no-repeat;
}

.panel-menu li#distribution a{
	background:url(../i/interface/panel-menu-distribution-trans.png) no-repeat;
}

.panel-menu li#distribution a:hover{
	background: url(../i/interface/panel-menu-distributionr-trans.png) no-repeat;
}





.sub-cat{
	position:relative;
	float:left;
	width:270px;
	height:280px;
	border: 1px solid #333;
	margin-right:25px;
	margin-bottom:20px;
}


.sub-cat .options{
	text-align:right;
	padding-right:5px;
}

.sub-cat .options a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	padding-left:5px;

}

.sub-cat h1 a, .sub-cat h1{
	width:260px;	
	margin: 4px auto 1px auto;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3399CC;
	text-transform:lowercase;
	text-decoration:none;
}

.sub-cat .options a:hover{
	color:#0C0;	
}



#catalogue .primary-content{
	width:900px;
	padding-left:12px;
}

.product{
	position:relative;
	float:left;
	width:270px;
	height:330px;
	border: 1px solid #333;
	margin-right:25px;
	margin-bottom:20px;
}


.product h1 a, .product h1{
	width:260px;	
	margin: 4px auto 1px auto;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3399CC;
	text-transform:lowercase;
	text-decoration:none;
}

.product .code-field{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding: 0 0 0 05px;
	color:#666;
}

.product .code{
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	font-style:italic;
	color:#CCC;
	padding: 0 0 0 5px;
}

.product .image{
	position:relative;
	height:200px;
	/*width:279px;*/
	margin: 5px auto 0 auto;
}

.product .brief-description{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	line-height:13px;
	color:#ccc;
	padding: 5px 5px 5px 7px;		
}

.product .brief-description p span{
	font-size:12px !important;
}
	

.product .options{
	text-align:right;
	padding-right:5px;
}

.product .options a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	padding-left:5px;

}

.product .options a:hover{
	color:#0C0;	
}







#product-info .code{
		font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-style:italic;
	color:#CCC;
	padding: 0 0 0 5px;
}

#product-info .descriptive-label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#6699CC;
	padding-right:5px;
}

#product-info .options{
	width:570px;	
}

.options .add-to-cart a{
	display:block;
	width:95px;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent:-9999em;
	background:url(../i/interface/add_to_cart.png);
}

#product-info .image{
	margin-top:10px;

}

#product-info .image img{
    border:5px solid #999999;

}


#product-info .details{
	width:450px;
	float:left;
}

#product-info .primary-content h2 {
	width:430px;
}
#product-info .code{
	width:300px;	
}

#product-info .add-to-cart{
	width:95px;	
	float:right;
	margin-right:25px;
}

#product-info h3 {
	width:260px;	
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
	font-size:18px;
	font-weight:bold;
	color:#3399CC;
	/*text-transform:capitalize;*/

}

#product-info .description{
	padding-left:5px;
	color:#3399CC;
	font-family:Arial, Helvetica, sans-serif;	
}




#submit-cart-form input, #contact-form input, textarea{
	border:1px solid #686868;
	background:#2D2D2D none repeat scroll 0 0 !important;
	color: #FFFFFF !important;
	width:350px;
	padding: 4px 6px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	vertical-align:middle;
}

.label{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#fff;
	display:block;
	font-size:11px;
	padding: 10px 0 5px;
}

.formRequired{
	color:#C00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;	
}

.form-buttons{
	padding:10px 0 5px;;
	width:380px;
}

#submit-cart-form .form-buttons input, #contact-form .form-buttons input{
	width:175px;
	margin-right:10px;
}

#submit-form #chkbx .newsletter{
	width:20px;	
	margin-top:14px;
	margin-right:6px;
	float:left;
}

#submit-form #chkbx .label{
	float:left;	
	font-size:12px;
	line-height:19px;
	width:340px;
}

#submit-form #chkbx{
	margin-top:5px;	
}








/* cart */

#cart-content #submit-cart a{
	padding:6px;
	background:#333;
	border: 1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999;
	text-decoration:none;
	margin:0 auto;
	display:block;
	width:100px;
}


#cart-content #submit-cart a:hover{
	color:#fff;	
}
.class_container{
	border:1px solid #454545	;
	background: #333;
}

table#cart{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	width:100%;
}

table#cart .test{
	background:#3f3f3f;

}

table#cart tr{
	padding:4px;
	height:25px;
}

table#cart tr:hover{
    background:#999;
    color:#fff;
}

table#cart tr:hover a{
    color:#fff;
}

table#cart thead{
	height:25px;
}

table#cart .number{
	width:10px;
	font-size:10px;	
	padding-left:9px;
}

table#cart .title{
	width:250px;
	font-weight:bold;
	padding-left:3px;	
}

table#cart .title a{
	color:#6699CC;
	text-decoration:none;
}

table#cart .title a:hover{
	color:#3399CC;
	text-decoration:none;	
}

table#cart .remove{
	width:20px;
}

.remove a{
		color:#900;
}

.remove a:hover{
		color:#c00;
}

table#cart .code{
	width:80px;
	font-weight:bold;
	padding-left:3px;	
}

table#cart tr td.title{
	width:150px;
}

table#cart tr td.title, table#cart tr td.code{
	font-weight:normal;
	font-size:14px;
}

#submit-cart a{
	margin:0 auto 0 auto;
}


ul#sitemap{
    list-style-type:none;
}


#sitemap li{
    margin-top:15px;
}

#sitemap li li{
    margin-bottom:10px;
}

#sitemap li.single-level ul li{
    margin-top:1px;
    margin-bottom:1px;
}


#sitemap li li li{
    margin-top:10px;
}

#sitemap li li li li{
    margin-top:1px;
    margin-bottom:1px;
}

#sitemap li a{
    text-decoration:none;
}

#sitemap li a{
    color:#00ff33;
}

#sitemap li li a{
    color:#999999;
}

#sitemap li li li a{
  color:#6699cc;
}


#sitemap li li li li a{
    color:#999999;
}



#sitemap li a:visited{
     color:#0066FF;
}

#sitemap li a:hover{
      color:#ffffff;
}



#catalogue-ribbon{
	position:relative;
	height:77px;
	background: url(../i/interface/ribbon-bg.png) repeat-x;
	margin-top:25px;
	z-index:1;
	
}





#search-form{
	float:right;
	margin-top:5px;
}

#search-form .search-text{
		border:1px solid #686868;
	background:#2D2D2D none repeat scroll 0 0 !important;
	color: #FFFFFF !important;
	padding-top:3px;
    padding-bottom:4px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	vertical-align:middle;
}

#search-icon{
	border:none;
	/*background: url(../i/interface/search.png) no-repeat; */
	/*text-indent:-9999px;*/
	width:70px;
	cursor:pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size:11px;
		border:1px solid #686868;
	background:#2D2D2D none repeat scroll 0 0 !important;
	color: #FFFFFF !important;
    padding-bottom:4px;
    padding-top:3px;
}




/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu-items{
	width:900px;
	margin:0 auto 0 auto;
}

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:0 auto 10px auto; position:relative; width:640px; float:left; height:25px; z-index:100; }

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding-top:6px; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;  font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#999; height:25px; line-height:24px; text-decoration:none; text-indent:5px; }
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; padding-left:0; color:#ccc;width:90px;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:none; color:#fff;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}

#pmenu li ul li{background:#333;border:1px solid #000; margin-top:-1px; width:190px;}
#pmenu li ul li a{width:190px;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-08px; left:120px; padding:10px 30px 30px 30px; width:190px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}



li.fix-right{
    padding-right:40px;
}








/* two level menu

================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
===================================================================
/* common styling 
.menu {font-family: arial, sans-serif; width:900px; height:33px; position:relative; font-size:11px; z-index:100; margin: 0 auto 0 auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#000;height:33px; text-align:center; color:#999; background:none; line-height:33px; font-size:11px; overflow:hidden; padding:0 15px 0 15px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers 
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:33px; left:0; width:145px;}
.menu ul li:hover ul li a.hide {background:#333; color:#999; }
.menu ul li:hover ul li:hover a.hide {background:#666; color:#0C3;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#333; text-transform:capitalize; color:#999; height:28px; width:145px; padding:0 5px 3px 15px; text-align:left; border-bottom:1px solid #3B3B3B;}
.menu ul li:hover ul li a:hover {background:#666; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:165px; top:0; }
.menu ul li:hover ul li ul li a{width:155px; text-align:left;padding:0 5px 0 15px; text-transform:capitalize;border-left:3px solid #666;}

.menu ul li:hover ul li ul li a:hover{border-left:3px solid #FC0;}

.menu ul li#menu-view-order{float:right;}
.menu ul li#menu-first, .menu ul li#menu-view-order{background:none;}


*/







/* coda */

#center-slider{

}
.panelContainer #welcome{
	background: url(../i/content/scroll-welcome.png) no-repeat;
}

.panelContainer #general{
	background: url(../i/content/scroll-general.png) no-repeat;
}

.panelContainer #drinks{
	background: url(../i/content/scroll-drinks.png) no-repeat;
}

.panelContainer #foods{
	background: url(../i/content/scroll-foods.png) no-repeat;
}

.panelContainer #furniture{
	background: url(../i/content/scroll-furniture.png) no-repeat;
}

.panelContainer #electrical{
	background: url(../i/content/scroll-electrical.png) no-repeat;

}


.panel .p-container{
	position:relative;
	padding: 6px 15px 2px 15px;
	top:135px;
}

.panel p{
	position:relative;
	color:#c3c3c3;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
}

.panel p .desc{
	background: url(../i/interface/scroll-bg-trans.png);
	line-height:33px;	padding:.5px;

}
/*.panel .links a{
 	background: url(../i/interface/scroll-bg-trans.png);
    color:#fff;
}

.panel .links a:hover{
    color:#c3c3c3;
} */


.panel h4{
	text-indent: -9999em;
	margin-bottom:5px;
	height:23px;
}

#welcome h4{
	background: url(../i/content/scroll-home-h4-trans.png) no-repeat;

}

#general h4{
	background: url(../i/content/scroll-general-h4-trans.png) no-repeat;

}

#foods h4{
	background: url(../i/content/scroll-foods-h4-trans.png) no-repeat;

}

#drinks h4{
	background: url(../i/content/scroll-drinks-h4-trans.png) no-repeat;

}

#furniture h4{
	background: url(../i/content/scroll-furniture-h4-trans.png) no-repeat;

}

#electrical h4{
	background: url(../i/content/scroll-electrical-h4-trans.png) no-repeat;

}

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer, .panel-content-container { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 9px solid #333; /* this is the border. should have the same value for the links */
			width: 637px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 255px;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 637px; /* Also specified in  .stripViewer  above */
			height:255px;
		}
		

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			float:left;
			margin:0;
			width:224px !important; /* !important required to override the element.style (inline css which has most specificity and priority) that the  cada slider javasctipt is applying the div .stripNav */
			margin-top:10px;
		}

		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		
		
		.stripNav a { /* The nav links */
			width:224px;
			height:50px;
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 50px;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0;
			text-indent: -9999em;
		}
		
		.stripNav ul li.tab1 a{
			display:none;
		}

		.stripNav li.tab2 a { background:url(../i/interface/scroll-activator-g-trans.png);}

		.stripNav li.tab2 a:hover {
			background:url(../i/interface/scroll-activator-gr-trans.png);
		}	
		
		.stripNav li.tab3 a { background: url(../i/interface/scroll-activator-e-trans.png); }

		.stripNav li.tab3 a:hover {
			background:url(../i/interface/scroll-activator-er-trans.png);
		}
		
		.stripNav li.tab4 a { background: url(../i/interface/scroll-activator-furniture-trans.png); }

		.stripNav li.tab4 a:hover {
			background:url(../i/interface/scroll-activator-furniturer-trans.png);
		}		
		
		.stripNav li.tab5 a { background: url(../i/interface/scroll-activator-f-trans.png); }

		.stripNav li.tab5 a:hover {
			background:url(../i/interface/scroll-activator-fr-trans.png);
		}	
		
		.stripNav li.tab6 a { background: url(../i/interface/scroll-activator-d-trans.png); }

		.stripNav li.tab6 a:hover {
			background:url(../i/interface/scroll-activator-dr-trans.png);
		}		

		.stripNav li a.current {
			/*background: #000;
			color: #fff;*/
		}

		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			height: 40px;
			width: 40px;
		}

		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}

		.stripNavL {
		}

		.stripNavR {
		}