@charset "utf-8";


body {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../images/tmb_carbon_02.jpg);
}

a img {
	border:none;
}

a, a:visited {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

#wraper {
	width:975px;
	margin:0 auto;
	background:white;
}

#header {
	clear:both;
	height:135px;
	background:#ffffff url(../images/header-bg.jpg) no-repeat left top
}

#topBar {
	clear:both;
	height:5px;
	line-height:0px;
	font-size:0px;
	font-weight:bold;
	color:#3FF;
	text-align:center;
	background:#ffffff url(../images/top-bar-bg.jpg) repeat-x left top
}

.topNumber {
	margin-left:70px;
}

#topNavigation {
	clear:both;
	padding:3px 0 3px 2px;
}

#navLeft {
	float:left;
	height:30px;
	width:8px;
	background:#ffffff url(../images/menu-left.jpg) no-repeat left top;
}

#navRight {
	float:left;
	height:30px;
	width:8px;
	background:#ffffff url(../images/menu-right.jpg) no-repeat left top;
}

#navigation {
	float:left;
	height:30px;
	background:#ffffff url(../images/menu-bg.jpg) repeat-x left top;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navigation li {
	margin:0;
	padding:0;
	float:left;
	font-family:"Arial Black", Helvetica, sans-serif;
	font-size:14px;
	list-style-type:none;
}

#navigation li.sep {
	margin:0;
	padding:0;
	height:30px;
	width:2px;
	float:left;
	list-style-type:none;
	background:#ffffff url(../images/sep.jpg) no-repeat left top;
}

#navigation li a, #navigation li a:visited{
	text-decoration:none;
	padding:0 38px;
	display:block;
	height:30px;
	line-height:30px;
	color:#1e1878;
}

#navigation li a:hover{
	text-decoration:none;
	color:#ffffff;
	background:#ffffff url(../images/menu-bg-hover.jpg) repeat-x left top;
}

#contents {
	clear:both;
	width:965px;
	display:inline-block;
	padding:2px 5px 0 5px;
}

#leftNavigation {
	float:left;
	width:166px;
}

.leftNavTop {
	width:166px;
	height:35px;
	background:#ffffff url(../images/left-nav-header.jpg) no-repeat left top;
}

.singleLink { font-weight:bold; }

.singleLink a, .singleLink a:visited {
	width:145px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	background:#48a0f0 url(../images/single_normal.gif) no-repeat left center;
}

.singleLink a:hover {
	text-decoration:none;
	color:#fff;
	background:#48a0f0 url(../images/single_hover.gif) no-repeat left center;
}

/* left nav classes begins */

