/*************************/
/****Begin teclan CSS*****/
/*************************/

body {
  margin:0px;
  padding:0px;
  background:#4e4e4e url("body-bg.jpg") repeat-x;
  font-family:Tahoma, Verdana, Arial;
  color:#000000;
  font-size:12px;
}

/* Main Containers */
#wrapper {
  width:960px;
  margin:28px auto 0px auto;
  padding:0px;
  min-height:800px;
  height:auto !important;
  height:800px;
  position:relative;
}

#header {
  position:relative;
  height:116px;
  margin-bottom:8px;
  z-index:9999;
}

#content {
	position:relative;
	background:#ffffff url('content-bg.jpg') repeat-x;
	z-index:1;
	border-top:2px solid #3366cc;
}

#logo {
  position:absolute;
  top:-6px;
  left:0px;
}

#tag-line {
  font-size:18px;
  color:#3366cc;
  position:absolute;
  top:68px;
  left:10px;
}

#contact {
  font-size:16px;
  color:#3366cc;
  position:absolute;
  top:4px;
  left:355px;
  color:white;
  line-height:150%;
}

#contact h1 {
  font-size:16px;
  color:#3366cc;
  color:white;
  line-height:150%;
  font-weight:normal;
  margin:0px;
  padding:0px;
}

#header-nav {
  position:absolute;
  top:-24px;
  right:0px;
  color:#ffffff;
}

#cart-summary {
  width:260px;
  position:absolute;
  top:0px;
  right:0px;
  padding:0px 4px;

  color:white;
}

#cart-summary a {
	color:white;
}

#quick-search {
  position:absolute;
  top:68px;
  right:0px;
}

#top-nav {
  position:absolute;
  top:95px;
  left:0px;
  width:958px;
  font-size:13px;
  background:url('top-nav-bg.jpg') repeat-x;
	border-left:1px solid white;
	border-right:1px solid white;
	height:29px;
	z-index:555;

}

#left {
  width:180px;
	position:absolute;
	left:5px;
	top:5px;
	z-index:2;
}

#center {
  width:760px;
  margin-left:195px;
  min-height:997px;
  height:auto !important;
  height:997px;
  padding-top:9px;
  z-index:3;
  position:relative;
}

#center-home {
  min-height:480px;
  height:auto !important;
  height:480px;
}

#grass {
  width:100%;
  background:url('footer-bg.jpg') repeat-x bottom left;
}

#footer {
  text-align:center;
  width:100%;
  
}

#footer-inner {
  width:960px;
  margin:0px auto;
  background:#ffffff;
  padding:5px 0px;
  position:relative;
}

#footer-shadow {
  width:960px;
  margin:0px auto;
  height:65px;
  background:url('footer-bg2.jpg') repeat-x;
}

#left-corner {
  position:absolute;
  top:0px;
  left:-66px;
  width:66px;
  height:148px;
  background:url('left-corner.jpg') no-repeat;
}

#right-corner {
  position:absolute;
  top:0px;
  right:-66px;
  width:66px;
  height:148px;
  background:url('right-corner.jpg') no-repeat;
}

/* Headings */
.section-head {
  background:url('section-head-bg.jpg') repeat-x;
  padding:5px 3px;
  color:#ffffff;
  font-size:14px;
}

.teclan-title1 {
  font-size:24px;
  font-weight:normal;
  margin:0px;
  padding:0px 0px 8px 0px;
}

.teclan-title2 {
  font-size:20px;
  font-weight:normal;
  margin:0px;
  padding:0px 0px 6px 0px;
  color:#3366cc;
}

.teclan-title3 {
  font-size:16px;
  font-weight:normal;
  margin:0px;
  padding:0px 0px 6px 0px;
}

.teclan-title4 {
  font-size:14px;
  font-weight:bold;
  margin:0px;
  padding:0px 0px 4px 0px;
}

.teclan-title5 {
  font-size:14px;
  color:#000000;
  margin:0px;
  font-weight:normal;
  padding:14px 0px;
}

