/*
 @** Css File
*/

body {
	font:11px/1.5 Verdana, sans-serif;
	color:#484848;}
	
#wrap {
	width:905px;
	margin:0 auto;}
	
#masthead {
	height:105px;
	position:relative;
	background:#ffffff;}
	
#storefindertop {
	position:absolute;
	right:26px;
	top:29px;}
#storefindertop p {
	margin-bottom: 5px;
}
	
.searchStftop {
	width:188px;
	margin:0 0 0px 0px;
	color:#333333;}
	
.submitStftop {
	background:url(../images/searchstf.jpg) no-repeat;
	border:none;
	height:19px;
	width:89px;}
	
#brand {
	background:url(../images/brand2.jpg) no-repeat;
	text-indent:-9999px;}
	
#brand a {
	display:block;
	width:368px;
	height:105px;}
	
#masthead span {
	display:none;}
	
#mainNav {
	background:url(../images/menufin.gif) no-repeat;
	height:29px;
	margin:0;
	position:relative;}
	
#mainNav li {
	position:absolute;
	margin:0; 
	padding:0; 
	top:6px;
	list-style:none;}
	
#mainNav li, #mainNav a {
	display:block;
	overflow:hidden;
	color:#fff;
	cursor:pointer;
	text-indent:-9999px;
	}
	
#mainNav li#sub1 { left:228px; width:34px;}
#mainNav li#sub2 { left:282px; width:58px;}
#mainNav li#sub3 { left:358px; width:63px;}
#mainNav li#sub4 { left:438px; width:65px;}
#mainNav li#sub5 { left:522px; width:51px;}
#mainNav li#sub6 { left:591px; width:70px;}

#mainNav li#sub1 a:hover {background: url(../images/menufin.gif) -228px -35px no-repeat;}
#mainNav li#sub2 a:hover {background: url(../images/menufin.gif) -282px -35px no-repeat;}
#mainNav li#sub3 a:hover {background: url(../images/menufin.gif) -358px -35px no-repeat;}
#mainNav li#sub4 a:hover {background: url(../images/menufin.gif) -438px -35px no-repeat;}
#mainNav li#sub5 a:hover {background: url(../images/menufin.gif) -522px -35px no-repeat;}
#mainNav li#sub6 a:hover {background: url(../images/menufin.gif) -591px -35px no-repeat;}
	
*html #mainNav {
	margin-top:-2px;}
	
#subNav {
	padding:0;}

#subNav li {
	margin-bottom:1px;
	position:relative;
	}

#subNav li a {
	text-transform: none;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#subNav li, #subNav a {
	display:block;}
*html #subNav li, *html #subNav a { height:0;}
*html #subNav li {
	margin-bottom:-1px;}

#subNav a {
	font-family:"Myriad Pro", serif;
	text-transform:uppercase;
	/*height:26px;*/
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	}
	
#subNav a:hover {
	text-decoration:none;}

#subNav li ul {
	border-top:1px solid #da251c;
	padding: 0;
	background:#fff;
	position:absolute;
	display:none;
	top:0;
	width:220px;
	z-index: 20;
	}
	
#subNav li ul li {
	margin-bottom:0;}

#subNav li ul li a {
	font-size:12px;
	/*height:20px;*/
	border-bottom:1px solid #da251c;
	color:#313131;
	font-weight:normal;
	padding:2px 0px 2px 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;}
	
#subNav li ul li a:hover {
	background:#da251c;
	color:#fff;}

	
/*innersubNav*/	

#innersidemenuContainer {
	background:#8c0800;
	width:168px;
	margin:0 auto;
	}

#innersubNav {
	width:168px;
	padding:0;}
	
#innersubNav li {
	margin-bottom:5px;
	position:relative;}
	
#innersubNav li, #innersubNav a {
	display:block;}
*html #innersubNav li, *html #innersubNav a { height:0;}

#innersubNav a {
	font-family:"Myriad Pro", serif;
	color:#fff;
	height:18px;
	}
	
#innersubNav a:hover {
	text-decoration:none;
	}

#innersubNav li ul {
	border-top:1px solid #da251c;
	padding:0;
	background:#fff;
	position:absolute;
	display:none;
	top:0;
	width:220px;}
	
