/* CSS Document */

body {
margin:0px;
padding:0px;
background-color:#2A2A2A;
background-image:url(images/main-bg.gif);
background-repeat:no-repeat;
font-size:11px;
line-height:14px;
font-family: Helvetica, Arial,  sans-serif;
color:#CCCCCC;
height:100%;
}
img,h1,h2,h3,h4,h5,div,a {
margin:0px;
padding:0px;
}
h1 {
font-size:18px;
}
h2{
font-size:16px;
color:#D8BDB3;
}
a, a img {
border:none;
color:#877E7D;
text-decoration:none;
font-family: Helvetica, Arial,  sans-serif;
}
a:hover {
color:#FFFFFF;
}
#container {
padding-top:10px;
}
.clr{
clear:both;
}
/* menu */
#nav {
list-style:none;
width:420px;
height:30px;
padding:0px;
margin:0px;
}
#nav li div {
position:absolute;
height:25px;
visibility:hidden;
z-index:20;
text-align:center;
}

#nav li {
float:left;
height:30px;
}

#nav li:hover div, #nav li.sfhover div    {
visibility:visible;
height:25px;
padding-top:16px;
z-index:20;
}
html>body .options {
padding:0px;
margin:0px;
margin-top:0px;
width:100%; /*900px*/
left:0px;/*15%*/
text-align:center;
line-height:11px;
font-size:11px;
}
.options {
padding:0px;
margin:0px;
top:116px;
width:1200px; /*900px*/
left:0px;/*15%*/
text-align:center;
line-height:11px;
font-size:11px;
}

*:first-child+html .options {
	top: 114px;
}

.m-c {
text-align:center;
}

/* top */
#menu {
color:#877E7D;
font-family: Helvetica, Arial,  sans-serif;
height:30px;
}
#submenu {
font-family: Helvetica, Arial,  sans-serif;
color:#8C8281;
position:relative;
height:25px;
width:927px;
font-size:10px;
}
.submenubg{
height:25px;


background: url(images/submenu-bg3.png); 

background-repeat: no-repeat;
background-position: top;

azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?
(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace
('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);

}



.submenucontent{
padding-top:5px;

}
/* -- end top -- */
/* mid */


#content {
text-align:left;
height:400px;
position:relative;
padding:0px;
margin:0px;
width:995px; /*950*/
position:relative;
left:30px;/* 0 */
/*overflow:hidden;*/
} 
/* media page */
#media-content {
padding-top:0px;
position:relative;
} 
#media-header {
pading-bottom:0px;
margin-top:35px;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
color:#7F7575;
height:40px;
overflow:hidden; /* auto */
}

#media-header p {
padding:0px;
margin:0px;
}
/* --- media --- */
select {
background-color:#3D3B3B;
border:1px solid #605A5A;
color:#7A7170;
font:Arial, Helvetica, sans-serif;
font-size:11px;
width:250px;  
margin:0px;
padding:0px;
}
/* internal and products */
#pictures {
width:314px;/*294*/
float:left;
z-index:10;
}
#contact-mid {
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
margin:0px;
padding:0px;
width:310px;
float:left;
padding-right:20px;
padding-top:35px;
height:360px;
}
#contact-right {
width:220px;
float:left;
color:#887D7C;
padding-top:70px;
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
position:relative;

}
#contact-content {
color:#887D7C;

/*height:100px;*/
height:390px;
overflow:hidden;
padding-top:0px;
}
#product-desc{
position:relative;
left:0px;
	padding-top:20px; /* 25*/
z-index:20;
float:left;
width:610px;
}
#product-header {
pading-bottom:10px;
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
color:#7F7575;
height:40px;
overflow:hidden; /* auto */
}
#product-header img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
margin-bottom:0px;
}
#product-header p {
padding:0px;
margin:0px;
}
html>body #product-texts{ /* CSS hacks for IE (every other browsers except ie follow this)*/
color:#887D7C;
/*height:120px;*/
height:125px; /*170*/
overflow:auto;
line-height:14px;
padding-top:10px;
}
#product-texts{
color:#887D7C;
/*height:120px;*/
height:125px; /* 170 */
line-height:14px;
overflow:auto;
padding-top:10px;
}
#product-texts ul{
padding:0px;
margin:0px;
margin-left:15px;
}
html>body #product-misc { /* CSS hacks for IE */
padding-top:1px;
}


#product-misc {
padding-top:0px;
}
#content-texts {
color:#887D7C;
height:305px; /*150*/
overflow:auto;
line-height:14px;
padding-top:10px;

}

#product-images {
width:320px;/*250*/
float:left;
}
#prod-nav {
width:600px;
color:#887D7C;
font-family:Georgia, "Times New Roman", Times, serif;
height:130px;
	padding-top: 10px;
/*background-color:#0000FF;*/

}
#product-menu {

}
/*-- internal -- */

/* end mid */
#footer {
position:relative;
width:1000px;
top:0px;
}
#foot-content {
text-align:left;
color:#514C4B;
position:relative;
font-family: Helvetica, Arial, sans-serif;
left:30px;
}
#footlinks {
width:700px;
padding-top:8px;
float:left;
position:relative;
left:0px;
font-size:9px;
}
#footlinks a {
color:#514C4B;
}
#footlinks a:hover {
color:#FFFFFF;
} 
#flirt {
float:left;
color:#514C4B;
width:250px;
position:relative;
left:40px;
margin-top:-8px;
font-size:9px;
}
.flirtlogo {
position:relative;
top:12px;
padding-top:0px;
}
/* -----------news carousel ----------------- */
#carouselz {  
     position: relative; /* important */  
     overflow: hidden; /* important */  
     width: 960px; /* important */  
     height: 350px; /* important */  
     left: 0px;
	 /*background-color:#0000FF;*/