.teclan-title6 {
  font-size:12px;
  font-weight:normal;
  color:#000000;
  margin:0px;
  padding:4px 0px 6px 0px;
}

.teclan-title6 a:link, 
.teclan-title6 a:visited, 
.teclan-title6 a:active {
	color: #1e6bbb;
	text-decoration: none;
}
.breadcrumbs-top {
  border-bottom:1px solid #3366cc;
  padding-bottom:4px;
  margin-bottom:8px;
}

.breadcrumbs-bottom {
  border-top:1px solid #3366cc;
  padding-top:4px;
  margin-top:8px;
}

#cart-summary h4 {
  font-weight:normal;
  font-size:15px;
  padding-bottom:8px;
}

/* Links */
#header-nav a {
  color:#ffffff;
  padding:0px 10px;
  font-size:11px;
}

#cart-summary div a {
  font-size:14px;
  color:#FFFFFF;
}

.section-list1, .column-box {
  margin-bottom:10px;
  border-bottom:none;
  border:1px solid #C0C0C0;
  padding:1px 2px 2px 2px;
}

.section-list, .column-box {
  margin-bottom:10px;
  border-bottom:none;
}

.column-box {
  border-bottom:1px solid #C0C0C0;
}

.section-list1 a:link, 
.section-list1 a:visited, 
.section-list1 a:active {
  display:block;
  border-top:1px solid #C0C0C0;
  padding:4px 4px 4px 10px;
  color:#000000;
}

.section-list1 a:hover {
  background:#81BFE6 url('section-list-h.jpg') repeat-x;
  text-decoration:none;
}

.section-list a:link, 
.section-list a:visited, 
.section-list a:active {
  display:block;
  border-bottom:1px solid #92c9ec;
  padding:4px 4px 4px 20px;
  color:#000000;
}

.section-list a:hover {
  background:url('yellow-grad.jpg') repeat-x;
  text-decoration:none;
  color:#ffffff;
}

#footerlinks {
	border-top:1px solid #ccc;
	padding-bottom:10px;
}

#footerlinks ul {
	float:left;
	width:200px;
	text-align:left;
	margin:5px;
	padding:0px;
	list-style-type:none;
}

#footerlinks li a {
	line-height:25px;
	margin-left:10px;
	color:#000;
	font-size:13px;
}

.footerlink_heading {
	color:#000;
	font-size:18px;
}

#contact_details {
	text-align:right;
	margin-right:10px;
	width:310px;
	padding-top:5px;
	float:right;
}

#promo_image {
	width:482px;
	margin-bottom:17px;
}

.feature_frag {
	background:#2F71AC url('feature-frag-bg.jpg') repeat-x;
	width:288px;
	border:2px solid white;
	position:relative;
	padding:3px 7px 7px 7px;
	color:white;
	margin-bottom:7px;
}

.feature_frag h2 a:link, 
.feature_frag h2 a:visited, 
.feature_frag h2 a:active {
  display:block;
  margin-top:10px;
  font-size:18px;
  color:#ffffff;
  background:url('white-arrow.gif') no-repeat right center;
}

#feature_con {
	position:absolute; 
	top:7px; 
	right:0px;
	z-index:999;
}

.home-box {
  border:1px solid #999;
  background:url('grey-grad.jpg') repeat-x left bottom;
  width:179px;
  margin:0px 11px 7px 0px;
  float:left;
  text-align:center;
  padding-top:14px;
}

.home-box h3 a:link, 
.home-box h3 a:visited, 
.home-box h3 a:active {
	color: #1e6bbb;
	text-decoration: none;
}

/* Sections */
.section-box {
  border:1px solid #333;
  width:174px;
  background:url('grey-grad.jpg') repeat-x left bottom;
  text-align:center;
  padding-bottom:5px;
  margin-bottom:10px;
}

.section-img {
  padding-top:8px;
  height:120px;
}

.tec-section {
  cursor:pointer;
}

.ts-hov {
  background-image:url('section-bg-hover.jpg');
}

