﻿img, fieldset, form { border: 0; margin: 0; padding: 0; }

/* Banner */
.banner { margin: 0px; padding: 0px; }
.banner table { border-collapse: collapse; margin: 0px; padding: 0px; width: 100%; }
.banner table tr td { margin: 0 0 0 0; padding: 10px 0 10px 0; overflow: hidden;  vertical-align: middle; }
.banner table tr td.logo {  }
.banner table tr td.contacts { text-align: right; }
/* Banner */

/* Top Nav */
.top_nav { height: 31px; color: #fff; text-align:center;  }
.top_nav a {  color: #fff; text-decoration:none; width:100%; padding-top:5px; padding-bottom:8px; display:inline-block;  }
.top_nav a:hover { text-decoration: none; }
.top_nav table{ border-collapse:collapse; width:100%; margin: 0px; padding: 0px;  }
.top_nav table tr td { margin: 0px; padding: 0px; background-position: left top;  background-image: url('TopNav/top_nav_main.jpg' ); background-repeat: no-repeat; }
.top_nav table tr td.home { width: 100px; }
.top_nav table tr td:hover .inner, .top_nav table tr .selected .inner{ background-image: url(   'TopNav/top_nav_main_h.jpg' ); }
.top_nav table tr td:hover a, .top_nav .selected a { color:#fff;}
.top_nav table tr td a { padding-left:0px; padding-right:0px;}
.top_nav table tr .left, .top_nav table tr  .left:hover { background-image: url(  'TopNav/leftSnip.png' ); width:19px; }
.top_nav table tr .right, .top_nav table tr .right:hover { background-image: url(   'TopNav/rightSnip.png' ); width: 19px; background-repeat: no-repeat; }
/* Top Nav */

/* Text Snapshot */
.text_snapshot .middle .description a { color: #fff; }
.text_snapshot .top { height: 8px; background: url('backgrounds/snapshots/text_snapshot/top.png'); background-repeat: no-repeat; }
.text_snapshot .middle { min-height: 140px; margin-top: -2px; background-color: #174999; padding: 0 10px 0 10px;}
.text_snapshot .middle a:hover { text-decoration: none; }
.text_snapshot .middle h2 {  font-size: 22px; margin-bottom: 5px;  }
.text_snapshot .middle h2 a { color:#174999; }
.text_snapshot .middle .image { text-align: right; }
.text_snapshot .bottom { height: 8px; background: url('backgrounds/snapshots/text_snapshot/bottom.png'); background-repeat: no-repeat; }
/* Text Snapshot */

/* Home Snapshot */
.home_snapshot { }
.home_snapshot .top { height: 8px; background: url('backgrounds/snapshots/home_snapshot/top.png'); background-repeat: no-repeat; }
.home_snapshot .middle { min-height: 140px; margin-top: -2px; background-color: #174999; padding: 0 10px 0 10px; color: #fff; }
.home_snapshot .middle h1 { margin-bottom: 5px; color: #fff; }
.home_snapshot .middle .text * { background-color: #174999; }
.home_snapshot .bottom { height: 8px; background: url('backgrounds/snapshots/home_snapshot/bottom.png'); background-repeat: no-repeat; }
/* Home Snapshot */

/* Image List */
.image_list { background-color: #f9f9f9; padding: 10px; margin: 10px 0 0 7px; width:260px; }
.image_list .inner { background-color: #fdfdfd; padding: 10px 5px 10px 5px;  }
/* Image List */

/* Facebook Control */
.facebook_control { border: 0px; background-color: #f9f9f9; padding: 10px; margin: 10px 0 0 0px; }
.facebook_control .inner { background-color: #fdfdfd; padding: 10px 5px 10px 5px; text-align: center; }
.facebook_iframe { border: 10px solid #c00010; } 
/* Facebook Control */

/* Left Nav */
.leftNav {margin-right: 5px; margin-bottom: 20px; }
.leftNav  { margin-top: 0px; padding: 0; background-color: #f5f5f5; }
.leftNav  ul { margin: 0; padding: 0; font-weight: bold; list-style-type: none; font-size: 12px; }
.leftNav  ul li { clear: both; margin-bottom: 0px; padding-bottom: 0px; border-top: 1px solid #EEEEEE; }
.leftNav  ul li a{  padding: 5px 5px 5px 15px; display: block; color: #174999; text-decoration: none;}
.leftNav  ul li a:hover { text-decoration: none; color: #fff; background-color: #009933; }

/* Now we do the trailed */
.leftNav .trailed { border-top: 1px solid #fff; }
.leftNav .trailed li { border-top: 1px solid #fff; }
.leftNav .trailed .trailed li { border-top: 1px solid #fff; }
.leftNav .trailed a { color: #174999; background-color: #EAEAEA; }

.leftNav li.trailed a { background-color: #02A236; color: #fff; }
.leftNav li.trailed ul a { background-color: #118249; color: #fff; }
.leftNav li.trailed li.trailed ul a { background-color: #0B512E; color: #fff; }
.leftNav li.trailed li.trailed ul a:hover { background-color: #007526; color: #fff; }

.leftNav li.trailed li.trailed ul li.current a { background-color: #007526; color: #fff; border-top: 1px solid #EEEEEE; }
.leftNav li.trailed li.trailed ul li.current a:hover { background-color: #007526; color: #fff; }

.leftNav li.trailed li.trailed ul li.current ul li a { background-color:#fff; color:#009933;}



.leftNav  ul li.current  a{ color: #fff; background-color: #02b93e; }
.leftNav  ul li.current ul li {  border-top: 1px solid #ccc;}
.leftNav  ul li.current ul li a { color: #174999;  background-color: #fff; }
.leftNav  ul li.current ul li a:hover { color: #fff; background-color: #02b93e; }
.leftNav  .arrow { width:97px; height:52px; background-image:url('LeftNav/Arrow.png'); position:absolute; margin-left:-100px; margin-top:-40px; }

/* Now the indents */

.leftNav  ul li ul li a { padding-left:25px;}
.leftNav  ul li ul li ul li a { padding-left:35px;}


/* Left Nav */

/* Content */
.article_content { margin: 0px 0px 10px 0px; line-height: 22px; display:inline-block; width:100%; }

.article_content .order_button { margin-top: 15px; }

.article_content .description { padding-top: 7px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #D7D7D7; }
.article_content .breadcrumb {margin:0px 0 5px 0; font-size:11px; }
.article_content .breadcrumb ul { margin:0; padding: 0; }
.article_content .breadcrumb ul li { background-position: left;  display: inline; padding-left:10px; padding-right: 3px; background-image: url( 'bullets/breadcrumb.gif' ); background-repeat: no-repeat; }
.article_content .breadcrumb ul li a{ text-decoration: none; color: #009933; }
.article_content .breadcrumb ul li a:hover { text-decoration: underline; }
.article_content .breadcrumb ul li.home { background-image:none;  padding-left:0px; padding-right: 3px;}
.article_content .breadcrumb ul li.current {color: #009933; padding-left:10px; padding-right: 3px;}

.article_content .content { width: 100%; padding-top: 10px; }
.article_content .mainContent { padding-right: 15px; }
.article_content .attachments { margin-top: 10px; }
.article_content .attachments dl { margin: 5px 0 2px 0; }
.article_content .attachments dt { border: 0px; margin-bottom: -10px; padding-bottom: 0px; }
.article_content .attachments .description { padding-bottom: 0px; border-bottom: 0px; }

.article_content .gallery {float: right; clear: both; display: inline-block; text-align:center;  width: 250px; margin-left: 15px; padding-right: 15px; }
.article_content .gallery .top { background: url('backgrounds/Slider/gallery_top.png'); background-repeat: no-repeat; height: 12px; }
.article_content .gallery .middle { background: url('backgrounds/Slider/gallery_middle.png'); background-repeat: repeat-y; padding: 0 3px 0 3px; }
.article_content .gallery .bottom { background: url('backgrounds/Slider/gallery_bottom.png'); background-repeat: no-repeat; height: 12px; } 

.article_content .pixel_ad_slider { overflow:hidden; background: none; visibility:visible; margin: 0px; padding: 0px; }
.article_content .pixel_ad_slider_i { overflow:hidden; margin: 0px; padding: 0px; }

.article_content .pixel_ad_slider .nav_buttons { visibility:hidden; position:absolute; margin-left:4px; margin-top:3px; }
.article_content .pixel_ad_slider:hover .nav_buttons { visibility:visible;}
.article_content .pixel_ad_slider .nav_buttons .nav_play, .pixel_ad_slider .nav_buttons .nav_left, .pixel_ad_slider .nav_buttons .nav_pause, .pixel_ad_slider .nav_buttons .nav_right { cursor:pointer;  width:24px; height:23px; float:left; }

.article_content .pixel_ad_slider .nav_buttons .nav_left { background-image:url('assets/nav_left.png') }
.article_content .pixel_ad_slider .nav_buttons .nav_pause {background-image:url('assets/nav_pause.png')}
.article_content .pixel_ad_slider .nav_buttons .nav_play {background-image:url('assets/nav_play.png')}
.article_content .pixel_ad_slider .nav_buttons .nav_right {background-image:url('assets/nav_right.png')}

.article_content .pixel_ad_slider .slide_bar { border-collapse:collapse;   }
.article_content .pixel_ad_slider .slide { overflow:hidden;}
.article_content .pixel_ad_slider .slide .slide_node_o { }
.article_content .pixel_ad_slider .slide .slide_node_i { display:inline-block; margin-top:-1px; }

/* Suits Distributors Specific Slider Stuff*/
.article_content .pixel_ad_slider table.inner_table { }
.article_content .pixel_ad_slider table.inner_table tr td { vertical-align: middle; }
.article_content .pixel_ad_slider .slide_link img { overflow: hidden; display: inline-block; }
/* Content */


.article_content .article_image { text-align: center; padding-bottom: 5px; border-bottom: dotted 1px #174999; margin-bottom: 5px; }
.article_content .imgCaption { line-height: 16px; width: 300px; padding-top: 2px; font-size: 11px; font-style: italic; }
/* Content */

/* Subs Snapshot */
.subsSnapshot { margin: 20px 10px 20px 0px; display:inline-block; }

.subsSnapshot .order_button { position:absolute; margin-left: 585px; margin-top: 0px; }


.subsSnapshot .snapshot { width:100%; margin-top: 20px; margin-bottom: 10px; padding: 5px; display: inline-block; min-height:157px; }
.subsSnapshot .snapshot h2 { font-size: 22px; border-bottom: solid 2px #009933; margin-bottom: 5px; padding-bottom:5px; color: #174999; }
.subsSnapshot .snapshot h2 a { color:#174999; } 
.subsSnapshot .snapshot h2 a:hover { text-decoration: none; }

/*Dated Snapshot Title and Date */
.subsSnapshot .snapshot .header { border-bottom: #009933 solid 2px; margin-bottom: 5px; padding-bottom: 5px; line-height: 23px; color: #174999; }
.subsSnapshot .snapshot .header table { border-collapse: collapse; margin: 0px; padding: 0px; width: 100%; } 
.subsSnapshot .snapshot .header table tr td { margin: 0px; padding: 0px; }
.subsSnapshot .snapshot .header table tr td.title { text-align: left; font-size: 22px; line-height: 29px; width: 70%; }
.subsSnapshot .snapshot .header table tr td.date { text-align: right; font-size: 20px; color: #174999; width: 30%; vertical-align:bottom; }
.subsSnapshot .snapshot .header table tr td.date a {  color: #174999; }
.subsSnapshot .snapshot .header a { color: #174999;  }
.subsSnapshot .snapshot .header a:hover { text-decoration: none; }
/*Dated Snapshot Title and Date */

.subsSnapshot .content { padding:4px 0 0 0; color: #174999; clear: both; }
.subsSnapshot .content a { color: #174999; }
.subsSnapshot .content a:hover { text-decoration: none; }
.subsSnapshot a.moreLink { color: #009933; }
.subsSnapshot a.moreLink:hover { text-decoration: underline; }
.subsSnapshot .sub_image { float: left; margin: 20px 0 20px 0; padding: 0 20px 0 30px; cursor: pointer; }
.subsSnapshot .sub_image:hover { cursor: pointer; }

.subsSnapshot .image { float: left; margin: 4px 10px 6px 0px; display: inline-block; }
.subsSnapshot .image .imgBorder { border: 2px solid #009933; overflow: hidden; text-align:center; }

.subsSnapshot_noTitle {line-height: 22px; margin-top: 10px; }
.subsSnapshot_noTitle .content { margin-bottom: 25px; }
/* Subs Snapshot */

/* Grouped Date Snapshot */
.grouped_date_snapshot { background-color: #f9f9f9; padding: 10px; }
.grouped_date_snapshot a { color: #000; }
.grouped_date_snapshot a:hover { text-decoration: none; }
.grouped_date_snapshot h2 { color: #af2217; font-size: 22px; }
.grouped_date_snapshot h2 a { color: #af2217; } 
.grouped_date_snapshot .description { margin-bottom: 5px; margin-top: 5px; color: #000; }
.grouped_date_snapshot .subs h3 { margin: 0px; padding: 0px; }
.grouped_date_snapshot .subs h3 a { color: #af2217; } 
.grouped_date_snapshot .subs { background-color: #fdfdfd; padding: 10px; margin-bottom: 10px; }
.grouped_date_snapshot .subs .image { float: left; height: 70px; overflow: hidden; margin-right: 7px; margin-top: 4px; }
.grouped_date_snapshot .subs .image .imgBorder { border: 1px solid #af2217;  }
.grouped_date_snapshot .subs .date { font-size: 11px; margin-bottom: 5px; }
.grouped_date_snapshot .subs .more { text-align:right; }
.grouped_date_snapshot .subs .more a { color: #af2217; }
.grouped_date_snapshot .subs .more a:hover { text-decoration: underline; } 
/* Grouped Date Snapshot */

/* Panel Tablet */

.panel_tablets {  height: 350px; }
.panel_tablets .panel { background-position: center top;  width: 260px;  height: 350px;  display:inline-block; background-repeat: no-repeat; float:left;}
.panel_tablets .panel.first {  background-position: left top;   }
.panel_tablets .panel.last{  background-position: right top; }

.panel_tablets .panel .image { display:inline-block; margin-top:27px; margin-left:18px; text-align:center;  height:120px;  width: 215px;}
.panel_tablets .panel .content { font-size:0.9em; display:inline-block; margin-top:23px; margin-left:25px; width:205px; height:120px; overflow hidden;}
.panel_tablets .panel .content a { color:#fff;}
.panel_tablets .panel .content .text { margin-left:5px; display:inline-block; color:#fff; font-weight:normal;}
.panel_tablets .panel .content h2 { margin: 10px 10px 10px 5px; margin-bottom:2px; padding: 0px; }

.panel_tablets .panel.first .content .text { margin-left:10px; }
.panel_tablets .panel.last .content h2 { margin-left:-5px; }
.panel_tablets .panel.last .content .text{ margin-left:-5px; }

.panel_tablets .panel.red { background-image:url('HomeTablets/RedPanel.png');  }
.panel_tablets .panel.green { background-image:url('HomeTablets/GreenPanel.png');  }
.panel_tablets .panel.blue { background-image:url('HomeTablets/BluePanel.png');  }
.panel_tablets .panel.purple { background-image:url('HomeTablets/PurplePanel.png');  }

.panel_tablets .panel_placeholder { position:absolute; margin-left:-16px; width:1040px;}


/* Panel Tablet */

/* Panel Snapshot */
.panel_snapshot { text-align: left; width: 100%; }
.panel_snapshot table tr td { width: 33.3%; }
.panel_snapshot .sub_node { margin: 0 10px 15px 0px; border-bottom: solid 3px #009933;   background-color: #f5f5f5; }
.panel_snapshot .sub_node a { color: #174999; }
.panel_snapshot .sub_node a:hover { text-decoration: none; }
.panel_snapshot .sub_node h2 { font-size: 15px; border-bottom: solid 5px #eee; background-color:#fff; padding-bottom: 3px; font-weight: bold; }
.panel_snapshot .sub_node h2 a { color: #174999; }
.panel_snapshot .sub_node .inner { border-left: solid 3px #f5f5f5; border-right: solid 3px #f5f5f5; } 
.panel_snapshot .sub_node .image { text-align: center; padding: 10px 0 5px 0; height: 169px; width: 100%; overflow:hidden; }
.panel_snapshot .sub_node .content_text { border-top: 5px solid #009933;padding: 7px 7px 0 7px; border-top-color: #F4F7F4; }
.panel_snapshot .sub_node .content_text .content { font-size:0.9em; }
.panel_snapshot .sub_node .content_text .more_link { text-align: right; margin-top: 10px; }

.two .more_link { position:absolute; margin-top:-100px; width:360px; margin-left:5px;}
.two .sub_node { min-height:380px;} 
.two .panel_image {  background-image: url('PanelSnapshots/ImageBg.png'); height:190px; text-align:center; background-position:center center; background-repeat:no-repeat; background-color: #F5F5F5; }

.three .image { background-color:#fff; }
.three .sub_node { min-height:360px;} 
.three .more_link { position:absolute; margin-top:-70px; width:240px; margin-left:5px;}
.panel_image img { margin-left:16px; margin-top:10px;}

/* Panel Snapshot */

/* Product Image List */
.product_image_list { margin: 7px 0 10px 0; }
.product_image_list .image { height: 134px; overflow: hidden; margin-bottom: 15px;  }
/* Product Image List */

/* Slider */
.feature_slider { margin: 0px; padding: 0px; font-weight: bold; font-size: 12px; }
.feature_slider .sliding_bg { width: 900px; height: 300px; padding-top: 201px; }
.feature_slider table { border-collapse: collapse; margin: 0px; padding: 0px; }
.feature_slider table tr td { padding:0; margin: 0px; background: url('backgrounds/slider/content_bg.png'); min-height: 90px; }
.feature_slider a { color: #fff; }
.feature_slider a:hover { text-decoration: none; }
.feature_slider table tr td.content { padding: 5px 15px 5px 15px; width: 880px;  }
.feature_slider table tr td.content h2 { font-size: 20px; padding-bottom:5px; } 
.feature_slider table tr td.content h2 a { color: #fff; }
.feature_slider table tr td.content .more_link { margin-top: 5px; text-align: right; }
.feature_slider table tr td.content .more_link a { color: #fff; }
.feature_slider table tr td.content .more_link a:hover { text-decoration: underline; }

.article_slider { margin: 0px; padding: 0px; background-color: #f9f9f9; padding: 10px; }
.article_slider a:hover { text-decoration: none; }
.article_slider h2 { color: #af2217; font-size: 22px; }
.article_slider h2 a { color: #af2217; } 
.article_slider .description { margin-bottom: 5px; margin-top: 5px; color: #000; }
.article_slider .description a { color: #000; }
.article_slider .slider {  background-color: #fdfdfd; padding:10px; }
.article_slider .slider .top { background: url('icons/66.png'); height: 15px; margin-bottom: 3px; background-repeat: no-repeat; }
.article_slider .slider .middle { background: url('icons/99.png'); background-position: bottom right; background-repeat: no-repeat; }
.article_slider .slider .middle a { color: #000; font-style: italic; }
.article_slider .slider .middle .pixel_ad_slider .nav_buttons { margin-top: -22px; margin-left: 180px; }
.article_slider .slider .middle .pixel_ad_slider .nav_left { background-image:url('assets/nav_up.png') }
.article_slider .slider .middle .pixel_ad_slider .nav_buttons .nav_pause {background-image:url('assets/nav_pause.png')}
.article_slider .slider .middle .pixel_ad_slider .nav_buttons .nav_play {background-image:url('assets/nav_play.png')}
.article_slider .slider .middle .pixel_ad_slider .nav_buttons .nav_right {background-image:url('assets/nav_down.png')}
.article_slider .more { text-align: right; padding-right: 10px; margin-top: 5px; }
.article_slider .more a { color: #af2217; }
.article_slider .more a:hover { text-decoration: underline; }

.pixel_ad_slider { overflow:hidden; margin-bottom: 0px; background: none; }
.pixel_ad_slider .nav_buttons .nav_left { background-image:url('assets/nav_left.png') }
.pixel_ad_slider .nav_buttons .nav_pause {background-image:url('assets/nav_pause.png')}
.pixel_ad_slider .nav_buttons .nav_play {background-image:url('assets/nav_play.png')}
.pixel_ad_slider .nav_buttons .nav_right {background-image:url('assets/nav_right.png')}
/* Slider */


/* Buttons */
a.button { background-repeat:no-repeat; background-position: center center; text-align:center; color:#fff; font-weight:bold; }
a.button:hover { text-decoration:none;}
a.button { width: 252px; height: 43px; display: inline-block; padding: 45px 20px 20px 20px; font-size: 43px; }
a.button.small { width:114px; height:23px; display:inline-block; padding:24px; font-size:24px; }
a.button.tiny { width:78px; height:20px; padding:12px; display:inline-block; font-weight:bold; color:#fff; }

.blank { background-image:url('buttons/red/Button.png'); }
.blank.small { background-image:url('buttons/red/Button-Small.png'); }
.blank.tiny { background-image:url('buttons/red/Button-Tiny.png'); }

.change.small { background-image:url('buttons/green/change-small.png'); }

.submit { background-image:url('buttons/green/continue-small.png');} 
.submit.small { background-image:url('buttons/green/continue-small.png'); }
.submit.tiny { background-image:url('buttons/green/continue-tiny.png'); }


.order_now { background-image:url('buttons/green/order-now.png');} 
.order_now.small { background-image:url('buttons/green/order-now-small.png'); }
.order_now.tiny { background-image:url('buttons/green/order-now-tiny.png'); }

.more_info { background-image:url('buttons/green/more-info.png');} 
.more_info.small { background-image:url('buttons/green/more-info-small.png'); }
.more_info.tiny { background-image:url('buttons/green/more-info-tiny.png'); }

/* Order Specific Buttons */
.panel_snapshot.two .more_link { height:90px;}
.panel_snapshot.two .price { position:absolute; margin-top:-140px; }
.IE8 .panel_snapshot.two .price { position:absolute; margin-top:-140px; margin-left:-160px; }

.panel_snapshot.three .more_link { height:50px;}
.panel_snapshot.three .price { position:absolute; margin-top:-134px; }

.panel_snapshot .more_info { float:left; }
.panel_snapshot .order_now { float:right; }



/* Form Defaults */

.order_stage { height:84px; width:682px; margin-bottom:10px;} 
.order_stage.paymentgateway { background-image:url('Ordering/PaymentInformation.png'); margin-left:-10px; }
.order_stage.details { background-image:url('Ordering/DeliveryInfomation.png'); margin-left:-10px; }


.order_form { }
.order_form h2 { color: #000; font-family: Arial; font-weight: normal; margin-bottom: 5px; }

.form_view { font-size: 12px; text-align: left; display: inline-block; width: 630px; margin-bottom: 15px; padding: 10px 20px 10px 20px; background-color: #f9f9f9; }
.form_view h3 { margin-bottom: 5px; color: #009933; font-weight: bold; }
.form_view p { padding-bottom: 7px; }
.form_view .extraField { padding-top: 5px; }
.form_view .left { float: left; }
.form_view .right { float: right; }
.form_view .right_form { padding-left: 8px; }
.form_view table { border-collapse: collapse; margin: 0px; padding: 0px;} 
.form_view table.left { width: 320px; }
.form_view table tr td.label { padding-right: 10px; } 
.form_view table tr td.field { padding-bottom: 3px; } 

.form_view .field span { font-size:18px;}
.form_view .label strong, .red_astrek { color:#ff0000; font-size:15px;}

.form_submit_view  { font-size: 14px; text-align: left; display: inline-block; width: 630px; background-color: #f9f9f9; padding: 20px; }
.form_submit_view p { padding-bottom: 7px; }
.form_submit_view .right { width:49%; float:right; }
.form_submit_view .left { width:49%; float:left; }

.errText { color:#ff0000; font-weight:bold;} 


/* Form Defaults */

/* Submission */
.submission { width: 100%; }
.submission h2 { margin-bottom: 5px; color: #009933; font-weight: bold; }
.submission p  { padding: 10px; background-color: #f9f9f9; font-size: 13px; line-height: 23px;  }
/* Submission */

/* Footer */
.footer { border-top: 2px solid #174999; padding-top: 7px; font-weight: bold; font-size: 11px; color: #174999; }
.footer a { color: #174999; }
.footer .description { float: left; }
.footer .content { float: right; }
.footer .content ul { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
.footer .content ul li { display: inline; margin: 0px; padding: 0px;}
/* Footer */
