/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License

*/

@charset "utf-8"; 

/* ===== Basic Style for canon.com ===== */

html {
	height: 100%;
	background-color: #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	/* font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; */
}

html>body { height: auto; }
BODY { line-height:1;  background: #ffffff; color: #000000; margin: 10px 10px 10px 10px; font-size: 12px; }

p,
ul li,
ol li,
dl dt,
dl dd,
table tr th,
table tr td{ color:#000000; border: 0; line-height: 1.5rem; }
a:link{ color:#999; text-decoration: none; }
a:visited{ color:#999; text-decoration: none; }
a:hover, a:focus{ color:#c50000; text-decoration: none; }
a:active { color:#c50000; text-decoration: none; }

table { border-spacing: 0;}

/* Below goes osCommerce styles */

.boxText { font-size: 12px; }
.errorBox { font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 12px; color: #70d250; text-decoration: underline; }

/* greys */
.lnks {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/secondary_lnav.gif) no-repeat scroll left top;
color:#c50000;
font-size:8pt;
font-weight:normal;
line-height:15px;
padding:0;
padding-left: 7px; 
}


div.header_title {
  display:block;
  font-size: 1.4em;
  font-weight: bold;
  padding-right: 6px;
}

div.header_subtitle {
  display:block;
  font-size: 1em;
  font-weight: normal;
}

FORM {
	display: inline;
}

TR.header {
        background:#EEEEEE none repeat scroll 0% 0%;
        border:0px none #999999;
        color:#9999AA;
        margin:5pt;
	vertical-align:middle;
        padding:1.2em 0.6em 0.5em;
}
TR.header_blue {
        background:#ffffff none repeat scroll 0% 0%;
        border:0px none #ffffff;
        color:#333333;
	vertical-align:bottom;
	margin-bottom: 6px;
	box-shadow:0px 3px 0px #eee;
    	-moz-box-shadow:0px 3px 0px #eee;
    	-webkit-box-shadow:0px 3px 0px #eee;
	padding-right: 6px;
}
TR.header_black {
        color:#fff;
        margin-top: 3px;
	vertical-align: top;
	background-color: #000;
	background: -moz-linear-gradient(#777, #000); /* FF 3.6+ */  
    	background: -ms-linear-gradient(#777, #000); /* IE10 */  
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #ffffff)); /* Safari 4+, Chrome 2+ */  
    	background: -webkit-linear-gradient(#777, #000); /* Safari 5.1+, Chrome 10+ */  
    	background: -o-linear-gradient(#777, #000); /* Opera 11.10 */  
    	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#ffffff')"; /* IE6 & IE7 */  
    	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#ffffff')"; /* IE8+ */  
    	background: linear-gradient(#444, #000); /* the standard */  
}
A.header {
  	color:#333333;
  	font-size: 12px;
  	font-weight : bold;
}
TD.header_blue {
	vertical-align: top;
}
TD.logo {
	width: 195px;
	padding: 6px 0px 0px 0px;
	vertical-align: top;
}
TD.headerNavigation {
  color: #eee;
  font-size: 1em;
  padding-left: 12px;
  padding-right: 6px;
  margin-left: 6px;
}
DIV.header_logo {
  text-align: left;
  margin-left: 10px;
}
A.headerNavigation { 
  color: #333; 
}
A.headerNavigation:hover {
  color: #777;
}
TR.headerError {
  background: #ff0000;
}
TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
}
TD.footer {
  font-size: 12px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #ffffff;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-size: 15px;;
  height: 21px;
  font-weight: bold;
  color: #777;
  padding:2px 0 2px 12px;
}

TD.infoBox, SPAN.infoBox {
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  /*background: #EDEDED;*/
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  /*background: #EDEDED;*/
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #EDEDED;
  border-spacing: 1px;
}

.productListing-heading > A { color:#333 ;}

.productListing-heading {
  font-size: 12px;
  color: #333;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 12px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
font-size: 13px;
font-weight: 300;
font-style: normal;
color: #666;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 12px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1em;
}

DIV.product_options {
  font-size: 1.3em;
  font-weight: bold;
}

SELECT.product_options {
  /* font-size: 1.3em; Old Canon Branding*/
  font-size: 1.0em;
  font-weight: bold;
  height: 30px;
  /* width: 100px; */
  vertical-align: center;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 12px; color: #000000; }

/* message box */

.messageBox { font-size: 12px; }
.messageStackError, .messageStackWarning { font-size: 12px; background-color: #cc0000; }
.messageStackSuccess { font-size: 12px; background-color: #99ff00; }

/* input requirement */

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

.cssButton {
	margin: 5px;
	display: inline;
	color:#fff;
	background-color: #cc0000;
	font-size:12px;
	font-weight: bold;
	padding: 5px 10px;
	-webkit-border-radius:14px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);
	box-shadow:0 1px 4px rgba(0,0,0,.3)
}

.cssButton >a { text-decoration: none; }
a > .cssButton { 
    text-decoration: none;
    padding: 5px 10px;
}

input.cssButton {
	padding: 7px;
	border: none;
}

/* BEGIN: CSS Buttons Everywhere 
.cssButton >a { text-decoration: none; color:#333; }
a > .cssButton { text-decoration: none; color:#333; }

.cssButton {
  background: #eee;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc');
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top,  #eee,  #ccc);
  color: #333;
  width: 100px;
  height: 22px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 0px;
  border-style: solid;
  border-spacing: 0px;
}
.cssButton:active {
  background: #cc0000;
  color: #f0f080;
  width: 100px;
  height: 24px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
}
 END: CSS Buttons Everywhere */

#canon-logo {
    background: url("images/canon/head.gif") no-repeat scroll left top transparent;
    display: inline;
    float: left;
    height: 27px;
    margin: 22px 5px 14px 25px;
    overflow: hidden;
    width: 187px;
}

div.divboxitem {
    width: 240px;
    height: 260px;
    float: left;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
div.divboxsubitem {
    text-align: center;
    vertical-align: middle;
}

#PRODUCT_LIST_NAME {
    font-size: 1em;
}

#PRODUCT_LIST_BUY_NOW {
    text-align: center;
    padding: 0px 75px 0px 80px;
}

#PRODUCTS_DESCRIPTION {
    width: 550px;
    word-wrap: break-word;
}

td.extraFields {
	padding-right: 10px;
}

/* space between secondary menu and content */
td.lc_spacer {
	width: 15px;
}