/* Key styles for: ECDS*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 18 March 2010 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #575757;}
img, div {behavior: url(iepngfix.htc); }

/*Container Styles*/
#highlight-strip {background: #f15a22; height: 160px; margin-top: 108px; overflow: hidden;}


.feature-product {width: 330px; float: left; margin-right: 20px; margin-bottom: 20px;}
.feature-product h4 {margin-bottom: 10px;}
.feature-product img{float: left; width: 95px;}
.feature-product p{width: 215px; float: right; margin-left: 10px;}

#wrapper {margin-left: auto; margin-right: auto; width: 940px; padding: 10px; background: #fff; }
#banner {background: #f7931e; height: 160px; overflow: hidden; margin-bottom: 5px; clear: both;}
#banner-content{width: 260px; float: right; color: #fff;  padding: 10px;}
#banner-image {width: 660px; float: left;}
#logo {float: left; width: 530px;}
#breadcrumbs {background: #f7931e; height: 22px; overflow: hidden}
#navigation{}
#main-container{width: 940px;overflow: hidden; margin-bottom: 20px; margin-top: 20px;}
#main-container .col {position: relative; float: left;}
#sidebar {width: 165px; overflow: hidden;}
#sidebar-content {margin-top: 40px;}
#main {width: 715px;  margin-left: 60px;}

#footer-content{text-align: center; padding: 30px 0 40px 0}
#footer{clear: both; border-top: 6px solid #f7992b; color: #f7992b; width: 940px; overflow: hidden;}
#footer .col {position: relative; float: left;}
#footer-col-1{width: 470px; padding-top: 40px;}
#footer-col-2{width: 470px; text-align: right;}

#footer p{padding-bottom: 0;}

/*Navigation Styles*/
#navigation ul {border-left: 5px solid #f15a22; margin-left: 0 !important; width: 165px;}
#navigation li {margin: 0; display: block; list-style: none; border-bottom: 1px solid #b2b2b2; margin-left: -5px;}
#navigation li a{ text-decoration: none; color: #1e196a; font-size: 1.8em; text-transform: lowercase; display: block; padding: 5px; margin-left: 5px;}
#navigation li a:hover {color: #fff; background: #1e196a; border-bottom: none;}
#navigation li.current a{color: #fff; background: #1e196a; border-bottom: none;}

#navigation ul ul {border-left: 5px solid #f15a22; }
#navigation ul ul li {margin: 0; display: block; list-style: none; border-bottom: none; margin-left: -5px;}
#navigation ul ul li a{text-decoration: none; color: #f15922 !important; font-size: 16px; text-transform: lowercase; display: block; padding: 5px; margin-left: 5px; background: #fff !important;}
#navigation ul ul li a:hover {color: #fff !important; background: #f15922 !important; border-bottom: none;}
#navigation ul ul li.current a{color: #fff !important; background: #f15922 !important; border-bottom: none;}


