* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #acb0b2 url(images/body.jpg) repeat-x 0 0;
    text-align: left;
    border-top:3px solid #000;
}
ul {
    padding-left:1em;
    margin-left:0;
}
h4{margin-top:20px;}
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #dc1929; text-decoration: underline; cursor:pointer}
a:hover { text-decoration: none; }
.no-txt{font-size:0; line-height:0; display:block; text-indent:-9999px}

.shell { margin: 0 auto; width:886px; position:relative}
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.login{background:url(images/login.png); width:440px; height:37px; float:right}
.login p{float:left; padding:8px 0 0 19px; color:#fff; font-size:14px; position:relative; z-index:10}
.login p a{color:#fff; text-decoration:none}
.login p a:hover{text-decoration:underline}
.login p span{padding:0 12px}
.login form{float:right; width:271px; position:relative; z-index:10}
.login form label{float:left; padding:9px 7px 0 0; color:#fff; font-size:14px}
.login form span{float:left; background:url(images/field.gif); width:182px; height:26px; margin-top:5px}
.login form span input{border:0; background:transparent; padding:6px 10px; width:162px; font-size:11px; color:#606060}
.login form input.submit{border:0; background:url(images/icon.gif); width:24px; height:26px; cursor:pointer; float:left; margin-top:5px}


h1#logo{font-size:0; line-height:0; float:left; width:335px; margin-left:-2px; position:relative; z-index:2}
h1#logo a{background:url(images/logo.png); text-indent:-9999px; display:block; height:120px}

#header p{float:right;}
#header p a{background:url(images/view.png); width:523px; height:40px; margin-top:80px; display:block; text-align: right; color:#f3bf28; text-decoration: none; font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif; font-size:17px; line-height:35px; padding-right:30px;}

#navigation{background:#393d42 url(images/navigation.gif) no-repeat 0 0; height:49px; padding-left:17px}
#navigation li{display:inline;
float:left;
position:relative;
z-index:15;
}

#navigation li a{float:left; color:#fff; font-size:16px; padding:17px 24px 16px 24px; text-decoration:none}
#navigation li ul{display:none;}
#navigation li a:hover{background:url(images/nav-hover.gif) repeat-x 0 0;}
#navigation li li a{width:205px;}

#container{background:#ecedee; height:100%; padding-bottom:10px;}
#container.contentpage{padding:30px;min-height:300px;}

#carousel{background:url(images/carousel.jpg); height:322px; padding-left:26px; margin-bottom:10px}
#carousel h2{font-size:40px; text-align:right; width:449px; padding-right:25px; line-height:34px; font-weight:normal; padding-top:81px; margin-bottom:10px}
#carousel h2 span{
display:block;
font-size:25px;
height:34px;
overflow:hidden;
}
#carousel a.img{float:right;
margin-right:40px;
margin-top:40px;
width:330px;
max-height:250px;
text-align:center;
display:block;
}
#carousel img{
/* 
float:right;
margin-right:40px;
margin-top:40px; */
max-width:300px;
max-height:250px;
}

