/*--- Main layout styles ---*/

body {
	color: #000;
	background-color: #FFF;
	margin-top: 5px;
	font: 76% Arial, Helvetica, sans-serif;
}

.tdfooter {
	text-align: right;
	border-top: 1px solid #69C;
}

.tdcontent {
	width: 680px;
	padding-left: 12px;
	padding-right: 5px;
	vertical-align: top;
}

.tdnav {
	background-color: #C2D7EB;
	width: 160px;
	vertical-align: top;
}

.tdtop {
	border-bottom: 1px solid #94D7F6;
	vertical-align: top;
	height: 100px; 
}

.tdnav h1 {
	border-bottom: 1px solid #7CA8D3;
	padding-left: 0px;
	font-size: 130%;
	margin: 30px 20px 0 10px;
}

.tdnav h2 {
	padding-left: 0px;
	font-size: 130%;
	margin: 20px 10px 10px 7px;
	padding-bottom: 5px;
	border-bottom: 3px solid #A3C1E0;
	color: #335999;
}

/*--- Link styles ---*/

a {
	color: #00C; 
	font-size: 1em; 
	text-decoration: none;
}

a:hover {
	color: #66C;
	font-size: 1em;
	text-decoration: underline;
}

.contentlink {
	color: #CCC;
	font-size: 100%;
	text-decoration: none;
}

.contentlink:hover {
	color: #666;
	font-size: 100%;
	text-decoration: underline;
}

/*--- default images border ---*/

img {
	border: none;
}

/*--- Paragraph styles ---*/

p {
	font-size: 100%;
	color: #000;
	line-height: 1.5em;
	/*text-align: justify;*/
	margin: 0.8em 0 0.8em;
}

.p2, .psmall, .psmallcomp {
	font-size: 95%;
	text-align: justify;
}

.p3 {
	text-align: left;
	margin-left: 5px;
}

.p5 {
	text-align: justify;
}

.p6 {
	margin-left: 40px;
}

.pright {
	line-height: 1.6em;
	text-align: right;
}

.pright2 {
	float: right;
	margin-right: 150px;
}

.pright3 {
	float: right;
	width: 250px;
	border-left: 1px solid #C2D7EB;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 100%;
	text-align: left;
}

.pcentre, .psmallcenter {
	text-align: center;
}

.psmallcenter, .p90, .psmall2 {
	font-size: 95%;
}

.psmallcomp {
	margin: 10px;
}

.ptab {
	padding-top: 5px;
	text-align: center;
	margin-right: 0px;
	border-bottom: 1px solid #C2D7EB;
}

.p100 {
	font-size: 100%;
}

.psmall2 {
	margin-left: 60px;
}


.pquote {
	background-color: #F7FAFD;
	float: right;
	width: 250px;
	padding: 10px;
	margin-right: 10px;
	margin-left: 15px;
	border-bottom: 1px solid #CCC;
}

.pquote2, .highlight, .pquote3, .highlight2 {
	background-color: #F7FAFD;
	padding: 10px;
	margin-right: 10px;
	margin-left: 30px;
	border-bottom: 1px dashed #669;
	color: #669;
	font-size: 150%;
}

.pquote2 {
	height: 6em;
}

.highlight {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 120%;
	text-align: left;
}

.highlight img {
	float: left;
	margin-right: 20px;
}

.highlight2 {
	margin-right: 0;
	margin-left: 40px;
	font-size: 120%;
	text-align: left;
}

.directions {
	border: 1px solid #C2D7EB;
	margin-bottom: 15px;
}