/* Products */
#tab-title-bar {
  margin-top:20px;
}

#tab-title-bar a {
  display:block;
  float:left;
  padding:2px 24px;
  margin-right:8px;
  background:#94AEC5 url('tab-unsel.jpg') repeat-x;
  color:#ffffff;
  border-bottom:1px solid #190E5D;
  font-size:14px;
}

#tab-title-bar a.selected:link, 
#tab-title-bar a.selected:visited, 
#tab-title-bar a.selected:active {
  background:#1E67B7 url('tab-sel.jpg') repeat-x;
}

.tab-content {
  display:none;
  border:1px solid #999;
  clear:left;

  margin-top:-1px;
  padding:5px;
  background:url('large-grey-bg.jpg') repeat-x left bottom;
}

.product-left {
  width:269px;
  float:left;
  text-align:center;
}

.product-right {
  width:443px;
  float:right;
}

.price-opt {
  padding:3px 0px;
}

/* General rules */
a img {
  border:none;
}

.teclan-text {
  color:#666;
  padding:1px 3px;
  width:165px;
  font-size:14px;
  height:22px;
	line-height:22px;
	background:url('search-bg.jpg') no-repeat;
	border:none;
}

/* Floats and clears */
.fleft {float:left;}
.fright {float:right;}
.cleft {clear:left;}
.cright {clear:right;}
.clearit {clear:both;}


/*************************/
/*****End teclan CSS******/
/*************************/

/* Begin CSS inherited from Actinic */
p, table, td, th {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	line-height: 150%;
}

form {
	margin: 0px;
}

a:link {
	color: #1e6bbb;
	text-decoration: none;
}

a:visited {
	color: #1e6bbb;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #1e6bbb;
	text-decoration: none;
}

a.checkout-checkoutbg:link {
	color: #efefef;
	text-decoration: none;
}

a.checkout-checkoutbg:visited {
	color: #efefef;
	text-decoration: none;
}

a.checkout-checkoutbg:hover {
	color: #efefef;
	text-decoration: underline;
}

a.checkout-checkoutbg:active {
	color: #efefef;
	text-decoration: underline;
}

a.checkout-textcolor:link {
	color: #000000;
	text-decoration: none;
}

a.checkout-textcolor:visited {
	color: #000000;
	text-decoration: none;
}

a.checkout-textcolor:hover {
	color: #000000;
	text-decoration: underline;
}

a.checkout-textcolor:active {
	color: #000000;
	text-decoration: underline;
}

ul {
	list-style-type: square;
}

/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #3366cc;
}

.actCHECKOUTBG {
	background-color: #efefef;
}

.actlarger {
	font-size: 13px;
	color: #000000;
}

.actsmaller{
	font-size: 11px;
	color: #000000;
}

.actxxsmall {
	font-size: 11px;
	color: #000000;
}

.actxsmall {
	font-size: 12px;
	color: #000000;
}

.actsmall {
	font-size: 12px;
	color: #000000;
}

.actregular {
	font-size: 13px;
	color: #000000;
}

.actlarge{
	font-size: 16px;
	color: #000000;
}

.actxlarge {
	font-size: 20px;
	color: #000000;
}

.actxxlarge {
	font-size: 20px;
	color: #000000;
}

.actwarningcolor {
	color: #3366cc;
}
	
.actrequiredcolor {
	color: #3366cc;
}

.actsearchhighlightcolor {
	color: #91172d;
}

.actrequired {
	color: #3366cc;
}

.actwarning {
	font-size: 12px;
	color: #3366cc;
}

.actwelcome {
	font-size: 12px;
	color: #000000;
}

.actlogotext {
	font-size: 12px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 12px;
	color: #1e6bbb;
}

/* Shopping cart and checkout fields ------------------------------------------- */

div.CheckoutCartSection {
	margin-top: 0px;
	margin-bottom: 10px;
}

table.checkout#idTableCheckoutSection {
	margin-bottom: 0px;
	
}