.leftNav {	font-size: 14px; font-weight:normal; z-index: 100; width: 164px; background:#eeeff4;  position: relative; height: 22px;  float:left;  border-left:1px solid #465074;
	border-right:1px solid #465074;}
.leftNav ul {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; }
.leftNav li {	float: left; width: 162px; position: relative; background:url(../images/arrow-normal.gif) no-repeat 5px center;  text-align:left; border:1px solid #ffffff;}
.leftNav a {	display: block; padding-left: 15px; font-size: 12px; background:url(../images/arrow-normal.gif) no-repeat 5px center; width: 147px; color:#000; line-height: 22px; height: 22px; text-decoration: none; text-align:left; }
.leftNav a:visited {	display: block; padding-left: 15px; font-size: 12px; background:url(../images/arrow-normal.gif) no-repeat 5px center; width: 147px; color:#000;
					line-height:22px; height: 22px; text-decoration: none; }
.leftNav a:hover {	background:#d4d6db url(../images/arrow-normal.gif) no-repeat 5px center; color: #000000; }
.leftNav ul ul {	left: 163px; visibility: hidden; width: 200px; position: absolute; z-index: 150; top: 5px; height: 0px; border:1px solid #465073; }
 html .leftNav ul ul {	top: 0px; left:163px; width:200px; height:auto; }
.leftNav table {	left: 0px; position: absolute; top: 0px; border-collapse: collapse; }

.leftNav ul li.top {height:12px; font-size:0; background:url(../images/leftnav-top.gif) no-repeat right top; width:200px; border:none; }
.leftNav ul li.bottom {height:12px; font-size:0; background:url(../images/leftnav-bottom.gif) no-repeat right top; width:200px; border:none;}
.leftNav li li { background-image:none; border:none; width:200px;}

/* for drop downs starts */
.leftNav ul ul a {	padding:0 10px 0 10px; background:#eeeff4 url(../images/normal_bullet.gif) no-repeat 5px center; width: 180px; color: #000000; line-height: 22px; padding-top: 0; height: 22px; text-align:left; font-size: 12px; text-transform:none;}
.leftNav ul ul a:visited {	padding:0 10px 0 10px; background:#eeeff4 url(../images/normal_bullet.gif) no-repeat 5px center; width: 180px; color: #000000; line-height: 22px; padding-top: 0; height: 22px; text-align:left; font-size: 12px; text-transform:none; }
.leftNav ul ul a:hover {	background:#d4d6db url(../images/hover_bullet.gif) no-repeat 5px center; color:#000000; }
/* for drop downs ends */

.leftNav ul li:hover ul {	visibility: visible }
.leftNav ul a:hover ul {	visibility: visible }
.leftNav :hover > a {	background:#d4d6db url(../images/arrow-normal.gif) no-repeat 5px center;  color:#000000;}
/* left nav classes ends */






.leftNavBottom {
	width:175px;
	clear:both;
	height:3px;
	font-size:0;
	background:#ffffff url(../images/left-nav-bottom.jpg) no-repeat left top;
}

.signup { 
	width:78px;
	height:25px;
	margin:10px auto;
}

.addImg {
	clear:both;
	text-align:center;
	margin-top:20px;
}

.inputBox {
	width:164px;
	border:1px solid #b5c4c4;
}

#rightNavigation {
	float:right;
	width:794px;
}

.productDisplay {
	width:794px;
	padding-top:0px;
	clear:both;
}

.boxTop {
	width:774px;
	font-size:17px;
	height:38px;
	font-weight:bold;
	padding-left:20px;
	color:#1B61A7;
	line-height:38px;
	border:1px solid #e3e3e3;
	background:#ffffff url(../images/box-top.jpg) repeat-x left top;
}

.boxMiddle {
	width:794px;
	padding:5px 0;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
}

.boxMiddle2 
{
	width:700px;
	float:right;
	text-align:right;
	padding: 0px 0px 2px 5px;
	margin-right:20px;
	text-decoration:none;
}

.boxMiddle2 a
{
	color:red;
}

.boxMiddleGap {
	width:794px;
	padding:5px 10px;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
}

.boxBottom {
	width:794px;
	height:12px;
	background:#ffffff url(../images/box-bottom.jpg) no-repeat left top;
}

.productWraper {
	float:left;
	margin-top:15px;
	padding-left:5px;
	width:190px;
}

.productBox {
	border:1px solid #808080;
	height:348px;
	width:190px;
}

.productPrice {
	font-size:2px;
	font-family:"Arial Black", Helvetica, sans-serif;
	font-weight:bold;
	color:#940718;
	height:30px;
	line-height:30px;
	text-align:center;
	clear:both;
}

.productName {
	height:21px;
	line-height:19px;
	width:187px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	background:#9D0007;
}

.productImg {
	text-align:center;
	width:170px;
	height:266px;
	padding-top:10px;
	margin:0 auto;
}

.productImg img {
	width:170px;
	height:px;
}

.btnContainer{
	clear:both;
	margin-top:10px;
	height:23px;
	padding-left:20px;
}

.btnDetails {
	color:#333333;
}

.btnDetails a, .btnDetails a:visited{
	width:76px;
	height:23px;
	line-height:23px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:#ffffff url(../images/btn-bg-black.jpg) no-repeat left top;
}

.btnDetails a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.btnBuy {
	color:#3370a9;
}

.btnBuy a, .btnBuy a:visited{
	width:76px;
	height:23px;
	margin-left:2px;
	line-height:23px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:#ffffff url(../images/btn-bg.jpg) no-repeat left top;
}

h2 {
	margin:0;
	padding:0;
	font-size:18px;
}

p {
	font-size:12px;
}

table.comments {
	border-collapse:collapse;
}

table.comments td{
	border-collapse:collapse;
	height:30px;
}

.commentsTop {
	height:7px;
	background:url(../images/comment-top.gif) left top no-repeat;
}

.commentsMiddle {
	padding:0 4px;
	background:url(../images/comment-middle.gif) left top repeat-y;
}

.commentsBottom {
	height:7px;
	background:url(../images/comment-bottom.gif) left top no-repeat;
}

.inputBoxLarge {
	width:300px;
	background:#efefef;
	border:1px solid #ffffff;
}

.commentBox {
	width:600px;
	height:100px;
	background:#efefef;
	overflow:auto;
	border:1px solid #ffffff;
}


.btn {
	height:20px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/btn-bg.gif) left top repeat-x;
	border:1px solid #ffffff;
}

.btnBuy a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.fLeft {
	float:left;
}

.fRight {
	float:right;
}

.heightFixer {
	font-size:0;
	height:0;
	line-height:0;
	clear:both;
}

.copyright {
	text-align:center;
}

#footer {
	height:75px;
	padding:20px;
	font-size:12px;
	margin-top:20px;
	background:black;
	color:#ffffff;
}

.footerLinks {
	margin:0;
	padding:25px 290px 0 0;
	float:right;
	clear:both;
}

.footerLinks ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.footerLinks li{
	margin:0 2px;
	padding:0;
	color:#ffffff;
	float:left;
	list-style-type:none;
}

.footerLinks li a, .footerLinks li a:visited{
	color:#ffffff;
	text-decoration:none;
}

.footerLinks li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

a.yellowLink, a.yellowLink:visited, a.yellowLink:hover{
	color:#fff879 !important;
}


/* These classes are used in wrapContent function */ 
iframe {
	border:none !important;
}

#detailWraper {
	padding:0 10px;
	background:#FFFEEC;
	height:230px;
}
.detailsHead {
	color:#ffffff;
	font-weight:bold;
	background:url(../images/detail-head.gif) left top no-repeat;
}
#dragDiv {
	width:215px !important;
}

div.img { text-align:center }  
div.msg { font-size:12px; text-align:center; line-height:1.3; margin-top:6px }