#innersubNav li ul li {
	margin-bottom:0;}

#innersubNav li ul li a {
	font-size:12px;
	height:20px;
	border-bottom:1px solid #da251c;
	color:#313131;
	font-weight:normal;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;}
	
#innersubNav li ul li a:hover {
	background:#da251c;
	color:#fff;}
	
/*content*/
	
#content {
	padding-top:20px;}

.left {
	width:206px;
	float:left;}
	
.right {
	float: right;
	width: 684px;
	}
	
.centerCol {
	float:left;
	width:434px;
	margin-bottom:16px;}

.rightInnerCol {
	width:235px;
	float:right;}
	
#announcement {
	background: url(../images/anouncement_bg.jpg) no-repeat;
	width: 195px;
	height: 169px;
	color:#1f1f1f;
	padding:20px;
	}
#whatsnew {
	position: absolute;
	width: 684px;
	color: #1f1f1f;
	padding: 10px;
	vertical-align: top;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
}
	
#announcement a{
	color:#1f1f1f;}
	
#featured {
	padding:10px 18px 0;
	background:url(../images/feat-wrap.jpg) repeat-y;}
	
.featContainer {
	width:215px;
	float:left;
	height:150px;
	border-right:1px solid #a5a5a5;}
	
.noborder {
	border:none;}
	
#featBottom {
	background:url(../images/feat-bottom.jpg) no-repeat;
	height:9px;}
	
.readmore {
	margin-left:120px;}
	
#storefinder {
	background:url(../images/citihwthumb.jpg) no-repeat bottom;
	height:135px;}
	
.searchStf {
	width:188px;
	margin:0 0 5px 20px;
	color:#333333;}
	
.submitStf {
	margin-left:123px;
	background:url(../images/searchstf.jpg) no-repeat;
	border:none;
	height:19px;
	width:89px;}

.searchStf2 {
	width:188px;
	margin:0 10px 5px 10px;
	color:#333333;}
	
.submitStf2 {
	margin-left:113px;
	background:url(../images/searchstf.jpg) no-repeat;
	border:none;
	height:19px;
	width:89px;}
	
#bottomlink {
	text-align:center;
	padding:25px 0;
	clear:both;}
	
#footer {
	text-align:center;
	color:#fff;
	padding-top:5px;
	background:url(../images/footerwrap.jpg) no-repeat;
	height:58px;}
	
#footer a {
	color:#fff;}

/*typo*/

a {
	text-decoration:none;
	color:#484848;}

a:hover {
	text-decoration:underline;}

a.pageselected {
	color: #000000;
	font-weight: bold;
}
	
h1 {
	font-size:20px;}
	
h2 {
	font-size:18px;}
	
h3 {
	font-size:17px;}
	
h4 {
	font-size:15px;}
	
h5 {
	font-size:13px;}
	
h6 {
	font-size:11px;}
	
h1,h2,h3,h4,h5,h6, ol, ul,p {
	margin-bottom:10px;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;}

h3.branch_head {
	background: url(../images/red-tab.jpg) no-repeat;
	color: #ffffff;
	font-size: 16px;
	padding: 4px 5px 0px 10px;
	height: 43px;
}

h3.branch_head2 {
	background: url(../images/bubble-red.jpg) no-repeat;
	color: #ffffff;
	font-size: 13px;
	padding: 2px 5px 0px 10px;
	height: 33px;
}
	
.bottom {
	margin-bottom:0;}
	
.dashed {
	border-bottom:1px dashed #000;
	padding-bottom:0px;}
	
.red {
	color: #FF0000;
}

/*clearfixes*/

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

.clear {
	clear: both;
}
	
/*extra columns and misc styles*/
.floatLeft {
	float:left;}
.floatRight {
	float:right;}
.colA {
	width:290px;
	float:left;} /*290px width*/
	
.colB {
	width:320px;
	float:left;}/*320px width*/
	
.colSpaceR {
	margin-right:18px;}
	
.colSpaceL {
	margin-left:35px;}
	*html .colSpaceL { margin-left:15px;}
.maplist {
	width:140px;
	margin-left: 20px;
	float:left;}
	
.maplist li {
	margin-left:15px;
	background:url(../images/arrow.gif) left no-repeat;}
	
.maplist li a {
	padding-left:10px;}
	
.mapContainer {
	margin-bottom:0;}
	
#branchesThumbs {
	border:1px solid #c5c4c4;
	padding:20px 0 0 45px;}
	