table.checkout-cart {
	width: 750px;
	border-collapse: collapse;
	padding: 0px 0px;
	margin-bottom: 5px;
}

table.checkout-cart th{
	font-weight: bold;
	border-top: solid 1px #3366cc;
	border-bottom: solid 1px #3366cc;
	padding: 7px 4px;
	background:#255DA8 url('checkout-bg.jpg') repeat-x bottom;
	color:white;
}

table.checkout-cart td{
	padding: 4px 4px;
}

table.checkout {
	width: 750px;
	border-collapse: collapse;
	padding: 0px 0px;
	text-align: left;
	margin-bottom: 5px;
}

table.checkout th {
	font-size: 13px;
	font-weight: bold;
	color: #efefef;
	text-align: left;
	padding: 7px 2px;
	border-bottom: solid 3px #3366cc;
	background:#255DA8 url('checkout-bg.jpg') repeat-x bottom;
}

table.checkout th.instruction {
	font-size: 12px;
	font-weight: normal;
}

table.checkout th.change {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: right;
}

.checkout-change-button	{
	line-height: 10px;
	height: 20px;
	width: 86px;
	margin: 0px 10px 0px 0px;
	padding: 0px 3px;
	font-size : 12px;
	background-color: #3366cc;
	border: 1px solid white;
	color: #ffffff;
	font-weight:bold;
	background-image: url('theme_icon_add_to_cart.gif') ;
	word-spacing: normal;



	}

table.checkout td {
	background-color: #efefef;
	border-right: solid 1px #4e4e4e;
	border-bottom: solid 1px #4e4e4e;
	padding: 2px 2px;
}

table.checkout#idBothAddressesTable col {
	width: auto;
}

td#idCheckoutHelpLabel,
table.checkout#idBothAddressesTable col.prompt {
	width: 130px;
}

.cart {
	background-color: #efefef;
	border-bottom: solid 1px #3366cc;
}

.checkout-cartheading {
	font-weight: bold;
	background-color: #efefef;
	border-top: solid 1px #3366cc;
	border-bottom: solid 1px #3366cc;
}

.cartheading {
	background-color: #3366cc;
	font-weight: bold;
	color: #efefef;
}

h2.checkout-heading {
	background-color: #3366cc;
	font-size: 13px;
	font-weight: bold;
	color: #efefef;
	padding: 5px 2px;
	border-bottom: solid 3px #3366cc;
	width: 750px;
	background:#255DA8 url('checkout-bg.jpg') repeat-x bottom;
}

h3.checkout-heading {
	width: 750px; 
	padding: 3px 3px;
	background-color: #3366cc;
	font-size: 13px;
	font-weight: bold;
	color: #efefef;
	border-bottom: solid 3px #3366cc;
	background:#255DA8 url('checkout-bg.jpg') repeat-x bottom;
}

.checkout-subheading {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

img.cartthumbnail {
	border: 0px;
	margin-left: 2px;
	margin-right: 2px;
	width: 25px;
}

input.normal-button {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #4e4e4e;
	background: #92c9ec;
	padding: 5px;
	border: solid 1px #000000;
}

input.highlight-button {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: #3366cc;
	padding: 5px;
	border: solid 1px #000000;
}

.checkout-field-label {
	width: 160px;
}

.checkout-field-input {
	width: auto;
}

.checkout-field-input input, .checkout-field-input select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #000000;
	background-color: white;
	border:1px solid #ccc;
	padding: 4px;
}

.InvoiceField input, .InvoiceField select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #000000;
	background-color: white;
	padding: 4px;
	border:1px solid #ccc;
}

.DeliverField input, .DeliverField select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #000000;
	background-color: white;
	padding: 4px;
	border:1px solid #ccc;
}

table.checkout#idBothAddressesTable select {
	width: 211px;
}

input.checkbox {
	background-color: #efefef;
	border: 0;	
}

.checkout-field-area {
	background: #efefef;
	border-bottom: solid 2px #4e4e4e;
	width: 750px;
}

.checkout-field-area p {
	margin: 0;
	padding: 4px;
}

