/*************************/
/****Begin teclan CSS*****/
/*************************/

body {
  margin:0px;
  padding:0px;
  background: url("body-bg.jpg") repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  color:#000066;
  font-size:12px;
}

/* Main Containers */
#container {
  width:953px;
  margin:28px auto 0px auto;
  padding:5px 0px;
  background:#ffffff url('') no-repeat top;
  min-height:800px;
  height:auto !important;
  height:800px;
  position:relative;
}

#header {
  position:relative;
  height:141px;
  margin-bottom:8px;
  z-index:1;
}

#logo {
  position:absolute;
  top:25px;
  left:10px;
}

#header_nav {
  position:absolute;
  top:0px;
  right:0px;
  color:#000066;
}

#cart_summary {
    padding: 6px 4px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 200px;
}

#quick_search {
    position: absolute;
    right: 0;
    top: 83px;
    width: 175px;
}

#top_nav {
  position:absolute;
  top:111px;
  left:0px;
  width:100%;
  font-size:13px;
  background:url('top-nav-bg.jpg') repeat-x;
  line-height:30px;
  z-index:9999999;
}

#content {
	position:relative;
	padding:0px 5px;
	z-index:0;
}

#left {
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}

#center {
    float: left;
    height: auto !important;
    margin: 0;
    min-height: 600px;
    width: 730px;
    z-index: 1;
    }



#footer {
  text-align:center;
  width:100%;
  background:#000;
  height:258px;
}

#footer-inner {
  width:970px;
  margin:0px auto;
  background:#ffffff;
  padding:8px 0px;
  margin-bottom:3px;
  position:relative;
}

#footer-shadow {
  width:970px;
  margin:0px auto;
  height:65px;
  background:url('footer-bg.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;
}

.product-left {
  width:260px;
  float:left;
  text-align:left;
}

.product-right {
  width:280px;
  float:right;
  text-align:center;
}

.price-opt {
  padding:3px 0px;
}

#right {
    float: right;
    right: 0;
    top: 0;
    width: 200px;
    z-index: 1;
}

#socialmedia a:link, #socialmedia a:visited, #socialmedia a:active{
    color: #000066;
    padding: 4px 4px 4px 1px;
    display: inline;
}

/*Drop Down Menu Styles*/

#topnav
{	background: url(topnavbg.jpg) repeat-x;
	width: 100%;
	height: 30px;
	font-size: 13px;}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 130px;
	height: 21px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		text-align: left;
		text-decoration: none;
		background: #404040;
		color: #FFF;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

/* Headings */
.section-head {
  background:url('section-head-bg.jpg') repeat-x;
  padding:5px 3px;
  color:white;
  height:30px;
  font-size:15px;
  padding-left:15px;
  width:180px;
}

.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;
}

.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;
}

.breadcrumbs-top {
  padding-bottom:4px;
  margin-bottom:8px;
}

.breadcrumbs-bottom {
  border-top:1px solid #000099;
  padding-top:4px;
  margin-top:8px;
}

#cart-summary h4 {
  font-weight:normal;
  font-size:15px;
  padding-bottom:8px;
}

/* Links */
#header_nav a {
  color:#000066;
  padding:0px 5px;
  font-size:13px;
}

#cart_summary div a {
  font-size:13px;
  color:#000066;
}

.section_list, .column-box {
  margin-bottom:10px;
  border-bottom:none;
}

.column_box {
  
}

.section_list a:link, 
.section_list a:visited, 
.section_list a:active {
  display:block;
  border-bottom:1px solid #800033ff;
  padding:4px 4px 4px 20px;
  color:#000066;
}

.section_list a:hover {
  text-decoration:none;
  color:#000099;
  font-weight:bold;
}

.categorylist {
	border-bottom:none;
	width:200px;
	margin-bottom:5px;
}

.categorylist ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.categorylist li {
	padding:3px 10px;
}

.categorylist a:link, a:visited, a:active {
	color:#0099ff;
}

.categorylist a:hover {
	color:#000099;
}

.subsection {
	display:block;
	margin-left:20px;
	padding:2px 0px;
}

/* General rules */
a img {
  border:none;
}

.teclan-text {
  border:1px solid #000099;
  background:url('input-bg.jpg') no-repeat;
  color:#666;
  padding:1px 3px;
  width:150px;
}

/* Floats and clears */
.fleft {float:left;}
.fright {float:right;}
.cleft {clear:left;}
.cright {clear:right;}
.clearit {clear:both;}

#header_text {
    color: #000066;
    line-height: 90%;
    position: absolute;
    right: 300px;
    text-align: center;
    top: 20px;
}

/*************************/
/*****End teclan CSS******/
/*************************/

/* Begin CSS inherited from Actinic */
p, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	margin-top: 0px;
	line-height: 150%;
}

form {
	margin: 0px;
}

a:link {
	color: #0033ff;
	text-decoration: none;
}

a:visited {
	color: #660066;
	text-decoration: none;
}

a:hover {
	color: #000066;
	text-decoration: underline;
}

a:active {
	color: #0033ff;
	text-decoration: none;
}

ul {
	list-style-type: square;
}

/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #33ccff;
}

.actCHECKOUTBG {
	background-color: #cccccc;
}

