
/* sitecore paths

sitecore media/images:
/~/media/images/*.ashx

sitecore static images:
/images/*.ext

*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

hr
{
    height: 1px;
    border: 0;
    color: #DDDDDD; /*IE*/
    background-color: #DDDDDD; /*others*/
    width: 98%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#newsItems
{
    display: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

body
{
    line-height: 1;
    color: black;
    background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
}

/* global tag selectors */

body, html
{
    color: black;
    font-family: arial, sans-serif;
    background-color: #cfd9e5;
    background-image: url(  "/images/BG.png" );
    background-repeat: repeat-x;
    background-position: top;
    text-align: center; /*** Centers the design in old IE versions ***/
    height: 100%;
}

input, textarea, option
{
    font-family: arial, sans-serif;
    font-size: 12px;
}

body
{
    font-size: 12px;
}

p
{
    padding: 7px 0 7px 0;
}

ol li
{
    margin-left: 25px;
}

ol ol li
{
    margin-left: 50px;
}

ul, ul.bulleted
{
    list-style-image: url(  "/images/bullet.png" ); /*list-style-position:inside;*/
    margin-left: 15px;
}

a.bulleted
{
    background-image: url(  "/images/bullet.png" );
    background-position: left center;
    padding-left: 15px;
    background-repeat: no-repeat; /* experimental global styling */
    text-decoration: none;
}

ul.clean
{
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

ul#sideAMenu li ul
{
    padding-bottom: 5px;
}

table
{
    border-spacing: 0;
}

sup
{
    font-size: 8px;
    vertical-align: top;
}

h1, h2, h3, h4
{
    color: black;
    padding: 5px 0;
    margin: 0;
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 16px;
}

h2 a
{
    text-decoration: none;
}

h3
{
    font-size: 14px;
}

h4
{
    font-size: 12px;
}

h5
{
    font-size: 11px;
}

a
{
    color: #333333;
    text-decoration: underline;
}

li a
{
    text-decoration: none;
}

a:hover
{
    color: #c00;
}

.clear
{
    clear: both;
}

.clearLeft
{
    clear: left;
}

.clearRight
{
    clear: right;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.welcomeToMyCanon.left
{
	margin-top: 20px;
}

.pad10Top
{
    padding-top: 10px;
}

.pad10Bottom
{
    padding-bottom: 10px;
}

.contentBoxSolid .top img, .contentBoxSolid .bottom img, .contentBox .top img, .contentBox .bottom img
{
    vertical-align: top;
}

.contentBox
{
    background-color: white;
}

.contentBox .top
{
    background-image: url( "/images/contentBoxTR.png" );
    background-repeat: no-repeat;
    background-position: top right;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
}

.contentBox .content
{
    padding: 0 5px;
}

.contentBox .bottom
{
    background-image: url( "/images/contentBoxBL.png" );
    background-repeat: no-repeat;
    background-position: top left;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    text-align: right;
}

.contentBoxSolid
{
    background-color: #f3f5f8;
}

.contentBoxSolid .top
{
    background-image: url( "/images/contentBoxSolidTR.png" );
    background-repeat: no-repeat;
    background-position: top right;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
}

.contentBoxSolid .content
{
    padding: 0 5px;
}

.contentBoxSolid .bottom
{
    background-image: url( "/images/contentBoxSolidBL.png" );
    background-repeat: no-repeat;
    background-position: top left;
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    text-align: right;
}

div.last
{
    margin-bottom: 0 !important;
}

.sideContent a
{
    text-decoration: none;
}

.highlightDetails
{
    color: #eee;
}

#globalLightBoxBG
{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0px;
    top: 0px;
    background-color: black;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

#globalLightBox
{
    position: fixed;
    z-index: 101;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

/*
 * GLOBAL HEADER
 */

#header
{
    /*height: 104px;*/
    background-image: url(  "/images/headerShadow.png" );
    background-position: center 74px;
    background-repeat: no-repeat;
}

div#headerStatus h4
{
    left: -100px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: 100px;
    height: 22px;
}

#header #headerContent
{
    width: 986px;
    height: 100px;
    margin: 0 auto; /*** Centers the design ***/
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    font-family: arial, sans-serif;
    font-size: 13.5px;
    position: relative;
}

#header #headerContentShort
{
    width: 986px;
    height: 74px;
    margin: 0 auto; /*** Centers the design ***/
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    font-family: arial, sans-serif;
    font-size: 13.5px;
    position: relative;
}

#headerContent .logo
{
}

#headerContent a
{
    color: black;
    text-decoration: none;
}

#headerContent a:hover
{
    color: #cc0000;
}

#headerMenu
{
    position: absolute;
    top: 48px;
    left: 140px;
    z-index: 150; /* wowslider @ level 100 */
}

ul#mainmenu ul
{
    /*width: 300px;*/
    position: absolute;
    top: 12px;
    left: -13px;
    z-index: 10;
}

ul#mainmenu ul li
{
    font-weight: normal;
    color: #000;
    display: inline-block;
}


/* IE 6 & 7 Needs Inline Block */
ul#mainmenu ul li a
{
    border: none;
    width: 100%;
    display: inline-block;
}

#headerMenu li
{
    margin: 0 14px 0 0;
    float: left;
    display: inline;
    position: relative;
}

#headerMenu ul ul
{
    margin: 0;
    padding: 12px 0 0 0;
    position: absolute;
    display: none;
    z-index: 10;
}

#headerMenu ul ul li
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    display: block;
    width: 100%;
}

#headerMenu ul ul li.first
{
    position: relative;
    margin-right: 10px;
}

#headerMenu ul ul li.first div
{
    background-color: #99a8bb;
    line-height: 1px;
    height: 1px;
}

#headerMenu ul ul li.last
{
    height: 22px;
}

#headerMenu ul ul li a
{
    display: block;
    background-image: url(  "/images/mainMenuItem.png" );
    background-repeat: repeat;
    padding: 0 15px 0 15px;
    width: 180px;
    height: 27px;
    line-height: 24px;
    color: #666666;
}

#headerMenu ul ul li a:hover
{
    background-image: url(  "/images/mainMenuItemSelected.png" );
    background-repeat: repeat;
    background-position: center;
    color: #666666;
}

#headerMenu ul ul li.last
{
    background-image: url(  "/images/mainMenuSubBottom.png" );
    background-repeat: no-repeat;
    background-position: center;
    width: 210px;
    height: 22px;
}

#headerMenu ul ul.active
{
    display: block;
    list-style-image: none;
}

#headerContent #headerBreadcrumbs
{
    font-size: 10px;
    color: #999999;
    position: absolute;
    top: 84px;
    left: 0px;
}
/* can use these rules instead of putting dashes in content, but not as compatible */
/*#headerBreadcrumbs li:before {
			content: " - ";
		}
		
		#headerBreadcrumbs li.first:before {
			content: "";
		}*/

#headerBreadcrumbs ul
{
    margin: 0;
}

#headerBreadcrumbs li
{
    display: inline;
    margin-right: 3px;
}

#headerBreadcrumbs a
{
    color: #999999;
    text-decoration: none;
    padding-right: 3px;
}

#headerBreadcrumbs a:hover
{
    color: #999999;
    text-decoration: underline;
}

#headerContent #headerPrintEmail
{
    font-size: 10px;
    color: #999999;
    position: absolute;
    top: 84px;
    left: 920px;
}

#headerPrintEmail a
{
    padding: 0px 5px 0px 5px;
}

#headerSearch
{
    width: 238px;
    position: absolute;
    top: 8px;
    right: 0px;
    color: #999999;
}

#headerSearch .searchLabel
{
    position: absolute;
    top: 2px;
}

#headerSearchBox
{
    width: 187px;
    height: 20px;
    background-image: url(  "/images/headerSearchBG.png" );
    background-repeat: no-repeat;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 3px;
}

#headerSearchBox input
{
    border: none; /*1px dotted #cccccc;*/
    background-color: transparent;
    position: absolute;
    top: 3px;
    left: 10px;
    width: 155px;
    margin: 0;
}

#headerMyCanon
{
    width: 238px;
    position: absolute;
    top: 38px;
    right: 1px;
    border-top: 1px solid #dedede;
    padding: 9px 0 9px;
}

#headerMyCanon ul
{
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
}

#headerMyCanon li
{
    padding-left: 10px;
    background: url(  "/images/bullet.png" ) left center no-repeat;
}

#headerMyCanonMenu
{
}

#headerStatus
{
    position: absolute;
    top: 7px;
    right: 0px;
}

#headerStatus span.authTitle
{
    color: #999;
    font-size: 9px;
}

#mainContainer
{
    width: 986px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 300px;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    position: relative;
    padding:25px 0 ;
}

.footer
{
    width: 987px;
    margin: auto;
    padding-top: 7px;
}

#footerA table td
{
    margin: 0 10px;
    border-left: 1px solid #999999;
    padding: 0 10px;
    width: 168px;
    vertical-align: top;
    color: #666666;
    font-size: 11px;
}

#footerA table td.first
{
    border-left: none;
}

#footerA table td a
{
    color: #666666;
    text-decoration: none;
}

#footerA table td a:hover
{
    text-decoration: underline;
}

#footerA table ul
{
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

#footerA table li
{
    display: list-item;
    padding-top: 4px;
}

#footerA table li.header
{
    font-weight: bold;
    padding-bottom: 5px;
}

#footerAContent
{
    background-color: #C3CBD6;
    padding: 2px;
    margin: 0 3px 0 3px;
    text-align: left;
}

#footerATop, #footerABottom
{
    background-position: center top;
    background-repeat: no-repeat;
}

#footerATop
{
    height: 4px;
    font-size: 1px;
    background-image: url(  "/images/footerBoxTop.png" );
    z-index: -1;
}

#footerABottom
{
    height: 9px;
    background-image: url(  "/images/footerBoxBottom.png" );
    z-index: -1;
}

div#footerB.footer ul
{
    padding-bottom: 5px;
}

#footerB, #footerB a
{
    color: #666666;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

#footerB a:hover
{
    text-decoration: underline;
}

#footerB li
{
    display: inline;
    padding: 0 5px;
    border-left: 1px solid #666666;
}

#footerB li.first
{
    border-left: none;
}

div#footerB.footer ul
{
    padding-top: 7px;
}

#footerB
{
    width: 680px;
}

#footerB p 
{
    padding-top: 7px; 
    padding-bottom: 0px;
}

/* 2 COL Layout */
#layout2Col #main
{
    /*width: 594px;*/
    width: 785px;
    float: left; /*height: 1px;*/
    overflow: visible;
}

#sideA
{
    width: 198px;
    float: left;
    padding-right: 3px;
}

#layout2Col .midMainTop
{
    background-image: url(  "/images/mainTop2Col.png" );
    width: 785px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

#layout2Col .midMainBack
{
    background-image: url(  "/images/mainBack2Col.png" );
    width: 761px;
    height: auto;
    background-repeat: repeat-y;
    background-position: top left;
    color: #4b4b4b;
    line-height: 16px;
    font-size: 12px;
    padding: 0 14px 0 10px;
    /*overflow:auto; messes up campaign pages */
}

#layout2Col .midMainBottom
{
    background-image: url(  "/images/mainBottom2Col.png" );
    width: 783px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

/* 3 COL Layout */
#layout3Col #main
{
    width: 590px;
    float: left;
    overflow: hidden;
}


#sideB
{
    width: 193px;
    float: right;
}

/* for how can we help */
.sideContent ul
{
    line-height: 23px;
}

#sideA, #sideB
{
    font-size: 11px;
}

/* Generic Sidebar */
.sideTop
{
    width: 198px;
    height: 6px;
    background-image: url(  "/images/sideTop.png" );
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

.sideContent
{
    width: 178px;
    padding: 0 8px 0 7px;
    background-image: url(  "/images/sideBG.png" );
    background-repeat: repeat-y;
    background-position: top left;
    color: #666666;
}

.highlight
{
    color: #CC0000;
}

.question
{
    color: #565656;
}

.sideContent .innerTop
{
    width: 178px;
    height: 5px;
    background-image: url(  "/images/sideInnerTop.png" );
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

.sideContent .innerContent
{
    width: 168px;
    padding: 5px;
    background-color: #F6F7FA;
}

.sideContent .innerBottom
{
    width: 178px;
    height: 5px;
    background-image: url(  "/images/sideInnerBottom.png" );
    background-repeat: no-repeat;
    background-position: top left; /* margin: 0 0 10px 0; */
    line-height: 1px;
    margin-bottom: 5px;
}

.sideContent div.last
{
    margin: 0;
}

.sideBottom
{
    width: 198px;
    height: 8px;
    background-image: url(  "/images/sideBottom.png" );
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

/* Generic MainRegion */

#cpsLogo
{
    float: right;
    padding-top: 5px;
    padding-right: 30px;
}

.mainContainer
{
    /*float: left;*/
    color: #666;
    width: 584px;
    overflow: visible;
}

#layout1Col .mainContainer
{
    width: 982px;
}

#layout2Col .mainContainer
{
    width: 785px;
}

#layout3Col .midMainTop
{
    background-image: url(  "/images/mainTop.png" );
    width: 594px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
}

/* 3 col layout */
#layout3Col .midMainBack
{
    background-image: url(  "/images/mainBack.png" );
    width: 567px;
    padding: 0;
    height: auto;
    background-repeat: repeat-y;
    background-position: top left;
    color: #4b4b4b;
    line-height: 16px;
    font-size: 12px;
    padding: 0 10px;
}




/*.midMainBack {
	background-image: url("/images/mainBack.png");
	width: 575px;
	
	height:auto;
	background-repeat: repeat-y;
	background-position: top left;
}  DUPE */

.midMainLeft
{
    float: left;
    width: 272px;
    margin: 9px 0 9px 0;
    height: auto;
}

.midMainRight
{
    float: left;
    width: 272px;
    margin: 9px;
    height: auto;
}

#layout3Col .midMainBottom
{
    background-image: url(  "/images/mainBottom.png" );
    width: 594px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
    z-index: -1;
}

#flashHeader
{
    line-height: 0px; /*text-align: center;*/
}

#flashHeader #carouselRendererContainer
{
    line-height: normal;
}

.mainAdPuff
{
    background-image: url(  "/images/adPuffShadow.png" );
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 188px; /*margin: 0px 4px -3px -2px;*/
    padding: 2px 0px 10px 2px;
    width: 188px;
    height: 114px;
    float: left;
    overflow: visible;
}
/* Home Page*/

div.columnContent
{
    position: absolute;
    top: 34px;
    left: 1px; /*background-color:#000;*/
    width: 215px;
    height: 125px;
    padding: 0;
    margin: 0;
}





.threeAdContainer .last
{
    margin-right: 0;
}

/* Generic Content SideBar */

.contentSubTop
{
    background-image: url(  "/images/sideBarSubTop.png" );
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 5px;
    height: 5px;
}

.contentSubPlus
{
    background-image: url(  "/images/sideBarSubExp.png" );
    background-position: 95% 50%;
    background-color: #9aa8bb;
    background-repeat: no-repeat;
    height: auto;
    background-position: 95% 50%;
    padding: 2px 5px;
}

.contentSubPlus a
{
    text-decoration: none;
    color: #FFF;
}

.contentSubPlus a:hover
{
    text-decoration: underline;
}

.contentSubBottom
{
    background-image: url(  '/images/sideBarSubBot.png' );
    width: 168px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
    height: 5px;
}

.sideNavBar
{
    /* padding:0 5px; */
    padding: 15px 0;
    font-size: 10px;
}

.sideNavBar img
{
    float: right;
}

.sideNavBar ul
{
    list-style-image: none;
    list-style-type: none;
    background-repeat: no-repeat;
    width: 168px;
    height: auto;
    margin-left: 0px;
}

.sideNavBar ul li
{
    background-color: #9aa8bb;
    background-repeat: no-repeat;
    height: auto;
    margin-bottom: 1px;
    line-height: 14px;
    position: relative;
    color: #FFFFFF;
    text-decoration: none;
}

.sideNavBar ul li.active
{
    background-color: #CC0000;
    margin-top: 0px;
    vertical-align: top;
    min-height: 10px;
}

.sideNavBar ul li.hasChildren
{
    background-color: #CC0000;
}



.sideNavBar ul li.active div.contentSubTop
{
    background-image: url(/images/sideBarSubTopRed.png);
    height: 5px;
    line-height: 5px;
    background-repeat: no-repeat;
    background-position: left top;
}

.sideNavBar ul li.active div.contentSubBottom
{
    background-image: url(/images/sideBarSubBotRed.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 5px;
    line-height: 1px;
    width: 168px;
}

.sideNavBar ul li.hasChildren div.contentSubTop
{
    background-image: url(/images/sideBarSubTopRed.png);
}

.sideNavBar ul li.hasChildren div.contentSubBottom
{
    background-image: url(/images/sideBarSubBotRed.png);
}


.sideNavBar ul li a
{
    text-decoration: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 80%;
    display: block;
}

.sideNavBar ul li a.menuToggle
{
    text-decoration: none;
    display: inline;
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: absolute;
    right: 5px;
    top: 4px;
}

.sideNavBar ul li a
{
    color: #FFF;
    text-decoration: none;
}

.sideNavBar ul li a:hover
{
    color: #FFF;
    text-decoration: none;
}

.sideNavBar ul li a:link
{
    color: #FFF;
    text-decoration: none;
}

.sideNavBar ul li a:visited
{
    color: #FFF;
    text-decoration: none;
}

.sideNavBar ul li ul
{
    /*	color:#FFF; 					width: 100%; 					padding-bottom: 1px; */
    background-image: none;
    background-color: #FFF; /*padding-bottom:0px;*/
}

.sideNavBar ul li ul a
{
    color: #666666;
    padding-left: .5em;
    text-decoration: none;
}

.sideNavBar ul li ul a:hover
{
    color: #666666;
    text-decoration: none;
}

.sideNavBar ul li ul a:link
{
    color: #666666;
    text-decoration: none;
}

.sideNavBar ul li ul a:visited
{
    color: #666666;
    text-decoration: none;
}

.sideNavBar ul li ul li
{
    /*	color:#FFF; 						width: 100%; 						padding-bottom: 1px; */
    background-image: none;
    list-style-image: url(/images/bullet.png);
    background-color: white;
    color: #CC0000; /*font-weight:bold;*/
    padding-top: 0.5em;
    margin-bottom: 0px;
    margin-left: 20px;
    padding-bottom: 0.4em;
}

.usageCat
{
    padding: 0 5px;
}

.sideNavBar ul li ul li.active
{
    background-color: white;
}

.sideNavBar ul li ul li.active a, .sideNavBar ul li ul li.active a:hover, .sideNavBar ul li ul li.active a:visited, .sideNavBar ul li ul li.active a:link
{
    color: #CC0000;
    font-weight: bold;
    text-decoration: none;
    background-color: white;
}

.carouselCategories
{
    padding: 8px 0 0 0;
    background-image: url(  "/images/homeCarouselButtonBG.png" );
    background-repeat: repeat-x;
    height: 31px;
    width: 980px;
}

.myCanonCarouselButtons
{
    background-image: url(  "/images/myCanonCarouselButtonBG.png" );
    background-repeat: repeat-x;
    height: 31px;
    width: 584px;
    position: relative;
    left: -10px;
}

#myCanonCarouselRendererContainer
{
    background-image: url(  "/images/myCanonCarouselBG.png" );
    background-position: top left;
    background-repeat: repeat-x;
    width: 584px;
    height: 212px;
    position: relative;
    left: -10px;
}

#myCanonCarouselRendererContainer .carouselRendererItem a
{
    color: #333333;
    display: block;
    text-align: center; /*left: 28px;*/ /* (135 - 80) / 2 */
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 135px;
    position: static;
}

#myCanonCarouselRendererContainer .carouselRendererItem a img
{
    max-width:none;
}

.myCanonCarouselButtons a#activateShelf 
{
    display: block;
    float: left;
    width: 71px;
    height: 31px;
    background-image: url("/images/myCanonMyShelf0.png");
}

.myCanonCarouselButtons a#activateShelf.active 
{
    background-image: url("/images/myCanonMyShelf1.png");
} 

.myCanonCarouselButtons a#activateWishlist 
{
    display: block;
    float: left;
    width: 80px;
    height: 31px;
    background-image: url("/images/myCanonMyWishlist0.png");
}

.myCanonCarouselButtons a#activateWishlist.active 
{
    background-image: url("/images/myCanonMyWishlist1.png");
}

#myCanonCarouselRendererContainer ul.whiteBullets, #myCanonCarouselRendererContainer ul.whiteBullets li a
{
    text-transform: none;
    color: white;
    list-style-image: url("/images/bullet.png");
    text-align: left;
    width: 115px;
}

#myCanonCarouselRendererContainer .carouselRendererItem
{
    width: 125px;
    position: relative;
    text-align: center;
    float: left; /* important for inline positioning of the list items */
    color: #555; /*left: 28px;*/ /* (135 - 80) / 2 */
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 5px;
}

#myCanonCarouselRendererContainer #carouselRendererInner
{
    height: 202px;
    padding-top: 10px;
}

#myCanonCarouselRendererContainer ul
{
    list-style-image: none;
    list-style: none;
}

#carouselRendererContainer
{
    background-image: url(  "/images/products/carouselLargeBG.png" );
    background-position: top left;
    background-repeat: repeat-x;
    width: 584px;
    height: 120px;
    position: relative;
}

#homeCarouselRendererContainer
{
    background-image: url(  "/images/carouselHomeBG.png" );
    background-position: top left;
    background-repeat: repeat-x;
    width: 584px;
    height: 120px;
    position: relative;
}

#carouselRendererLeft
{
    padding: 10px;
    position: absolute;
    top: 40px;
    left: 0px;
    background: url("/images/products/carouselLargeArrowLeft.png") no-repeat 10px 10px;
    width: 12px;
    height: 21px;
}

#carouselRendererRight
{
    padding: 10px;
    position: absolute;
    top: 40px;
    right: 0px;
    background: url("/images/products/carouselLargeArrowRight.png") no-repeat 10px 10px;
    width: 12px;
    height: 21px;
}

#carouselRendererInner, .carouselRendererInner
{
    /*float:left;*/ /* important for inline positioning */
    height: 120px;
    width: 540px; /* important (this width = width of list item(including margin) * items shown */
    overflow: hidden; /* important (hide the items outside the div) */
    position: relative;
    left: 20px; /* non-important styling bellow */
}

ul#carouselRenderer
{
    position: relative;
    left: 0px; /* important (this should be negative number of list items width(including margin) */
    list-style-type: none; /* removing the default styling for unordered list items */
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    width: 99999px; /* important */ /* non-important styling bellow */
    padding-bottom: 10px;
}

.carouselRenderer
{
    position: relative;
    left: 0px; /* important (this should be negative number of list items width(including margin) */
    list-style-type: none; /* removing the default styling for unordered list items */
    margin: 0px;
    padding: 0px;
    width: 99999px; /* important */ /* non-important styling bellow */
    padding-bottom: 10px;
}


.carouselRendererItem
{
    width: 135px;
    position: relative;
    text-align: center;
    height: 88px;
    float: left; /* important for inline positioning of the list items */
}


#myShelf .carouselRendererItem .addProductButton 
{
    width: 109px;
    height: 23px;
    margin: 0 auto;
    background-image: url("/images/myCanonAddProduct.png");
}

#myWishlist .carouselRendererItem .sendWishlist 
{
    width: 134px;
    height: 24px;
    margin: 0 auto;
    background-image: url("/images/estore/button/Send_Entire_Wishlist.png");
}


.carouselRendererItemAlt
{
    height: 110px;
}

.carouselRendererItemAlt img
{
    margin: 0 22px;
}

.carouselRendererItem a
{
    color: #333333;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -10px; /*left: 28px;*/ /* (135 - 80) / 2 */
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 135px;
}

.carouselRendererItem .likeA
{
    color: #333333;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -10px; /*left: 28px;*/ /* (135 - 80) / 2 */
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 135px;
}

.carouselRendererItemAlt a
{
    color: Black;
    position: static;
    bottom: auto;
}

.carouselRendererItemAlt .likeA
{
    position: static;
    bottom: auto;
}

.carouselRendererItem .label
{
    position: relative;
    top: 13px;
}

.carouselRendererItem span
{
    margin: 0 auto;
    display: block; /*width: 80px;*/
}

.carouselRendererItem .item
{
    margin: 0 auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.submenu
{
    list-style-image: none;
}

div.tagCloud
{
    color: #666666;
    font-size: 10px;
    line-height: 1.8em;
}

.tagCloud span.high a, .tagCloud span.high
{
    font-size: 1em;
    color: #CCCCCC;
}

.tagCloud span.medium a, .tagCloud span.medium
{
    font-size: 1.25em;
    color: #AAAAAA;
}

.tagCloud span.low a, .tagCloud span.low
{
    font-size: 1.5em;
    color: #777777;
}

.tagCloud a
{
    text-decoration: none;
}

li.rootMenu ul#expandfirst
{
    height: auto;
    padding-bottom: 5px;
}

li.rootMenu ul
{
    padding-top: 3px;
    padding-bottom: 8px;
}
/* 1 col layout */
#layout1Col .column
{
    position: absolute;
    width: 245px;
    height: 180px;
    background-image: url(  "/images/homeColumnBG.png" );
    background-repeat: no-repeat;
}

#layout1Col .column .title h3
{
    padding: 12px 0 0 12px;
    color: white;
}

#layout1Col #columns
{
    height: 180px;
}

#layout1Col .column1
{
    left: 0px;
}

#layout1Col .column2
{
    left: 249px;
}

#layout1Col .column3
{
    left: 498px;
}

#layout1Col .column4
{
    left: 746px;
}

/*	Case Studies Styles */

.caseSummNav
{
    height: 16px;
    width: 16px;
    border: 1px solid #888888;
    text-align: center;
    margin: 5px 1px 6px 9px;
    padding-top: 1px;
    float: left;
    background-color: #dbe0e7;
    color: #555555;
    font-weight: bold;
    font-family: arial, sans-serif;
    font-size: 11px;

}

.caseSummNavHover
{
    height: 16px;
    width: 16px;   
    text-align: center;
    margin: 3px 1px 6px 9px;
    padding-top: 1px;
    float: left;
    background-color: #CC0000;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    /*border: 1px solid #CC0000;*/
    border: 2px solid #999999;
    text-decoration: underline;
}

.caseSummLink
{
    font-weight: bold;
}

.caseSummTop
{
    float: left;
    position: relative;
    padding-top: 10px;
}

#caseSummBlock
{
    padding-left: 5px;
}

div.caseSummTop div h2.cufonBook
{
    padding-top: 3px;
}

.switchToImage
{
    padding: 10px;
    cursor: pointer;
}
#pageSelect
{
    margin-left: 243px;
}

.categoryLink
{
    cursor: pointer;
}

#newsTicker
{
    font-size: 11px;
    height: 23px;
    vertical-align: middle;
    color: #333333;
    padding-top: 15px;
    width: 980px;
}

#newsTicker .heading
{
    font-weight: bold;
    padding-right: 10px;
    text-transform: uppercase;
    color: #757F88;
    float: left;
}

#newsTicker ul
{
    float: left;
}

/* MyCanon carousel specific css */

#myShelf
{
    display: block;
}
#myWishlist
{
    display: none;
}

#toggleAllAccordion
{
    color: #676767;
    font-weight: bold;
    width: 100%;
    height: 12px;
    text-align: right;
}

.driverBar
{
    color: #6A6A6A;
    background-image: url(  "/images/driverBar.png" );
    background-repeat: no-repeat;
    width: 748px;
    height: 18px;
    font-weight: bold;
    position: relative;
    padding-top: 8px;
    padding-left: 31px;
}

ul#driversAndDownloads
{
    list-style: none;
    list-style-type: none;
    margin-left: 0px;
    color: #6A6A6A;
}

ul#driversAndDownloads li.active ul
{
    padding-top: 10px;
    color: #6A6A6A;
}

#driverName
{
    font-weight: bold;
    color: #696969;
}


/*	Help me choose styles*/
#hmcLightboxBackdrop
{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: Black;
    opacity: 0;
    z-index: 100;
    display: none;
}

#comparisonLightboxBackdrop
{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: Black;
    opacity: 0;
    z-index: 100;
    display: none;
}

#hp_helpmechoose
{
    background-color: white; /*height:160px;*/
    left: 75px;
    position: absolute;
    top: -450px;
    width: 850px;
    z-index: 101;
    display: none;
}

#hp_helpmechoose, #hp_helpmechoose td
{
    color: #333333;
    padding: 10px;
}

#hp_helpmechoose td
{
    font-weight: bold;
    line-height: 16px;
}


#helpmechoose, .helpmechoose
{
    background-color: white;
    width: 850px;
    z-index: 101;
    display: none;
    position: fixed;
}

#helpmechoose, #helpmechoose td
{
    color: #333333;
    padding: 10px;
}

#helpmechoose td
{
    font-weight: bold;
    line-height: 16px;
}

#comparisonLightbox
{
    background-color: white;
    height: auto;
    left: 150px;
    position: absolute;
    top: 200px;
    width: auto;
    z-index: 101;
    display: none;
}

#comparisonLightbox td
{
    width: 230px;
    padding: 10px;
}

#comparisonLightbox .imageholder
{
    height: 100px;
    padding: 10px;
    text-align: center;
}

#comparisonLightbox h3 a
{
    text-decoration: none;
}

#comparisonLightbox h3 a:hover
{
    color: #cc0000;
}

#specTopHead, .specTopHead
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

#specHeaderLeft, .specHeaderLeft
{
    background-image: url(  "/images/specHeaderLeft.png" );
    width: 5px;
    height: 24px;
    float: left;
}


#specHeaderRight, .specHeaderRight
{
    background-image: url(  "/images/specHeaderRight.png" );
    width: 4px;
    height: 24px;
    float: right;
}

.specCategory
{
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    padding-top: 10px;
}

#specHeader, .specHeader
{
    background-color: #ededed; /*float: left;*/ /*height: 24px; allow multiline */ /*width: 96%;*/
    line-height: 24px;
    color: #CC0000;
    font-weight: bold;
    font-size: 12px;
    margin: 0 4px 10px 5px;
}

.specName
{
    color: #656565;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    padding-top: 10px;
}

.specValue
{
    color: #656565;
    margin-left: 10px;
}

.specNameNoPad
{
    color: #666666;
    font-weight: bold;
}

.specValueNoPad
{
    /*padding-left: 10px;*/
}

#helpmechoose div.leftDiv
{
    width: 250px;
}

#helpmechoose div.midDiv
{
    width: 250px;
}

#helpmechoose div.rightDiv
{
    width: 200px;
}

#hmcFind
{
    float: right;
}

#hmcClose
{
    float: right;
}

/* MyCanon (but not mycanon specific) */
#main .innerBorderTop
{
    background-image: url(  "/images/mainInnerBorderTop.png" );
    font-size: 1px;
    margin-top: 6px !important;
}

#main .innerBorderBottom
{
    background-image: url(  "/images/mainInnerBorderBottom.png" );
}

#main .innerBorderTop, #main .innerBorderBottom
{
    background-repeat: no-repeat;
    width: 741px;
    height: 5px;
    line-height: 1px;
    margin: 0 auto;
}

#main .innerBorderContent
{
    background-image: url(  "/images/mainInnerBorderBG.png" );
    background-repeat: repeat-y;
    width: 721px;
    margin: 0 auto;
    padding: 10px;
    overflow: auto;
}
#main .innerBorderContent .medium
{
   font-size:10px !important;
	width:268px !important;
	border:1px solid #9cb8ce;
}
#main .innerBorderContent .formRow label.short
{
    color: #666666;
    font-size: 10.3px;
    font-weight: bold;
    margin-top: 2px;
    width:80px;
    margin-right: 6px;
}
#main .innerBorderContent .shortGap
{
    margin-left: 86px;
}

#main .innerBorderContent .formRow
{
    margin-bottom: 12px;
}
#main .innerBorderContent .loginOption
{
    color: #cc0000;
    font-size: 10px;
    margin-right: 27px;
    font-weight: bold;
}
#main .innerBorderContent .loginOption .checkbox
{
    margin-right: 6px;
    margin-top: -1px;
}
#main .innerBorderContent .loginOption.loginbutton
{
    margin-top: -2px;
}
#main .innerBorderContent .mediumCol
{
    width: 372px;
}
#main .innerBorderContent .smallCol
{
    margin-top: -10px;
    width: 336px;
    color: #666;
    font-size: 12px;
}
#main .innerBorderContent .loginOption a
{
    color: #cc0000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    background: url(/images/smallRedRight.png) no-repeat scroll 0 4px transparent;
}
.ErrorMessage
{
    color: #cc0000;
    font-weight: bold;
    font-family: Arial, sans-serif;
}


.paddedCell
{
    padding: 10px;
}

.spacedTable
{
    border-spacing: 10px;
}

.blockUnderline
{
    border-bottom: 1px solid #cdd5e1;
    margin-bottom: 10px;
}

.accordianContent .accordianHeader
{
    margin-bottom: 10px;
    background-color: #ededed;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-weight: bold;
}

.accordianContent img
{
}

.accordianContent
{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
}

.accordianContent li
{
    display: block;
    padding: 0;
    line-height: 24px;
    margin: 0 0 10px 0;
}

.accordianContent li.active
{
    background-image: url(  "/images/products/usageCategorySelected.png" );
    background-color: white;
}

.accordianContent a
{
    display: inline;
    width: 722px;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    height: 24px;
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

.pagination .accordianContent span
{
    float: left;
    display: block;
    width: 10px;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    height: 24px;
    text-align: center;
}

#accessoriesAccordian .pagination a, #accessoriesAccordian .pagination span
{
    padding: 2px;
}

.pagination
{
    width: 100%;
    text-align: center;
}

.accordianContent ul
{
    list-style-type: none;
    list-style-image: none;
    padding-top: 10px;
}

.accordianContent ul a
{
    padding: 0;
}

.accordianContent ul li
{
    background-image: none;
    width: 360px;
    padding-left: 0px;
    line-height: normal;
}

.accordianContent ul.accessoryItems
{
}

.accordianContent ul.accessoryItems li
{
    width: 260px;
    padding-left: 15px;
    background-image: url(  "/images/bullet.png" );
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

.accordianContent ul.accessoryItems li a
{
    color: #666;
}

.accordianContent ul ul
{
    list-style-image: url(  "/images/bullet.png" );
}

#accessoriesAccordian .accordianHeader
{
    margin-bottom: 10px;
    background-color: #ededed;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

#accessoriesAccordian .accordianHeader img
{
}

#accessoriesAccordian
{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    font-size: 10px;
}

#accessoriesAccordian li
{
    display: block;
    padding: 0;
    line-height: 24px;
    margin: 0 0 10px 0;
}

#accessoriesAccordian li.active
{
    background-image: url(  "/images/products/usageCategorySelected.png" );
    background-color: white;
}

#accessoriesAccordian a
{
    display: inline;
    width: 722px;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    height: 24px;
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

.pagination #accessoriesAccordian span
{
    float: left;
    display: block;
    width: 10px;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
    height: 24px;
    text-align: center;
}

.pagination
{
    width: 100%;
    text-align: center;
}

#accessoriesAccordian ul
{
    list-style-type: none;
    list-style-image: none;
    padding-top: 10px;
}

#accessoriesAccordian ul a
{
    padding: 0;
}

#accessoriesAccordian ul li.productItem
{
    background-image: none;
    width: 360px;
    padding-left: 0px;
    line-height: normal;
    height: 160px;
}

#accessoriesAccordian ul.accessoryItems
{
}

#accessoriesAccordian ul.accessoryItems li
{
    width: 260px;
    padding-left: 15px;
    background-image: url(  "/images/bullet.png" );
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
}

#accessoriesAccordian ul.accessoryItems li a
{
    color: #666;
}

#accessoriesAccordian ul ul
{
    list-style-image: url(  "/images/bullet.png" );
}


iframe
{
    border: none;
    frameborder: 0px;
}

#underlineStatusSelection
{
    height: 50px;
    display: block;
    margin: 0 auto;
}

/* Search Results */

.productResult
{
    height: auto;
    min-height: 150px;
    margin-top: 10px;
    color: #666666;
    margin-right: 30px;
    padding-bottom: 15px;
    margin-left: 20px;
    border-bottom: 1px solid #ccc;
}

.productResult ul li a
{
    font-size: 12px;
    padding-right: 20px;
    font-weight: normal;
}

.productResult ul li
{
    float: left;
}

.productResult a
{
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}


.productResult a.cufonBook, .productResult a.cufonBookHover
{
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #666666;
}


.productResultImage
{
    padding-top: 10px;
}

.product p.L a
{
    font-weight: bold;
    font-size: 100%;
}
.productResultDesc
{
}

div.prouctResultDesc a
{
    font-size: 100%;
}

.productResultPrice
{
    background-image: url(  "/images/priceBack.png" );
    height: 25px;
    width: 70px;
    padding-top: 3px;
    background-repeat: no-repeat;
    font-size: 12;
    text-align: right;
}
.prodRRP
{
    font-size: 9px;
    padding-right: 4px;
    padding-left: 4px;
}

.prodResultLeft
{
    float: left;
    width: 100px;
    padding-right: 10px;
    margin-top: 10px;
}

.prodResultRight
{
    width: 400px;
    float: left;
    margin-top: 10px;
}

.searchPagination
{
    text-align: center;
    margin: 10px 0;
}

.searchPagination a
{
    color: #F00;
    text-decoration: none;
}

.searchSubHeader h2
{
    float: left;
}

.searchSubHeader a
{
    float: right;
    text-decoration: none;
    padding-top: 3px;
}

.searchSubHeader
{
    border-top: solid;
    border-top-color: #ccc;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #ccc;
    border-bottom-width: 1px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

#searchTopBar
{
    background-image: url(  "/images/searchTopBar.png" );
    background-repeat: no-repeat;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
    margin-left: -10px;
    width: 584px;
}

#searchTopBar span.cufonBook
{
    padding-left: 10px;
}

.searchBar
{
    float: right;
    margin-right: 10px;
}

div.PagNav
{
    color: #666;
}


.productCompare
{
    float: right;
}

.newsEventsAccordian img
{
    float: left;
}

.newsEventsAccordian, .newsEventsAccordian ul, #newsItems
{
    list-style-image: none;
    list-style-type: none;
}

.newsEventsAccordian ul ul
{
    list-style-image: url(  "/images/bullet.png" );
}

.newsEventsAccordian div.month
{
    background-image: url(  "/images/accordianHeaderBG.png" );
    background-repeat: no-repeat;
    background-position: top left;
    width: 544px;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    color: #cc0000;
    font-weight: bold;
    margin-top: 10px;
}

.newsEventsAccordian .info
{
    margin: 0 10px 0 150px;
}

.newsEventsAccordian div.innerTop, .newsEventsAccordian div.innerBottom
{
    background-repeat: no-repeat;
    width: 544px;
    height: 6px;
    line-height: 6px;
}

.newsEventsAccordian div.innerTop
{
    background-image: url(  "/images/mainInnerTop.png" );
    margin-top: 5px;
}

.newsEventsAccordian div.innerBottom
{
    background-image: url(  "/images/mainInnerBottom.png" );
    margin-bottom: 5px;
}

.newsEventsAccordian div.innerContent
{
    background-image: url(  "/images/mainInnerBG.png" );
    background-repeat: repeat-y;
    padding: 0 10px;
}

.homeColumns .column4 .columnContent
{
    padding: 10px;
    overflow: auto;
}

.homeColumns .columnContent
{
    line-height: 20px;
}

.forgottenPasswordPanel
{
    background-color: white;
    padding: 10px;
    margin-top: 10px;
	width:502px;
}

.calendar a
{
    text-decoration: none;
}

.calendar td, .calendar th
{
    text-align: center;
    padding: 1px;
}

.userTable a
{
    text-decoration: none;
}

.userTable td, .userTable th
{
    text-align: left;
    padding: 1px;
}

div#tabMainArea table td, table.alignTop td
{
    vertical-align: top;
}

table.productTabs, table.mainTabs, div.mainTabs
{
    width: 100%;
    background-color: #EDEDED;
    background-image: url(  "/images/products/productTabBG.png" );
    background-repeat: repeat-x;
    height: 50px;
}

table.dealerTabs, div.dealerTabs
{
    background-color: #EDEDED;
    background-image: url(  "/images/products/productTabBG.png" );
    background-repeat: repeat-x;
    height: 50px;
    width: 585px;
    left: -10px;
    position: relative;
}

div.wideTabBar
{
    line-height: 40px;
    padding: 0 10px;
    width: 761px;
}

table.threeColTabs
{
    width: 585px;
}

table.productTabs td, table.dealerTabs td, table.mainTabs td
{
    max-width: 200px;
}

.productTabs tr, .mainTabs tr
{
}

.productTabs tr td, .dealerTabs tr td
{
    vertical-align: middle;
    text-align: center;
    height: 50px;
    padding: 0 10px;
    font-size: 12px;
}

.mainTabs tr td
{
    vertical-align: middle;
    text-align: center;
    height: 50px;
    padding: 0 5px;
    font-size: 12px;
}

.selectedProductTab
{
    height: 50px;
    background-color: transparent; /*width:78%;*/
    margin-left: 10px;
    position: relative;
}

.selectedMainTab
{
    height: 50px;
    background-color: transparent;
    position: relative;
}

.productTabs .active div div div, .mainTabs .active div div div, .dealerTabs .active div div div
{
    height: 1px;
    line-height: 1px;
}

.selectedProductText
{
    /*float: left; */ /*width: 100%; */
    top: 18px;
    height: 32px;
    position: relative;
}

.selectedMainText
{
    /*float: left; */ /*width: 100%; */
    top: 12px;
    height: 38px;
    position: relative;
}

.productTabs tr td a, .dealerTabs tr td a, .mainTabs tr td a
{
    color: #333;
    text-decoration: none;
    z-index: 1;
    line-height: normal;
}

.productTabs tr td a:hover, .dealerTabs tr td a:hover, .mainTabs tr td a:hover
{
    color: #c00;
}

.productTabs tr td div.active a, .dealerTabs tr td div.active a, .mainTabs tr td div.active a
{
    color: #CC0000;
    font-weight: bold;
}

.smallCaps
{
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.smalltext
{
    font-size: 10px;
    line-height: normal;
    color: #999999;
}

.labelError
{
    color: #cc0000;
    font: bold 12px "segoe ui" ,arial,sans-serif;
}

ul.linkList
{
}

ul.linkList li
{
    display: list-item !important;
    margin: 0 !important;
    line-height: 16px !important;
}

ul.linkList li a
{
    font-weight: normal !important;
}

.caseSummNav, .caseSummNavHover
{
    cursor: pointer;
}

.driverItem, .faqItem, .manualItem, articleItem, .specItem
{
    margin-top: 20px;
}

.driverItem a, .faqItem a, .manualItem a, articleItem a, .specItem a
{
    text-decoration: underline;
}

.cameraService h2
{
    margin-top: 20px;
}


/* Iphone App Page*/
#tabMainArea
{
    padding-top: 10px !important;
}

#tabMainArea ul
{
    /*	list-style-image: none; 	list-style: none; 	color: #656565; */
}

#tabMainArea ul li ul a
{
    color: #4b4b4b;
    line-height: 16px;
}



.tabDetailContainer .tabDetailBG
{
    background-image: url(  "/images/products/tabDetailShadow.png" );
    background-position: top right;
    background-repeat: repeat-y;
    padding: 0 4px 0 2px;
    width: 581px;
}


.tabDetailContent
{
    background-color: white;
    padding: 20px;
    color: #656565;
}

.tabDetailContainer .bottom
{
    height: 6px;
    background-image: url(  "/images/products/tabFeatureDetailBottom.png" );
    background-position: top left;
    background-repeat: no-repeat;
}

.driverProductSelector
{
    height: 93px;
    background-image: url(  "/images/mainDriverGreyBack.png" );
    background-repeat: no-repeat;
    padding: 40px 10px 10px 10px;
}

/* Safety search */
.safety-search {
    background: none;
    height: auto;      
    padding: 0;  
}

.safety-search .option-wrap,
.safety-search .keyword-wrap,
.safety-search .search-submit {
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    vertical-align: top;
    *display: inline;
    zoom: 1;
}

.safety-search .search-submit {
    margin-right: 0;
}

.safety-search .search-option,
.safety-search .search-keyword,
.safety-search .search-submit {
    -webkit-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    height: 24px;
    line-height: 18px;
    padding: 2px 0;
    vertical-align: top;
    width: 100%;
}

.safety-search input {
    padding-left: 5px;
}

.safety-search .option-wrap {
    width: 180px;
}

.safety-search .search-option {
    border: 1px solid #a9a9a9;
    padding: 3px 0 2px 2px;
}

.safety-search .keyword-wrap {
    width: 250px;
}

.ie7 .safety-search .keyword-wrap .error {
    margin-top: 9px;
}

.safety-search .search-keyword {
    border: 1px solid #a9a9a9;
    padding: 2px 0 2px 5px;
}

.ie7 .safety-search .search-keyword {
    height: 18px;
    margin-top: -1px;
    width: 243px;
}

.safety-search .search-submit {
    background-color: #c00;
    border: 1px solid #c00;
    color: #fff;
    padding: 0 25px;
    width: 91px;
}

.safety-search .search-submit:hover {
    background-color: #9aa8bb;
    border-color: #9aa8bb;
    cursor: pointer;
}

.ie7 .safety-search .search-submit {
    margin-left: 3px;
    padding: 0 15px;
}

.safety-search span.error {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fee9ea;
    color: #d67172;
    height: 24px;
    line-height: 24px;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.safety-search span.error:before {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fee9ea;
    content: "";
	height: 0; 
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -5px;
    width: 0; 
}

.search-results h3 {
    -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
    background-color: #9aa8bb;
    color: #fff;
    margin-top: 10px;
    padding-left: 5px;
}

.search-results .results-table {
    border: 1px solid #a9a9a9;
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 0px 1px 1px;
    width: 100%;
}

.search-results .results-table .product-name {
    width: 30%;
}

.search-results .results-table .model-name {
    width: 30%;
}

.search-results .results-table th {
    background-color: #f6f7fa;
    border: 1px solid #a9a9a9;
    border-width: 0 0 0 1px;
    font-weight: 700;
    padding: 10px 5px;
}

.search-results .results-table td {
    border-left: 1px solid #a9a9a9;
    padding: 5px;
}

.search-results .results-table th:first-child,
.search-results .results-table td:first-child {
    border-left: 0 none;
}

.search-results .results-table tbody tr:nth-child(even) td {
   background-color: #f6f7fa;
}

.search-results .results-table .even td {
   background-color: #f6f7fa;
}

.search-results .result-list .product-name a:hover {
    color: #9aa8bb;
}

.SearchPagination .result-list {
    margin-left: 0;
    padding: 10px 0;
    text-align: center;
}

a.cufonBook, a.cufonBookHover, a.cufonLight, a.cufonLightHover
{
    text-decoration: none;
}

a.cleanLink
{
    text-decoration: none;
}

/* full width layout (FullWidthMain.ascx) */
.mainTop
{
    background-image: url(  "/images/fullWidthTop.png" );
    width: 986px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
    font-size: 1px;
}

.mainContent
{
    background-image: url(  "/images/fullWidthBG.png" );
    width: 986px;
    padding: 0;
    height: auto;
    background-repeat: repeat-y;
    background-position: top left;
    color: #4b4b4b;
    line-height: 16px;
    font-size: 12px;
    padding: 0 20px 0 10px;
}

.mainBottom
{
    background-image: url(  "/images/fullWidthBottom.png" );
    width: 986px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: top left;
    line-height: 1px;
    font-size: 1px;
}

.centerVertically
{
    vertical-align: middle;
}

.share
{
    float: right;
    margin-right: 10px;
}

.shadedArea
{
    background-color: #eee;
    margin: 1px;
    padding: 1px;
}

.isButton
{
    cursor: pointer;
}

/*  Camera Repair Forms */

.cameraRepairAccessories
{
    margin-bottom: 5px;
}

.importantText
{
    color: #FF0000;
}

.formCameraRepair li
{
    padding-bottom: 10px;
}

div.cameraService ul li
{
    list-style-image: none;
    list-style: none;
}

#divPrintInst li
{
    padding-bottom: 10px;
}

.checkboxTable table table td
{
    padding-right: 5px;
}

.checkboxTable input
{
    vertical-align: top;
}

table.requestAQuote td
{
    padding-bottom: 5px;
}

/* GREEN PAGES */
/* enclose in .greenSection */

.greenSection, .truCapture
{
    color: #999;
    font-size: 11px;
    line-height: normal;
}

.greenSection table, .truCapture table
{
    border-spacing: 10px;
}

.greenSection ul a, .truCapture ul a
{
    color: #900;
}

.greenSection a
{
    color: #619600;
}

.greenSection p, .truCapture p
{
    margin-bottom: 10px;
}

#tabMainArea .greenSection ul, #main .greenSection ul, #tabMainArea .truCapture ul, #main .truCapture ul
{
    list-style-image: url(/images/bullet.png);
    margin-left: 15px;
    list-style-position: inside;
}

#tabMainArea .greenSection ul.greenList, #main .greenSection ul.greenList, #tabMainArea .truCapture ul.dotList, #main .truCapture ul.dotList
{
    color: #999;
    list-style: disc;
    list-style-image: none;
}

#tabMainArea .greenSection ul.greenList li, #main .greenSection ul.greenList li, #tabMainArea .truCapture ul.dotList li, #main .truCapture ul.dotList li
{
    margin-bottom: 5px;
}

.greenSection h3.greenHeading
{
    font-size: 12px;
    color: #619600;
}

.truCapture h3
{
    font-size: 12px;
    color: #666;
}

.truCapture h3.inlineLogo
{
    line-height: 24px;
}

.truCapture .inlineLogo
{
    line-height: 20px;
}

.truCapture .inlineLogo img, .truCapture h3.inlineLogo img
{
    vertical-align: middle;
}

.greenSection h4
{
    font-size: 11px;
    color: #999;
}

.truCapture h4
{
    font-size: 12px;
    color: #666;
}

.padHeaderTop
{
    padding-top: 2px;
}

.contentSideBarRight
{
    border-left: 1px solid #cccccc;
    padding: 0 0 0 10px;
    margin: 0;
}

.promoTitleHighlight
{
    color: #4368e5;
}

.align300
{
    position: absolute;
    left: 300px;
}

.position
{
    position: relative;
}

.campaign .leftBox
{
    float: left;
    width: 49%;
}

.campaign .rightBox
{
    float: right;
    width: 49%;
}

.campaign .navButtons 
{
    margin: 0px 0 10px 0;
    padding-top:10px;
}

.campaign .navButtons .right
{
	margin-left: 10px;position:absolute; right:14px;
}

.campaign .last.navButtons
{
	margin-top: 15px;
	padding-bottom:15px;
}

ul.inlineBullets li
{
    display: inline;
    padding: 3px 10px;
    background-image: url( "/images/bullet.png" );
    background-repeat: no-repeat;
    background-position: 0px 9px;
}

.tile
{
    width: 49%;
    margin-top: 10px;
}

.tile a
{
    text-decoration: none;
}

.cpsCardPreview
{
    background-image: url( '/images/bizCardReg.jpg' );
    position: relative;
    background-repeat: no-repeat;
    width: 400px;
    height: 254px;
    margin: 10px auto 0;
    border: 1px solid black;
}

.previewImgHolder
{
    position: absolute;
    right: 10px;
    top: 55px;
    width: 140px;
    height: 140px;
    overflow: hidden;
}

a.shelfRemove
{
    position: absolute;
    top: 0px;
    right: 20px;
    width: auto;
}

a.shelfRemove img
{
    margin: 5px;
}

/*
 * TELERIK fixes
 */

.rfdSelectBox_Default li
{
    text-align: left;
}

/* SPLASH PAGES  FOR YOU*/
.splashCompact
{
    padding: 12px 20px 0 25px;
    background: url(  "/images/ratingReviewSplashBlueRed.jpg" ) no-repeat;
    color: White;
    margin-left: -4px;
    width: 530px;
    height: 274px;
}
.splashCompactRating
{
    background-image: url(  "/images/ratingReviewSplashRating.jpg" );
    height: 135px;
    margin-left: -2px;
}
.splashCompact h3, .splashCompact h4
{
    color: White;
}
.ProductReviewListSelector
{
    height: 112px;
    margin-top: 7px;
    background-image: url(  "/images/ratingReviewSplashSelectProduct.jpg" );
    background-repeat: no-repeat;
    padding: 40px 10px 10px 320px;
    margin-left: -2px;
}
div.splashDesc
{
    padding: 0 8px;
}
div.splashDesc h4
{
    padding: 0 0 8px;
    font-size: 13px;
}
div.splashDesc ul.splash
{
    margin-left: 0;
    list-style: none;
    padding: 0 8px 15px;
}
div.splashDesc ul.splash li
{
    color: #676767;
    background: url( "/images/greyBullet.png" ) no-repeat 0 center;
    padding-left: 10px;
}
div.splashDesc ul.splash li a
{
    color: #CC0000;
    text-decoration: underline;
}
.homePopularLinks
{
    margin-left: 3px;
}

.homePopularLinks .popularLinksVisitUs
{
    color: #333333;
    vertical-align: bottom;
    background: url( "/images/bullet.png" ) no-repeat scroll left center transparent;
    padding-left: 12px;
}

.homePopularLinks .popularLinksFacebook
{
    margin-left: 8px;
}

.homePopularLinks .popularLinksTwitter
{
    margin-left: 8px;
}

.homePopularLinks .popularLinksYoutube
{
    margin-left: 8px;
}

.homePopularLinks .popularLinksImages
{
    vertical-align: bottom;
}

.myCanonTextBox
{
    width: 156px;
}

/* EDIT PROFILE IMAGE */
.editProfilePicture .frameProfilePic
{
    background-image: url( "/images/frameProfilePic.png" );
    background-repeat: no-repeat;
    padding: 6px;
    width: 250px;
    height: 187px;
    text-align: center;
}

.editProfilePicture .frameProfileThumb
{
    background-image: url( "/images/frameProfileThumb.png" );
    background-repeat: no-repeat;
    padding: 6px;
    width: 140px;
    height: 140px;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.editProfilePicture .profilePicText
{
}

.editProfilePicture .profilePicImage
{
    float: left;
    width: 265px;
    padding: 0 15px 0 0;
    border-right: 1px solid #ccc;
}

.editProfilePicture .profilePicThumb
{
    float: left;
    padding: 0 0 0 15px;
}
/* END EDIT PROFILE IMAGE */





/* Search for canon global */
.canonSearch .topHeader21
{
    height: 8px; /*background: url('/images/estore/accessories/AccessoriesTopBar.jpg') no-repeat scroll center center transparent;*/
}
.canonSearch .searchBorderBottom
{
    border-bottom: 1px solid #D4D4D4;
    margin: 0px 0px 12px 0px;
}
.canonSearch .searchSidebarBG
{
border-bottom:1pxsolid#CCCCCC;
color:#666666;
height:auto;
min-height:150px;
padding:10px30px15px20px;
margin:0px;
}
.canonSearch .alignCenter
{
    text-align: center;
    padding-left: 5px;
    margin: 0;
}
.canonSearch .TableBorder
{
    width: 560px;
}
.canonSearch .productListBottom
{
    clear: both;
    height: 5px;
}
.canonSearch #mytable td
{
    vertical-align: bottom;
    min-height: 100px;
}
.canonSearch .productResultDesc
{
    /*height: 106px;*/
    overflow: hidden;
    margin-bottom: 10px;
}
.canonSearch .cufonBook h2 a:hover
{
    color: Black;
}
.canonSearch .searchImgTd
{
    width: 135px;
}
.canonSearch .SearchTextTd
{
    width: 400px;
}

.SearchPagination .listing ul.pagingList li.active
{
    background: 0;
}

.SearchPagination .listing ul .active
{
    color: #ccc;
    font-weight: bold;
}
.SearchPagination .listing
{
    text-align: center;
}
.SearchPagination .listing ul li
{
    border: 0 none;
    font-size: 11px;
    list-style: none outside none;
    margin-left: 5px;
    padding: 0;
    display: inline;
    width: 9px;
}

.SearchPagination .listing ul li.next, .SearchPagination .listing ul li.prev
{
    display: inline;
    width: auto;
}

.SearchPagination .listing ul.pagingList li a
{
    color: #000000;
    display: inline-block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 12px;
}

.SearchPagination .listing ul.pagingList li.jump a
{
    background-color: Transparent;
}

/*.SearchPagination  .listing ul .pagingList li .prev a:hover, .SearchPagination  .listing ul.pagingList li .next a:hover{
background-color:none !important;
}
*/

.SearchPagination .listing ul a:link, .listing ul a:visited
{
    text-decoration: none;
}

.SearchPagination .listing ul .active a
{
    background-color: #CC0000;
    margin-left: 0;
    margin-right: 0;
}
.SearchPagination .listing ul.pagingList li a
{
    background: 0;
    color: #CC0000;
}
.SearchPagination .listing ul .active
{
    color: #ccc;
}
.SearchPagination .listing ul.pagingList li.active a
{
    background: 0;
    color: #ccc;
}
.SearchPagination .listing ul a
{
    /*margin-left:12px;*/
}

.SearchPagination
{
    padding-top: 3px;
}

.SearchPagination .listing ul.pagingList li.next a
{
    background-image: url( "/images/bullet.png" );
    background-position: right center;
    background-repeat: no-repeat;
}

.SearchPagination .listing ul.pagingList li.pageText
{
    width: 27px;
}
.SearchPagination .listing ul.pagingList li.pageText a
{
    color: #ccc;
    width: 34px;
}
.SearchPagination .listing ul.pagingList li.next a
{
    width: 38px;
    padding-left: 5px;
    border-left: 1px solid #ccc;
}

.SearchPagination .listing ul.pagingList li.prev a, .listing ul.pagingList li.next a
{
    background-color: Transparent;
}



.SearchPagination .listing ul.pagingList li.prev a
{
    background-image: url( "/images/bulletLeft.png" );
    background-position: left center;
    background-repeat: no-repeat;
}
.SearchPagination .listing ul.pagingList li.prev a
{
    width: 63px;
    padding-right: 5px;
    border-right: 1px solid #ccc;
}

/* for profile page */
.changePasswordPanelLightbox label, .changeEmailPanelLightbox label
{
    text-align: right;
    width: 165px;
}

.changeEmailPanelLightbox p 
{
    line-height: 16px;
    width: 485px;
}

.changePasswordPanelLightbox input
{
    text-align: left;
    float: left;
    width: 170px;
} 
.changePasswordPanelLightbox .right
{
    width: auto;
    height: auto;
    float: right;
}
.changePasswordPanelLightbox .formRow
{
    margin-bottom: 10px;
    line-height: 20px;
    color: #333;
}
.changePasswordPanelLightbox .formRow.last
{
    margin-bottom: 0;
}

.OKMessage
{
    color: #00cc00;
    font-weight: normal;
}

/* MySubscriptions */
.subscriptionList .header
{
    background-color: #c00;
    color: white;
    font-weight: normal;
    line-height: 24px;
    margin: 10px 0 3px;
}

.subscriptionList .contentTop
{
    background-image: url( "/images/borderTBG.png" );
    background-repeat: repeat-x;
    background-position: top;
    height: 6px;
}

.subscriptionList .contentBottom
{
    background-image: url( "/images/borderBBG.png" );
    background-repeat: repeat-x;
    background-position: top;
    height: 6px;
}

.subscriptionList .contentInner
{
    padding: 10px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.subscriptionList .contentInner .header img
{
    margin-left: 0px;
}

.subscriptionList .contentInner img
{
    margin-left: 10px;
}

.subscriptionList .contentInner input
{
    float: left;
    margin: 0 10px 0 0;
}

.subscriptionList .contentInner label
{
    display: block;
    margin-left: 25px;
}

.subscriptionList .contentInner .contentInner
{
    border-left: none;
    border-right: none;
}

.subscriptionList .contentWrapper
{
    padding: 0 1px;
}

.subscriptionList .minimised
{
    background-color: #9AA8BB;
}
.subscriptionList > .header.minimised
{
    margin-bottom: 5px;
}

.asBlock
{
    display: block;
}

.dealerListing .dealerItem
{
    margin: 0 0 0 -10px;
    padding: 10px;
}

#bottomDealerListing .dealerItem
{
    margin-left: 0;
}

.dealerListing .info
{
    margin: 0 0 0 30px;
}

.dealerListing .active
{
    background-color: #F6F6F6;
}

.dealerListing .promoInfo
{
    padding: 20px 0 13px 15px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.dealerListing .promoInfo:last-child
{
    border-bottom: 0;
}

.dealerListing .info h2
{
    padding: 0;
}

.mapContainer
{
    width: 410px;
    height: 410px;
    float: right;
    border: 1px solid #999;
}

.dealerResults
{
    margin-top: 15px;
}

.offerValidText
{
    bottom: 0px;
    color: #000000;
    font-size: 10px;
    float: right;
}

.offerValidText
{
    bottom: 0px;
    color: #000000;
    font-size: 10px;
    position: absolute;
    right: 182px;
}
.offerValidTextFullList
{
    bottom: 0px;
    color: #000000;
    font-size: 10px;
    float: right;
    margin-right: 170px;
}
.col1, .col2, .col3, .col4
{
    width: 24%;
    float: left;
}

.promoTitle
{
    background-color: #eee;
    color: #c00;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    padding: 3px;
}

.abovePromoTitle
{
    height: 5px;
    border-top: 1px solid #999;
}

/* Retail offers page */
.forYouRetailOffersPagination
{
    margin-top: 3px;
}
.forYouRetailOffersPaginationborder
{
    width: 100%;
    border-bottom: 1px solid #dddddd;
    height: 22px;
    border-top: 1px solid #dddddd;
}
.forYouRetailOffersborderLeft
{
    border-left: 1px solid #DDDDDD;
    bottom: 11px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    top: 12px;
}
.forYouRetailOffersborderLeft a
{
    bottom: -4px;
    position: absolute;
    right: 7px;
}
.width200PX
{
    width: 200px;
}
.confirm-save
{
    color: #CC0000;
    font-size: 11px;
    position: absolute;
    right: 13px;
    top: 159px;
}
.tabAlignLeft .mainTabs td
{
    text-align: left;
    padding: 0px 5px 0px 20px;
}
.tabAlignLeft #underlineStatusSelection
{
    margin: 0px;
}

.VideoPlayerProDV .mainTabsContainer
{
    margin: -10px -10px 10px -10px;
}
.TwoImageMain
{
    width: 782px;
    margin-left: -10px;
    margin-top: -20px;
}
.registerUserContainer
{
    width: 750px;
    overflow: hidden;
    background: url( "/images/mainBack2Col.png" ) repeat-y scroll 0 0 transparent;
    padding: 0 17px;
    position: relative;
}
.registerUserContainerHeader
{
    background: url( "/images/mainTop2Col.png" ) no-repeat scroll 0 0 transparent;
    width: 785px;
    height: 6px;
}
.registerUserContainerFooter
{
    background: url( "/images/mainBottom2Col.png" ) no-repeat scroll 0 0 transparent;
    width: 785px;
    height: 17px;
}
.registerUserSlider
{
    width: 2300px;
}
.registerUserPanel
{
    float: left;
    padding: 0 7px;
    width: 750px;
}
.registerNavigation
{
    border-bottom: 1px solid #C9D2DE;
    padding-bottom: 5px;
    position: absolute;
    right: 19px;
    top: 26px;
    width: 745px;
    z-index: 9;
}
.registerNavigation ul
{
    list-style: none;
    float: right;
}
.registerNavigation ul li
{
    float: left;
}
.registerNavigation ul li
{
    display: inline;
    float: left;
    margin: 0 3px;
    position: relative;
}
.registerNavigation ul li .underline
{
    bottom: -8px;
    height: 2px;
    left: 4px;
    position: absolute;
    width: 100%;
    display: none;
}
.registerNavigation ul li.active .underline
{
    display: block;
}
.registerNavigation ul li .underline span.underlineLeft
{
    background: url(/images/underlineLeft.jpg) no-repeat scroll 0 0 transparent;
    height: 2px;
    width: 2px;
    float: left;
}
.registerNavigation ul li .underline span.underlineRight
{
    background: url(/images/underlineRight.jpg) no-repeat scroll 0 0 transparent;
    height: 2px;
    width: 2px;
    float: left;
}
.registerNavigation ul li .underline span.underlineCenter
{
    background: none repeat scroll 0 0 #CC0000;
    float: left;
    height: 2px;
    padding: 0 1px;
    width: 90%;
}
.registerNavigation ul li a
{
    padding: 1px 0 1px 4px;
    color: #c9d2de;
}
.registerNavigation ul li .dotBG
{
    font-size: 9px;
    background: url(/images/whiteDot.png) no-repeat scroll 0 0 transparent;
    padding: 0 2.5px;
}
.registerNavigation ul li.active a
{
    padding: 1px 0 1px 4px;
    color: #cc0000;
}
.registerNavigation ul li.active .dotBG
{
    color: #fff;
    background: url(/images/redDot.png) no-repeat scroll 0 0 transparent;
}
.registerUserPanel
{
    position: relative;
}
.registerUserPanel .questionsText
{
    font-size: 12px;
    margin-top: 2px;
    padding-right: 14px;
}
.registerUserPanel .productGroup
{
    font-size: 11px;
    margin-bottom: 10px;
}
.productGroup .productImage
{
    float: left;
    padding: 3px 9px;
    width: 59px;
    clear: left;
}
.productGroup .productHeader
{
    border-bottom: 1px solid #cc0000;
    overflow: auto;
    padding-bottom: 3px;
    float: left;
    width: 643px;
}
.productGroup .productHeader .productHeaderTitle
{
    float: left;
    margin-right: 0px;
    width: 150px;
}
.productGroup .productHeader .productOption
{
    float: left;
    margin-top: 4px;
}
.productGroup .productQuestions
{
    padding: 0px 10px 0 223px;
    position: relative;
    clear: both;
    display: none;
}

.productGroup .productQuestions .disagreeLabel
{
    position: absolute;
    right: 236px;
    text-align: center;
    top: 21px;
}
.productGroup .productQuestions .sliderSpacer
{
    float: left;
    height: 10px;
    width: 21px;
}

.productGroup .productQuestions .agreeLabel
{
    position: absolute;
    right: 60px;
    text-align: center;
    top: 21px;
}
.productGroup .productQuestions .infoBoxPopUp
{
    z-index: 3;
    
}

.productGroup .productQuestions .infoBoxText 
{
    
    top: 20px;   
}

.productGroup .productQuestions .question
{
    clear: left;
    float: left;
    width: 227px;
}
.productGroup .productQuestions .questionAnswer
{
    float: left;
    width: 274px;
    height: 24px;
    background: url(/images/slider-bg.jpg) no-repeat scroll 0 0 transparent;
    position: relative;
    cursor: pointer;
}
.productGroup .productQuestions .answerOption
{
    float: left;
    height: 30px;
    margin-top: -4px;
    width: 45px;
}
.productGroup .productQuestions .productQuestion
{
    width: 505px;
    margin-bottom: 15px;
    height: 30px;
}
.confirmProducts
{
    margin-bottom: 10px;
}
.productGroup .productQuestions .sliderTrack
{
    position: relative;
    margin-left: 7px;
    margin-top: 7px;
    width: 241px;
}
.productGroup .productQuestions .sliderDot
{
    background: url( "/images/redDot.png" ) no-repeat scroll 0 0 transparent;
    height: 10px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 10px;
    cursor: e-resize;
}
.productGroup .productQuestions .answerTick
{
    float: left;
    height: 27px;
    width: 16px;
    background: url(/images/questiontick.jpg) no-repeat scroll 0 0 transparent;
    margin-left: -21px;
    margin-top: -4px;
}
.productGroup .productQuestions .answerTick.active
{
    background: url(/images/questiontick-on.jpg) no-repeat scroll 0 0 transparent;
}
.infoBoxPopUp
{
    position: absolute;
    overflow: visible;
    cursor: pointer;
}
.infoBoxPopUp.displayName
{
    top: auto;
    margin-top: -20px;
    right: 308px;
}
.infoBoxPopUp.answers
{
    right: 30px;
    top: 30px;
}
.infoBoxPopUp.rdoMultipleMachineInfo
{
	margin-top: 10px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.dateRelocationInfo 
{
    margin-top: -20px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.cboCategoryInfo
 {
    margin-top: -20px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.cboProductModelInfo
 {
    margin-top: -20px;
    right: 380px;
    top: auto;
}
.infoBoxPopUp.txtSerialNumberInfo
{
    margin-top: -15px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.chkSameAsMovingFromLocationInfo
{
    margin-top: -20px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.chkSameAsFromContactInfo
{
    margin-top: -20px;
    right: 430px;
    top: auto;
}
.infoBoxPopUp.rdoNetworkingRequiredAtNewLocInfo
 {
    margin-top: -37px;
    right: 430px;
    top: auto;
}
.ValidationMessage
{
    float: right;
    width: 200px;
}
.ValidationMessageProd
{
    float: right;
    width: 160px;
}
.infoBoxPopUp.captchaInfo
 {
    margin-top: -100px;
    right: 415px;
    top: auto;
}
.infoBoxPopUp.answers .infoBoxText
{
    z-index: 2000;
    right: 0px !important;
}
.infoBoxText
{
    background: #efefef;
    border: 1px solid #ccc;
    width: 250px;
    position: absolute;
    display: none;
    padding: 4px;
    right: auto;
    top: auto;
	z-index: 5000;
}
.infoBoxPopUp.emailAddress
{
    top: auto;
    margin-top: -20px;
    right: 308px;
}
.infoBoxPopUp.addressNickname
{
    top: auto;
    margin-top: -20px;
    right: 308px;
}
.registerTitle
{
    margin-bottom: 13px;
    margin-top: 24px;
}
.registerUserPanel.panel3 .confirmUserLeftCol
{
    float: left;
    margin-right: 30px;
}
.registerUserPanel.panel3 .confirmUserRightCol
{
    display: none;
    float: left;
}
.registerUserPanel.panel3 .formRow
{
    display: none;
    margin-bottom: 5px;
    font-size: 11px;
}
.registerUserPanel .formRow
{
    clear: both;
    margin-bottom: 3px;
    margin-top: 5px;
    min-height: 18px;
    vertical-align: baseline;
    width: 100%;
    line-height: 20px;
}
.registerUserPanel.panel3 h2
{
    margin-bottom: 10px;
}
.registerUserPanel.panel3 .formRow .label
{
    font-weight: bold;
    width: 115px;
}
.registerUserPanel.panel3 .formRow div
{
    float: left;
}
.registerUserPanel.panel3 .profilepictuire img
{
    width: 110px;
}
.registerUserPanel.panel3 .profilepictuire
{
    padding: 6px;
    border: 1px solid #C9D2DE;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.registerUserPanel.panel1 .medium
{
    width: 180px !important;
}
.registerUserPanel.panel1 .mediumGap
{
    margin-left: 187px;
}

.registerUserPanel.panel1 div.labelError
{
    display: inline;
    margin-left: 7px;
}

.registerUserPanel .registrationButton
{
    padding: 6px 11px;
    background: #cc0000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    float: left;
}
.registerUserPanel .checkBoxLabel
{
    margin-left: 3px;
    float: left;
}
.step2back
{
    position: absolute;
    padding-top: 10px;
    bottom: 10px;
    left: 10px;
}
.step1next
{
    display: block;
    margin-left: 3px;
    margin-top: 12px;
}
.step2next
{
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.registerUserPanel.panel2
{
    padding-bottom: 60px;
}
.panel3 #preview
{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    width: 140px;
    height: 140px;
    overflow: hidden;
}
.panel3 .previewBorder
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #C9D2DE;
    padding: 7px;
    float: left;
    margin-left: 1px;
    overflow: auto;
}
.ManditoryFieldsLabel
{
    color: #CC0000;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin-top: 12px;
    margin-right: 329px;
}
.welcomeToMyCanon
{
    width: 564px;
    color: #6F6F6F;
    font-size: 11px;
    line-height: 15px;
}

.welcomeToMyCanon div
{
    width: 50%;
    margin-bottom: 7px;
}
.welcomeToMyCanon > strong
{
    margin-bottom: 5px;
    float: left;
}

.editImageInstructions
{
    display: none;
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    padding: 6px 12px;
    position: absolute;
    right: 58px;
    top: 692px;
    width: 207px;
}
.product-interested
{
    margin-bottom: 6px;
}
.yourDetails .ManditoryFieldsLabel
{
    color: #CC0000;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin-right: 322px;
    margin-top: -17px;
}

/*
.editDetails label.medium, .editDetails input.medium, .editDetails textarea.medium, .editDetails select.medium, .editDetails .medium
{
    width: 195px !important;
}

.editDetails .mediumGap
{
    margin-left: 204px;
    margin-right: 6px;
}


.editDetails .yourDetails .infoBoxText
{
    margin-left: 25px;
}

.cancelAddressButton
{
    float: right;
    margin-right: 220px;
    margin-top: -1px;
}
.IEFixMargin 
{
    margin-right:-3px;
}
.registerUserPanel #UsernameCheck
{
    display:block;
    margin-left:30px;
    position:absolute;
    right:143px;
    top:184px;
}
.wishListButton
{
    float: right;
}

.OfficeTemplate .header 
{
    background-image: url("/images/2ColGreyHeader.jpg");
    height: 25px;
    color: White;
    margin: -20px -10px 10px -10px;   
    padding: 3px 10px;
}

.OfficeTemplate .header h2 
{
    color: White;
}

.OfficeTemplate .previewContainer
{
}

.OfficeTemplate .preview 
{
    position: relative;
    overflow: hidden;
}

.OfficeTemplate .upload 
{
    position: relative;
    background-image: url("/images/uploadBar.jpg");
    background-repeat: repeat-x;
    height: 37px;
    padding: 13px 0 0 120px;
    overflow: hidden;
}

.OfficeTemplate .customfile-input
{
    position: absolute;
    height: 20px;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 999;
    left: 0;
    top: 0;
}
.OfficeTemplate .customfile
{
    float: left;
    height: 56px;
    background: url('/images/BackToSchoolWork/PIXMA_Business_Template_Bar_browse.png') no-repeat;
    width: 280px;
    cursor: pointer;
    overflow: visible;
    padding: 2px;
    margin-top: 3px;
    position: relative;
}
.OfficeTemplate .customfile-disabled
{
    opacity: .1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
}
.OfficeTemplate .customfile-feedback
{
    padding-left: 0px;
	width:210px;
	height:17px;
	overflow:hidden;
}
.OfficeTemplate .customfile-focus .customfile-button
{
    outline: 1px dotted #ccc;
}
.OfficeTemplate .upload .uploadLinks{margin-top:3px;float:left; margin-left: 10px;}

.OfficeTemplate .uploadError 
{
    padding: 10px;
}

.OfficeTemplate .preview div 
{
    position: absolute;
    overflow: hidden;
}

.campaignLogin .buttonPanel{width: 200px; height: 30px; margin-left: 10px;}
.campaignLogin div.leftBox{width: 100%;}
.campaignLogin .innerBorderContent .left{float: left; width:210px; padding-top:7px;}
.campaignLogin .innerBorderContent .right{float: left; width:400px;}
.curvedTL {
    -moz-border-radius: 5px 0 0 0;
    border-top-left-radius: 5px;
}
.curvedTR {
    -moz-border-radius: 0 5px 0 0;
    border-top-right-radius: 5px;
}
.curvedBL {
    -moz-border-radius: 0 0 5px 0;
    border-bottom-left-radius: 5px;
}
.curvedBR {
    -moz-border-radius: 0 0 0 5px;
    border-bottom-right-radius: 5px;
}
.curvedAll{
	-moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
}
.curvedTop{
	-moz-border-radius: 5px 5px 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.curvedBottom{
	-moz-border-radius: 0 0 5px 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#BTSBTWThankyouPrintable .navButtons .btnHomepage
{
	margin-left:76px;
}

.LegriaDVAutoFeatures {
    margin-top: 10px;   
}

.LegriaDVAutoFeatures .videoWrapper {
    min-height:367px;
    width:528px;
    margin-left:7px; 
    float: left;
    background-color: #ccd3dd;
    padding: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}   

.LegriaDVAutoFeatures #TouchFeaturesPlayer {
    height:297px;
    width:528px;
}

.LegriaDVAutoFeatures .videoItemContainer {
    width: 140px; 
    float: left;
    padding: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #e6e9ee;
    margin-left: 5px;
    min-height: 367px;
}

.videoTitle div {
    margin-top: 10px;
}

.DealerSearchPagination {
    margin-left: 20px;
    clear: right;
    text-align: center;
}

/* Tabbed Business Carousel */ 

.businessTab 
{
    height: 26px;
}
.businessTab img
{
    vertical-align: top;
}

.businessTab a
{
    color: White;
    background: url('/images/tabButtonMiddle.png') repeat-x;
	line-height: 28px;
    display: inline-block;
	height: 28px;
    padding: 0 5px;
}
.businessTab a.active 
{
    background: url('/images/activeTabButtonMiddle.png') repeat-x;
}

.carouselCategories ul li 
{
    margin-right: 10px;}
    
.carouselCategories .categoryLink 
{
    font-size: 14px;
}

.searchTips
{
	width: 554px;
	background: url("/images/corpGreyBG.png") no-repeat scroll 0 bottom transparent;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.searchTips .inner
{
	background: url("/images/corpGreyBG.png") no-repeat scroll 0 0 transparent;
	padding: 5px 15px 0;
}
.searchTips .inner .forms 
{
    padding: 10px 0px;
}
.searchTipsLabel
{
    font-weight: bold; 
    margin-right: 5px;
}
.searchTipsButton
{
    vertical-align: bottom; 
    margin-left: 15px;
}
.searchTipsText
{
    margin-left: 153px; 
    display: block; 
    padding-top: 3px; 
    font-size: 11px
}

.mycanontypage
{
    overflow: auto;
}

.BVSubmissionInProgress {
    width:748px; 
    margin: 0 auto;
}
hr.onlineSupportSeparator
{
    width: 100%;
}
#helpMeChooseIFrame
{
    margin-top: 10px;
}
#helpMeChooseIFrame .question
{
    margin-bottom: 5px;
}
#helpMeChooseIFrame .answer
{
    margin: 10px;
}

.divQuotaSpace
{
    margin-top:6px;
    }
    
#main .contestSlider {
	margin: 0;
	list-style: none outside none;
	width: 584px;
	height: 324px;
	overflow: hidden;
}
#main .contestSlider img {
	vertical-align: top;
}