z-index:30;	    
}  
#carouselz ul, #carousel li{
padding:0px;
margin:0px;
}  
#carousel-content {
width: 500000px;
position: absolute;  
top: 0px;  
margin-left: -0px;

}
#carousel-content li {  
     list-style: none;  
     margin: 0;  
     padding: 0;
	 float:left;
	 display: block;  
           
         margin: 5px;  
         padding: 0px;  
         /*border: 1px solid #666;  
         background-color: #000;*/
		 width:310px; /* 310 */
		 height:300px;
		 overflow:hidden;
	 
}
.thecontent {
width:310px;
overflow:hidden;
}
.thecontent img {
max-width:310px;
}
#prev {
z-index:50;
width:12px;
float:left;
position:absolute;
	top:67px;
height:123px;
cursor:pointer;
left:-40px;
}
#next {
z-index:50;
float:left;
width:12px;
position:absolute;
	left:953px;
	top:67px;
height:123px;
cursor:pointer;
}
/* ----------- pic carousel -------------- */
#piccarouselz {  
     position: relative; /* important */  
     overflow: hidden; /* important */  
     width: 615px; /* important */  
     height: 195px;/*  important */  
     left:-5px;
	 top:0px;
	 z-index:30;
	 padding:0px;
	 margin:0px;	    
}  
#piccarouselz ul, #piccarouselz li{
padding:0px;
margin:0px;
}  
#piccarousel-content {
width: 5000000px;
position: absolute;  
top: 5px; 
margin-left: 00px;

}
#piccarousel-content li {  
     list-style: none;  
     margin: 0;  
     padding:0;
	 float:left;
	 display: block;  
           
         margin-left: 5px;
		 margin-right: 5px;	 
         padding: 0px;  
         /*border: 1px solid #666;  
         background-color: #000;*/
		 width:145px;
		 height:185px;

	 
}
#picprev {
z-index:35;
width:40px;
float:left;
left:-40px;
position:absolute;
	top:275px; /*275 */
height:41px;
cursor:pointer;

}
#picnext {
z-index:35;
float:left;
width:40px;
position:absolute;
	left:609px;
	top:275px; /*275 */
height:41px;
cursor:pointer;
}
/* typo3 default form overide */
fieldset {
border:none;
padding:0px;
margin:0px;

}
.csc-mailform-field label {
width:350px;
float:left;
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
}
#mailformname,#mailformbusiness,#mailformemail,#mailformcontact,#mailformhear,#mailformenquiry {
border:1px solid #645E5D;
background-color:#403E3F;
width:300px;
margin-bottom:6px;
font-size:11px;
color:#B1A3A2;
font-family:  Arial, Helvetica,  sans-serif;
}
.csc-mailform-submit {
background-color:#2A2A2A;
border:none;
font-family:"HelveticaNeueLTStd ThCn","Helvetica Oblique", Helvetica;
color:#B1A3A2;
padding-left:40px;
padding-top:0px;
font-size:11px;
cursor:pointer;
}
/* SEND FRIEND */
#formz {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:'HelveticaNeueLTStd ThCn','Helvetica Oblique', Helvetica;
font-size:11px;
}
#formz td {
font-size:11px;
}
#myname, #myemail, #fname,#femail {
border:1px solid #7C7069;;
background-color:#524A47;
width:233px;
color:#7C7069;
}
#formz textarea {
width:472px;
height:50px;
border:1px solid #7C7069;;
background-color:#524A47;
color:#7C7069;
}
#subbutton {
background-color:#3C3C3C; 
border:none;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:'HelveticaNeueLTStd ThCn','Helvetica Oblique', Helvetica;
color:#B1A3A2;
font-size:11px;
cursor:pointer;
}
#derror {
color:#FF0000;
padding-left:50px;
text-align:right;
}
#ferror {
color:#FF0000;
padding-left:30px;
text-align:right;
}
.lbl {
width:150px;
}
#sendfriend {
color:#E1D0C6;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:11px;
}
html>body #proddrops { /* hacks */
padding:0px;
margin:0px;
height:10px;
margin-bottom:0px;
padding-bottom:6px;
}

#proddrops {
padding:0px;
margin:0px;
margin-bottom:-17px;
height:10px;
}
#dropdowns {
padding:0px;
margin:0px;
height:10px;
}
#proddrops option:focus {
outline:0;
text-align:center;
}
#proddrops option:hover {
background-color:#000000;
}
#product-menu .csc-textpic-intext-left {

}
.csc-textpic-imagewrap {
}
.img-cont {
width:250px;
float:left;
}
#gradline {
position:relative;
height:6px;
line-height:6px;
}
#gradline img {
position:relative;
height:6px;
}
#media-content #carouselz #carousel-content .content-items .thecontent img {
	cursor: pointer; cursor: hand; 
}
#product-desc #product-misc #product-menu .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image img {
	margin-bottom: 5px;
}