@charset "utf-8";
/* 	CSS Reset
*/

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* 	Template Styles
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 73%; color: #333; background-image: url(../../images/template/bg_gradient.gif); background-repeat: repeat-x; background-color: #f5f5f5; }
.container-progress { background-color: #FFF; padding: 10px; }
.whitebg { background-color: #FFF; padding: 25px 0 0 0; }
.container { margin: auto; width: 950px; background-color: #FFF; }
.header { background-color: #CCC; background-image: url(../../images/template/bg_grey.gif); background-repeat: repeat-x; height: 40px; }
.header .memberportal { background-image: url(../../images/template/memberportal.gif); background-repeat: no-repeat; width: 250px; height: 40px; float: left; }
.header .memberportal img { width: 250px; height: 40px; }
.header .backlink { background-image: url(../../images/template/top_back.jpg); background-repeat: no-repeat; width: 235px; height: 40px; float: right; }
.header .backlink img { width: 200px; height: 26px; margin-top: 14px; margin-left: 16px; }
.feature { height: 125px; background-image: url(../../images/template/bg_feature.jpg); background-repeat: no-repeat; border-bottom: 1px solid #FFF; }
.feature .homelink { float: left; width: 150px; height: 50px; margin: 25px 0 0 20px; }
.feature .memberlogin { float: right; color: #FFF; font-size: 0.9em; margin: 95px 20px 0 0; }
.feature a { color: #FFF; }
.menubg { background-color: #FC0; background-image: url(../../images/template/bg_menu.gif); background-repeat: repeat-x; height: 35px; }
.panel { float: left; background-color: #264574; width: 180px; margin: 10px 10px 10px 0; padding: 10px; color: #FFF; }
/* spacer to fix double margin-left problem in IE6 */
	.panel-spacer { float: left; width: 10px; }
.content { float: left; width: 720px; margin: 10px 0 0 0; }
.nopanels { float: none; width: 930px; margin: 10px; }
.footer { clear: both; background-color: #666; background-image: url(../../images/template/bg_footer.gif); background-repeat: repeat-x; height: 45px; color: #CCC; font-size: 0.9em; line-height: 42px; padding: 0 20px; }
.footer ul { float: right; }
.footer li { list-style: none; float: left; margin: 0 0 0 20px; text-transform: lowercase; }
.footer a { color: #CCC; text-decoration: none; }
.footer a:hover { color: #E5E5E5; }
.logos { background-color: #F5F5F5; text-align: right; padding-top: 30px; }
.logos img { margin-right: 10px; vertical-align: top; }
/* 	Panel Styles
*/

.panelitem { padding-bottom: 50px; }
.panel a { color: #CCC; }
.panel h2, .panel .hd { border-bottom: 1px solid #93A2BA; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-weight: normal; font-size: 1.3em; padding: 0 0 3px 0; margin: 0 0 5px 0; }
.panelitem .txt { line-height: 1.4em; clear: both; }
.tips { font-size: 0.9em; line-height: 1.4em; }
.panel .pic { float: right; width: 70px; margin: 0 0 10px 0; }
.compmenu { padding-bottom: 50px; }
.compmenu .menuitem { background-image: url(../../images/template/bg_leftmenu.gif); background-repeat: no-repeat; padding: 0 0 7px 20px; }
.compmenu .menuitem a { color: #FFF; text-decoration: none; }
.compmenu .menuitem a:hover { text-decoration: underline; }
.cart { background-color: #7286A5; padding: 5px; background-image: url(../../images/template/icon_shoppingcart.gif); background-repeat: no-repeat; background-position: top right; clear: both; }
.cart h2 { color: #FFF; font-weight: bold; border-bottom: 1px solid #264574; width: 105px; }
.cart a { color: #264574; }
.cart .viewbutton { margin-top: 7px; }
/* 	Content Styles
*/

.spacer { clear: both; }
a { text-decoration: underline; }
a:hover { color: #000; }
a.underlined-links { text-decoration: underline; }
.content p { line-height: 1.4em; padding-bottom: 1em; }
.content li, .content td, .contact th { line-height: 1.4em; }
.content ul, .content table { padding-bottom: 1em; }
h1 { border-bottom: 1px solid #C0C0C0; font-family: "Trebuchet MS"; color: #BEBEBE; font-weight: normal; font-size: 2em; padding-bottom: 3px; margin-bottom: 1em; }
.content h2 { margin: 30px 0 15px 0; padding: 0 10px; font-family: "Trebuchet MS"; color: #333; font-weight: bold; font-size: 1.3em; background-image: url(../../images/template/bg_h2.gif); line-height: 29px; clear: both; }
.content h2 a { color: #333; }
h3 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.3em; }
h4 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.1em; }
.error { color: #CC0000; font-weight: bold; }
.note { font-size: 0.9em; color: #777; }
.note a { color: #777; }
.pic-right { float: right; padding: 2px; margin: 0 0 10px 10px; text-align: right; }
.pic-right .pic { width: 80px; border: 1px solid #DDD; }
.branchphoto { float: right; padding: 2px; clear: both; margin-bottom: 10px; margin-left: 10px; font-size: 0.8em; color: #999; text-align: right; }
.staffphoto { float: right; padding: 2px; clear: both; }
.staffphoto .pic { margin: 0; }
.feedback { border: 1px solid #DDD; padding: 5px; margin: 10px 0; }
.feedback .by { font-size: 0.9em; line-height: 20px; color: #666; padding-left: 10px; }
.sitemap { margin: 20px 0 0 15px; }
.sitemap li { list-style: none; }
.photogallery { padding-left: 10px; }
.photogallery .photo { border: 1px solid #DDD; padding: 4px; float: left; margin-right: 20px; }
.photogallery .pic { width: 80px; }
.selections { clear: both; margin-bottom: 10px; }
.selections .pic { float: left; margin-right: 8px; margin-bottom: 10px; width: 80px; }
.selections .txt { color: #3F3F3F; line-height: 25px; }
.selections .txt a { color: #3F3F3F; text-decoration: none; }
.selections .txt a:hover { text-decoration: underline; }
.example { text-align: center; background-color: #FFF; border: 1px solid #CCC; font-weight: bold; }
.stockno a { font-weight: bold; color: #264574; display: block; text-align: center; vertical-align: middle; }
.columns, .stockcolumns { clear: both; }
.colitem, .stockcolitem { border: 1px solid #E4E6E1; background-color: #EFEEEC; padding: 7px; width: 130px; height: 170px; font-weight: bold; float: left; margin-right: 20px; margin-bottom: 20px; text-align: center; }
.colitem img, .stockcolitem img { margin-bottom: 5px; width: 100px; height: 80px; }
.stockcolitem .details, .colitem .details { margin: 3px 0 0 0; line-height: 1.3em; color: #666; }
.colitem a, .stockcolitem a { text-decoration: none; }
.colitem a:hover, .stockcolitem a:hover { text-decoration: underline; }
.stockcolitem .date { font-size: 0.9em; color: #999; }
.stockcolitem .addstock { margin: 15px 0 0 0; }
.stockcolitem .addbutton { vertical-align: middle; }
/* Poll Styles */

.polls .status { color: #FFF; font-size: 0.8em; }
.polls .pic { float: right; margin: 0 0 10px 10px; }
.polls h3 { background: none; padding: 0; color: #000; }
.polls .answers { line-height: 20px; }
.polls .votes { color: #999; font-size: 0.8em; padding-left: 10px; }
.polls .total { font-weight: bold; color: #333; }
.polls .highlight { font-style: italic; font-weight: bold; }
/* Advertisement Styles */

.advert-header, .advert-footer { text-align: center; padding: 10px; }
.advert-content { text-align: center; padding: 0 0 20px 0; }
.advert-panel { text-align: center; }
.advert-panel img { margin-bottom: 5px; }
/* Homepage Styles */


.feat_prod_1col { text-align: center; color: #666; font-size: 0.9em; }
.feat_prod_1col img { margin-bottom: 5px; }
.feat_prod_2col { text-align: center; float: left; width: 320px; padding: 0px 10px; color: #666; font-size: 0.9em; margin-bottom: 30px; }
.feat_prod_2col img { margin-bottom: 5px; }
.feat_prod_sub_1col { text-align: center; }
.feat_prod_sub_1col img { margin-bottom: 5px; }
.feat_prod_sub_2col { text-align: center; float: left; width: 320px; padding: 0px 10px; }
.feat_prod_sub_2col img { margin-bottom: 5px; }
.feat_info { clear: both; margin-bottom: 20px; }
.feat_info .pic { float: left; margin-right: 15px; width: 80px; }
.feat_info .txt { font-size: 0.9em; line-height: 1.7em; }
.feat_info .txt img { margin-top: 10px; }
.feat_info .public { color: #666; font-weight: normal; }
.feat_info .members { color: #CC0000; font-weight: normal; }
.feat_info .paid { color: #0099CC; font-weight: normal; }
.feat_news { clear: both; margin-bottom: 20px; }
.feat_news .pic { float: left; margin-right: 15px; width: 80px; margin-bottom: 10px; }
.feat_news .txt { font-size: 0.9em; line-height: 1.7em; }
.feat_news .txt img { margin-top: 10px; }
.feat_news .date { color: #666; }
/* Status Styles */

.pending, .ontransfer { background-color: #FFFFCC; font-weight: bold; padding: 5px; line-height: 25px; }
.submitted, .fulfilled { background-color: #00CCFF; font-weight: bold; padding: 5px; line-height: 25px; }
.active { background-color: #99CC99; font-weight: bold; padding: 5px; line-height: 25px; }
.expired, .unpaid, .cancelled, .waiting, .arrived, .inactive { background-color: #FF9999; font-weight: bold; padding: 5px; line-height: 25px; }
.collected, .despatched { background-color: #99CC99; font-weight: bold; padding: 5px; line-height: 25px; }
/* Grid & Table Styles */

.datagrid { border-collapse: collapse; width: 100%; margin: 15px 0px; }
.datagrid th { text-align: left; vertical-align: top; background-color: #666; padding: 5px 2px; color: #FFF; }
.datagrid th a { color: #FFF; }
.datagrid .thin { width: 1%; }
.datagrid .subheader { text-align: center; background-color: #999; }
.datagrid td, .form_info .datagrid td { vertical-align: top; padding: 5px 2px; border-bottom: 1px dotted #DADAD7; text-align: left; background-color: #FFF; line-height: 1.4em; }
.datagrid .pic { width: 80px; }
.datagrid .date { font-size: 0.9em; color: #666; line-height: 20px; }
.datagrid .nowrap { white-space: nowrap; }
.datagrid .right, .form_info .datagrid .right { text-align: right; padding-right: 10px; }
.datagrid .center { text-align: center; }
.datagrid .total { background-color: #DADAD7; text-align: right; font-weight: bold; }
/* Form Styles */

.form { border-collapse: collapse; margin: 15px 0px;/*width: 100%;*/
}
.form th { vertical-align: top; text-align: left; padding: 5px; background-color: #f5f5f5; border-bottom: 5px solid #FFF; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; color: #333; }
.form td { vertical-align: top; padding: 1px 5px; border-bottom: 5px solid #FFF; }
.form .subheader { text-align: center; background-color: #999; font-size: 1.1em; color: #FFF; }
.form_info { border-collapse: collapse; margin: 15px 0px; }
.form_info th, .datagrid .form_info th { vertical-align: top; text-align: left; padding: 5px; background-color: #f5f5f5; border-bottom: 5px solid #FFF; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; color: #333; }
.form_info .datagrid th a { color: #333; }
.form_info td, .datagrid .form_info td { vertical-align: top; padding: 5px; border-bottom: 5px solid #FFF; }
.form_info .subheader { text-align: center; background-color: #999; font-size: 1.1em; color: #FFF; }
.form_info .overdue { color: #CC0000; font-weight: bold; background-color: #CCC; }
.form_info .credit { color: #0099CC; font-weight: bold; }
.stretch { width: 100%; /* class to force 100% width for tables requiring full width*/ }
.formFieldTiny { background-color: #FFF; border: 1px solid #DDD; font-family: Arial; font-size: 1.1em; padding: 2px; width: 25px; }
.formFieldSmall { background-color: #FFF; border: 1px solid #DDD; font-family: Arial; font-size: 1em; padding: 4px; width: 80px; }
.formFieldMedium { background-color: #FFF; border: 1px solid #DDD; font-family: Arial; font-size: 1em; padding: 4px; width: 180px; }
.formFieldLarge { background-color: #FFF; border: 1px solid #DDD; font-family: Arial; font-size: 1em; padding: 4px; width: 230px; }
.formFieldHuge { background-color: #FFF; border: 1px solid #DDD; font-family: Arial; font-size: 1em; padding: 4px; width: 350px; }
.formFieldSearch { background-color: #FFF; border: none; width: 175px; font-family: Arial; font-size: 1em; color: #000; padding: 3px; border: 1px solid #DDD; }
.go { margin-top: 2px; }
.button { border: 1px solid #DDD; background-color: #EBEBE8; font-family: Arial; font-size: 1em; padding: 3px; font-weight: bold; }
/* Event Styles */


.eventitem { border-bottom: 1px solid #ccc; padding: 15px; clear: both; }
.eventitem .pic { float: right; padding: 0px 0 15px 15px; }
.eventitem .hd { font-weight: bold; font-size: 1.2em; padding-bottom: 5px; }
.eventitem .txt { line-height: 1.6em; }
.eventitem .highlight { color: #0079BE; }
/********
	Events Calendar Formatting
********/

.eventscal { }
.eventscal .break { background-color: #FFF; border: none; }
.eventscal td { padding: 3px; font-size: 0.9em; border: 1px solid #F5F5F5; }
.eventscal td a { display: block; font-weight: bold; }
.eventscal th { background-color: #2E5380; color: #FFF; border: 1px solid #F5F5F5; text-align: center; font-size: 1.3em; font-family: "Trebuchet MS"; padding: 5px 3px; }
.eventscal th a { text-decoration: none; color: #FFF; }
.eventscal .days { background-color: #96A9BF; color: #FFF; border-bottom: 1px solid #FFF; padding: 3px; }
.eventscal .eventOn { background-color: #FECD04; }
.eventscal .eventOn:hover { background-color: #FC9; }
.eventscal .custEventOn a { color: #333; text-decoration: none; z-index:10; }
.eventscal .custEventOn { background-color: #FF7519; }
.eventscal .custEventOn:hover { background-color: #FFB1AB; }
.eventscal .eventOn a:hover { text-decoration: underline; position:relative; z-index:100; }
.eventscal .custEventOn a:hover { text-decoration: underline; position:relative; z-index:100; }
.eventscal .eventOn a span { display:none; }
.eventscal .custEventOn a span { display:none; }
.eventscal .eventOn a:hover span { display:block; position:absolute; float:left; white-space:nowrap; top:-2.2em; left:.5em; background:#fffcd1; border:1px solid #444; color:#444; padding:3px 5px; font-size: 11px; z-index:10; }
.eventscal .custEventOn a:hover span { display:block; position:absolute; float:left; white-space:nowrap; top:-2.2em; left:.5em; background:#fffcd1; border:1px solid #444; color:#444; padding:3px 5px; font-size: 11px; z-index:10; }
.eventsAdd { border: 1px solid #FFE09F; padding: 0px; float: right; width: 235px; } /* IE6 hack to add 5px to width */
.eventsAdd h3 { background-color: #FFE09F; color: #FF7519; margin: 0px; line-height: 20px; font-size: 12px; text-indent: 10px; width: 230px; }
.eventsAdd h3 img { float: left; margin-top: 2px; margin-right: 6px; }
.eventsAdd a { text-decoration: none; color: #666; }
.eventsAdd a:hover { text-decoration: underline; }
.eventsAdd .eventsAdd-members { height: 35px; margin-top: 5px; font-weight: bold; }
.eventsAdd .eventsAdd-members .eventsAdd-label { line-height: 35px; width: 100px; float: left; text-align: right; margin-right: 5px; }
.eventsAdd .eventsAdd-members .eventsAdd-button { line-height: 35px; width: 130px; float: left; text-indent: 5px; }
.eventsAdd .eventsAdd-members .eventsAdd-button img { margin-top: 5px; float: left; margin-right: 5px; }
.eventsAdd .eventsAdd-nonmembers { height: 35px; margin-top: 5px; }
.eventsAdd .eventsAdd-nonmembers .eventsAdd-nonmembers-label { font-weight: bold; line-height: 24px; width: 100px; float: left; text-align: right; margin-right: 5px; }
.search-events { text-align: center; margin-bottom: 20px; }
.search-events fieldset { display: inline; margin: 0px auto; text-align: left; border: 1px solid #FF7519; width: auto; padding: 20px; }
.search-events legend { font-size: 16px; color: #FFF; background-color: #FF7519; padding: 5px 40px; }
.search-events .view-all-events { background-color: #F5B18E; border: 1px solid #FF7519; float: left; padding: 9px; float: left; margin-right: 20px; }
.search-events .search-category { background-color: #FFEEC6; border: 1px solid #DBCCAA; float: left; padding: 10px; margin-right: 20px; font-size: 12px; }
.search-events .search-location { background-color: #E0F8D8; border: 1px solid #8CA883; float: left; padding: 10px; margin-right: 20px; font-size: 12px; }
.search-events .search-button { padding: 0px; float: left; }
.search-events .search-button input { padding: 9px; }
.eventDetails .form_info { margin: 0px; width: 100%; }
.eventDetails .event-details-table th { width: 100px; }
.eventDetails .events-controls { width: 100%; margin: 0px; margin-bottom: 5px; }
.eventDetails .events-controls th { background-color:#80B3CC; }
.eventDetails .events-controls td { border: 1px solid #80B3CC; padding: 5px 0px; padding-left: 5px; }
/* 	Shopping Cart */

.shopping-cart .buttons img { float: left; }
.shopping-cart .controls { float: right; padding: 15px 10px; }
.shopping-cart .controls a { margin: 0 0 0 10px; color: #333; }
.shopping-cart .member-prices { background-color: #666; color: #FFF; text-align: center; width: 200px; padding: 10px; }
.newcust { float: left; width: 350px; padding: 5px; margin-right: 30px; border: 1px solid #CCC; }
.newcust h2 { padding-top: 0; margin-top: 0; }
.existingcust { float: left; width: 300px; padding: 5px; border: 1px solid #CCC; }
.existingcust h2 { padding-top: 0; margin-top: 0; }
.shopping-cart .checkout { clear: both; text-align: right; padding: 10px 0; }
.shopping-cart .makepayment { text-align: center; padding: 10px 0; }
/* Forum Styles 
*/

.forumtbl { width: 100%; border-collapse: collapse; margin: 15px 0px; border: 1px dotted #DADAD7; }
.forumtbl th { text-align: left; vertical-align: top; background-color: #DDDDD9; padding: 5px 3px; font-size: 0.95em; }
.forumtbl td { padding: 5px 3px; text-align: left; vertical-align: top; font-size: 0.95em; }
.forumtbl .center { text-align: center; }
.forumtbl .pic { width: 80px; border: none; margin: 0px; }
.forumtbl_stats { border: none; margin: 0px; border-collapse: collapse; }
.forumtbl_stats td { padding: 2px; border-bottom: 1px solid #DADAD7; text-align: center; }
.forumtbl_stats th { background-color: #FFF; border-bottom: 1px solid #CCC; padding: 2px; }
.forumtbl_threads { width: 100%; border-collapse: collapse; margin: 0px; border-top: 1px dotted #DADAD7; border-left: 1px dotted #DADAD7; border-right: 1px dotted #DADAD7; }
.forumtbl_threads th { text-align: left; vertical-align: top; background-color: #DDDDD9; padding: 5px 3px; font-size: 0.95em; }
.forumtbl_threads td { padding: 5px 3px; text-align: left; vertical-align: top; font-size: 0.95em; border-bottom: 1px dotted #DADAD7; }
.forumtbl_threads .center { text-align: center; }
.forumtbl_threads .pic { width: 80px; border: none; margin: 0px; }
.forumtbl_messages { width: 100%; border-collapse: collapse; margin: 0px; border-top: 1px dotted #DADAD7; border-left: 1px dotted #DADAD7; border-right: 1px dotted #DADAD7; }
.forumtbl_messages th { text-align: left; vertical-align: top; background-color: #DDDDD9; padding: 5px 3px; font-size: 0.95em; }
.forumtbl_messages td { padding: 5px 3px; text-align: left; vertical-align: top; font-size: 0.95em; border-bottom: 1px dotted #DADAD7; }
.forumtbl_messages .username { background-color: #f5f5f5; text-align: center; font-weight: bold; vertical-align: middle; width: 120px; border-bottom: none; }
.forumtbl_messages .posttitle { background-color: #f5f5f5; font-weight: bold; }
.forumtbl_messages .postname { float: left; margin-top: 2px; }
.forumtbl_messages .postbuttons { float: right; }
.forumtbl_messages .userinfo { background-color: #f5f5f5; border-right: 1px dotted #DADAD7; font-size: 0.85em; padding-left: 12px; padding-bottom: 10px; }
.forumtbl_messages .userinfo img { border: 1px solid #CCC; }
.forumtbl_messages .postcontent { padding: 5px; width: 100%; }
.forumtbl_messages .signature { border-top: 1px solid #CCC; margin-top: 50px; color: #888; }
.forum_crumb { margin-top: -10px; margin-left: 2px; font-size: 0.95em; color: #888; }
.forum_crumb a { color: #888; text-decoration: underline; }
.forum_search { text-align: right; margin-bottom: 10px; vertical-align: bottom; }
.forum_buttons { text-align: right; background-color: #f5f5f5; padding: 5px 0; }
.forum_buttons img { margin-left: 7px; }
.forum_results { border-bottom: 1px solid #EBEBEB; padding: 10px 0px; }
.formFieldForumSearch { background-color: #FFF; border: 1px solid #DDD; font-family: Tahoma; font-size: 1em; padding: 4px; width: 180px; }
.popup { background: none; padding: 20px; line-height: 20px; }
.popup h2 { margin: 15px 0px; padding: 0 10px; font-family: "Trebuchet MS"; color: #333; font-weight: bold; font-size: 1.3em; height: 30px; line-height: 29px; }
.container-tax { width: 600px; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; }
.container-tax h1 { text-align: center; font-size: 2em; font-weight: normal; padding: 4px 0px; text-transform: uppercase; }
.container-tax .logo { float: left; width: 200px; height: 120px; }
.container-tax .company { float: right; text-align: right; line-height: 1.6em; padding-right: 5px; width: 300px; font-size: 11px; margin-bottom: 10px; }
.container-tax h2 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; background: none; font-size: 1.3em; margin: 0px; clear: both; }
.container-tax .taxdetails { border-collapse: collapse; width: 100%; }
.container-tax .taxdetails th { width: 50%; text-align: right; vertical-align: top; padding: 5px; }
.container-tax .taxdetails td { width: 50%; text-align: left; vertical-align: top; padding: 5px; }
.container-tax .notes { margin-bottom: 20px; }