﻿/* ///////////////////////////////////////// */
/* /////  COLOURS USED THROUGHOUT       //// */
/* /////                                //// */
/* /////  Bright Green (links) A4E023   //// */
/* /////                                //// */
/* /////                                //// */
/* ///////////////////////////////////////// */



/* universal */
a {color:#A4E023;text-decoration:none;}
a:hover {color:#FFF;text-decoration:none;}
.clear {clear:both;}
.hide {display: none;}
body {margin:0;padding:0;font-size:75%;color: #fff;background-image:url(images/bgTitle.gif); background-repeat:repeat; background-color:#1a1a1a; font-family:Lucida Sans Unicode, Arial, Verdana, Sans-Serif;}
table { width: 100%; }
img {border-style: none; }
p {margin: 10px 0 0 0;}

/* Admin Panel */
#adminpanel {font-size:11px;background-color:#303030;color:#999;border-bottom: 1px solid #666;padding:5px;}
#adminpanel a {color:#999;text-decoration:none;}
#adminpanel a:hover {text-decoration:underline;}

/* header */
#header {height:120px;margin:0;}
#header ul li {display:inline; margin:0pt; padding:0pt;}
#header a {color:#fff; margin:0 0 0 20px;}
#headermainmenu {text-align:right;font-size:110%; float:right; clear:right; width:750px; margin:10px 0;}
#headermainmenu ul, #headermainmenu li {margin:0;padding:0}
#headermainmenu a {background-position:left center; background-repeat:no-repeat; background-image: url(images/arrowGreen.gif); padding:0 0 0 13px;}


#headernavmenu {text-align:right; float:right; height:80px; font-size:110%;}
#headernavmenu ul {list-style-type:none; margin:0pt; padding:0pt;}
#headernavmenu li { float:left; margin:0pt; padding:0pt;}
#headernavmenu a {color:#FFFFFF; display:block; height:16px; margin:0px; padding:50px 8px 4px; text-align:right; text-decoration:none; width:58px;}

#headernavmenu .homeLink {background-color:#2B3E03;}
#headernavmenu .accountLink {background-color:#54760A;}
#headernavmenu .infoLink {background-color:#79A912;}
#headernavmenu .technicalLink {background-color:#A4E023;}

#headernavmenu a:hover {background-color:Black;}

#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }
#logo {float:left; width: 261px; height:66px; margin: 10px 0 0 0; background: url('Images/carbonModsLogoBlack.gif');}

/* Login Crumb Bar */

#crumbLogBar {float:left; background-color:#A4E023; width:100%; height:15px; color:#000; padding: 5px 0; margin: 0 0 10px 0; font-size:110%;}
#loginHolder {float: right; margin:0 10px 0 0;}
#crumbLogBar a {color:#000;}
.breadcrumbs {float:left; margin: 0 0 0 10px;}

/* My Account and Custom Pages */

#accountColumn, #customColumn {
    width: 720px;
    float:right;
}

#accountNavColumn, #customNavColumn {
    width: 185px;
    float:left;
    clear:left;
}


/* footer */
#footer {float: left; width:100%;padding:2px 0 10px 0; margin-left:auto;margin-right:auto;clear:both; margin-top:20px; background:url('Images/catHeaders.gif') repeat-x;}
#footernavmenu {margin:10px 0 20px 0;text-align:center;}
#footercopyright {color:#666;font-size:11px; width:100%; text-align:center;}

#footernavmenu a {color:#fff;margin:0 0 0 20px;}
#footernavmenu ul {list-style:none;margin:0;}
#footernavmenu li {display:inline;margin:0;}

/* content */
#maincontent {margin-top:10px;margin-bottom:0;margin-left:auto;margin-right:auto;width:950px; background-color:Black;}
#blackContainer {background-color:Black; float:left; width: 920px; padding: 0 15px;}

/* home page */
#homepagecolumn1 {width:185px;float:left;}
#homepagecolumn2 {width:530px;float:left; margin: 0 0 0 10px;}
#homepagecolumn3 {width:185px;float:right;}

#navcolumn {width:175px;}
#maincolumn {padding:0 0 0 10px;}

/* content block tags */
.decoratedblock {margin:0 0 15px 0;background-color:#1a1a1a; padding:0 0 4px 0;}
.decoratedblock h4 {height: 23px;margin: 0px;padding: 7px 3px 0pt 26px;color: #FFF; background-image: url(images/catHeaders.gif); font-size:110%;}
.decoratedblock .blockcontent {text-align:left; padding: 4px;}
.decoratedblock p {clear:both; padding: 5 0 0 0; margin:0;}
.sidemenu ol {padding:0px; margin:0px;}
.sidemenu ul {padding:0px; margin:2px 0 2px 0;}


.miniBasketItems { font-size:110%; margin:3px;}
.miniBasketLink { font-size:110%; margin:3px; clear:both; width:94%; text-align:right;}

/* heading tags */
h1 {color:#FFF;font-size:180%;margin:0 0 6px 0; font-weight: normal; }
h2 {color:#FFF; font-size: 140%; font-weight:normal;}
h3 {text-align:left;font-size:100%;font-weight:normal; padding: 0 0 4px 0; text-align:left;line-height:16px;color:#A4E023;margin:0;border-bottom:solid 1px #FFF;}
h4 {font-weight:normal; font-size: 100%;}

/* Side Menu Content Block */
.sidemenu ul, .categorymenu ul {padding:0;margin:5px 0;}
.sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}

.categoryrotator .blockcontent {/*text-align:center;*/}
.productrotator .blockcontent {/*text-align:center;*/}
.productgrid .blockcontent {/*text-align:center;*/}
.productgrid td {/*width:150px;*/ vertical-align: top;}
.productgridimage {width:140px; }
.productgridlink {width:140px;}

/* Specific Content Block Tags */
#searchform {margin:10px 0;padding:10px;}
.row {text-align: left;background-color: #000;}
.row td, .alternaterow td {border-bottom: solid 1px #1A1A1A;}
.alternaterow {text-align:left;background-color: #1a1a1a;}
.rowheader {text-align:left;background-color: #A4E023;color:#000; height:26px;}
.searchresultspane {margin:0 0 20px 60px;}
.searchresultrecord {margin:3px 20px 5px 20px;}
.topProductPrice {text-align:right; }
.recentlyViewedList {text-align:left;}

.productgridheader {/*width:100%;*/ background-color:#1a1a1a; font-size:110%; padding:6px; text-transform:uppercase; margin-bottom:4px;}
.productgridlink {padding:4px 10px 0 10px;}
.productgrid .decoratedblock {background:#000;}

/* cart */
.cartitemimage {width:145px;height:110px;float:left; margin-right:10px;}
.cartitemdescription {display:inline;}
#cartFooter {margin: 10px 0 0 0;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size:120%;}
#cartupdates {width:150px; float:left;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;}
#cartactioncontinue {float:left;width:150px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcontainer {}
#cartcoupons {width:340px; float:right; text-align:right;}
#EstimateShipping {width:150px; float:left; margin-top:3px;}
#cartfooter {width:100%; float:left; padding:10px 0 14px 0; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }
.radiobuttoncol {width: 20px;}
.checkoutLeader {float:left; margin: 5px 0 0 530px;}
.checkoutButtons {float:right;}
.checkoutRow {width: 100%; float:right; clear:both; border-top: 1px solid white; padding:14px 0 14px 0;}
.checkourCardSymbols {float:left;}
#cartcoupons img {margin-top:4px;}


#popupContainer {padding:15px;}

.StickyNote {color:#000;font-size: 10px;font-family:'Comic Sans MS' , Arial, Verdana;}

/* BVC5 Single Product Display Control */
.WideSingleProductDisplayPanel .SingleProductDisplayImage {float: left;display: block;}
.WideSingleProductDisplayPanel .ProductBadge {}
.WideSingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.WideSingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.WideSingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayImage {float:none;display:block;}
.SkinnySingleProductDisplayPanel .ProductBadge {}
.SkinnySingleProductDisplayPanel .SingleProductDisplayName {font-size:15px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayDescription {font-size:14px;}
.SkinnySingleProductDisplayPanel .SingleProductDisplayPrice {font-size:14px;}

/* Carbon Mods Product Page Template */

#cmProductPage #menuColumn {float:left;width:185px;vertical-align:top;text-align:left;}
#cmProductPage #productColumn {float:left; width: 530px; margin: 0 0 0 10px;}
.heading{ width: 100%; font-size: 130%; border-bottom: 2px solid #A4E023; padding: 6px 0 2px 0;}
.subHeading {width: 100%; font-size: 115%; border-bottom: 2px solid #1a1a1a; padding: 6px 0 2px 0;}
.sku {color:gray;}
#PrintThisPage, #EmailThisPage {float:left; width:140px; height:25px;}
#MorePictures {float:left; height:25px;}

#ProductOptions {float:left; clear:left;}
#actioncolumn {padding: 12px 0;}
#cmProductPage table {width:auto;}
.productimage img {padding-bottom: 4px;}

/* Main Menu Control */
div.MainMenu {background-color:Gray;margin-bottom:5px;margin-left:auto;margin-right:auto;width:780px;clear: both;}
ul.MainMenu {display:block;margin:2px 0px;list-style-type:none;}
li.MenuItem {margin:2px 10px 2px 0;display:inline;}
li.ActiveMenuItem {margin: 2px 10px 2px 0;display:inline;font-weight:bolder;}


/* Site Map Page */
.sitemapColumn{ vertical-align: top;}
.ColumnOne {  }
.ColumnTwo {  }
.ColumnThree {  }
#SitemapTable{ width: 100%; }

.AddedToCartMessage {color: Red;}

/* Pager Control */
.pager { margin: 10px 0 30px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none; margin:0; padding:0;}
.pager ul li {display:inline; width:30px; margin:4px;padding:2px 4px 2px 4px; background-color: #1a1a1a; text-transform:uppercase; font-size:90%;}
.pager .current  {background-color: #a4e023;}
.pager .current a {color: #000;}
.pager a {color:#FFF; text-decoration:none;}
.pager a:hover {color:#a4e023; text-decoration:none;}

.errormessage { color: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }

/* checkout */
#checkout textarea {width: 320px; height: 4em;}
.shippingdiscount { text-decoration: line-through; }

.checkoutTitle {float:left;}

.checkoutProblems {
    float:right;
    background-image:url(images/grey-postit-extra-wide.png);
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF;
    margin:10px 0 20px 0;
    padding:10px 10px 10px 13px;
    width:700px;
}
.checkoutProblemsHeader {color:#A4E023; font-size:120%;}
.checkoutProblems p { }


/* Message */
.messagebox { width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

.MarkDownPrice {text-decoration:line-through;}

/* Form Elements */

input {border:none; padding: 3px; margin:0;}
.searchspan {padding: 6px 4px 0 4px;}
.searchspan .forminput {width: 124px;}
.searchspan .searchbutton {margin:0 0 -3px 0; padding:0;}

fieldset {border:none; margin:20px 0; padding:0;}
legend {font-size:130%; color:#A4E023; margin-bottom:10px;}
textarea {width: 580px; height: 180px; font-family:Sans-Serif; font-size: 100%;}

.vatBoxPadding {padding: 10px; }
.poloroid {float: left; margin: 10px 10px 10px 0; }

/* Category Columns */

#categoryleft { width: 185px; float: left;}
#categorymain { float: left; margin-left: 10px; width: 540px;}
#categoryRight {width:185px;float:right;}

.announcement {
background-image:url(images/grey-postit-wide.png);
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
float:left;
margin:8px 0 10px 0;
padding:0px 10px 10px 13px;
width:500px;
}
.announcementHeader {
color:#A4E023;
margin: 8px 0 0 0;
font-size:120%;
}