/* CSS RESET */
body, div, p, h1, h2, h3, h4, img, ul, ol, li, dl, dt, dd, table, th, tr, td {margin:0px; padding:0px; border:0px}
table {border-collapse:collapse}

/* FONT SETTINGS */
p {padding-bottom:15px; line-height:16px}
p.bold {font-weight:bold}
.datasheet {font-weight:bold; padding-bottom:0px}
body, h3, h4, .nav li, .code, .info ul, .specs, .productfinder_body, ul#news-slide-list li, .info ul, .footer li, .footer_head {font-family:Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:12px}

.menugroup p.menu a, .grey, .title {font-size:18px}
.link {color:#712f8f; font-weight:bold}
.small {font-size:10px; font-weight:bold; color:black; text-transform:uppercase}

/* ROUNDED FONT SETTINGS */
h1, h2, .productnav, .welcome h1, .title, .productfinder_head, .menugroup p.menu a, .product_heading, .menu, .grey, .topmenu_body ul li a, .tab, .tab_title, .footer_head {font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color: white; letter-spacing:2px}
.productfinder_head, .topmenu_items ul li a {font-size:12px; letter-spacing:1px}
.footer_head {font-size:16px; letter-spacing:1px}
.tab_title {font-size:13px;letter-spacing:0px}

h1 {font-size:40px;}
h2 {color:#4d4d4d; font-size:25px; border-bottom: 1px solid #666666; padding-bottom:10px}
h3 {font-size:15px; font-weight:bold; padding-top: 15px; padding-bottom:15px}
h3, h4 {color:#712f8f}

/* QUICK PRODUCT FINDER */
.productfinder_container {float:right; position:relative; width:350px; height:22px; background:url('/img/product-finder.gif'); padding-left:0px; padding-bottom:0px; margin-top:10px; margin-right:40px; margin-bottom:5px; z-index:1000}
.productfinder_head {width:100%; cursor: pointer; padding-left:85px; padding-top:3px}
.product_heading {font-size:13px; color:black; padding-top:5px; border-bottom:1px solid black; margin-bottom:5px}
.productfinder_body {width:310px; position:absolute; left:0px; top:22px; padding-left: 20px; padding-right: 20px; padding-bottom:5px; display:none; background:#E7E8E9}
.productfinder_body p {padding-bottom:0px}
.productfinder_body ul li {list-style-type:none; color: black; text-transform:uppercase; font-size:10px; font-weight:bold; line-height:13px}
.productfinder_body a {display:block; color:black; padding-top:2px; padding-bottom:2px}
.productfinder_body a:hover {text-decoration:underline; text-decoration:none; color:white; background:#712f8f}

/* NAVIGATION */
.topmenu {float:left; position:relative; margin:20px 0px 0px 115px; z-index:400}
.menugroup  {padding:9px 60px 10px 15px; position:relative; cursor:pointer; display:inline}
.menugroup p.menu a:hover, .topmenu p.menu a.active {color:black}
.menugroup p.menu a {color:#712f8f; text-decoration:none}
.menugroup p.menu {display:inline}
.topmenu_body {position:absolute; left:0px; top:50px; display:none}
.topmenu_body table {width:190px}
.greyleft {width:15px; height:60px; background-image:url('/img/rounded.png')}
.purpleleft {background-image:url('/img/purple_rounded.png')}
.grey {border-bottom:1px solid white; width:175px; cursor:pointer; background:#444444}
.purple {background:#712f8f}
.grey a {color:white; text-decoration:none}
.topmenu_items {display:none; width:250px; position:absolute; z-index: -10}
.topmenu_items li {list-style-type:none}
.topmenu_items ul li a {display:block; overflow:hidden; position:relative; left:190px; background:#e6e6e6; padding:10px 5px 10px 10px; color:#712f8f; text-decoration:underline}
.topmenu_items ul li a:hover {color:white; background:#712f8f; text-decoration:none}

/* NEWS TICKER */
.news {width:960px; height:20px; background:black; float:left; clear:both}
div#news-slide {padding-left:40px; width:500px}
ul#news-slide-list {position:relative; overflow:hidden; height:20px}
ul#news-slide-list li {color:white; font-weight:bold; list-style-type:none; padding-top:2px; position:absolute; left:960px; top:0px}
ul#news-slide-list li a {color:white}
ul#news-slide-list li.news-slide-first, li.news-slide-first {left:0}

/* DIVS */
body {background:#cccccc}
.container {width:960px; margin:auto; background:white}
.nav {background:white; width:960px; height:95px}
.penton {float:left; position:relative; left:40px; padding-top:5px}
.penton a:hover {border-bottom: 2px dotted #712f8f}
.address {clear:both; background:#712f8f; height:50px; width:920px; padding:5px 0px 5px 40px}
.data {float:right}
.wide {float:left; width:880px; padding:40px 40px 0px 40px; background:white;}

/* USED FOR DOUBLE COLUMN LAYOUTS */
.column {float:left; width:420px; padding:0px 40px 0px 0px}
.columnright {float:left; width:420px; padding:0px}
.column li, .columnright li {font-weight:bold; line-height:20px; color:#712f8f; list-style-type:none}
.nobot {padding-bottom:5px}

/* USED FOR TRIPLE COLUMN LAYOUTS */
.thirdcolumn {float:left; width:266px; padding:0px 20px 0px 0px}
.thirdcolumn li {line-height:20px; list-style-type:none}
.thirdcolumn ul {padding-bottom:20px}

.column img, .columnright img, .thirdcolumn img, .thirdcolumnright img { border:1px solid #712f8f; margin-bottom:25px}

.flag {float:left; clear:both; margin-right:5px; margin-bottom:70px}
.main {width:701px; padding-left:15px; float:left}

/* BESPOKE HOVERS */
.floating {position:relative;}
.floating img {margin-right:5px; margin-bottom:10px}

.floating p {	background:#712f8f; color:white; width:400px; position:absolute; top: -220px; left: 350px; text-align:center; z-index:100; display:none;}

/* USEFUL LINKS IMAGES */
.image {float:left; clear:both; margin-right:10px;}

/* MARKETING MATERIALS */
.photos img {border:none}

/* HOME PAGE STYLES */
.home {width:960px; float:left; background:white;}
.welcome {background-image:url('/img/pentonhomebackground.jpg'); height:410px; padding:0px 40px 0px 40px}
.homepageitems {float:left; padding-left:40px; width:440px; height:55px; font-size:16px}
.title {font-size:18px; letter-spacing:1px; color:#666666; margin-top:8px}
.homepageitems a {font-weight:bold; color:#712f8f}
.homepageitems p {padding:2px 0px 0px 0px}

/* PRODUCT PAGE NAVIGATION */
.productnav {width:164px; float:left; font-size:15px}
.productnav p {padding-bottom:0px}
.menu_list {width: 164px}
.menu_head {padding-left:30px; padding-top:10px; height:41px; cursor: pointer; position: relative; color:white; background-image:url('/img/grey_button.png'); background-repeat: no-repeat; clear:both}
.menu_active {background-image:url('/img/purple_button.png')}
/*.menu_body {display:none}*/
.menu_body a {display:block; color:#712f8f; background:#e6e6e6; padding-left:10px; padding-bottom:10px; font-size:12px}
.menu_body a:active {background: #712f8f; color:white; font-size:12px}
.menu_body a:hover {background: #712f8f; color:white; font-size:12px}

/* PRODUCTS PAGE */
.content {width:343px; float:left}

.tabsurround {position:relative; margin-bottom:64px}

.tab_title {padding-left:10px; padding-top:20px; padding-bottom:0px; height:44px; width:104px; cursor:pointer; color:white}
.tab_title.active, .tab.active {z-index:10}
.tab {width:342px}
.tab li {padding-right:40px; color:white}

#tab1 {background-image:url('/img/tab_1.png')}
#tab2 {background-image:url('/img/tab_2.png'); margin-left:114px}
#tab3 {background-image:url('/img/tab_3.png'); margin-left:228px}
#tab4 {background-image:url('/img/tab_4.png')}
#tab5 {background-image:url('/img/tab_5.png'); margin-left:114px}
#tab6 {background-image:url('/img/tab_6.png'); margin-left:228px}

#tab1.active, #tab2.active, #tab3.active {background-image:url('/img/tab_link_top.png')}
#tab4.active, #tab5.active, #tab6.active {background-image:url('/img/tab_link_bottom.png')}

.info {background:#712f8f; height:80px; padding-top:20px}
.info a {color:white; padding-left:10px}
.info ul {display:block; padding-left:40px; float:left; letter-spacing:0px}
.info li {list-style-image:url('/img/white.png'); line-height:40px; vertical-align:middle}
.info li.pdf {list-style-image:url('/img/pdf.png')}
.info li.doc {list-style-image:url('/img/doc.png')}
.info li.exe {list-style-image:url('/img/exe.png')}

.specs {background:#e6e6e6; padding:0px 20px 20px 20px}
.specs h4 {padding-top:20px; border-bottom: solid 1px #712f8f}
.specs table {width:300px}
.specs th {white-space:nowrap; text-align:left; margin-right:10px; width:170px; font-weight:normal}
.specs td, .specs th {border-bottom: solid 1px #B3B3B3; padding-bottom:0px; padding-top:5px; line-height:18px; letter-spacing:0px; vertical-align:top}

/* FOOTER */
.footer {clear:both; width:920px; height:70px; background:#777777; border-top:solid 5px #712f8f; padding:10px 0px 0px 40px;}
.footer li {list-style-type:none;}
.footer li a {color:white; padding-right:10px;}
.footer_links {width:164px; padding-right:15px; float:left}
.footer_usefullinks {width:164px; padding-right:15px; float:left}
.footer_head {color:white; padding-bottom:0px}