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

* {margin:0; padding:0;}
body {background:url(/images/bgNew.jpg) repeat-x #663088; font-family:Verdana, Arial, Helvetica sans-serif; font-size:100%;}

/* Header Tags */
h1 {color:#663088; font-size:120%; margin:10px 0 10px 0; font-weight:300;}
h2 {color:#333; font-size:100%; margin:20px 0 10px 0;}
h2 a {color:#333; text-decoration:underline;}
h2 a:hover {color:#333; text-decoration:none;}
h3 {width:220px; float:left; font-size:90%; color:#663088; padding:0 0 5px 0; border-bottom:1px solid #663088; margin:0 0 10px 0;}

/* Styling Elements */
p {font-size:80%; line-height:1.6; margin:0 0 10px 0; width:auto;}
a {color:#663088; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none; outline:none;}

.float_img_left {float:left;}
.news_title {color:#000;}
.purple_news_link {color:#663088;}

.headerPhone { float: right; display: inline; font-size: 50px; text-decoration: none; color: #663088; padding: 10px 20px 0px 0px; font-family:Arial, Helvetica, sans-serif;}
.headerPhone img { vertical-align:middle; padding:0px 8px 10px 0px;}

/* Bread */
.breadCrumb {width:650px; float:left; margin:10px 0 10px 0; font-size:65%; color:#888;}
.breadCrumb a {color:#888;}

/* Main Divs */
#wrapper {width:960px; margin:20px auto;}
#bgTop {width:960px; float:left; background:url(/images/bgTop.png) no-repeat; height:31px; margin:20px 0 0 0;}
#bgMiddle {width:960px; float:left; background:url(/images/bgMiddle.png) repeat-y;}
#bgBottom {width:960px; float:left; background:url(/images/bgBottom.png) no-repeat; height:31px;}
#bottomFooter {width:942px; float:left; margin:0 0 0 15px; padding:0 0 20px 0; color:#fff; font-size:80%;}
#bottomFooter a {color:#999;}
ul.footerList1 {width:170px; list-style:none; float:left; margin:0 0 0 0;}
ul.footerList1 li {font-size:70%; margin:0 0 5px 0; float:left; width:170px }
ul.footerList {width:167px; list-style:none; float:left;}
ul.footerList li {font-size:70%; color:#999; margin:0 0 5px 0; float:left; width:170px }

/* Main Navigation */
#navigation {margin:0 0 0 29px; float:left; width:220px;}
#navigation ul {list-style:none; width:220px; float:left;}
#navigation ul li { margin:0 10px 0 0;}
#navigation ul li a {display:block; float:left; width:200px; margin:0 0 10px 0;text-decoration:none; color:#333; font-size:80%; font-weight:bold; padding:5px;}
#navigation ul li a:hover {background:#946eab; color:#fff;}
#navigation .selected {background:#946eab; color:#fff;}
#navigation ul li.contactTab {color:#fff;}
ul.mainLeftNav li a { float:left; display:block; background:#eee; padding:5px 0 5px 15px !important; font-size:12px !important; line-height:1.6; width:195px !important;}

/* Side Panel Divs */
.addressBox {width:220px; float:left; margin:10px 0 20px 0; border-top:1px dotted #ccc; padding:20px 0 0 0; }
.shipping-news {width:220px; float:left; margin:0 0 20px 0; text-align:left; font-size:90%;}

/* Main Body Divs */
#mainContent {width:650px; float:left; margin:0 0 0 32px;}
#mainContent ul { width:500px; margin:20px 0 20px 50px;}
#mainContent ul li {font-size:80%; margin:0 0 5px 0; line-height:1.6}
#mainContent ul li ul ul {font-size:120%; margin:20px 0 20px 30px;}

#mainContent-newsArchive {width:650px; float:left; margin:0 0 0 32px;}
#featureScroller {width:650px; float:left; margin:0 0 0 32px;}

.sitemap {float:left; width:650px; font-size:120%;}
.sitemap ul  {font-size:100%;}

/* Shipping Container Boxes */
.outerBox {width:200px; float:left; margin:0 14px 10px 0; border:1px solid #ccc;}
.titleBox {width:192px; float:left; background:#f4f3f3; padding:4px; font-size:80%; text-align:center; border-top:1px solid #ccc; height:35px;}

/*Shipping Container Boxes*/
.container_box { width:310px; float:left; margin:10px 10px 0 0;}
.container_title { background:#663088;}
.container_title a { font-weight:normal; color:#fff; padding:10px; margin:0px; display:block; font-size:15px;}
.container_title a:hover { color:#bb94d3; text-decoration:none;}
.used { border:1px solid #ccc; width:316px; float:left; margin:0 10px 15px 0;}

/*Home Page Boxes*/
.home_box { width:298px; background:#eee; float:left; margin:15px 8px 0 0; height:260px; padding:10px; border:1px solid #c7c7c7;}
.home_box h2 { margin:10px 0 10px 5px;}
.home_box h2 a { color:#663088; text-decoration:none; font-weight:normal;}
.home_box h2 a:hover { color:#000; text-decoration:none;}
.home_box p { padding:0 5px 0 5px; line-height:1.5;}

/* Modifictaions Gallery */
.mods-gallery-box { width:296px; margin:0 10px 10px 0; height:115px; float:left; padding:7px; border:1px solid #ccc; background:#eee;}
.conversion_text { width:170px; float:left;}
.conversion_text a { font-size:13px;}
.conversion_text a:hover { color:#000;}
.conversion_text p { line-height:1.3; padding:5px 0 0 0;}

/*Case Studies*/
.case_study { background:#eee; border:1px solid #d5d5d5; padding:10px; margin:15px 0 15px 0; height:150px; width:636px;}
.case_image { float:left; width:150px; margin:0 10px 0 0;}
.case_text { float:left; width:600px;}
.case_text h2 { margin:0 0 10px 0;}
.case_text a { text-decoration:none; margin:0px; padding:0px; color:#663088; font-size:18px; font-weight:normal;}
.case_text a:hover { text-decoration:underline;}
a.case_link { font-size:13px;}
a.case_link:hover { color:#000; text-decoration:underline;}
.case_test { background:#eee; border:1px solid #d5d5d5; padding:10px;}

/*Testimonials*/
.testimonial { border-bottom:1px dotted #d5d5d5; float:left; padding:10px;}

/*Code Checker*/
table.searchTable { font-size:12px;}
table.searchTable th { background:#eee; border:1px solid #d5d5d5; font-weight:normal; padding:7px 0 7px 0;}
#txtSearch { padding:6px 6px; height:15px; width:200px;}
.container_stats { background:#946eab; border:1px solid #663088; float:left; width:258px; margin:0 0 0 10px;}
.container_stats h3 { color:#fff; margin:7px 0 0 7px; font-size:15px; border:none; text-align:center;}
.container_stats ul { margin:40px 0 0 10px !important; width:245px !important;}
.container_stats li { list-style:none; color:#fff; margin:10px 0 10px 0; background:url(/images/arrow.png) no-repeat left; padding:0 20px 0 20px; line-height:1.2; background-position:0 8px;}

/* Contact Form */
.contact_form {float:left; width:650px;}
.contact_form label { float:left; width:650px; margin:0 0 10px 0;}
.contact_form .legend {width:150px; float:left; padding:6px 0; font-size:90%;}
.contact_form .input {width:300px; padding:5px; border:1px solid #ccc;}
.contact_form textarea {font-family:Arial, Helvetica, sans-serif;font-size:80%;width:300px; padding:5px; border:1px solid #ccc; height:150px;}
.contact_form .submit { padding:10px; width:99px; height:40px; float:left; background:url(/images/submit_button.jpg) no-repeat; cursor:pointer; border:none; outline:none;}

/*Contact Us Snippet*/
.contact_us { width:630px; margin:20px 0 10px 0; padding:10px 0 0 0; border-top:1px solid #d5d5d5;}
.contact_us h3 { color:#663088; font-weight:normal; font-size:18px; float:none; border:none; margin:0px;}
.contact_us p { margin:10px 0 10px 0;}
.contact_us .label { font-size:14px; margin:10px 0 5px 0;}
.contact_us .field input { padding:6px 6px; width:220px; height:17px; border:1px solid #d5d5d5;}
.contact_us .field textarea { padding:6px 6px; width:300px; height:100px; border:1px solid #d5d5d5;}
.contact_us .contactSend input { background:#663088; padding:10px; cursor:pointer; color:#fff; margin:15px 0 0 0; border:none; font-weight:bold; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.contact_us .contactSend input:hover { background:#946eab;}

/* News Feed */
#mainContent .headline_Heading {font-size:100%; font-weight:bold; margin:0 0 -7px 0;}
#mainContent .headline_IntroText {font-size:80%; line-height:1.6; margin:0 0 15px 0;}
#mainContent .headline_DateStamp {margin:10px 0 0 0; font-size:10px;}
#mainContent .newsArticleHeadline {padding:0 0 0px 0; border-bottom:1px dotted #ccc; margin:10px 0 0 0}
#mainContent .contentText {font-size:80%; line-height:1.6; margin:0 0 10px 0; width:auto;}
#mainContent .newsDateStamp {margin:10px 0 12px 0; font-size:10px;}

#mainContent-newsArchive .headline_Heading {font-size:100%; font-weight:bold; margin:0 0 0 0;}
#mainContent-newsArchive .headline_IntroText {font-size:80%; line-height:1.6; margin:0 0 15px 0;}
#mainContent-newsArchive .headline_DateStamp {margin:10px 0 5px 0; font-size:10px;}
#mainContent-newsArchive .newsArticleHeadline {padding:0 0 10px 0; border-bottom:1px dotted #ccc; margin:10px 0 0 0}
#mainContent-newsArchive .contentText {font-size:80%; line-height:1.6; margin:0 0 10px 0; width:auto;}
#mainContent-newsArchive .newsDateStamp {margin:10px 0 12px 0; font-size:10px;}

.shipping-news .headline_Heading {font-size:100%; font-weight:bold; margin:0 0 0 0;}
.shipping-news .headline_IntroText {font-size:80%; line-height:1.6; margin:0 0 15px 0;}
.shipping-news .headline_DateStamp {margin:10px 0 5px 0; font-size:10px;}
.shipping-news .newsArticleHeadline {padding:0 0 10px 0; border-bottom:1px dotted #ccc; margin:10px 0 0 0}
.shipping-news .contentText {font-size:80%; line-height:1.6; margin:0 0 10px 0; width:auto;}
.shipping-news .newsDateStamp {margin:10px 0 12px 0; font-size:10px;}

#mainContent .contentText p {font-size:100%;}

.headline_readMoreLink {text-transform:capitalize;}

/* Repeater */
.repeaterBlock {margin:0 0 -20px 0;}

/* Container Section Page */
.container-section-pictures { width:650px; float:left; margin:10px 0 0 0;}
.Container-floatImageLeft {float:left; margin:0 20px 20px 0;}

/* Gallery */
.gallery-box {width:650px; margin:0 0 20px 0; float:left;}
.galleryThumb {margin:0 10px 0;}
.galleryImage {float:left; width:500px!important; display:block!important;}

/* Jquery Slider */
#slider-box {float:left; width:650px; position:relative;margin:0 0 10px 0; height:250px;}
div.wrap {width:650px;margin:0 auto;text-align:left;}
div#top div#nav {float:left;clear:both;width:650px;height:52px;margin:22px 0 0;}
div#top div#nav ul {float:left;width:650px;height:52px;list-style-type:none;}
div#nav ul li {float:left;height:52px;}
div#nav ul li a {border:0;height:52px;display:block;line-height:52px;text-indent:-9999px;}
div#header {margin:3px 0 0 0;height:180px;}
div#video-header {height:650px;margin:-1px 0 0;}
div#header div.wrap {height:250px;}
div#header div#slide-holder {z-index:40;width:650px;height:250px;position:absolute;}
div#header div#slide-holder div#slide-runner {width:650px;height:250px;overflow:hidden;position:absolute;left:0px;top:-4px;}
div#header div#slide-holder img {margin:0;display:none;position:absolute;}
div#header div#slide-holder div#slide-controls {left:15px;bottom:202px;width:973px;height:46px;display:none;position:absolute;}
div#header div#slide-holder div#slide-controls p.text {float:left;color:#fff;display:inline;font-size:10px;line-height:16px;margin:15px 0 0 20px;text-transform:uppercase;}
div#header div#slide-holder div#slide-controls p#slide-nav {float:left;height:24px;display:inline;margin:11px 25px 0 0;}
div#header div#slide-holder div#slide-controls p#slide-nav a {float:left;width:24px;height:24px;display:inline;font-size:11px;margin:0 10px 0 0;line-height:24px;font-weight bold;text-align:center;text-decoration:none;background-position:0 0;background-repeat:no-repeat;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background-position:0 -24px; color:#682f8e;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background-image:url(/images/silde-nav.png); color:#fff;}
div#nav ul li a {background:url(/images/nav.png) no-repeat;}

.directionsText {font-size:80%; color:#333; padding:4px 0 0 0; margin:0 20px 10px 0; float:left;}
.directionsInput {padding:3px; text-transform:uppercase; font-weight:bold; width:100px;}
.directionsButton {padding:3px;}

/* Feature Scroller */
.pagination { margin:6px auto 0; width:50px;}
.pagination li { list-style:none; float:left; margin:0 1px;}
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(/images/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -12px;}

.featureScrollerNext { background:url(images/arrow-next.png); width: 24px;	height: 43px; }
.featureScrollerPrevious { background:url(images/arrow-prev.png); width: 24px;	height: 43px; }
.contact_form input.error, .contact_form textarea.error { background-color:#FDD0D0; border:1px solid #FF0000; }

/*Privacy Policy Text*/
.privacy_text { font-size:13px; margin-top:20px; width:100%; float:left;}
.privacy_text a { text-decoration:underline; font-weight:bold;}
.privacy_text a:hover { text-decoration:none; color:#000;}