/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&&&& General &&&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* {margin: 0; padding: 0; font-weight: normal; font-style: normal; border: none;}*/

body {margin: 0; padding: 0; background: #fff url(graphics/1-bg.jpg) repeat top left;}

img {border: 0;}

#wrap {background-color: #fff; width: 767px; margin: 0 auto; position: relative; border-left: 1px solid #9896a1; border-right: 1px solid #9896a1;}

#header {position: relative; height: 124px; background: #e6e3e1 url(graphics/header-bg.gif) no-repeat top left;}

#topnav {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 74px; left: 0px; display: inline;}

#introductory-products:link {display: block; height: 50px; width: 137px; background: transparent url("graphics/tn-stat-game-calls.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#introductory-products:visited {display: block; height: 50px; width: 137px; background: transparent url("graphics/tn-stat-game-calls.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#introductory-products:hover {display: block; height: 50px; width: 137px; background-image: url("graphics/tn-stat-game-calls.gif"); background-position: 0px -50px;}
#introductory-products:active {display: block; height: 50px; width: 137px; background-image: url("graphics/tn-stat-game-calls.gif"); background-position: 0px -50px;}
#topnav .introductory-products {background: url("graphics/tn-stat-game-calls.gif") no-repeat top left; position: absolute; top: 0px; left: 0px; text-indent: -9000px; z-index: 12 !important;}

#topnav .introductory-products ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#pen-kits:link {display: block; height: 50px; width: 84px; background: transparent url("graphics/tn-pen-kits.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#pen-kits:visited {display: block; height: 50px; width: 84px; background: transparent url("graphics/tn-pen-kits.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#pen-kits:hover {display: block; height: 50px; width: 84px; background-image: url("graphics/tn-pen-kits.gif"); background-position: 0px -50px;}
#pen-kits:active {display: block; height: 50px; width: 84px; background-image: url("graphics/tn-pen-kits.gif"); background-position: 0px -50px;}
#topnav .pen-kits {background: url("graphics/tn-pen-kits.gif") no-repeat top left; position: absolute; top: 0px; left: 137px; text-indent: -9000px; z-index: 12;}

#topnav .pen-kits ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#other-kits:link {display: block; height: 50px; width: 103px; background: transparent url("graphics/tn-other-kits.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#other-kits:visited {display: block; height: 50px; width: 103px; background: transparent url("graphics/tn-other-kits.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#other-kits:hover {display: block; height: 50px; width: 103px; background-image: url("graphics/tn-other-kits.gif"); background-position: 0px -50px;}
#other-kits:active {display: block; height: 50px; width: 103px; background-image: url("graphics/tn-other-kits.gif"); background-position: 0px -50px;}
#topnav .other-kits {background: url("graphics/tn-other-kits.gif") no-repeat top left; position: absolute; top: 0px; left: 221px; text-indent: -9000px; z-index: 12;}

#topnav .other-kits ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#pen-blanks:link {display: block; height: 50px; width: 112px; background: transparent url("graphics/tn-pen-blanks.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#pen-blanks:visited {display: block; height: 50px; width: 112px; background: transparent url("graphics/tn-pen-blanks.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#pen-blanks:hover {display: block; height: 50px; width: 112px; background-image: url("graphics/tn-pen-blanks.gif"); background-position: 0px -50px;}
#pen-blanks:active {display: block; height: 50px; width: 112px; background-image: url("graphics/tn-pen-blanks.gif"); background-position: 0px -50px;}
#topnav .pen-blanks {background: url("graphics/tn-pen-blanks.gif") no-repeat top left; position: absolute; top: 0px; left: 324px; text-indent: -9000px; z-index: 12;}

#topnav .pen-blanks ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#wine-bottle-stoppers:link {display: block; height: 50px; width: 118px; background: transparent url("graphics/tn-wine-bottle-stoppers.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#wine-bottle-stoppers:visited {display: block; height: 50px; width: 118px; background: transparent url("graphics/tn-wine-bottle-stoppers.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#wine-bottle-stoppers:hover {display: block; height: 50px; width: 118px; background-image: url("graphics/tn-wine-bottle-stoppers.gif"); background-position: 0px -50px;}
#wine-bottle-stoppers:active {display: block; height: 50px; width: 118px; background-image: url("graphics/tn-wine-bottle-stoppers.gif"); background-position: 0px -50px;}
#topnav .wine-bottle-stoppers {background: url("graphics/tn-wine-bottle-stoppers.gif") no-repeat top left; position: absolute; top: 0px; left: 436px; text-indent: -9000px; z-index: 12;}

#topnav .wine-bottle-stoppers ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#tooling:link {display: block; height: 50px; width: 92px; background: transparent url("graphics/tn-tooling.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#tooling:visited {display: block; height: 50px; width: 92px; background: transparent url("graphics/tn-tooling.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#tooling:hover {display: block; height: 50px; width: 92px; background-image: url("graphics/tn-tooling.gif"); background-position: 0px -50px;}
#tooling:active {display: block; height: 50px; width: 92px; background-image: url("graphics/tn-tooling.gif"); background-position: 0px -50px;}
#topnav .tooling {background: url("graphics/tn-tooling.gif") no-repeat top left; position: absolute; top: 0px; left: 554px; text-indent: -9000px; z-index: 12;}

#topnav .tooling ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}


#supplies-accessories:link {display: block; height: 50px; width: 121px; background: transparent url("graphics/tn-supplies-accessories.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#supplies-accessories:visited {display: block; height: 50px; width: 121px; background: transparent url("graphics/tn-supplies-accessories.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#supplies-accessories:hover {display: block; height: 50px; width: 121px; background-image: url("graphics/tn-supplies-accessories.gif"); background-position: 0px -50px;}
#supplies-accessories:active {display: block; height: 50px; width: 121px; background-image: url("graphics/tn-supplies-accessories.gif"); background-position: 0px -50px;}
#topnav .supplies-accessories {background: url("graphics/tn-supplies-accessories.gif") no-repeat top left; position: absolute; top: 0px; left: 646px; text-indent: -9000px; z-index: 12;}

#topnav .supplies-accessories ul li a {background-image: none !important; background-color: #fff !important; color: #000 !important; text-indent: 0 !important; border-left: 1px solid #c8c6c6; border-right: 1px solid #c8c6c6; border-bottom: 1px solid #c8c6c6; color: #4f6bb3 !important;}

#topacntlinks {position: absolute; top: 0; right: 0; margin: 0; padding: 0; list-style-type: none; position: display: inline; background: #e8e4e1 url(graphics/topacntlinks-bg.gif) no-repeat top left; width: 289px; height: 22px; padding-top: 4px;}
#topacntlinks li {display: inline; font: 11px "Arial","Helvetica","Verdana","Gill Sans",sans-serif; background: transparent url(graphics/topacntlinks-pipe.gif) no-repeat center right; margin: 5px 4px 0 0px !important; padding: 0 3px 0 0;}
#topacntlinks li.last {background: none;}
#topacntlinks li a.cart {background: transparent url(graphics/topacntlinks-cart.gif) no-repeat top left; padding-left: 20px; margin-left: 7px;}
#topacntlinks li a:link {color: #4e5eac;}
#topacntlinks li a:visited {color: #4e5eac;}
#topacntlinks li a:hover {color: #4e5eac;}
#topacntlinks li a:active {color: #4e5eac;}

#framecart {display: inline; font: 11px "Arial","Helvetica","Verdana","Gill Sans",sans-serif;}
#framecart a.cart {background: transparent url(graphics/topacntlinks-cart.gif) no-repeat top left; padding-left: 20px; margin-left: 7px;}
#framecart a:link {color: #4e5eac;}
#framecart a:visited {color: #4e5eac;}
#framecart a:hover {color: #4e5eac;}
#framecart a:active {color: #4e5eac;}

#topframe {width: 145px; height: 18px; margin-top: 0; padding-top: 0}

#topsearch {position: absolute; top: 38px; left: 483px;}
#topsearch form {margin: 0; padding: 0;}
#topsearch input.text {border: 1px solid #c8c6c6; border-right: none; margin: 0; padding: 3px 4px 0 8px; position: absolute; top: 0; left: 0; width: 183px; height: 20px;}
#topsearch input.go {border: 1px solid #c8c6c6; margin: 0; padding: 0; position: absolute; top: 0; left: 198px;}

#content {padding: 10px 20px 20px 20px; background: transparent url(graphics/content-bg.gif) no-repeat 576px 0px; width: 727px;}
#rc_content {padding: 10px 0px 20px 20px; background: #ffffff; width: 747px;}


#breadcrumbs {width: 534px;}


#left-side {float: left; width: 730px; background-color: transparent;}
#right-side {float: left; width: 189px; background-color: transparent; margin: 0 0 0 22px;}

#main_image {max-height:600px; max-width:500px; height:auto; margin-right: 15px; }



/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* &&&&&&&&&& Typography &&&&&&&&&&& */
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

body {font: 12px "Arial","Helvetica","Verdana","Gill Sans",sans-serif; color: #000000;}


/* Headings */

h2 {cursor: pointer; display: block; height: 68px; width: 404px; background: transparent url(graphics/header-logo.gif) no-repeat top left; padding: 0; margin: 0; text-indent: -9000px; position: absolute; top: 1px; left: 0px;}
h1 {width: 500px;}
h3 {width: 500px;}
h4 {width: 534px;}
h5 {width: 534px;}


/* Home Page */

#sfnt-main-feature {background: #000 url(graphics/sfnt-main-feature-bg.gif) no-repeat bottom left; text-align: right; border: 1px solid #fff;}
#sfnt-main-feature img {border-left: 1px solid #fff;}

#sfnt-2nd-row-features {padding-left: 1px;}
#sfnt-2nd-row-features img {float: left; margin-right: 1px;}

#sfnt-main {background: #fff url(graphics/sfnt-prepare.gif) no-repeat bottom left; text-align: right; border: 1px solid #fff;}

#sfnt-features {margin: 0; padding: 0 0 5px 0; background-color: #e3deda !important;}
#sfnt-features img {float: left; margin: 5px 0 0 5px;}

/* 3-Across Display */

table.three-across {width: 730px; margin: 0; float: left;}
table.three-across td {width: 185px; padding: 35px 0 24px 0; text-align: left; border-bottom: 1px solid #e5e3e0;}
table.three-across td p {font: 12px Arial, Helvetica, "Trebuchet MS", "Gill Sans", sans-serif; margin: 0; width: 150px;}
table.three-across td p.name {margin-top: 5px;}
table.three-across td p.price {margin-top: 5px; font-weight: bold;}

div.three-across {width: 760px; margin: 0;}
div.three-across-prod {float: left; width: 160px; height: 230px; padding: 35px 15px 24px 0; text-align: left; border-bottom: 1px solid #e5e3e0;}

.thumbnail {min-height: 85px; position:relative; width:150px;height:150px;}
.thumbnail img {max-height: 150px;
width: auto; max-width:140px;position:absolute; top:0;bottom:0; margin:auto;}


/* Right Column */

#rc {clear: none !important; float: left; width: 189px; background-color: none; margin: 0 0 0 22px;}

#rc_minibask {background: transparent url(graphics/rc-my-shopping-cart.gif) no-repeat top left; padding-top: 46px; margin: 0;}
#rc_minibask ul {margin: 0 0 20px 17px; padding: 0 0 0 17px;}

#rc_featured_items {background: transparent url(graphics/rc-featured-items.gif) no-repeat top left; padding-top: 46px; margin: 0 0 0 3px;}

div.rc_prod {width: 155px;}
div.rc_prod img {margin-left: 17px;}
div.rc_prod p.name {margin-top: 5px; margin-left: 17px;}
div.rc_prod p.price {margin-top: 5px; margin-bottom: 38px; font-weight: bold; margin-left: 17px;}


/* Product Page */

#product { }
#product td.image {padding-right: 10px; width: 300px;}
#product td.image h3 {width: 300px;}
#product td.image h4 {width: 300px;}
#product td.info {width: 260px;}
#product td.info form {margin: 0; padding: 0;}
#product td.info form .add2cart {position: relative; top: 6px;}

#attributes {margin-top: 10px;}
#attributes p {margin: 0; font-size: 11px !important;}
#attributes input.text {width: 40px; font-size: 11px; height: 15px;}

p.code {margin: 0; text-overflow: ellipsis; overflow: hidden; width: 215px;}
p.price {font-size: 18px !important; margin: 0;}

table.volume {border: 1px solid #eeeae7; margin-top: 13px;}
table.volume tr td {background-color: #f6f4f3;}

#related {text-align: center; background: transparent url(graphics/rc-related-products.gif) no-repeat top left; padding-top: 46px;}


/* Basket Page */
#basket-table {border: 1px solid #c3d1d4; padding: 6px; font-size: 12px;}
#basket-table .heading {height: 40px; font-size: 14px !important; background: url(graphics/00000001/bg-basket-title.jpg) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #1d4249;}
#basket-table .remove {width: 70px;}
#basket-table .part-number {width: 112px;}
#basket-table .code {width: 112px;}
#basket-table .quantity {width: 115px;}
#basket-table .price {width: 75px;}
#basket-table .total {width: 75px; padding-right: 10px;}
#basket-table .cell-bottom {border-top: 1px solid #9d9d9;}
#basket-table .total-line {background-color: #f6f4f3; border-top: 1px solid #f6f4f3; text-shadow: 0px 1px 0px #fff;}
#basket-table .qty-box {width: 30px; text-align: center; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#basket-table .charge-line {border-top: 1px solid #c3d1d4;}
.savebasket-button {width: 219px; height: 38px; padding: none; background: none; border: none; margin: 0;}


/* Customer Account Screens */
#customer-acnt-login-section {font-size: 12px !important;}
#customer-acnt-login-section input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table {border: 1px solid #c3d1d4; padding: 6px; font-size: 12px !important;}
#customer-screen-table .heading-bg {height: 40px; font-size: 14px !important; background: url(graphics/00000001/bg-basket-title.jpg) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #1d4249;}
#customer-screen-table input {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table select {border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
#customer-screen-table .heading-bg-osel {padding: 12px 0 12px 4px !important; font-size: 14px !important; background: url(graphics/00000001/bg-basket-title.jpg) repeat-x top left; color: #fff; text-shadow: 0px -1px 0px #1d4249;}
#customer-screen-table .ords-cust-info {padding-left: 12px; margin-bottom: 0; margin-top: 4px; font-size: 14px !important;}
.redeem-input {vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
.giftcerttxtbox input {vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: url(graphics/input-bg.gif) repeat-x top left;}
.gcredeem input {padding: 0; margin: 0; border: none; background-image: none;}
#addtlcomments textarea {vertical-align: top; border-top: 1px solid #6f6f6f; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #6f6f6f; padding: 4px; background: #fff url(graphics/input-bg.gif) repeat-x top left;}
.createaffilacnt {border: none !important; background-color: none !important; padding: 0 !important;}


/* Links */

.wood {padding: 10px 0 10px 0; clear: both;}
.wood h3 {margin-top: 0;}

/* General font-sizes */

#header p, #content p, #content ul, #content ol, #footer, #maincontent table {font-size: 12px;}

p, ul, ol {margin-bottom: 1em;}

a:link {color: #4e5eac;}
a:visited {color: #4e5eac;}
a:hover {color: #4e5eac;}
a:active {color: #4e5eac;}


/* Main Content Section  */

#content p, #content h1, #content h2, #content h3, #content legend, #content table {}

#content table {}

#content ul, #content ol {}


/* Photo Gallery Section */
#photogallery {margin-left: 2px;}
#photogallery ul {padding: 0; list-style-type: none; text-indent: 0;}
#photogallery li {list-style-type: none; display: block; height: 86px; width: 115px; float: left; margin: 0 14px 28px 14px; padding: 0;}
#photogallery li img {border: 3px solid #bebcc0;}
div.clear {clear: both; margin: 0; padding: 0;}



/* Footer */

#footer {position: relative; clear: both; background: #e8e5e2 url(graphics/footer-bg.gif) repeat-x top left; z-index: 1 !important; border-top: 10px solid #fff;}
#footer ul {list-style: none; font-size: 11px; line-height: 17px;}
#footer p {font-size: 11px; line-height: 17px;}
#footer li {background: transparent url(graphics/footer-bullet.gif) no-repeat 0 5px; padding-left: 11px;}

#footer p.email {margin: 15px 0 0 0; text-align: center;}
#footer p.email input.email {margin: 0; padding: 5px 0 0 5px; border: 1px solid #c8c6c6; font-size: 11px; width: 142px; height: 18px;}
#footer p.email input.go {margin: 0; padding: 0 0 0 0; border: 1px solid #c8c6c6; border-left: none; position: relative; top: 8px;}

p.copyright {text-align: center; margin: 10px 0 1px 0; padding: 0 0 22px 0;}
p.copyright a:link {text-decoration: none; color: #000;}
p.copyright a:visited {text-decoration: none; color: #000;}
p.copyright a:hover {text-decoration: underline; color: #000;}
p.copyright a:active {text-decoration: none; color: #000;}

#brief-survey {margin: 25px 20px 20px 20px; padding: 18px 0 0 0; background: transparent url(graphics/footer-tell.gif) no-repeat top left; width: 280px; float: left;}

#customer-care {margin: 25px 10px 10px 10px; padding: 18px 0 0 0; background: transparent url(graphics/footer-customer.gif) no-repeat top left; width: 115px; float: left;}

#shopping-online {margin: 25px 10px 10px 10px; padding: 18px 0 0 0; background: transparent url(graphics/footer-shopping.gif) no-repeat top left; width: 115px; float: left;}

#other-features {margin: 25px 10px 10px 10px; padding: 18px 0 0 0; background: transparent url(graphics/footer-other.gif) no-repeat top left; width: 135px; float: left;}

.clear {clear: both; margin: 0; padding: 0;}