/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 11px;
    line-height: 13px;    
    font-family: Arial, "Trebuchet MS", Helvetica, Sans-Serif;
    color: #000;
   /*  background: #48494a; */
    text-align: left;
}

/*----- Start "Clear" -----*/
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*------ End "Clear" ------*/

/*----- Start "Link styles" -----*/
a img { border: 0; }
a { color: #263e57; text-decoration: none; }
a:hover { text-decoration: underline; }
/*------ End "Link styles" ------*/

/*----- Start "Box positions" -----*/
.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Box positions" ------*/

/*----- Start "Text positions" -----*/
.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }
/*------ End "Text positions" ------*/

/*----- Start "Form Elements" -----*/
.field { border: solid 1px #000; background: #fff; color: #999; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; padding: 3px 3px 3px 1px; width: 152px; }
.form-button { width: 66px; height: 24px; border: 0; background: url(images/form-button.gif) no-repeat 0 0; color: #fff; text-transform: uppercase; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height: 24px; }
form p { line-height: 18px; }
form p a { color: #092a4a; font-size: 10px; font-weight: bold; text-decoration: underline; }
form p a:hover { text-decoration: none; }
/*------ End "Form Elements" ------*/

h2 { font-size: 13px; line-height: 20px; font-weight: normal; padding-left: 6px; color: #fff; }
#sidebar h2 { background: url(images/sidebar-heading.gif) no-repeat 0 0; }
#content h2 { background: url(images/content-heading.gif) no-repeat 0 0; }

.blue-button { display: block; width: 160px; height: 39px; line-height: 39px; background: url(images/blue-button.gif) no-repeat 0 0; font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; }
.blue-button:hover { text-decoration: none; }

/*------ End "Main definitions" ------*/

.shell { width: 936px; margin: 0 auto; }
/* #page { width: 916px; margin-top: 30px; padding: 10px; border: solid 5px #414243; background: #fff; } */
#header { height: 112px;/*  background: #f6f6f6; */ }
#main-nav { height: 47px; background: url(images/main-nav-bg.gif) repeat-x 0 0; padding-bottom: 2px; border-bottom: solid 1px #f1f1f1; margin-bottom: 5px; }
#sidebar { float: left; display: inline; width: 100px; }
#content { width: 806px; float: right; display: inline;min-height:300px; }
#footer { margin-top: 10px; text-align: center; padding-bottom: 20px; }
#header h1{font-size:20px;}
h1#logo { height: 76px; width: 265px; padding-top: 19px; padding-left: 13px; float: left; display: inline; margin-right: 46px; }
h1#logo a { display: block; height: 76px; width: 265px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.gif) no-repeat 0 0; }

#search-form { float: left; display: inline; padding-top: 51px; width: 228px; margin-right: 28px; }
#search-form .field { float: left; display: inline; }
#search-form .form-button { float: right; display: inline; }

#login-form { float: left; display: inline; width: 295px; padding-top: 51px; }
#login-form div.left { margin-right: 2px; }
#login-form .field { float: left; display: inline; margin-right: 6px; width: 102px; }
#login-form .form-button { float: right; display: inline; }
#login-form p { float: left; display: inline; margin-right: 15px; }

#main-nav ul { font-size: 13px; line-height: 29px; font-weight: bold; text-transform: uppercase; z-index:10}
#main-nav ul li { margin-top: 9px; float: left; display: inline; background: url(images/main-nav-separator.gif) no-repeat right 0; padding: 0 32px 0 30px; position:relative;z-index:15;}
#main-nav ul li.last { padding-right: 0; background: none; }
#main-nav ul li a { color: #fff; }
#main-nav ul ul{
background:#E6E6E6 none repeat scroll 0 0;
display:none;
float:none;
left:0;
padding:3px;
position:absolute;
top:25px;
width:200px;
z-index:50;
}
#main-nav ul ul li{line-height:auto;background:none;margin:0;padding:0;}
#main-nav ul ul li a{color:#263E57;text-transform:none;}

#footer{background:#665533;}
#footer ul { font-size: 13px; line-height: 15px; font-weight: normal; text-transform: uppercase; text-align: center; padding: 25px 0; }
#footer ul li { display: inline; list-style-type: none; padding: 0 30px; }
#footer ul li a { color: #fff; }
#footer ul ul{display:none;}

#categories { line-height: 24px; padding-bottom: 100px; }
#categories ul li { list-style-type: none; border-bottom: dashed 1px #efefef; background: url(images/categories-dot.gif) no-repeat 10px 9px; padding-left: 23px; }
#categories ul li .dropdown { display: none; }

.ad { text-align: center; padding: 15px 0; }

.catalog-ad { padding-bottom: 50px; font-size: 13px; line-height: 17px; }
.catalog-ad ul { padding-left: 45px; text-align: left; }
.catalog-ad ul li { list-style-type: none; }
.catalog-ad ul li a { color: #000; text-decoration: underline; }
.catalog-ad ul li a:hover { text-decoration: none; }
h3{margin-top:15px;}
/* featuerd item */
#featured { height: 450px; position: relative; overflow: hidden;  margin-bottom: 6px; float:left;z-index:1;width:50%;}
#featured span{position:absolute;}
#featured h3 { font-size: 20px; font-weight: normal;  line-height: 24px; padding-bottom: 15px; float:left;margin-right:20px;}
#featured .content { width: 340px; color: #666; }
#featured .content p { padding-bottom: 12px; }
#featured .blue-button { float:left;}
#featured .product-image { float:left;clear:left;}
#featured .paging { height: 24px; line-height: 24px; position: absolute; right: 10px; bottom: 9px; font-weight: bold; }
#featured .paging a { float: left; display: inline; width: 24px; height: 24px; background: #7e96ad; color: #fff; text-align: center; margin-left: 1px; }

	a.activeSlide {background:transparent url(happening.sel.bg.png) no-repeat scroll 0 0;}

.products-catalog { padding-left: 10px; }
.products-catalog h2 { color: #000; text-transform: uppercase; font-weight: normal; font-size: 16px; line-height: 20px; padding: 10px 0 3px; font-weight:bold;  margin-bottom: 8px; background: #ddddcc !important; border-bottom: 1px solid rgb(102, 102, 102);}
.products-catalog table.thumbnails { padding-bottom: 4px; background: url(images/hor-line-2.gif) repeat-x 0 bottom; margin-bottom: 10px; }
.products-catalog table.thumbnails tr td { vertical-align: bottom; width: 17%; text-align: center; font-size: 12px; padding: 10px 0; background: url(images/ver-line-2.gif) repeat-y right 0; }
.products-catalog table.thumbnails tr td.last { background: none; }
.products-catalog table.thumbnails tr td p { padding: 8px 0; }

/* Product detail */
.productphoto {
float:right;
font-size:80%;
margin-right:1%;
margin-top:10px;
text-align:center;
width:350px;
}
.productphoto a{display:block;}
.productdescription {
margin:10px 360px 10px 20px;
z-index:7;
}
.productdescription ul{
margin-left:20px;
}
.productdescription h3{
font-size:20px;
font-family:Tahoma;
line-height: 20px;
padding: 5px 3px;
margin-bottom: 8px;
background: #990000 !important;
font-weight:normal;
color:white;
}
.productdescription h4{padding: 10px 0;}

.qtyHeaderInfoCell{
color: #ffffff;
background-color: #003366;
/*font-size: .6em;*/}

.pricingRowPrice{
color: #003366;
/*font-size: .6em;*/
background-color: #cdcdcd;}

.qtyValue{
color: #ffffff;
background-color: #003366;
/*font-size: .6em;*/}

.pricingRowInfoCell{
color: #003366;
font-weight: bold;
/*font-size: .6em;*/
background-color: #cdcdcd;}

.detailPageCaption{
font-size: x-small;
text-align: center;}

.displayOnlyAttribute{
color: #003366;
/*font-size: .6em;*/
font-weight: bold;}

.displayOnlyAttributeValue{
/*font-size: .6em;*/}
.productpricegrid,  .productpricegrid tr td{background:none;}
.productattributes,  .productattributes tr td.attribute{background:none;}


.productpricegrid th {
	background : #ccc;
	padding : 4px 5px;
	text-align : left;
	color : #000;
}
.productpricegrid td {
	background : #eee;
	padding : 3px 5px;
	font-size : 95%;
	text-align : left;
}
.productpricegrid .dividerRule,
.productpricegrid .contentBlock {
	background : #fff;
}
.productpricegrid .label {
	font-weight : bold;
	background : #ddd;
}

.productattributes .attribute {
	font-weight : bold;
	text-align : right;
	vertical-align : top;
	/* white-space : nowrap; */
}
.productattributes .popup .attribute {
	font-weight : normal;
}
.productattributes td {
	vertical-align : top;
}
.productattributes .value {
	text-align : left;
	vertical-align : bottom;
	width:75%;
}
.supportingimages {
	margin-top : 20px;
}
.supportingimages td {
	padding : 0 5px 5px 0;
}
/* dist tools */
ul.distributortools {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.distributortools li {
text-align:center;
width:23%;
}
.distributortools a {
background:transparent url(/images/buttongradient.jpg) repeat-x scroll center bottom;
color:#444444;
display:block;
font-size:80%;
font-weight:bold;
margin:4px 0pt;
padding:3px 4px;
text-align:center;
text-decoration:none;
}
.distributortools a:hover {
background:#FFFFFF none repeat scroll 0% 50%;
color:#000000;
}
.distributortools li a {
background:transparent url(/images/buttongradient.jpg) repeat-x scroll center bottom;
}
/*product tabs*/
.tabs {
 padding-top:10px;
}
.tabs li {
 float:left;
 list-style:none;
}
.tabs li a {
 border:2px solid #ccc;
 border-bottom:none;
 display:block;
 padding:2px 5px 3px;
 margin-left:5px;
 -moz-border-radius:5px 5px 0 0;
 color:black;
 text-decoration:none;
}
.tabs li a:hover {
 background:#eee;
}
.tabs li.current a {
 position:relative;
 z-index:10;
/* top:2px;*/
 background:#fff;
 padding-bottom:5px;
 margin-bottom:-2px;
}
.tabboxes {
 list-style:none;
 border:2px solid #ccc;
 -moz-border-radius:5px;
 clear:both;
 margin-bottom:10px;
}
.tabboxes table.productpricegrid {
 border-collapse:collapse;
}
.tabboxes table th {
 text-align:left;
 padding:4px;
}
.tabboxes table td {
 padding:4px;
}
.bodyHeadline{font-weight:bold;margin:10px 0 5px 0;}
HR{margin:5px auto;}
#content ul{padding-left:20px;}

#featured a img.panel{margin-top:50px;}