/* firefox.bg@gmail.com */


/***** DEFAULTS: *******/

   /* 1. Clearfix  ********/

   .clearfix:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
   }
   .clearfix { display: inline-block; }
   html[xmlns] .clearfix { display: block; }

   * {margin: 0; padding: 0; border: 0;}
   html, body { width: 100%; height: 100%; background: #fff; text-align: center;}


/*Ross*/

.products_list
{
  height:auto;
  width:180px;
  position:relative;
  float:left;
  padding:25px;
  margin-left:-60px;
  min-height:300px;
  background: url('images/bg_purple.png') 0 0 no-repeat;
  margin-top:20px;
}

.products_list ul li {list-style:none;margin:2px;}
.products_list ul li a {text-decoration:none;}

/* TEXTS AND COLOR */
* { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
body {font-size: 12px;}   /* 76% resets 1em to 12px; 62.5% resets to 10px; */

a { color: #634D9E;}
a:hover { color: #f09;}

* .small * a, * .small * a :hover { font-size: 9px; font-family: Verdana, sans-serif; font-weight: normal; text-decoration: none;}

h1, h2, h3, h4 {line-height: 24px; color: #EE008C;}
h1 {font-size: 20px; margin: 5px 0;}
.product_cont h1 {padding-left: 10px; }
#sheet h1 {font-size: 18px; margin: 10px 0 15px 0;}
#rightBlock h1 {text-align: center;}
h2 {font-size: 18px; line-height: 24px; color: #693;  margin: 5px 0; background: url('images/bck_h2.gif') top left repeat-x; }
h2 a {line-height: 24px; color: #693; padding: 0 7px; background: #fff; text-decoration: none;}
.prdText h2 {background: #fff;}
h3, h3 a {font-size: 16px;}
div#leftBlock a h3{color: #339; }
div#leftBlock a:hover h3{color: #EE008C; }

p { margin-bottom: 10px;}
#sheet p { width: 55em;} *>#sheet p {width: auto; max-width: 55em;}
#sheet .product p { width: 35em;}  #sheet .product p {width: auto; max-width: 35em;}

.magentaCol { color: #f09; }
/*.magentaCol.error * { color: #f09; }*/
h3.error {text-align:center;background-color:red; color:#fff;}
h3.error * {color:#fff;}

h3.success {text-align:center;background-color:green; color:#fff;}
h3.success * {color:#fff;}

.lilacCol { color: #669; }


/* ELEMENTS */

.menu_lang
{
 list-style:none;
 text-align:right;
 width:500px;
}

.menu_lang a
{
  color:#000;
  text-decoration:none;
}

.menu_lang li 
{
  float:right;margin-right:5px;
}
.menu_lang .selected a
{
  color:#f00000;
}
#wrapper {
   width: 840px;
   margin: 20px auto;
   position: relative;
}

#top #header { height: 70px; background: #cff url('images/bck_prodHeader_top.jpg') top center repeat-y; }
#header #logo { float: left; margin: 5px; border: 0;}

#home_header {
   height: 139px;
   border-bottom: 3px solid #fff;  
   background: #cff url('images/bck_headR.jpg') top center repeat-y;
}

#content {
   text-align: left;
   margin-top: 0px;
   border-top: 1px solid #DFDFDF;
/*	z-index: 0;*/
}

#content #leftBlock {
   width: 520px;
   padding: 5px 15px;
   float: left;
	background-image: url('images/left_bg.gif') top center no-repeat;;
/*	min-height: 430px;*/
	z-index: 0;
}

#content #rightBlock {
	width: 240px;
	padding: 20px; padding-top: 210px; /* to see the background picture */
	float: right;
	background: url('images/right_bg.jpg') top right no-repeat;
/*min-height: 330px;*/
}

div#content.products {
   background: #fff url('images/bck_prodHeader.jpg') top left no-repeat;
   text-align: left;
}

div.product { width:500px;position:relative;float:left; }

div#sheet {
   height: 300px;
   margin: 20px 35px;
   padding: 5px 30px 25px 30px;
   background: url('images/bck_sheetBtm.jpg') bottom center no-repeat;
}
*>div#sheet { height: auto; min-height: 200px;}

.breadCrumbs { 
   padding: 0 5px; 
   background: #f0f0f0;
   border:1px solid #ccc;
} 

.product_cont .breadCrumbs { margin-top: 15px;}

.breadCrumbs, .breadCrumbs a { 
   line-height: 24px;
   padding-left: 5px;
   font-weight: bold;
   text-decoration: none;
   color: #634D9E;
}

.breadCrumbs a:hover { color: #EF008A;}


.separator {
   border-bottom: 1px solid #ccc;
   font-size: 10px;
   font-family: Verdana, sans-serif;
}

#sheet .prodList { margin: 14px 7px; padding-bottom: 30px;}
#sheet .prodCat.closed { height: 30px; overflow: hidden;}
#sheet .product { margin: 14px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#sheet .product img { float: right; margin: 0 0 10px 10px; border:1px solid #000; }


#footer { text-align: right; font-size:11px;}
#footer a {text-decoration: none; font-weight: bold;}


/* NAVIGATION */

div#menu {
      width: 840px;
      float: left;
      position: relative;
      text-align: left;
      background: #634d9e;
      border-bottom: 1px solid #fff;
/*      z-index: 0;*/
   }

div#menu ul li { color: #fff; background: #634d9e;}
div#menu ul li:hover, div#menu ul li.over, div#menu ul#topNav li.selected { background: #EF008A;}
div#menu a {color: #fff; text-decoration: none; line-height: 20px; padding: 0 8px; }

/*#topNav {  z-index: 11;}*/
#topNav li { position: relative; /* makes it anchor */  border-left: 1px solid #fff; padding-left:2px; }
#topNav li li { width: 120px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; /* this is for the non-horizontal menus */}

.horizM li {display: inline; list-style: none; float: left; /*z-index:0;*/ background: lime;}
.horizM ul.submenu {/*z-index:200;*/ width: 120px; /* this is because IE6 is stupid */ position: absolute; top: 20px; left: 0; }
.horizM .submenu .submenu { position: absolute; top: 0; left: 120px; /* shifts right */ }

         /* tier 1 */
         ul.submenu { display: none; }
         
         li:hover .submenu, li.over .submenu {   display: block;   }

         /* tier 2 */
         li:hover .submenu .submenu, li.over .submenu .submenu {   display: none;   }
        .submenu li:hover .submenu, .submenu li.over .submenu {   display: block;   }

         /* tier 3 */
        .submenu li:hover * .submenu, .submenu li.over * .submenu  {   display: none;   }
        .submenu ul li:hover .submenu, .submenu .submenu li.over ul {   display: block;   }

        .submenu2 { display: none; margin-left:20px; }

ul.Asubmenu {width: 120px; position: relative; left:30px; }

#miniNav {
   height: 17px;
   padding: 0px; margin-bottom: 3px;
   border-bottom: 1px solid #634D9E;
}

#miniNav li {
   float: right;
   width: 50px; height: 14px;
   padding: 0 5px;
   border-right: 1px solid #fff;
   background: #808E97;
   text-align: center;
   line-height: 13px;
	list-style: none;
}
#miniNav>li {width: auto; min-width: 50px;}
#miniNav li:hover, #miniNav li.selected { background: #669;}

#footer ul#miniNav li a, #footer ul#miniNav li a span { color: #fff; font-weight: normal; font-size: 10px; font-family: Verdana, sans-serif;}
#footer span.copy {float: left;}

.galleryList
{
	float: right;
  width:146px;
	margin:54px 0 0 34px;
}
.gallery-thumb
{
	width:145px;
	background-image: url(images/gallbg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-bottom: 12px;
	padding-bottom:3px;
}
.gallery-thumb-up
{
	background-image: url(images/gallbg_yp.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
.galthumbcont
{
	width: 120px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #f0f0f0;
	margin-left: 11;
	margin-right: 11;
	margin-bottom: 11;
	margin-top: 0;
}
.product_cont
{
	width:530px;
   /*text-align: justify;*/
	float: left;
}
.product_cont img
{
	float: left;
	margin: 5px;
}
.galleryLabel
{
    text-align: center;
	 border-top:1px solid #f0f0f0;
}


/*paging*/
.sel 
{
  font-weight:bold;
	padding:1px;
	margin: 3px;
	color:#f00;
}

.simplePage
{
  font-weight:normal;
  margin-left:3px;
}
/*paging end */
.red{ background-color:#f00;color:#fff; }

.search img
{
  /*position: relative;*/
  float: right;
  margin: 4px;
}

.extra { /* these are the Description, Accessories & Specs */
	border:1px solid #634D9E;
	padding: 15px;
	line-height: 13px;
   width:520px;
}

.prdPic { width:110px; 	float: left; margin-right: 20px;}
.prdPic a img {  margin: 0; padding: 0; border: 1px solid #444; clear: none;}

.prdText { padding:10px;}

a.videoLink {
   padding: 5px 0;
   padding-left: 35px;
   line-height: 20px;
   background: url('pictorial/video.gif') top left no-repeat;
}

a.pdfLink {
   padding: 5px 0;
   padding-left: 35px;
   line-height: 20px;
   background: url('pictorial/pdf.gif') top left no-repeat;
}


.simplePic {  	width:30px; 	float: left; }

.simpleText { 
	/*width:520px;*/
	padding:10px;
	line-height: 16px;
	float: left;
	z-index: 0;
}

.simpleText img {
	float: left;
	margin:10px;
	border:0px;
}

.toughtPic {
	width:120px;
	float: right;
	margin: 5px 3px 5px 10px;
}

.toughtText img {margin: 10px; }
.toughtText p {margin-top: 10px; padding-bottom: 10px; }

.toughtText {
	padding:10px;
	line-height: 14px;
}

.toughtText  p { text-indent: 25px; }

/* this is for homepage */

div#columns {clear: both;}
div#rows {clear: both;}

.homepage div.textBlock {
   width: 278px; 
   float: left; 
   padding: 0; padding-top: 15px; 
   margin-bottom: 20px; 
   background: url('images/shade-right.jpg') top right no-repeat; 
   border-left: 1px solid #f0f0f0;
   border-right: 1px solid #f0f0f0;
}
div.textBlock h1 {padding: 10px 5px 0 5px; margin: 0; text-indent: 15px; line-height: 16px;}
div.textBlock p {padding: 0 5px; margin: 5px 0 10px 0;}

.homepage .toughtText {  background: #fafafa url('images/bck_grayGrad.jpg') top center repeat-x; }

.homepage .toughtText .horBlock {
      height: 80px;
      position: relative;
      padding-left: 0 10px; margin: 7px 0;
      background: #958EAF;
      color: #fff;
}
.homepage .toughtText>.horBlock {height: auto; min-height: 100px;}


.toughtText .horBlock p {
   float: none;
   padding: 10px; padding-right: 30px;
   margin-left: 220px;
   color: #fff;
}

.homepage .toughtText .horBlock p img {
   position: absolute; top: 0; left: 0px;
   padding: 10px 5px;
   background: #fff;
}

/* END this is for homepage */

.listProdText { 	float:left;width:350px;/*position:relative;*/ }
.listProdText p { /*color: #1EA81F; /*nasty green*/ }
.listProdText h3 { color: #1EA81F; /*green from above*/ /*color: #989898; /*stylish grey*/ }
.listProdPic { 	float:left;/*postion:relative;*/width:140px; margin:5px; }

.tabButton { 
	width:97px;
	cursor: pointer;
	float: left;
	background: /*#ef008a*/ #A7ADDF url('images/tab_button.gif') bottom left no-repeat;
   border-right: 2px solid #fff;
   color: #fff; 
   text-align: center;
	font-weight:bold;
   line-height: 22px;
}
.tabButton span { color: #fff; }

.tabButtonSelected {
	width: 97px;
	cursor: pointer;
	float: left;
	background: #634d9e url('images/tab_button_selected.gif') top left no-repeat;
   border-right: 2px solid #fff;
   text-align: center;
	font-weight: bold;
	color:#fff;
   line-height: 24px;
}

.tabButtonSelected span { color:#fff; }

table td { 	padding: 3px; }
table { 	border: 1px solid #e0e0e0; }

.Ttitle { 	color:#fff; 	font-weight: bold; }

.alignRight { 	text-align: right; }

.listProd {
	clear: both;
	margin:5px 0 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
 .prodList img { 	border: 1px solid #000000; }

.style8 {color: #FFFFFF; }

.selected_gal {
	border:1px solid #e0e0e0;
	padding:1px;
	margin: 3px;
}

#privacyPolicy {
   /*position:relative;*/
   width:500px;
   color:#1EA81F;
   display:none;
}

#policyClose {
   clear:both;
   width:500px;
   text-align:right;
   font-weight:bold;
   border-bottom:1px solid #cfcfcf;
}

#policyCloseBottom {
   clear:both;
   width:500px;
   text-align:right;
   font-weight:bold;
   border-top:1px solid #cfcfcf;
   margin-bottom:30px;
}

#policyOpen {
   clear:both;
   width:500px;
   text-align:right;
   font-weight:bold;
   border:0px;
}


/* new styles - maya */
div.headlineItem { 
   height: 30px; min-height: 30px;
   margin: 5px 0; 
   padding: 5px; padding-left: 30px; 
   background: #fff url('images/icon_page.gif') 0px 2px no-repeat; 
   border-bottom:1px solid #ccc; 
}
*>div.headlineItem { height: auto; }
div.headlineItem:hover {background-color: #fafafa;}
div.headlineItem h3, div.headlineItem h3 a {text-decoration: none;  font-size: 13px; line-height: 20px; }

div.newsItem {
   padding: 10px;
   background: url('images/shade-right.jpg') top right no-repeat;
   border-top: 1px solid #ccc;
}

.newsTitle {
   padding: 7px; padding-left: 30px; 
   margin-bottom: 10px;
   line-height: 20px;
   background: url('images/icon_page.gif') 0px 2px no-repeat; 
   font-size: 16px;
}

.newsText { 
   background: transparent; 
}

.newsText img {    width:200px; 	float: right; border: 1px solid #ccc; margin: 8px 12px; }



/* form styles*/
input, textarea {border: 1px solid #ccc; font-size: 12px; margin: 3px 0;}

{border-top: 1px solid #ccc; margin-top: 5px;}
label { width: 100px; margin: 3px 0;} 
form div.col {width: 250px; float: left; padding: 12px 0;}
form div.col label { float: left;}

.content4content {margin: 10px 0;}

div#tags {
   border-top: 1px solid #ccc;
}

div.tagItem {
   width: 120px; 
   float: left; 
   margin: 5px 5px 5px 0; 
   text-align: center; 
}
*>div.tagItem {width: auto; min-width: 120px;