/*Breadcrumb Styles*/
#breadcrumbs-content{width: 180px; float: right; color: #fff; margin-top: 1px; text-transform: lowercase; text-align: right; padding-right: 5px;}
#breadcrumbs { behavior: url(iepngfix.htc); color: #fff !important; text-transform: lowercase; font-size: 12px; height: 22px; overflow: hidden; }
.B_crumbBox .B_crumb {color: #333 !important;}
.B_crumbBox a{background: url(images/breadcrumb-arrow.gif) no-repeat right top #f7931e; display: block; float: left;  padding: 3px 25px 3px 10px; }
.B_crumbBox a:hover {color: #1e196a; border-bottom: none;}
.B_crumbBox a.B_homeCrumb {color: #fff !important;}
.B_crumbBox a.B_homeCrumb:hover{color: #1e196a !important; border-bottom: none;}
.B_crumbBox a.B_crumb {color: #fff !important;}
.B_crumbBox a.B_crumb:hover{color: #1e196a !important; border-bottom: none;}
.B_crumbBox .B_currentCrumb {padding: 3px 25px 3px 10px;  background: url(images/breadcrumb-arrow-last-1.jpg) no-repeat #f36c21 left top; margin-left: -15px; padding-left: 20px;  display: block; float: left; position: relative;}
.B_crumbBox .B_currentCrumb .B_firstCrumb {background: none !important;}
*html #breadcrumb-end {margin-left: -3px;}
body:nth-of-type(1) .B_crumbBox a{padding: 3px 25px 5px 10px; }

/*Link Styles*/
a {color: #f15922; text-decoration: none;}
a:link{color: #f15922;}
a:visited {color: #f15922; }
a:hover {color: #1e196a; border-bottom: 1px dashed #f15922;}

.more {background: url(images/more-arrow.png) no-repeat right 30%; margin-top: -10px;}

#banner-content a{color: #fff; border-bottom: 1px solid #f9aa4e; margin-right: 8px;}
#banner-content a:hover{color: #1e196a}

#breadcrumbs-content a{color: #fff;}
#breadcrumbs-content a:hover{color: #1e196a;}

/*Paragraph Styles*/
h1 {font-size: 2.3em; color: #515151; padding-bottom: 5px; font-weight: normal; border-bottom: 1px solid #f15922; margin-bottom: 15px;}
h2 {font-size: 2em; color: #515151; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.8em; color: #f15922; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.6em; color: #f15922; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.3em; padding-bottom: 10px; line-height: 1.35em;}
#breadcrumbs-content p{font-size: 1.2em;}

#banner-content h2{}
#banner-content h3 {color: #fff; border-bottom: 1px solid #f9aa4e; margin-bottom: 5px; font-size: 2.5em;}
#banner-content h3{}

#footer-col-1 p{font-size: 11px; text-transform: uppercase;}
#footer-col-2 p{font-size: 14px;}

/*Table Styles*/
table {background: #fff; border: 1px solid #fff; margin-bottom: 10px;}
table td {padding: 5px; background: #fff; color: #575757; border: 1px solid #fff; font-size: 13px}

table.filled {background: #515151; border: 1px solid #fff; margin-bottom: 10px;}
table.filled td {padding: 5px; background: #515151; color: #fff; border: 1px solid #fff; font-size: 13px}


/*List Styles*/
#main ul, #main ol {font-size: 13px; margin-left: 30px; padding-bottom: 10px;}
#main li {padding-bottom: 2px;}
#banner-content li {text-transform: uppercase;}

#banner-content ul {margin-left: 20px; font-size: 15px;}
#banner-content li {padding-bottom: 2px;}


/*Image Styles*/
img {padding: 0px;}
#content img{padding: 0;}
#content img.left{padding: 5px 10px 5px 0px;}
#content img.right{padding: 5px 0px 5px 10px;}
#sidebar-content img{padding: 10px 0 10px 4px;}
#footer img {padding: 5px;}
.border { border: 1px solid #000; margin: 10px;  }
.border-left { border: 1px solid #000; margin-right: 10px; float: left;margin-bottom: 10px}
.border-right { border: 1px solid #000; margin-left: 10px; float: right;margin-bottom: 10px }
.padding { padding: 10px;  }



/*Class Selectors*/
.right {float: right;margin-left: 10px; margin-bottom: 10px;}
.left {float: left;margin-right: 10px;margin-bottom: 10px}
.clear {clear: both;}
.highlight {color: #f15922;}
.more {text-align: right;}
.divider {border-bottom: 1px solid #f15922; margin-bottom: 20px; padding-top: 10px; clear: both;}

/*Shadow Container*/
#shadow{position: absolute; left: 50%; margin-left: -512px; width: 1024px; top: 0px;}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 39px; behavior: url(iepngfix.htc); }
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y; padding-top: 0px; behavior: url(iepngfix.htc); }

/*Search Styles*/
#search {float: right; margin-top: 65px}
input#ajaxSearch_input{width: 150px;}
input#ajaxSearch_submit{width: 50px;}
.ajaxSearch_resultsIntroFailure {font-size: 13px}
a.ajaxSearch_resultLink {font-size: 16px;}
a.ajaxSearch_resultLink:hover{border-bottom: none;}

/*Gallery Styles*/
.managecontainer {overflow: scroll; width: 660px; height: 160px; background: #fff; }