div.checkout-buttons {
	width: 750px; 
	height: 50px; 
	margin-top: 20px;
}
	
.left { 
	float : left; 
	width : 50%; 
}

.right { 
	float : right; 
	width : 40%; 
}

.spacer { 
	clear : both; 
}

.checkout-help-hide { 
	display: none; 
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* headings ----------------------------------------------------------------------------- */

h1	{
	font-size: 20px;
	font-weight: 900;
	margin: 0px;		
	padding: 16px 0px 4px 0px;
	color: #3366cc;
	}
	
h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #92c9ec;
	}
	
h2	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #92c9ec;
	}
	
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #92c9ec;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #92c9ec;
	}
	
.product_price	{
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	color:#3366cc;
	padding: 0px 0px 5px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: #3366cc;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 12px;
	word-spacing: normal;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 0px 15px 20px;
	}

.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
	}

/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}
	
	.product_list {
	  margin:10px 0px;
	}
	
#tc-menu-container ul {
  list-style-type:none;
  margin:0px;
  padding:0px;

}

#tc-menu-container ul li {
  float:left;
  position:relative;
  margin-right:3px;
} 

#tc-menu-container ul li#last {
  margin-right:0px;
}

#tc-menu-container ul li a {
  display:block;
  margin-top:1px;
  color:#ffffff;
  background:url('top-nav-bg-br.jpg') right no-repeat;
  text-align:center;
  padding:7px;
  font-size:12px;
}

#tc-menu-container ul li a.sel:link, 
#tc-menu-container ul li a.sel:visited, 
#tc-menu-container ul li a.sel:active, 
#tc-menu-container ul li a:hover {
  color:white;
  text-decoration:underline;
}

#tc-menu-container ul li div {
  position:absolute;
  top:29px;
  left:0px;
  text-align:left;
  display:none;
  border:1px solid #92c9ec;
  background:#ffffff url('grey-grad.jpg') repeat-x left bottom;
  padding:10px;
  overflow:hidden;
  width:324px;
  z-index:99999;
}

#tc-menu-container ul li div ul {
  width:150px;
  float:left;
  border-right:1px solid #3366cc;
  margin-right:12px;
}

#tc-menu-container ul li div ul.last {
  border-right:none;
  margin-right:0px;
}

#tc-menu-container ul li div ul li {
  float:none;
  /*width:90px;*/
}

#tc-menu-container ul li div ul li a {
  color:#1e6bbb;
  text-align:left;
  background:none;
}

#tc-menu-container ul li div ul li a:hover {
  color:#000000;
}
/* Recently Viewed */
#recently-viewed-items {
  border:1px solid #C0C0C0;
  padding:5px 10px;
}

#recently-viewed-items h2 {
  color:#92c9ec;
  font-weight:normal;
  font-size:16px;
  margin:0px;
  padding:0px 0px 5px 0px;
}

.recently-viewed-creation {
  display:none;
}

.recently-viewed {
  
	 width:170px;
    float:left;
    margin-left:10px;
  
  position:relative;
  text-align:center;
  padding:5px 0px;
}

.recently-viewed h3 {
  font-weight:normal;
  margin:0px;
  padding:0px 0px 5px 0px;
  font-size:14px;
}

.recently-viewed h3 a:link, 
.recently-viewed h3 a:visited, 
.recently-viewed h3 a:active {
  color:#000000;
}

.rv-price {
  font-weight:bold;
}

.recently-viewed span.remove {
  display:block;
  position:absolute;
  top:-5px;
  right:0px;
  color:#999;
  cursor:pointer;
  font-size:14px;
  font-weight:bold;
}
.teclan-search-result {
  width:160px;
  margin:0px 10px 10px 0px;
  padding:5px;
  float:left;
  text-align:center;
  border:1px solid #3366cc;
}

.endrow {
  margin-right:0px;
}

.teclan-search-result h3 {
  font-weight:normal;
  font-size:15px;
  margin:0px;
  padding:0px 0px 5px 0px;
}
