body {background-color:#fff; }
a:active {outline: none; border:none }

#container {position:relative; width:935px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555;}

#banner {position:relative; height:112px; overflow:hidden; text-align:right; background:url(../images/bannerLogo.gif) no-repeat 10px 10px  }
#banner .sssmain_logo {position:relative; float:left;width:138px; height: 86px; left:12px; top:10px; background:url(../images/bannerLogo.gif); text-indent: 150px; overflow:hidden; }
#banner ul.languages {float:right; display:block;  margin:0; padding:10px 0 0 0; height: 18px}
#banner ul.languages li {float:left; display:inline; list-style:none;}
#banner ul.languages li a {padding: 0 0 0 47px; display:block; color: #3B782A; font-size:10px; font-weight:bold; text-decoration:none}
#banner ul.languages li a:hover {color: #000;}
#banner ul.languages li a.english {background:url(../images/flag_UK.gif) 20px 0 no-repeat}
#banner ul.languages li a.spanish {background:url(../images/flag_ES.gif) 20px 0 no-repeat}
#banner .loginArea{clear:both; color: #000;font-size:10px; font-weight:bold; height:18px}
#banner .loginArea a {color: #3B782A; font-size:10px; font-weight:bold; text-decoration:none}
#banner .loginArea a:hover {color: #000;}
#banner .telephone {float:right; width: 400px; font-size: 13px; font-weight:normal;}
#banner .searchArea {position:absolute; width: 237px; height:21px; top:73px; right:0; background:url(../images/searchBG.gif)}
#banner .searchButton{position:absolute; display:block; width: 28px; height: 21px; right:0; top:0; background-image:url(../images/searchButton.gif); text-indent: -100px; overflow:hidden; border: none}
#banner .searchField {position:absolute; top: 2px; left: 4px; width:204px; height:15px; border: none; background:#fff; color:#333; font-size:11px }		

/* Main Navagation Style */


#topNav {height:31px; overflow:hidden; background: url(../images/topNavBG.gif) top #000; margin-bottom: 5px; overflow:hidden}
#topNav ul {display:block; margin:0; padding:0 }
#topNav ul li {position:relative; float:left; display:inline; list-style:none; top:0; }
#topNav ul li.divide  {width:2px; height:29px; background:url(../images/topNavDivide.gif)}
#topNav ul li a {position:relative; display:block; float:left; height: 21px; padding: 8px 10px 2px 10px; list-style:none; color:#fff; text-decoration:none; height:20px; font-size:11px; font-weight:bold; background-image:url(../images/topNavBG.gif); background-position: 0 0}
#topNav ul li a:hover {background-position: 0 -29px}
#topNav ul li a.home {padding: 8px 10px 2px 35px; background-image: url(../images/topNavHomeBG.gif)}
#topNav a.info {float:right; display:block; height:29px; width: 38px; background-image:url(../images/topNavInfo.gif); background-position:0 0; text-indent:38px; overflow: hidden}
#topNav a.info:hover {background-position:0 -29px}

#homePageContainer {position:relative; height: 624px;}
#homePageContainer h2 {margin: 0px; color: #fff; font-size: 13px; font-weight:bold }
#homePageContainer h3 {margin: 0px; color: #3B782A; font-size: 12px; font-style:italic }
#homePageContainer a.moreInfoLink  {display:block; position:absolute; padding: 0 20px 0 0; right: 7px; bottom: 3px; height:15px; overflow: hidden; color: #3B782A; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon.gif) no-repeat top right}
#homePageContainer a.moreInfoLink:hover {color: #fff; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon.gif) no-repeat bottom right}

#homePageContainer #mainImageArea {position:absolute; top:0px; left:0px; width: 216px; height:302px; background: url(../images/home_image1.jpg) #fff; padding:10px 430px 10px 50px; color:#000}
#homePageContainer #mainImageArea h1 {font-size:22px; color:#000; margin:0px}

#homePageContainer #call1 {position:absolute; top:0; right:0; width: 220px; height:77px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px }
#homePageContainer #call2 {position:absolute; top:109px; right:0; width: 220px; height:77px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px}
#homePageContainer #call3 {position:absolute; top:218px; right:0; width: 220px; height:77px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px}
#homePageContainer #sub1 {position:absolute; bottom:0px; left:0; width: 331px; height:270px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px}
#homePageContainer #sub2 {position:absolute; bottom:0px; left:351px; width: 331px; height:270px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px}
#homePageContainer #map {position:absolute; bottom:0; right:0; width: 220px; height:270px; background:url(../images/panelBG.gif) repeat-x #211F20; border-left:1px solid #6E6C6D; border-right:#0B0A0A; padding: 7px 7px 20px 7px; color:#D1D1D1; font-size: 12px}
#homePageContainer #mapInner {position:absolute; top:85px; left:0; width: 218px; height:90px; padding: 100px 7px 0 7px; background:url(../images/map.gif) no-repeat; color:#3B782A; font-weight:bold }

#homePageContainer .whitePanel {position:absolute; top:82px; left: 7px; width: 311px; height:172px; padding: 10px; background:url(../images/whiteSubPanels.gif); color: #000}

.errorText {color:#f00}

/* Footer Container */

#footer {position:relative; border-top: 1px dotted #A6A5A5; font-size:10px; color:#adacac; margin-top:5px;}
#footer .footerLinks {position:relative; padding: 7px 0 0 45px}
#footer .footerLinks a {color: #3B782A; font-size:10px; font-weight:bold; text-decoration:none}
#footer .footerLinks a:hover {color: #000}
#footer .footerLinks a.footerHomeLink {position:absolute; display:block; left: 0; top:5px; height: 16px; width: 36px; background:url(../images/footerLogo.gif) 0 0 no-repeat #ccc; text-indent: -1000px; overflow: hidden}
#footer .footerCopy {display:block; color: #999999; font-size: 10px; padding:10px 0 0 0 }
#footer .footerCopy a {color: #999999; text-decoration: underline;}
#footer .footerCopy a:hover {color: #3B782A; text-decoration: underline;}
/* Sub Navagation Style */

#inner {position:relative; background:url(../images/left_nav_bg.gif) repeat-y; border-top:1px solid #fff}
#inner #left {position:relative; float:left; width:198px; background: url(../images/left_nav_bg_top.gif) repeat-x; padding: 0 1px 20px 1px}
#inner #left h2{position:relative; padding: 15px 0 12px 12px; font-size: 12px; font-weight:bold; margin: 0; color: #fff; }

#inner #right {position:relative; float:right; width:650px; padding: 0 70px 0 0;}
#inner #right h1 {color:#3B782A; font-size:30px; font-weight: normal; margin:0}
#inner #right h2 {color:#555; font-size:14px; font-weight: bold; margin:0}
#inner #right a {color:#3B782A; text-decoration:underline}
#inner #right a:hover {color:#555; text-decoration:underline}

#inner #rightProduct {position:relative; float:right; width:720px; padding: 0 0px 0 0;}
#inner #rightProduct h1 {color:#3B782A; font-size:30px; font-weight: normal; margin:0}
#inner #rightProduct h2 {color:#555; font-size:14px; font-weight: bold; margin:0}
#inner #rightProduct a {color:#3B782A; text-decoration:underline}
#inner #rightProduct a:hover {color:#555; text-decoration:underline}


#inner #left ul#subnav {position:relative; display:block; margin: 0; padding: 0; list-style:none;}
#inner #left ul#subnav li {position:relative; padding:0; margin:0; border-top: 1px dotted #555;}
#inner #left ul#subnav li a {display:block;width:174px; background: url(../images/nav_arrow.gif) left no-repeat; padding: 6px 12px 6px 12px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold}
#inner #left ul#subnav li a:hover {background:#555 url(../images/nav_arrow_open.gif) left no-repeat; text-decoration:none;}
#inner #left ul#subnav li a.open{background:#555 url(../images/nav_arrow_open.gif) left no-repeat; }
#inner #left ul#subnav li a.over{background:#555 url(../images/nav_arrow_open.gif) left no-repeat;}


#inner #left ul#subnav li.sub{position:relative; padding:0; margin:0; border: none; border-right: 5px solid #555}
#inner #left ul#subnav li.sub a{display:block; width:169px; background: url(../images/nav_arrow.gif) left no-repeat #fff; padding: 3px 12px 3px 12px; color:#5A5A5A; text-decoration:none; font-size:11px}
#inner #left ul#subnav li.sub a:hover {background:#888 url(../images/nav_arrow_open.gif) left no-repeat;color:#fff;}
#inner #left ul#subnav li.sub a.open {background:#888 url(../images/nav_arrow_open.gif) left no-repeat;color:#fff;}
#inner #left ul#subnav li.sub a.over {background:#888 url(../images/nav_arrow_open.gif) left no-repeat;color:#fff;}

#inner #left ul#subnav li ul li ul {border-right: 5px solid #888;position:relative; display:block; margin: 0; padding: 1px 1px 1px 8px; list-style:none;}
#inner #left ul#subnav li ul li ul li{position:relative; padding:0}
#inner #left ul#subnav li ul li ul li a{display:block; background: url(../images/nav_arrow.gif) left no-repeat #fff; padding: 3px 12px 3px 12px; color:#5A5A5A; text-decoration:none; font-size:10px}
#inner #left ul#subnav li ul li ul li a:hover {background:#aaa url(../images/nav_arrow_open.gif) left no-repeat; color:#fff; }
#inner #left ul#subnav li ul li ul li a.open {background:#aaa url(../images/nav_arrow_open.gif) left no-repeat; color:#fff;}
#inner #left ul#subnav li ul li ul li a.over {background:#aaa url(../images/nav_arrow_open.gif) left no-repeat; color:#fff;}

/* Breadcrumb Style */

ul#breadcrumb {display:block; font-size:9px; font-weight:normal; text-decoration:none; list-style:none; margin:30px 0 0 0; padding: 0; height: 12px}
ul#breadcrumb li {float:left; display:inline; color:#555; font-size:9px; margin:0; padding:0}
ul#breadcrumb li a {color:#3B782A; font-size:9px; text-decoration:none; padding: 2px 0 0 0}
ul#breadcrumb li a:hover {color:#3B782A; font-size:9px; text-decoration:underline}
ul#breadcrumb li a.home {display:block; width:9px; height:10px; background:url(../images/breadcrumbhome.gif) top; padding: 0}
ul#breadcrumb li a:hover {background-position: bottom;}

/* Form Styles */
.customFormTextInput {fon-size:10px; color: #333; padding:0; font-family:Arial, Helvetica, sans-serif}
.submitButton {color: #fff; font-size:11px; font-weight:bold; background-color: #3B782A; padding: 0px 10px 0px 10px; border: 1px solid #fff; cursor: pointer}
.submitButton:hover {color: #3B782A; background-color: #fff; border: 1px solid #3B782A}

/* Product List */

.productDiv {width:100%; background-color:#FFF; padding-bottom:0px; margin-bottom:0px;}
.productDiv .content {width:250px; float:right; height:33px; position:relative; border-bottom:#ccc 1px dotted ;color:#555; padding-top:2px;}
.productDiv .contentAlt {width:250px; float:right; height:33px; position:relative; border-bottom:#ccc 0px dotted ;color:#555;  padding-top:2px;}
.productDiv .thumbnail {width:49px; height:32px;  border:#555 1px solid; float:left; position:relative;}
.productDiv .thumbnailDefault {width:49px; height:32px;  border:#000 0px solid; float:left; position:relative; background-color:#CCC;}
.productDiv .title {position:relative; font-size:12px; font-weight:bold;  text-transform:uppercase; color:#000000; }
.productDiv a.productLink  {display:block; position:absolute; padding: 0 20px 0 0; right: 7px; bottom: 9px; height:15px; overflow: hidden; color: #3B782A; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon2.gif) no-repeat top right}
.productDiv a.productLink:hover {color: #000; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon2.gif) no-repeat bottom right}



.productDivAlt {width:100%; background-color:#f3f3f3; padding-bottom:0px; margin-bottom:0px; }
.productDivAlt .content {width:250px; height:33px; float:right; position:relative; border-bottom:#ccc 1px dotted; color:#555; padding-top:2px;}
.productDivAlt .title {position:relative; font-size:12px; font-weight:bold; text-transform:uppercase; color:#000000; }
.productDivAlt .thumbnail {width:49px; height:32px;  border:#555 1px solid; float:left; position:relative;}
.productDivAlt .thumbnailDefault {width:49px; height:32px;  border:#000 0px solid; float:left; position:relative; background-color:#CCC;}
.productDivAlt a.productLink  {display:block; position:absolute; padding: 0 20px 0 0; right: 7px; bottom: 9px; height:15px; overflow: hidden; color: #3B782A; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon2.gif) no-repeat top right}
.productDivAlt a.productLink:hover {color: #000; font-weight: bold; text-decoration: none; background:url(../images/moreInfoIcon2.gif) no-repeat bottom right}

/* Product Page */

#productMain {position:relative; width:100%;}
#productMain #gallery {position:relative; float:right; width:364px; height:228px; margin: 0 0 20px 20px;}
#productMain #gallery .mainImage {float:left; width:270px; height:200px; border: 1px solid #ccc; text-align:center; background:#eee}
#productMain #gallery .thumb {float:right; width:80px; height:60px; border: 1px solid #ccc; text-align:center; margin-bottom:8px; background:#eee;}
#productMain #gallery .thumb .thumbImg { cursor:pointer}
#productMain .mainImageSingle {float:right; width:270px; height:200px; border: 1px solid #ccc; text-align:center; background:#eee; margin: 0 0 20px 20px}
.productTable td {border:1px solid #eee; border-collapse:collapse}

/*event calendar */
#eventCalendar {width:700px; margin-top:10px }
#eventCalendar ul.calendarHeader{position: relative; width: 700px; margin:0; padding: 0;}
#eventCalendar ul.calendarHeader li{position: relative; display:inline; float: left; width: 94px; padding: 2px; margin: 0 2px 0 0; overflow:hidden; text-align:center; font-size:10px; color: #000 }
#eventCalendar ul.calendar{position: relative; width: 700px; margin:2px 0 0 0 ; padding: 0;}
#eventCalendar ul.calendar li{position: relative; display:inline; float: left; width: 92px; height: 48px; padding:2px; margin: 0 2px 0 0; overflow:hidden; text-align:right; border:1px solid #eee }
#eventCalendar ul.calendar li.dimmed{background-image:none; background-color: #eee; color: #888}
#eventCalendar ul.calendar li a.icon {display:block; position:absolute; bottom:2px; left: 2px; width: 33px; height: 16px; overflow:hidden; text-align:left; background:url(../images/eventIcon.gif); color:#000; font-weight:bold; text-decoration:none; text-align:center; padding: 12px 0 0 0; font-size:11px }
#eventCalendar ul.calendar li a.icon:hover {color:#000}
#eventCalendar #months {font-size: 12px; font-weight: bold; color: #3B782A; padding:5px 0 10px 0}
#eventCalendar #months a{font-size: 12px; font-weight: normal; color: #000; text-decoration:underline}
#eventCalendar #months a:hover{text-decoration: none;color: #000}
#eventCalendar .oneEvent {position:relative; border: 1px solid #ccc; padding: 10px; margin-top:20px}
#eventCalendar .oneEvent h2 {color: #0093A7; font-size: 16px; font-weight:normal; margin:0}
#eventCalendar .oneEvent h3 {color: #888888; font-size: 10px; font-weight:normal; margin:0}


/* Text Styles */
#openMindlandingContainer {position:relative; width:502px; height:auto; background-color:#66beca;}
#openMindlandingContainer #landingHeader {position:relative; width:502px; height:316px; background-image:url(../images/landing_header.gif)}
#openMindlandingContainer #landingContent {position:relative; width:480px; left:10px; height:auto; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


.error_text {font-size:12px; color:#FF0000;}
.clear {clear:both;}

/* Extras */

#productTabs ul {display:block; margin:0; padding:0; list-style:none; background-image:url(../images/extra_bg.gif); background-repeat:repeat; height:21px; width:100%; }
#productTabs ul li.tabOver {position:relative; display:inline; float:left; list-style:none; width:98px; height:18px; background-image:url(../images/extra_nav.gif); background-position:0% -21px; margin-right:5px; text-align:center; color:#000000; padding-top:3px; cursor:pointer;
}
#productTabs ul li.tab {position:relative; display:inline; float:left; list-style:none; width:98px; height:18px; background-image:url(../images/extra_nav.gif); margin-right:5px; text-align:center; color:#FFFFFF; padding-top:3px; cursor:pointer;}

/* Populate.it (Do Not Edit) */

#populateLink {display:block; float:right; width:90px; height:22px; background:url(../images/populate_footer_logo_small.png) no-repeat; overflow:hidden; text-indent:-1000px}

.associated {position:relative; display:block; margin: 0 0 10px 0;} 														
.associated .associatedImage {position:relative; float:left; width:80px; height:60px; border:1px solid #ccc; background:#eee; margin: 0 10px 10px 0}
.associated h4 {color: #3B782A; font-size: 12px; font-weight:normal; margin:0; text-decoration:none}
.associated h4 a{color: #3B782A; font-size: 12px; font-weight:normal; margin:0; text-decoration:none}
.associated h4 a:hover{color: #000;}