/* default the borders and margins for the page */
html { margin: 0px; padding: 0px; border: 0px; height: 100%; }  
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; height: 100%; }

/* image styles */
img{ border: 0; }
.logo { width: 95px; height: 95px; }
.uses { width: 30px; height: 30px; }
.thumbuses { width: 30px; height: 30px; }
.offers { width: 150px; }
.toggle { }

/* link styles */
a:link { color: #0000CC; text-decoration: none;}
a:visited { color: #0000CC; text-decoration: none;}
a:hover { color: #FF0000; text-decoration: underline;}
a:active { color: #FF0000; text-decoration: none;}

/* set the style for the form elements */
form { margin:0px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#666666; margin:0px; }
input.submit { }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#666666; margin:0px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%;  color:#666666; margin:0px; width: 250px; height: 100px; }
submit { margin:0px; }

/* page layout */
#pagetable { width: 100%; height: 100%; }
#pageheader, #pagefooter { }
#pageheader { padding-bottom: 10px; vertical-align: top; }
#pagecontent { padding: 0 20px; width: 100%; margin-bottom: 10px; vertical-align: top; min-width: 400px; }
#leftbar { width: 180px; padding: 0 10px; margin-bottom: 10px; vertical-align: top; }
#rightbar { width: 130px; padding: 0 10px; margin-bottom: 10px; vertical-align: top; }
#pagefooter { border-top:1px solid #5F68C3; vertical-align: bottom; }

/* page sections */
#headerlogo { float: left; margin-bottom: 5px; width: 150px; }
#headerlinks { float: right; font-size:75%; color: #000000; text-align: right; padding: 5px 0 0 0; width: 150px; }
#headertext { font-weight: bold; text-align:center; }
#headertitle { clear: both; border-bottom:1px solid #5F68C3; font-size: 120%; font-weight: bold; color: #5F68C3; padding-left: 10px; padding-top: 10px; }

/*general page content styles*/
.pagehelp { font-size: 75%; text-align: justify; }
.pageimage { margin-bottom: 20px; text-align: center; }
.table { font-size: 75%; border:1px solid #5F68C3; text-align: justify; margin: 0 0 20px 0; padding: 0; }
.table h2 { font-size: 150%; }
.table h3 {  font-size: 120%; background-color: #5F68C3; color:#FFF; padding: 5px 5px 2px 5px; margin: 0; }
.table p { padding: 5px; }
.desc { color:#000; padding: 5px 5px 2px 5px; margin: 0; background-color: #8F94D5; }
.tablebackground { background-color: #E7E8F5; }
.cell { width: 50%; float: left; margin: -1px; padding: 5px 0; border:1px solid #5F68C3; background-color: #E7E8F5; }
.tablenoborder { font-size: 75%; border:0px; text-align: justify; margin: 0 0 20px 0; padding: 0; }

/*Error text content styles*/
.tableerror { font-size: 75%; border:1px solid #f00; text-align: justify; margin: 0 0 20px 0; padding: 0; background-color: #ffcbcd; }
.tableerror h3 {  font-size: 120%; background-color: #f00; color:#FFF; padding: 5px 5px 2px 5px; margin: 0; }
.tableerror p { padding: 5px; }
.errortext { color: #f00; }


/*content specific styles*/
.contenttable { font-size: 75%; border:1px solid #5F68C3; text-align: justify; margin: 0 0 20px 0; padding: 0; width: 100%; border-collapse: collapse; }
.contenttable caption { font-size: 120%; background-color: #5F68C3; color:#FFF; padding: 5px 5px 2px 5px; margin: 0; }
.contenttable th { font-size: 100; color:#FFF; padding: 5px 5px 2px 5px; margin: 0; background-color: #8F94D5; }
.contenttable p { margin: -1px; padding: 5px 5px 10px 5px; background-color: #E7E8F5; }
.contenttable img { float: left; padding: 10px; }

/*showcase specific styles*/
.showcasetable { width: 100%; }
.showcaserow { margin: 0; background-color: #E7E8F5; }
.showcaserow h4 { font-size: 100%; color:#FFF; padding: 5px 5px 2px 5px; margin: 0; background-color: #8F94D5; }
.showcaserow p { margin: 5px 5px 10px 5px; padding: 5px 5px 10px 5px; }
.showcaserow input { float: left; margin: 5px 5px 10px 5px; }
.showcaserow img { float: left; padding: 10px; }

/*advancedsearch specific styles*/
.advsearchtable { }
.advsearchrow { }
.advsearchcell { text-align: right; padding: -5px; }
.advsearchcell ul { margin: 0 5px 0 0px; }
.advsearchcell ul li { padding: 2px; }
.advsearchcell img { vertical-align: middle; }
.advsearchcell select { vertical-align: middle; }

/*catalogue specific styles*/
.catalogue { background-color: #E7E8F5; width: auto; }
.catalogue img { float: left; width: 150px; }
.catalogue ul { float: right; text-align: right; }

/*offers page specific styles*/
.offerstable { background-color: #E7E8F5; }
.offersrow { margin: 0; }
.offerscell { text-align: center; padding: 0 0 5px 0; margin-bottom:10px; background-color: #FFF;}

/*binocular guide specific styles   -1px -1px 5px -1px*/
.guidetable { width: 100%; }
.guiderow { border-top: 1px solid #5F68C3; border-bottom: 0px; margin: 0; background-color: #E7E8F5; }
.guiderow p { margin: 5px 5px 10px 5px; padding: 5px 5px 10px 5px; }
.guiderow img { float: left; padding: 10px; }

/*search results specific styles*/
.searchimage { width: 10%; text-align: center; vertical-align: center; }
.searchimage img { padding: 10px; }
.searchdetails { width: 40%; }
.searchdetails h4 { margin: 5px 0px 10px 0px; }
.searchdetails p { margin: 5px 0px; }
.searchrank { width: 40%; }
.searchactions { width: 10%; text-align: center; vertical-align: bottom; }

/*product details specific styles*/
.producttable { }
.productrow { border: 1px solid #5F68C3; border-bottom: 0px; margin: -1px -1px 0px -1px; padding: 10px 5px; }
.productrow h2 { text-align: center; font-size: 180%; }
.productrow p { margin: 5px 0px; }
.productrow ul { margin-top: 5px; margin-bottom: 5px; }
.productimg { text-align: center; padding: 10px; width: auto; }
.productdet { text-align: center; }

#searchform { margin:0 0 10px 0; padding:5px; font-size: 75%; border:1px solid #5F68C3; background-color: #E7E8F5; }
#searchform h3 { font-size: 120%; background-color: #5F68C3; color:#FFF; padding: 2px; margin: -5px -5px 5px -5px; }
#searchform p { margin: 5px -5px 0 -5px; padding: 0 5px 5px 5px; }
#searchform a { padding: 5px 0 0 0; }
#searchform ul { list-style:none; margin: 0; padding: 0; }

#shoppingbasket { margin:0; padding:0; }
#comparelist { margin:0; padding:0; }
#pagehelp { margin:0 0 10px 0; padding:5px; font-size: 75%; border:1px solid #5F68C3; background-color: #E7E8F5; }
#pagehelp h3 { font-size: 120%; background-color: #5F68C3; color:#FFF; padding: 2px; margin: -5px -5px 5px -5px; }
#pagehelp p { margin: 5px -5px 0 -5px; padding: 5px 0 0 5px; }
#psplogo { margin:0; padding:0; }
#ccard { width: auto; margin: 10px 0; padding:0; text-align: center; }

/* list styles */
ol,
ul { margin-right: 5px; }
dl { margin: 0 5px 0 5px; }
dt { font-weight: bold; margin: 5px 0 5px 0; }
dd { margin: 0 0 10px 20px; }

.nobullets { list-style:none; }
.circlebullets { list-style-type: circle; }
.nowrap { white-space:nowrap; }
.headerhelplist { list-style:none; margin-left: 0px; padding-left: 0px; }
.headerhelplist li { margin-bottom: 5px; }
.helplist { list-style:none; margin-left: 0px; padding-left: 0px; text-align: left; }
.helplist li { margin-bottom: 5px; }

.inline { list-style:none; }
.inline li { display: inline; margin: 0; padding: 0 5px 0 5px; }
.sitemap,
.sitemap ul,
.sitemap ul ul { list-style:none; white-space:nowrap; margin-left: 20px; padding: 0px; }
.sitemap li { }
.sitemap li.parent { background: url("../images/misc/folder.gif") no-repeat; padding-left: 20px; }
.sitemap li a { background: url("../images/misc/file.gif") no-repeat; padding-left: 20px; height: 0px; }
.sitemap li a:hover { background: url("../images/misc/linkfile.gif") no-repeat; }
.sitemap li a.parent { background: transparent url(none) no-repeat; margin-left: -20px; }
.sitemap li a.parent:hover { background: transparent url(none) no-repeat; }

#searchpagenum { float:left; width: 99%; margin-bottom:20px; }
#searchpagenum ul { list-style:none; font-size:75%; margin: 0px; padding: 0px; white-space:nowrap; clear:left; }
#searchpagenum li { float:left; padding: 0 15px 0 0; font-weight: bold; }
#searchpagenum a { float:left; font-weight: normal; text-decoration: underline; }

#searchperpage { float:right; margin-bottom:20px; }
#searchperpage ul { list-style:none; font-size:75%; margin: 0px; padding: 0px; }
#searchperpage li { float:left; padding: 0 15px 0 0; }
#searchperpage a { float:left; text-decoration: underline; }

#footerlinks { text-align: center; clear: both; }
#footerlinks ul { list-style:none; font-size:75%; white-space:nowrap; margin: 4px; padding: 0px;}
#footerlinks li { display: inline; margin: 0px; padding: 0 10px 0 10px; }
#footerlinks a { }


/* tab section */
#pagetabs { float:left; width:100%; font-size:75%; font-weight: bold; line-height:normal; background: url("../images/misc/tabbg.gif") repeat-x bottom; margin:0; }
#pagetabs ul { margin: 0px; padding:0; list-style:none; white-space:nowrap;}
#pagetabs li { float: left; background:url("../images/misc/righttab.gif") no-repeat right top; margin: 0 2px 0 2px; padding:0; border-bottom:1px solid #5F68C3;}
#pagetabs a { float: left; display: block; background:url("../images/misc/lefttab.gif") no-repeat left top; padding:5px 8px 4px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pagetabs a {float:none;}
/* End IE5-Mac hack */
#pagetabs a:hover { color: #FF0000; }
#pagetabs .current { background-position:100% -150px; border-width:0;}
#pagetabs .current a { background-position:0% -150px; padding-bottom:5px; color: #FF0000; }
#pagetabs li:hover,
#pagetabs li:hover a { background-position:100% -150px; color:#FF0000; }
#pagetabs li:hover a { background-position:0% -150px; }
#pagetabs > ul a {width:auto;}

#pagesecondarytabs { float:left; width:100%; font-size:75%; font-weight: bold; line-height:normal; background: url("../images/misc/secondarytabbg.gif") repeat-x; padding: 5px 0; }
#pagesecondarytabs ul { margin: 0px; padding: 4px 4px 0 0; list-style:none; white-space:nowrap; }
#pagesecondarytabs li { float: left; margin: 0; padding:0 10px 0 10px; }
#pagesecondarytabs a { float: left; display: block;  width:.1em; color:#5F68C3; padding: 0; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pagesecondarytabs a {float:none;}
/* End IE5-Mac hack */
#pagesecondarytabs a:hover { color: #FF0000; }
#pagesecondarytabs .current { }
#pagesecondarytabs .current a { color: #FF0000; }
#pagesecondarytabs > ul a {width:auto;}


/* paragraph styles */
.headertext { font-size:200%; color: #5F68C3; margin: 0px; padding: 0px; }
.pagedesc { font-size:75%; color: #000000; width: 99%; text-align:justify; }
.tabledescription { font-weight: normal; text-align: left; }
.productoffertext { font-size: 150%; text-align: center; color: #5F68C3; font-weight: bold; margin: 0px; }
.productoffer { font-size: 200%; text-align: center; color: #5F68C3; font-weight: bold; margin: 0px;  }
.footertext { font-size:75%; color: #666666; text-align:center; padding:0px; margin:0px; }
.normal { font-size:75%; color: #000000; margin: 0px; padding: 0px; }
.searchprodtitle { font-size: 110%; font-weight: bold; padding: 0px; margin: 0px }
.searchprodtext { padding:0px; margin:0px; }
.purchaselink { text-align: center; font-size: 150%; font-weight: bold; }
.comparelink { text-align: center; font-size: 150%; font-weight: bold; }


/* table styles */
.tablegrid,
.tablehorizontal { width:100%; margin-bottom:20px; }

.tableindiv { width: 100%; }

.tablegrid caption,
.tablehorizontal caption { font-size:95%; color: #FFFFFF; margin-left: -1px; padding:6px; font-weight: bold; text-align: left; background: url("../images/misc/tabletitle_bg.jpg"); background-repeat: no-repeat; background-color: #5F68C3; }

.tabledesc { background: url("../images/misc/tabledesc_bg.gif"); background-color: #8F94D5; border-bottom: 1px solid #5F68C3; }
.tabledesc p { margin-bottom:0px; }

.tablegrid caption,
.tablegrid th, 
.tablegrid td,
.tablehorizontal caption, 
.tablehorizontal th,
.tablehorizontal td { font-size:75%; padding: 4px; vertical-align:top; }

.tableindiv th,
.tableindiv td {  padding: 4px; vertical-align:top; }

.tableindiv th,
.tablegrid th,
.tablehorizontal th { background-color:#BEC1E6; padding-right: 5px; color:#5F68C3; }

.colhead { text-align: left; }
.rowhead { text-align: right; }

.tableindiv,
.tablegrid,
.tablehorizontal { background-color: #E7E8F5; border: 1px solid #5F68C3; border-collapse: collapse; }

.tableindiv th,
.tableindiv td,
.tablegrid th, 
.tablegrid td { border: 1px solid #5F68C3; }

.tablehorizontal th, 
.tablehorizontal td { border-top: 1px solid #5F68C3; }

/* misc styles */
em { font-style: italic; font-weight: bold; }
.italics { font-style: italic }
.bold { font-weight: bold; }
.hidden { display:none; }
.nowrap { white-space:nowrap; }
.nopadding { padding:0px; margin:0px; }
.nobackground { background-color: #FFFFFF; }
.centermiddle { text-align: center; vertical-align: middle; }
.middle { vertical-align: middle; }
.center { text-align: center; }
.strikethru { text-decoration: line-through; }
.searchprodprice { color: #FF6600; }
.smallbuttonborder { border:2px solid #5F68C3; color: #0000CC; width: 15px; font-weight: bold; text-align: center; vertical-align: middle; }
.clearboth { clear: both; }