/*----- 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 #bad8f5; 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; }
.pagecontent p{margin-bottom:5px;}
/*------ 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: 200px; }
#content { width: 706px; float: right; display: inline; }
#footer { margin-top: 10px; text-align: center; padding-bottom: 20px; }
#header h1{font-size:20px;}
h1#logo { height: 76px; width: 265px; padding-top: 10px; padding-left: 13px; float: left; display: inline; margin-right: 46px; }
h1#logo a { display: block; height: 97px; width: 280px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/logo.png) 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: 300px; 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; }

#freakout{
background-color:red;
color:white;
margin-bottom:10px;
padding:2px;
}
#freakout a{color:white;}

#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 ul { font-size: 13px; line-height: 15px; font-weight: normal; text-transform: uppercase; text-align: center; padding-bottom: 25px; }
#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: 15px; }
#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; }

#featured { height: 250px; position: relative; overflow: hidden; /* background: transparent url(images/featured-products.gif) no-repeat 0 0; */ margin-bottom: 16px; padding:9px 0 0 30px;z-index:1;border:2px solid #ABABAC;border-top:0px;}
#featured h3 { font-size: 20px; font-weight: normal; color: #1777b1; line-height: 24px; padding-bottom: 15px; }
#featured .content { width: 340px; color: #666; }
#featured .content p { padding-bottom: 12px; }
#featured .blue-button { position: absolute; top: 148px; left: 35px; }
#featured .product-image {
    bottom: 30px;
    position: absolute;
    right: 30px;
}
#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; }

.simple-slide .head { background: #666; padding: 5px 40px 5px 10px; }
.simple-slide h3 { color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; }
.simple-slide .paging { height: 24px; line-height: 24px; float: right; display: inline; font-weight: bold; }
.simple-slide .paging a { float: left; display: inline; width: 24px; height: 24px; background: #7e96ad; color: #fff; text-align: center; margin-left: 1px; }

#top-products { margin-bottom: 5px; }
#top-products .cnt { border-left: solid 2px #ababac; border-right: solid 2px #ababac; padding-top: 10px; }
#top-products .bot { height: 11px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/top-products-bot.gif) no-repeat 0 0; }
#top-products .product { float: left; display: inline; border: solid 1px #dddddd; width: 105px; height: 150px; margin-left: 9px; /*padding-top: 20px;*/ text-align: center; position: relative; }
#top-products .product p { position: absolute; width: 100%; bottom: 5px; left: 0; font-weight: bold; }

.static-banners { margin-bottom: 10px; }
.static-banners a img { border: solid 3px #0b1975; }

.products-catalog { min-height: 1000px; background: url(images/ver-line.gif) repeat-y 0 0; padding-left: 10px; }
.products-catalog h2 { color: #0d2d4d; text-transform: uppercase; font-weight: normal; font-size: 16px; line-height: 20px; padding: 10px 0 3px;  margin-bottom: 8px; background: url(images/hor-line-2.gif) repeat-x 0 bottom !important; }
.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:left;
font-size:80%;
margin-right:1%;
margin-top:10px;
text-align:center;
width:350px;
}
.productphoto a{display:block;}
.productdescription {
margin:10px 20px 10px 360px;
z-index:7;
}
.productdescription ul{
margin-left:20px;
}
.productdescription h3{
font-size:20px;
font-family:Tahoma;
line-height: 20px;
padding: 10px 0 3px;
margin-bottom: 8px;
background: url(images/hor-line-2.gif) repeat-x 0 bottom !important;
font-weight:normal;
}
.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;}
#urgentannounce{border:1px solid red;padding:10px;text-align:center;margin-bottom:5px;color:red;font-size:30px;line-height:39px;}
#urgentannounce a{text-decoration:underline;}
#urgentannounce p{font-size:14px;}

