@import url('typography.css');
@import url('nav.css');

/* Default CSS Document */

/** body **/

* {margin: 0px; padding: 0px;}
body { font: 12px arial, verdana, Helvetica, sans-serif; line-height: 20px; color: #451e02;  background-color: #c6901c;  background-image:url(../images/bk.jpg);  text-align:center;}


/** Images **/

img { border:0px;}
.border {border:2px solid #9e682f; padding:5px; width:100px; background-color:#FFFFFF;  margin: 0px auto; text-align:center }
.border200 {border:2px solid #9e682f; padding:0px; width:210px; background-color:#FFFFFF;  margin: 0px auto; text-align:center }
.bordersm {border:1px solid #9e682f; padding:0px; width:50px; background-color:#FFFFFF;  margin: 0px auto; text-align:center }
.logosm {padding:5px;}
#img1 {padding:1px 5px 1px 10px;}
#photo_right {float:right; padding-left:10px;}

#imgborder {background-image:url(../images/bk_img.gif); background-repeat: no-repeat; width:215px; height:243px; float:right; margin:0px;}
#inside {max-width:200px; width:200px; margin:7px 5px 5px 7px; width: expression(this.width > 200 ? 200: true); height:200px;}
#item {max-width:205px; width:205px; width: expression(this.width > 200 ? 200: true); height:20px; font-size:11px; text-align:right }

/** Layout **/

#container { margin: 0px auto; width: 985px; text-align:left;}
#header {width:962px; margin:0px; height:103px}
#logo { width:260px; float:left; margin:0px; height:103px;}
#tag {width:702px; height:103px; float:right; margin:0px;}
#navbar {width:985px; margin:0px; background-image:url(../images/navbk.gif); background-repeat:repeat-x; float: left;}
#content {width:985px; margin:0px; }

#left {float:left;  margin:0px; background-image:url(../images/productsbk.gif); background-repeat:no-repeat; width:180px; height:217px; }
#lefti {float:left;  margin:0px; background-image:url(../images/productsbki.gif); background-repeat:no-repeat; width:180px; height:217px; }
#leftcolumn {float:left;  margin:0px;  width:184px;  }
#cartCompare {float:left;  margin:0px;  width:185px; padding:0px;}

#center {float:left; width:520px; margin-left:210px;}
#right {float:right;  width:210px; }

#productbk {background: url(../images/intbk2.gif) repeat-y; height: 100%;  margin: 5px 0 0 0; width: 795px; float: right;}
* html  #productbk {height: 100%; margin: 0px 0px 0px 0px; width:775px; float: right;}

#right_interior { background-image:url(../images/intbk.gif); background-repeat:no-repeat; width:795px; min-height: 620px; float:right; margin:0px; padding:0px;  }
* html #right_interior{ background-image:url(../images/intbk.gif); background-repeat:no-repeat; width:795px; float:right; margin:5px 0px 0px 0px; padding:0; }

#ri_left { clear:both; width:530px; margin:30px 10px 0px 30px; float:left;}
* html #ri_left   { clear:both; width:530px; margin:30px 10px 0px 10px; float:left; }

#ri_leftprod { clear:both; width:530px; margin:15px 10px 0px 30px; float:left; }
* html #ri_leftprod   { clear:both; width:530px; margin:15px 10px 0px 10px; float:left; }

#banneroptics {background-image:url(../images/banner_optics.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px;}
#bannerelectronics { background-image:url(../images/banner_electronics.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#bannerknives{ background-image:url(../images/banner_knives.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#bannerbackpacks{ background-image:url(../images/banner_backpacks.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#bannerclothing{ background-image:url(../images/banner_clothing.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#banneraccessories{ background-image:url(../images/banner_accessories.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#bannercameras{ background-image:url(../images/banner_cameras.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }
#bannerbooks{ background-image:url(../images/banner_books.jpg); background-repeat:no-repeat; width:530px; height:95px; padding-top:20px; }


.cattext {font-size:24px; color:#451e02; padding: 30px 10px 0 20px; font-weight: bold;}
.subcattext {font-size:12px; color:#451e02; padding: 30px 10px 10px 20px; }


#ri_right {float:right; width:170px; margin:20px 20px 0px 0px; text-align:right; }

#ri_rightprod {float:right; width:184px; margin-right:21px ; text-align:right; }
* html #ri_rightprod {float:right; width:170px; margin:0px 10px 0px 0px; text-align:right; }

#searchbar {height:50px; margin-left:5px; float:right; background-image:url(../images/navbk.gif); background-repeat:repeat-x }
#searchbar2 {width:403px; height:50px; margin-left:5px; float:right; background-image:url(../images/navbk.gif); background-repeat:repeat-x;}

.ie6 #searchbar2 {height: 50px; float: right;}

td.barend {background: url(../images/barend.gif) no-repeat; width: 135px; height: 50px;}
.ie6 td.barend {background: url(../images/barend2.gif) no-repeat; widows: 135px; height: 50px;}

/* * html  #searchbar {width:403px; height:50px; margin-right:-4px; float:right; background-image:url(../images/navbk.gif); background-repeat:repeat-x } */

#yousave {width:107px; height:46px; background-image:url(../images/yousave.gif); background-repeat:no-repeat; font-size: 16px; color:#FFFFFF; font-weight:bold; padding:23px 0px 0px 0px; text-align:center; float:right}

#toplinks {float:right; padding-right:10px;}
#center {margin:0px;}
#contentCenter {padding:20px;}
.column {width:215px;}

#line { background-color:#edc678; height:1px; padding:0px; margin:5px}
* html #line { background-color:#edc678; height:1px; padding:0px;}

#print {width:110px; float:right; text-align:right}
#breadcrumbs {width:390px; float:left;}
#productdetails {width:400px; float:left;}


/** Links  **/

a:link, a:active, a:visited{ color: #330000; text-decoration: underline;}
a:hover{ color: #0066cc; border: 0 none; text-decoration:none;}

a.gold:link, a.gold:active, a.gold:visited{ color: #c4921f; text-decoration: none;}
a.gold:hover{ color: #c4921f; border: 0 none; text-decoration:underline;}

a.cat:link, a.cat:active, a.cat:visited{ color: #76532b; text-decoration: none;}
a.cat:hover{ color: #76532b; border: 0 none; text-decoration:underline;}

a.red:link, a.red:active, a.red:visited{ color: #CC0000; text-decoration: none;}
a.red:hover{ color: #CC0000; border: 0 none; text-decoration:underline;}

a.remove:link, a.remove:active, a.remove:visited{ color: #CC0000; text-decoration: none; font-size:10px; line-height:10px;}
a.remove:hover{ color: #CC0000; border: 0 none; text-decoration:underline;}

a.small:link, a.small:active, a.small:visited{ color: #330000; text-decoration: none; font-size:11px; line-height:13px; }
a.small:hover{ color: #0066cc; border: 0 none; text-decoration:underline;}

/**  Lists/ **/

#cat {list-style-type:none;margin:auto; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:25px; margin:6px 0px 10px 17px }
.reglist li{line-height:20px;margin-left:30px;margin-right:30px;padding:0px;list-style-image:url(../images/bullet.gif);}
.sublist li{line-height:14px;margin-left:20px;padding-top:3px;list-style:none; font-size:11px;}

/** tables **/

#featured {background-image:url(../images/featuredbk.gif); height: 285px; width: 956px; margin: 0px; clear: both; text-align: center; padding-left: 5px;}
.ie #featured {background-image:url(../images/featuredbk.gif); height: 285px; width: 956px; margin: 0px; clear: both; text-align: center; padding-left: 0;}

#pad { text-align:center; margin:0px auto;}
#pad td{ padding:4px;}

#topSellers td { padding:4px 3px 4px 8px; line-height:17px;}
.alternate { background-color:#caa34b}

.column1	{background:#e6e2cc; padding:5px 5px 0px 5px;}
td.default  {border-bottom: 1px solid #e0d8b6; border-left:1px solid #e0d8b6; padding:5px 5px 0px 5px; background:#fdfcee;}	
td.defaultbar {padding:5px 5px 0px 5px; background:#e6e2cc;}		

.fprod {text-align:center; margin: 0px auto; line-height:15px; width:165px;}
#fprod td{ padding:0px;}

.intinfo {width:184px; margin:0 auto; text-align:right; padding:0px }
.intinfobk {background-color:#ddb55e; text-align:left; padding:10px; }

.prod {width:525px; margin:0px auto; font-weight:bold}

#TabPage1{width:510px; margin:0px; clear:both; background-color:#fee39c; border:1px #b79648 solid; padding:10px 15px 10px 20px;}
#TabPage2{width:510px; margin:0px; clear:both; background-color:#fee39c; border:1px #b79648 solid;  padding:10px 15px 10px 20px;}
#TabPage3{width:510px; margin:0px; clear:both; background-color:#fee39c; border:1px #b79648 solid;  padding:10px 15px 10px 20px;}

#relatedAcc { width:184px; text-align:left ; }
#relatedAcc td { padding:4px 5px 4px 12px; line-height:17px;}
#relatedAcc th { padding:4px 5px 4px 12px; line-height:17px; background-color:#dab768}
.alternateRow {background-color:#dab768;}


#testimonials {width: 184px; text-align:left; font-size:11px; line-height:15px; font-style:italic }
#testimonials td { padding:4px 5px 4px 8px; }

#tab2 td {background-color:#fdf2d4; padding:1px; font-size:11px; line-height:15px;}
#tab2 th { background-color:#eddbab; padding:1px;}
#specs {margin:0px; padding:0px;}

#tab3 td {background-color:#fdf2d4; padding:5px; font-size:11px; line-height:15px;}
#tab1 td {background-color:#fdf2d4; padding:5px; font-size:11px; line-height:15px;}

#specs {width:100%; }
#specs td {padding:1px 2px 1px 5px; }
.specscell {background-color:#fdf1d1;}


table#infotable {margin:10px 0px 10px 0px;	border-collapse:collapse;	width:535px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height:19px}
#infotable .blank  {border-bottom: 1px solid #ecc76a;	 padding:7px; }	
#infotable .bg  {border-bottom: 1px solid #86651c; 	 padding:7px; background-color:#fdf1d1}	
#infotable .bg2 {border-left: 1px solid #86651c; 	border-bottom: 1px solid #86651c;  padding:7px; background-color:#fdf1d1}	

#infotable th   {font-weight:bold;	color: #ffffff;	text-align:left;	border-bottom: 1px solid #86651c;border-left:1px solid #86651c;	padding:7px;	background:#86651c;}	

.infotableshipping {margin:10px 0px 10px 0px;	border-collapse:collapse;	width:535px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height:19px; background:#fdf1d1;}
.infotableshipping td {padding:5px; border-bottom: 1px solid #86651c; }

/**  footer **/

#footer {clear: both; background-image:url(../images/btbk.gif); background-repeat:repeat-x; min-height:100px; height:200px; margin:0px; padding:0px;}
#footer-length{margin: 0 auto; width:985px; text-align:center;}	
#footer-left {padding:0px; float:left; width:630px; text-align:left; margin: 0px; color:#c4921f}
#footer-right {float:right; width:300px; text-align:right; padding-top:15px; padding-right: 35px; margin:0px;}



/** forms **/

form { margin: 0px;}
.textbox {  font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  color:#451e02; background-color: #fef6e1; border:1px solid #cccccc; padding:3px}
.formdrop {  font-family:  Arial, Helvetica, sans-serif; font-size: 12px;  color:#451e02; background-color: #fef6e1; border:1px solid #cccccc; padding:3px}
.comments {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8pt;	background-color: #fef6e1;	border: 1px; color:#451e02; }
.butstyle {background-color:#666633; color:#FFFFFF; text-transform:uppercase; font-size:10px}
/*button */

.btn { display: block; position: relative; background: #aaa; padding: 1px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; line-height:14px; margin-right:5px; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.brown { background: #7c4814; color:#FFFFFF; text-decoration:none; }
.btn.green { background: #54a809; color:#FFFFFF; text-decoration:none;  }

.btn:hover { background-color: #ffb620; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.brown { border-color: #7c4814; }
* html .btn.green { border-color: #54a809; }
* html .btn:hover { border-color: #ffb620; }

.wdgt_ft {display: none;}