.actlarger {
	font-size: 13px;
	color: #000066;
}

.actsmaller{
	font-size: 12px;
	color: #000066;
}

.actxxsmall {
	font-size: 12px;
	color: #000066;
}

.actxsmall {
	font-size: 12px;
	color: #000066;
}

.actsmall {
	font-size: 12px;
	color: #000066;
}

.actregular {
	font-size: 13px;
	color: #000066;
}

.actlarge{
	font-size: 16px;
	color: #000066;
}

.actxlarge {
	font-size: 20px;
	color: #000066;
}

.actxxlarge {
	font-size: 20px;
	color: #000066;
}

.actwarningcolor {
	color: #ff0000;
}
	
.actrequiredcolor {
	color: #ff0000;
}

.actsearchhighlightcolor {
	color: #ff0000;
}

.actrequired {
	color: #ff0000;
}

.actwarning {
	font-size: 12px;
	color: #ff0000;
}

.actwelcome {
	font-size: 12px;
	color: #000066;
}

.actlogotext {
	font-size: 12px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 12px;
	color: #0033ff;
}

/* Shopping cart and checkout fields ------------------------------------------- */

table.checkout td {
	background-color: #cccccc;
}

table.checkout th {
	background-color: #33ccff;
}

.cart {
	background-color: #cccccc;
}

.cartheading {
	background:url('top-nav-bg.jpg') repeat-x;
	font-weight: bold;
	color:#ffffff;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 0px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 0px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #000099;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #000099;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #000099;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #000099;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

table#idCheckoutProgress {
	margin-bottom: 10px;
}

table#idCheckoutProgress td{
	background-repeat:repeat-x;
	background-color:transparent;
	border: 0px;
	padding: 0px;
	height:19px;
	text-align:center;
}

table#idCheckoutProgress td.cpi-left{
	background-image:url("cpi-main.gif");
	color:white;
	width:160px;
}

table#idCheckoutProgress td.cpi-complete{
	background-image:url("cpi-main-mid.gif");
	color:white;
	width:160px;
}

table#idCheckoutProgress td.cpi-incomplete{
	background-image:url("cpi-background.gif");
	color:black;
	width:160px;
}

table.CheckoutProgress {
	width: 733px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.CheckoutProgress td {
	padding: 0px 0px;
	background-repeat: repeat-x;
	background-color: transparent;
	height: 19px;
	text-align: center;
	width: 140px;
}

table.CheckoutProgress td.cpi-start{
	background-image: url("cpi-main.gif");
	width: 8px;
}

table.CheckoutProgress td.cpi-inactive{
	background-image: url("cpi-main-mid.gif");
	color: #ffffff;
}

table.CheckoutProgress td.cpi-active{
	background-image: url('cpi-background.gif');
	font-weight: bold;
	color: #000066;
}

table.CheckoutProgress td.cpi-end {
	background-image: url("cpi-end.gif");
	width: 8px;
}

table.CheckoutProgress td.cpi-spacer {
	background-image: url("cpi-main-mid.gif");
	width: auto;
}

/* End of Checkout Progress Indicator ------------------------------------- */

/* 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: #0099ff;
	}
	
h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #0099ff;
	}
	
h2	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #0099ff;
	}
	
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #0099ff;
	clear:both;
	}
	
h3	{
	font-size: 12px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #0099ff;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #0099ff;
	}
	
h3.product_price	{
	font-size: 12px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: #000099;
	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 'Quick Search Bar With Larger Button' ------------------------ */

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 12px;
	background-color: #cccccc;
	border: 1px solid #cccccc;
	color: #000066;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #0099ff
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 12px;
	background-color: #0099ff;
	border: 1px solid #000099;
	color: #ffffff;
	background-image: url('theme_icon_search.gif');
	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;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #0099ff;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #0099ff;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #000099;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #0099ff;
	padding: 8px;
	}		

/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 76px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 12px;
	background-color: #0099ff;
	border: 1px solid #000099;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}	
	
	.product_list {
	  margin:10px 0px;
	}
	.tec-section {
  cursor:pointer;
  background:#ffffff;
  border:1px solid #ccc;
 margin-right:5px;
 text-align:center;
}

.ts-hov {
  background:<actinic:variable name="SectionLinkHoverColour" />;
}

/*---JAMES CCS CLASSES---*/

/* --- BEGIN SECTIONS LINKS --- */

.jkp_section_link
{
	float: left; 
	display: inline; 
	width: 50%; 
	margin: 0px 0px 16px 0px;
}

.jkp_section_img
{
		margin: 0px 10px 10px 0px;
		text-align: center;
		float: left;
		display: inline;
}

.jkp_section_link_text
{
		text-decoration: none;
		font-weight: bold;
}

a.jkp_section_link_text:hover
{
	text-decoration: underline;
	color: red;
}

/* --- END SECTION LINKS --- */

/*James Product CSS*/

.freedel
{
	font-weight: bold; color: green;
}


/*---END JAMES CSS CLASSES--*/

/***** two column list ****/

.two-column-list {
  list-style: none;
  color: #999;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.two-column-list li {
 display: block;
 width: 250px;
 float: left; 
 padding: 0 0 5px 0;
}

#compatible_with {
 border-top: 1px dashed #ccc; 
}