#carousel a.more{margin-left:317px; background:url(images/more.gif); width:191px; height:67px; position:relative;/*  z-index:20; */ margin-top:-21px}
#carousel p{font-size:14px; line-height:25px;width:500px;}
.controls{padding-top:7px;}
.controls li{display:inline;}
.controls a{float:left; border:1px solid #989a9b; background:#c7c9cb; padding:4px 0; width:23px; text-align:center; text-decoration:none; color:#000; margin-right:13px}
.controls a:hover{background:#fec830}
.controls a.current{background:#000;color:#fff;}

.leftside{float:left; display:inline; width:600px; padding:0}
.box_a{float:left; width:190px; margin-left:10px; background:#fff; border-top:1px solid #f4f5f5; padding-top:14px}
.first{background:#fff url(images/first.gif) no-repeat 0 0; border:0; padding-top:15px}
/* .last{background:#fff url(images/last.gif) no-repeat 0 0; border:0; padding-top:15px} */
.box_a a{background:#1f2325; display:block; text-align:center; line-height:39px; height:39px; font-size:18px; color:#cfcfd0; text-decoration:none}
.box_a a:hover{text-decoration:underline;}
.rightside{float:right; display:inline; width:264px; padding-right:10px}
.rightside h2{background:url(images/rightside-h2.gif); color:#f2bb26; font-size:18px; padding-left:11px; height:37px; line-height:37px; margin-bottom:12px}
.rightside form{background:#1f2325 url(images/rightside-form.gif) repeat-x 0 37px;}
.rightside form .field label{float:left; width:72px; padding-left:10px; font-size:13px; font-family:Verdana, sans-serif; color:#fff; padding-top:3px}
.rightside form .field span{float:right; width:172px; height:26px; background:url(images/input2.gif)}
.rightside form .field span input{padding:3px; border:0; background:transparent; width:166px;}
.rightside form .field{padding-right:10px; margin-bottom:10px}
.rightside form p{padding-left:13px; padding-top:6px; padding-bottom:15px}
.rightside form p label{color:#fff; font-family:Verdana,sans-serif; font-size:11px}
.rightside form p a{color:#fff; font-family:Verdana,sans-serif; font-size:11px}
.rightside form .buttons{padding:7px;}
.rightside form .buttons a{float:left; background:#ecc128; color:#000; padding:0 14px; text-decoration:none; height:26px; font-size:11px; font-family:Verdana,sans-serif; line-height:27px; margin-right:8px}

#socialbadge{background:#000;text-align:right;}
#socialbadge a{margin:5px;}
#footer{background:#000; padding:26px 27px 22px 22px; color:#fff; font-size:12px; font-family:Verdana, sans-serif; letter-spacing:-1px}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer span{padding:0 11px;}
#footer p{text-align:right; margin-top:-3px}
#footer strong{display:block; width:567px; font-weight:normal; color:#6e6e6e; line-height:12px; padding-top:11px}

.flag{position:absolute; left:0; top:0; width:52px; height:528px; background:url(images/flag.png); margin-left:-52px}


table.thumbnails { padding-bottom: 4px; margin-bottom: 10px; }
table.thumbnails tr td { vertical-align: bottom; width: 17%; text-align: center; font-size: 12px; padding: 10px 0;border:1px solid #DCD6CF;background:#fff;}
table.thumbnails tr td.photo {border-bottom:none;}
table.thumbnails tr td.caption {border-top:none;}
table.thumbnails tr td.last { background: none; }
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%;
}
ul.distributortools li li{width:auto;}
.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;
 background:white;
 padding:5px;
}
.tabboxes table.productpricegrid {
 border-collapse:collapse;
 width:100%;
}
.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;}

#navigation ul ul {
background:#393D42;
display:none;
float:none;
left:0;
padding:3px;
position:absolute;
top:48px;
width:250px;
z-index:50;
}
#navigation ul ul li {margin:0;padding:0;}

/*Auto complete styles*/
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}

.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}

.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
color:#3200DD;
/* background-color:#E0ECFF; */
overflow: hidden;
}
.layoutpane .search{width:85%;}
.ac_loading {background: white url('/css/images/indicator.gif') right center no-repeat;}
.ac_results li.ac_over {background-color: #C3D9FF;}

#shape-finder {
	background:url(images/bg-shapeFinder.gif) no-repeat;
	width:456px;
	height:153px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	margin:35px auto auto;
}

#shape-finder .tabs {
	list-style:none;
	position:absolute;
	top:-31px;
	left:17px;
	padding-top:0;
}

#shape-finder .tabs li,
#shape-finder .tabs li.active {
	background:url(images/tab-inactive1.gif) no-repeat left top;
	float:left;
	margin-right:6px;
}

#shape-finder .tabs li a,
#shape-finder .tabs li.active a {
	background:url(images/tab-inactive2.gif) no-repeat right top;
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	padding:0 10px;
	color:#e0e2e4;
	font-weight:bold;
	text-decoration:none;
	border:none;
	-moz-border-radius:0;
}

#shape-finder .tabs li a:hover,
#shape-finder .tabs li.active a:hover {
	color:#fff;
}

#shape-finder .tabs li.active {
	background:url(images/tab-active1.gif) no-repeat left top;
}

#shape-finder .tabs li.active a {
	background:url(images/tab-active2.gif) no-repeat right top;
}

#shape-finder h2 {
	padding:20px 0;
	font-size:26px;
	font-weight:normal;
	text-align:center;
}

#shape-finder .form {
	width:400px;
	margin:0 auto;
}

#shape-finder .form label {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}

#shape-finder .form input {
	width:390px;
	border:1px solid #ccc;
	font-family:inherit;
	font-size:12px;
	padding:1px;
}
/* Price Calc */
#pricecalculator{width:450px;margin:20px 0 0 200px;float:left;}
#pricecalculator .step{clear:both;}
#pricecalculator .step.short{clear:none;width:220px;float:left;margin-right:5px;}
#pricecalculator .step .label{background:black;color:white;padding:5px;font-size:15px;margin:5px 0;}
#pricecalculator .step .label span{font-weight:bold;}
#pricecalculator .step a.option{display:block;float:left;width:49%;text-align:center;text-decoration:none;}
#pricecalculator .step a.option.selected{background:white;border:1px solid red;}
#pricecalculator .step a.option img{height:50px;}
#pricecalculator .step a.option div{background:#FAC42D;margin:10px;height:40px;color:#000;font-size:14px;}
#pricecalculator .step a.option span{font-size:12px;font-weight:bold;display:block;}
#slidertext,#slidertext2{text-align:center;font-weight:bold;font-size:14px;}
#pricecalculator .step a.option div.mil20,
#pricecalculator .step a.option div.mil30{background:#000;}
#pricecalculator .step a.option div.mil20 div{height:20px;margin:0;background:white;}
#pricecalculator .step a.option div.mil30 div{height:10px;margin:0;background:white;}
#calcvalue{width:150px;margin:20px 0;float:right;font-weight:bold;font-size:20px;text-align:center;line-height:20px;}
#calcvalue div{margin-top:10px;}
#calcvalue span{font-size:12px;}
#yourprofit{color:green;}

#textwidget h1,#textwidget h2{background:none;color:#F3BF28;margin:0;padding:0;height:auto;}
#textwidget h1{font-size:10px;}
#textwidget h2{font-size:20px;}