.movie {
	background: url(../images/ajax-loader.gif) no-repeat center center;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/*--- Form styles ---*/

input {
	font-size: 110%;
}

/*--- List styles ---*/

ul {
	list-style-image: url(../images/bluecircle2.gif);
}

li {
	font-size: 100%;
	line-height: 1.5em;
}

/*.tdnav ul {
	list-style-type: none;
}*/

.ul2, .ul3, .ul4 {
	font-size: 95%;
	list-style-image: url(../images/3pblue.gif);
}

.ul2 li, .ul4 li {
	margin-top: 5px;
	text-align: left;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #C2D7EB;
}

.ul4 li {
	padding-bottom: 0;
}

.ul3 {
	font-size: 100%;
	padding: 0px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 40px;
	border-top: 1px solid #C2D7EB;
	border-bottom: 1px solid #C2D7EB;
}

.ul3 li {
	margin-top: 4px;
	text-align: left;
	margin-bottom: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ul5 li {
	margin-bottom: 20px;
}

ul.links li{
	width: 600px;
	font-size: 105%;
}

/*--- Miscellaneous styles ---*/

.orange {
	font-weight: bold;
	color: #F90;
}

.red {
	font-weight: bold;
	color: #F00;
}

.black {
	font-weight: bold;
	color: #000;
	font: 80% Arial, Helvetica, sans-serif;
}

hr {
	color: #69C;
	background-color: #69C;
	height: 1px;
	border: none;
}

.gr {
	font-size: 95%;
	color: #999;
}

.logo {
	margin-right: 340px;
	margin-bottom: 1px;
}

.larger {
	font-size: 130%;
	font-weight: bold;
	color: #F90;
}

.sublink {
	color : #009;
	font-size: 100%;
	text-decoration: none;
	margin-left: 0px;
}

.sub {
	color : #5B5BC8;
	font-size: 110%;
	margin-left: 0px;
	font-weight: bold;
}

/*--- Table cell styles ---*/

.td3 {
	background-color: #EDF3FA;
	border-top: 1px solid #69c;
	border-right: 1px none #69c;
	border-bottom: 1px solid #69c;
	border-left: 1px none #69c;
}

.td4 {
	background-color: #F7FAFD;
	border-top: 1px none #CCC;
	border-right: 1px none #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px none #CCC;
}

.td5 {
	background-color: #FFF;
	border-top: 1px none #69c;
	border-right: 1px none #69c;
	border-bottom: 1px solid #69c;
	border-left: 1px none #69c;
}

.td6 {
	background-color: #FFF;
	border-top: 1px none #E9E9E9;
	border-right: 1px none #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px none #E9E9E9;
}

.tdblue {
	border-bottom: 1px solid #C2D7EB;
	padding: 0px 10px 10px;
}

.tdblue2 {
	padding: 0px 10px 10px 0px;
	border-bottom: 1px solid #C2D7EB;
}

.tdblue3 {
	border-top: 1px solid #C2D7EB;
	border-bottom: 1px solid #C2D7EB;
	padding: 10px;
}

.tdblue4 , p.cstitle{
	padding: 10px;
	margin-top: 0px;
	background: #E9F0F8;
	border: 1px solid #C2D7EB;
}

.tdemail {
	background-color: #C2D7EB;
	text-align: center;
}

#where td {
	padding-left: 10px;
}

#where p {
	text-align: left;
}

#where .td6 {
	background: #FFF;
}

#sureshot td {
	padding-left: 10px;
	font-size: 100%;
}

/*--- Heading styles ---*/
h1 {
	font-size: 150%;
	color: #66C;
	font-weight: bold;
	line-height: 1.5em;
}

h2, h3 {
	font-size: 130%;
	font-weight: bold;
}

h3 {
	margin-bottom: 5px;
	margin-top: 5px;
}


/*--- Shop styles ---*/

.cvwtbl td, .cobhl, .cobll, .opt, .price, .detaildescription, .prodname, .prodprice, .proddescription, .detaildescription td, .prodoptions table, .detailoptions table, .detailname, .detailprice {
	font-size: 100%;
}

.carttbl td, #printcontent {
	font-size: 95%;
}

.cobll p, .detaildescription p, .cvwtbl input {
	font-size: 100%;
}

.cvwtbl select {
	font-size: 110%;
}

.cobl2 {
	font-size: 100%;
}

.cartopt {
	font-size: 95%;
}

.sub1, .sub2 {
	font-size: 100%;
	text-decoration: none;
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 3px;
}

