/*

Carbon Tech Arrows
Created by SpinWeb [Tony Williams]
Last updated on 10/30/09

(1)  Global
(2)  Layout
(3)  Navigation 
(4)  Footer
(5)  Products
(6)  Shopping Cart
(7)  Pagination



/* (1) Global ========================================*/


* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color:#292a2a;
}


#public {
	color: #fff;
    background: #292929 url(graphics/images/body.jpg) no-repeat center 153px;
}

body p { margin-bottom:15px; }

a { text-decoration: underline; cursor: pointer; }
#public a {color: #ebebeb;}
a:hover { text-decoration: none; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px;}

h2, #cnt h1 { font-size: 16px; line-height: 22px; color: #ebebeb; }
h3 { font-size: 14px; line-height: 20px; color: #ebebeb; font-weight:normal;}
h3 a { font-size: 13px; line-height: 20px; color: #ebebeb; font-weight:normal;}

h2, #cnt h1, .separator { background: url(graphics/images/title-border.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; }

.leftImg { border: 1px solid #cbd3d7; float: left; margin: 0 10px 10px 0; }
.rightImg { border: 1px solid #cbd3d7; float: right; margin: 0 0 10px 10px; }
h1, .heading { }
h2, .sub-heading { }
h3 {}

hr {
border:0;
background-color:#cccccc;
color:#cccccc;
height:1px;
margin-bottom:15px;
}

ul { padding-left:15px; margin-left:10px;}
#public ul {  }
ol { padding-left:15px; margin-left:15px;}


/* (2) Layout ========================================*/


#wrapper {  background:url(graphics/images/top-bg.gif) repeat-x 0 0; }

.shell { margin: 0 auto; width: 940px; }

#header { height: 182px; position: relative; z-index: 2; }
#header .shell{ position: relative; }
#header-bg { background: url(graphics/images/main-header-bg.gif) no-repeat center 0; height: 138px; padding-top: 15px; }

h1#logo { width: 283px; height: 66px; padding-left: 10px; margin-bottom: 18px; }
h1#logo a { display: block; background: url(graphics/images/logo.gif) no-repeat 0 0; height: 66px; }

#bottom-header { padding: 0 10px; position: absolute; top:85px; left:0; }
.home-img { }

#img-container { background: #f7f9fa; padding: 4px 4px 4px 4px; height:226px;}
#img-container2 {background: #f7f9fa; padding: 4px 4px 0 4px; width:912px; }
#img-container img {margin:4px 0 0 4px; width:912px; height:226px;}


#right-col { float: right; display: inline; width: 209px; }

.home-right { width: 288px !important; }

p.box { padding-bottom: 15px; }

#right-col .last { background: transparent; }

p.all-news { font-size: 12px; color: #ebebeb; padding-bottom: 10px; }

#cnt { float: left; display: inline; width: 445px; }
.home-cnt { width: 380px !important; }

#cnt p { padding-bottom: 20px; }

.article-img img { background: #ffffff; padding: 2px; margin-bottom: 10px; }

.article { margin-bottom: 10px; }
.inner-artcile { background: url(graphics/images/title-border.gif) repeat-x 0 bottom; }
.side-news { background: url(graphics/images/title-border.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; }

small.news-date { font-size: 10px; font-weight: bold; }

.details-btn { background: url(graphics/images/btn.png) no-repeat 0 0; float: left; display: inline; }
.details-btn a { padding: 0 10px; line-height: 22px; color: #ffffff; text-decoration: none; font-style: italic; font-size: 11px; position: relative; }

p.author { font-size: 13px; line-height: 18px; color: #ebebeb; font-style: italic; font-weight: bold; }

#recaptcha_area {
background-color:white;
}

.formtextRequired, .formtext, .shoppingFormRequired, .shoppingForm {
padding-bottom:10px;

}

/* (3) Navigation ========================================*/

.mainNav { background: url(graphics/images/navigation.gif) no-repeat 0 0; padding: 0 20px 0 20px; height: 43px; width:914px;}
.mainNav ul { list-style-type: none; height: 43px; background: url(graphics/images/nav-border.gif) no-repeat 0 0; text-align: center; padding-left:2px;}
.mainNav ul li { float: left; display:inline; background: url(graphics/images/nav-border.gif) no-repeat right 0; padding-right: 2px; height: 43px; }
.mainNav ul li a {  float:left; color: #fff; font-family: "lucida sans", sans-serif; font-size: 11px; line-height: 43px;  text-transform: uppercase; text-decoration: none; padding: 0 15px; }
.mainNav ul li a:hover,
.mainNav ul li a.active { background: url(graphics/images/nav-hover.gif) repeat-x 0 0; }
.mainNav ul ul { display:none;}

#main { background: #454545 url(graphics/images/main-bg.gif) repeat-x 0 0; margin-top: -29px; padding: 194px 0 10px; position: relative; z-index: 1;}
.home-page { padding-top: 241px !important; }

#content { float: right; display: inline; width: 690px; padding-right: 10px; position: relative; z-index: 2}
#content p {margin-bottom:0;}
#sidebar { float: left; display: inline; width: 210px; padding-left: 10px; position: relative; z-index: 2}
#sidebar p a img { margin-bottom: 15px;  }

ul.subNav { list-style-type: none; padding-bottom: 15px; margin-left:0; padding-left:0; }
ul.subNav li { background: url(graphics/images/title-border.gif) repeat-x 0 bottom; padding-bottom: 2px; width:210px; }
ul.subNav li a { display: block; font-size: 12px; line-height: 23px; color: #a6a5a5; text-decoration: none; text-transform: uppercase; padding-left: 10px; width:200px;}
ul.subNav li a:hover,
ul.subNav li a.active { color: #fff; background: #2b2c2c; }

/* (4) Footer ========================================*/


#footer {  padding-top: 15px; font-family: "lucida sans", sans-serif; font-size: 11px; color: #a6a5a5; }
#footer a { font-size: 10px; line-height: 28px; color: #fff; text-decoration: none; text-transform: uppercase; }
#footer a:hover { text-decoration: underline; }



#footerNav .mainNav {
margin: 0;
padding:0;
background:none;
}

#footerNav .mainNav ul{
display:none;
}

#footerNav .mainNav li {
display: inline;
padding: 0 8px 0 8px;
}



.spinweb { background: url(graphics/images/spinweb.gif) no-repeat 0 0; display: block; width: 87px; height: 22px; position:relative; top:-28px; }


/* (5) Products ========================================*/

.productLister {
clear:both;
}

.productLister ol {
list-style-type: none;
padding: 0;
margin: 0;
}

.productLister ol li {
margin:0 0 10px 0;
padding:0 0 10px 0;
background: url(graphics/images/title-border.gif) repeat-x 0 bottom; padding-bottom: 0; margin-bottom: 0; float:left;
}

.productLister h2 {
margin-bottom:0;
background:none;
font-size:12pt;
}

.productLister .left {
width:49%;
float:left;
padding-top:10px;
margin-right:15px;
}

.productLister .right {
width: 45%;
padding-top:10px;
float:right;
}

.productLister .right img {
margin-bottom:10px;
}

.productLister .right .img, .img {
border:1px solid #d1cfcf;
margin-top:15px;
}

#prevnext .prevnextLink {
position:relative;
left:0;
}

.img {
max-width:377px;

}




/*#productWrap {
background:white;
padding:10px;
}

.featProd {
background: url(graphics/images/bg-featured-prod.gif) no-repeat 0 0;
width:288px;
height:113px;
padding: 5px 0 0 10px;
}

.featProd .prodImg {
border: 1px solid #d1cfcf;
margin-bottom:5px;
width:266px;
height:34px;
}

.featProd h2 {
border:0;
background:none;
color:white;
font-style:italic;
margin-bottom:5px;
}*/

/* (6) Shopping Cart ========================================*/

.cart {
background-color:white;
color:#292a2a;
}

.cartHeaders th {
color:#FFFFFF;
background: url("graphics/images/bg-th.gif") repeat-x;
text-align:left;
font-weight:bold;
padding:5px 10px 5px 10px;
}

.cart td {
padding:5px;
}


.shoppingCartEvenRow {
background-color:#eae8e8;
color:#292a2a;
}

.shoppingOutOfStock, .shoppingLowStock, .shoppingInStock {
font-size:8pt;
}

.shoppingCartTableHeader {
margin: 0 0 15px 0;
padding:0 0 10px 0;
color: white;
text-align:left;
 }

.shoppingFormRequired, .shoppingForm {
font-size: 12px;
line-height: 18px;
margin: 0;
}

.shoppingTable {
text-align:left;
}


/* (7) Pagination ========================================*/

.pagination {
clear: both;
display: block;
}

.pagination a, .pagination a:link, .pagination a:visited {
text-decoration: none;
padding-right:10px;
}

.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
border: solid 1px #ccc;
margin: 0;
padding: 4px 6px;
font-size: 11px;
margin-right: 2px;
display: inline;
display: inline-block;
}

.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover {
border: solid 1px #000;
color: #000;
}

.pagination .prevnextCurrent {
background: #ccc;
color: #000;
font-weight: bold;
padding: 4px 6px;
}

.pagination a.prevnextLink {
border: 1px solid #ccc;
padding: 4px 6px 4px;
margin-right: 2px;
font-size: 11px;
display: block;
}