#branchesThumbs ul {}

#branchesThumbs ul li {
	display:inline;
	margin-right:10px;
	display:block;
	float:left;}
	
.products1, .products2 {
	float:left;
	margin-right:18px;}	
	
.products2 {
	font-weight:bold;
	list-style-type:disc;}

.products2 li, .products1 li {
	margin-left:30px;}
	
.products2 li {
	margin-bottom:3px;}
	
.careers {
	border: 2px dashed #666666;
	padding: 20px;
	margin: 30px;
	background-color: #f8f8f8;
}

.form_label {
	float: left;
	width: 200px;
	margin: 5px;
}
.form_input {
	float: left;
	margin: 2px;
}
	
/*contactformContainer*/

#contactformContainer {
	float:left;
	margin-left:50px;}
	
#contactformContainer ul li {
	margin-bottom:3px;}
	
#contactformContainer ul li label {
	font-weight:bold;}
	
.contactTxt {
	border:1px solid #d7d7d7;
	background:#ebebeb;
	width:225px;}
	
#contactformContainer textarea {
	border:1px solid #d7d7d7;
	background:#ebebeb;
	width:345px;
	height:110px;
	margin-bottom:8px;}
	
.contactSubmit {
	background:url(../images/submitbutton.jpg) no-repeat center;
	height:23px;
	width:122px;
	border:none;
	text-indent:-9999px;}
	
/*searchresult*/

#searchresult {
	padding: 18px;
	border-bottom:1px dashed #636363;
	border-top:1px dashed #636363;}
	
#searchresult ul {
	margin:0;}
	
#searchresult ul li {
	padding:18px;}
	
#searchresult ul li ul li {
	padding:0;}
	
.grey {
	background:#efefef;}
	
.imgleft {
	float:left;
	margin:0 18px 10px 0;}

/*shop*/

#shopcat {
	margin-left:48px;}

#moreProducts li,#shopcat li {
	/*border-bottom:1px dashed #3d3d3d;*/
	display:inline;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:10px;}
	
#moreProducts li ul li {
	border:none;
	margin-bottom:0;
	padding-top:0;}
#shopcat li ul li {
	width: 190px;
	height: 220px;
	border:none;
	margin-bottom:0;
	padding-top:0;}

#moreProducts li {
	border-bottom:none;}
	
.moreprod {
	margin-bottom:0;
	margin-top:18px;
	padding:10px 0 0 0;
	border-top:1px dashed #3d3d3d;}
	
/*brand*/
.branding {
	width:172px;
	height:110px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	background:url(../images/brand.jpg) no-repeat;
	}

/*
	solutions pages
*/

#thesolutions {
	/*color:#197b30;*/
	padding:0 12px;}
	
.intro { font-size:12px; font-weight:bold;}

#solutionsNav {
	z-index:0;
	position:relative;
	background:url(../images/green-nav.jpg) no-repeat;
	height:24px;
	width:460px;
	margin:0 auto 22px auto;
	padding:2px 0 0 18px;}
	
#solutionsNav li {
	margin:0;   
    position: relative; 
    float:left;
	display:block;
    height:auto;
	}
	
#solutionsNav li a {
	display:block;
	font-size:14px;
	color:#fff;
	padding:0 10px;}
	
#solutionsNav  ul {
	display:none;
	width:214px;
	background:#21953c;
	padding-bottom:3px;
	position:absolute;
    }

#solutionsNav li:hover ul {
	display:block;}
	
#solutionsNav  ul li a {
	color:#fff;
	font-size:11px;}
	
#solutionsNav  ul li a:hover {
	color:#146026;}
	
*html #solutionsNav  li ul li {
	float:none;
	height:0;}
	
.leftimg {
	float:left;
	margin:0 30px 10px 0;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	//cursor:help;
	color: #FF0000 !important;
}