.sub2, div.prodoptions {
	margin-top: 7px;
}


.detaildescription ul {
	font-size: 100%;
}

.detaildescription h4 {
	margin-left: 30px;
}

.detaildescription .pquote2 {
	height: 8em;
	font-size: 110%;
}

.catdesc p {
	margin: 0;
	margin-right: 20px;
	border-bottom: 1px solid #C2D7EB;
}

td.catname, td.catdesc {
	padding: 0;}
	
.detailimage {
	vertical-align: top;
}

div.detailprice, div.detailcurrency {
	text-align: center;}

table.related-prods p {
	padding-top: 10px;
	border-top: 1px solid #C2D7EB;
	width: 190px;
	margin-left: 15px;
}

div.proddescription {
line-height: 1.5em;}

/*--- Image styles and margins ---*/

.img1, .img2 {
	margin: 24px 12px 8px;
}

.img1 {
	border: 1px solid #C2D7EB;
	margin: 0px;
}

.fr1 {
	float: right;
	margin-left: 5px;
	margin-right: 15px;
}

.lhs {
	margin-left: 10px;
}

.home, .homeborder {
	margin-left: 40px;
}

.vector {
	margin-top: 13px;
}

.compo {
	margin: 20px 5px 0px;
}

.homeborder {
	border: 1px solid #C2D7EB;
}

.marginleft {
	margin-left: 100px;
	background: #66C;
	width: 480px;
	text-align: center;
}

.marginleft2 {
	margin-left: 20px;
	text-align: left;
}

/*--- Slideshows ---*/

.slide {
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	border-top: 0px solid #C2D7EB;
	border-bottom: 1px solid #C2D7EB;
}

.slide2 {
	padding-bottom: -3px;
	padding-top: 0px;
	text-align: center;
	margin-top: 10px;
	border-top: 1px solid #C2D7EB;
	border-bottom: 0px solid #C2D7EB;
	margin-bottom: 0px;
}

/*--- Border styles--- */

.noborder {
	border-width: 0;
	border-style: none;
}

.bborder, .bborder2, p.navdesc {
	border-bottom: 1px solid #C2D7EB;
	clear: both;
}

.bborder2 {
	padding-bottom: 10px;
}

.tborder {
	border-top: 1px solid #C2D7EB;
	padding-top: 10px;
	margin-top: 5px;
}

/*--- Clearing styles ---*/

.scr {
	padding-bottom: 0px;
}

.clear {
	clear: both;
	margin-top: 10px;
}

.nopad {
	margin: 0px;
	padding: 0px;
}

/*--- checkout page table formatting ---*/

.checkout strong {
	font-size: 90%;
}

.checkout small {
	font-size: 95%;
}

.checkout p {
	text-align: center;
	font-size: 100%
}

/*--- Navigation menu ---*/

/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul, 
ul#shopmenu, ul#shopmenu li, ul#shopmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after, 
ul#shopmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li, ul#shopmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a, ul#shopmenu a {
	padding: 0 6px;
	display: block;
	background: #C2D7EB;
	color: #00C;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	font-size: 100%;
	line-height: 22px;
	border-top: 0px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #C2D7EB;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a,
ul#shopmenu a:hover, ul#shopmenu li:hover a, ul#shopmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a,
ul#shopmenu li:hover li a,ul#shopmenu li.iehover li a {
	background: #C2D7EB;
	color: #00C;
	font-size: 100%;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a,
ul#shopmenu li:hover li a:hover,
ul#shopmenu li:hover li:hover a,
ul#shopmenu li.iehover li a:hover,
ul#shopmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */           /* ----not used ----*/
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #C2D7EB;
	color: #00C;
	font-size: 100%;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/* 3rd Menu Hover Persistence */    /* ----not used ----*/
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */  /* ----not used ----*/
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */   /* ----not used ----*/
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul,
ul#shopmenu ul,
ul#shopmenu ul ul,
ul#shopmenu ul ul ul  {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul,
ul#shopmenu li:hover ul ul,
ul#shopmenu li:hover ul ul ul,
ul#shopmenu li.iehover ul ul,
ul#shopmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul,
ul#shopmenu li:hover ul,
ul#shopmenu ul li:hover ul,
ul#shopmenu ul ul li:hover ul,
ul#shopmenu li.iehover ul,
ul#shopmenu ul li.iehover ul,
ul#shopmenu ul ul li.iehover ul {
  display: block;
}

#navmenu .icon, #shopmenu .icon {
	background: url(../images/box-blue.gif) no-repeat 2px center;
	padding-left: 25px;
}

#navmenu .icon:hover, #shopmenu .icon:hover {
	background: #CCC url(../images/box-red.gif) no-repeat 2px center;
}

/*--- Teaser box and caprion box styles ---*/

.teaser {
		width:300px;
		padding:0 0 14px;
		margin:10px auto 10px 20px;
		background:url(../images/teaser300.gif) no-repeat left bottom;
}

.teaser .imgleft {
	float: left;
	margin-left: 5px;
	margin-right: 15px;
}

.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url(../images/teaser300.gif) no-repeat left top;
}

.teaser p, .teaser a.more {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
	font-size: 100%;
}

.teaser a.more {
	display:block;
	text-align:right;
	background:url(../images/bl-arrow.gif) no-repeat 275px 80%;
	padding:10px 30px 0 0;
	text-decoration:none;
	color:#44a;
	font-size: 100%;
}

.teaser a.more:hover {
		text-decoration:underline;
}

.featured {
	background: #F7FAFD;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 2px solid #A3C1E0;
	padding-top: 0px;
	font-size: 90%;
	width: 240px;
	margin: 10px;
}
	
.left {
	float: left;
}

.right {
	float: right;
}

/*--- Sitemap ---*/

ul#sitemap , ul#sitemap ul, ul#sitemap li {
	list-style: none;
}

ul#sitemap li li {
	font-size: 100%;	
}

.sitemapdiv {
	padding-left: 40px;
	font-size: 90%;
}

.smprod {
	font-size: 90%;
}

a.smprod:hover {
	font-size: 90%;
}

/*--- Pop-up styles ---*/

#topbar{
	position:absolute;
	padding: 10px;
	width: 400px;
	visibility: hidden;
	z-index: 100;
	font-size: 100%;
	border-top: 1px solid #69C;
	border-right: 2px solid #69C;
	border-bottom: 2px solid #69C;
	border-left: 1px solid #69C;
	background: #FFFFA8;
}

#topbar h1 {
	border-bottom: 1px solid #66C;
	padding-bottom: 8px;
	margin: 0px;
	padding-top: 0px;
}

#topbar li {
	margin-right: 5px;
	font-size: 95%;
}

/* ---- Gallery lists ---- */

.ulgallery {
	list-style: none;
	margin-left: 0px;
	float: left;
	padding-left: 0px;
}

.ulgallery li {
	margin-right: 9px;
	float: left;
	text-align: center;
	font-size: 95%;
	margin-left: 0px;
}

.ulgallery img {
	display: block;
	border: none;
	margin-bottom: 10px;
}

.ulgallery2 li {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.half {
	width: 43%;
	text-align: left;
	border: 1px solid #C2D7EB;
	float: left;
	margin: 10px;
	padding: 10px;
}
.half img {
	margin-top: 10px;
}
#rotator {
//	border: 1px solid #181818; 
	cursor: pointer; 
	overflow: hidden;
	margin: .5em auto 1em auto; 
//	position: absolute;
	width: 700px; 
	height: 300px;
	}

#rotator img {
	border: 0; 
	cursor: pointer; 
	width: 700px; 
	height: 300px;
	}

#rotatorlogo {
//	border: 1px solid #181818; 
	cursor: pointer; 
	overflow: hidden; 
//	position: absolute;
	width: 160px; 
	height: 160px;
	}

#rotatorlogo img {
	border: 0; 
	cursor: pointer; 
	width: 160px; 
	height: 160px;
	}