/*******************************			g e n e r a l     s t y l e s 			******************************************/

body {	color: #313131; font: 90% Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding:0; background-color:#fff}

/* XMAS 
#sizer { margin: 0 auto; padding: 0; width: 67em; text-align: left; xbackground:#fff url("/images/xmas/bg_christmas_topbar_dc.jpg") top left no-repeat; } */

/* NON XMAS */
#sizer { margin: 0 auto; padding: 0; width: 67em; text-align: left; background:#fff; }


a, a:link, a:visited { color: #313131; text-decoration: none;}

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

h1{ font-size: 120%; color: #313131; margin: 0px; padding: 0px; }
h2{ font-size: 114%; color: #313131; margin: 0px; padding: 0px; }
h3{ font-size: 100%; color: #313131; margin: 0px; padding: 0px; }
h4{ font-size: 100%; font-weight: normal; color: #313131; margin: 0px; padding: 0px; }
h5{ font-size: 100%; color: #313131; margin: 0px; padding: 0px; }

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: circle; }
ul.menu { display: none; }

input { xtext-transform:uppercase; font: 85% Verdana, Arial, Helvetica, sans-serif;  }
label{ font-size: 100%; font-weight: bold; color: #313131; }
img {border: none;}

.left {float: left;}
.right {float: right;}

.bold { font-weight:bold}

form, label, img, div, span { xborder: none; margin:0; padding:0}

.floatleft { float:left}
.floatright { float:right}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{ padding: 0; xwidth: 100%; }
#navBar{ float: left; width: 11.5em; margin: 0px; padding: 0px; text-transform:capitalize  }

#content{ float: left; width: 66%; /* was 58% before padding added */ xpadding: 0 8px 0 9px; }

#rightbar{ float: right; width: 11em; margin: 0px; padding: 0px; }



/*******************************			t o p     b l o c k 			******************************************/

#siteName { margin: 0; padding: 0; position: relative; width: 260px; height: 68px; overflow: hidden; xborder:1px dotted purple }

#siteName a { display: block; cursor: pointer; text-decoration:none; margin: 10px 0 0 0;}
#siteName span { display: block; position: absolute; left: 0; top: 0; width: 260px; height: 68px; margin: 10px 0 0 0; padding: 0; background: url("/images/logo_dcc1.gif") top left no-repeat;  }

.feature { font-size: 85%; margin: 0 0 10px 0; float:left; xclear:both; xwidth:629px}
.feature h1{ background:url("/images/hd_background.jpg") top left no-repeat; width:629px; height:29px; color:#fff; padding: 5px 10px; font-weight:normal }
.feature h3{ text-align: center; }
.feature img{ float: left;   }
.feature img.banner2 { margin: 0 0 0 3px; }

/* NON-XMAS*/
#strapline { margin:10px 10px 0 0; xborder:1px dotted blue; float:right} 
#warranty { float:right; margin:10px 10px 0 0;}

/* XMAS 
#strapline { xpadding:20px 0 0 0; float:right;  }*/




/********		h e a d e r		*******************/

#header { margin: 0; xborder:1px dotted gray}
#topNavigation { background: url("/images/bg_topnav.gif") top left repeat-x; xborder:1px dotted red; height:45px; clear:both }
#topNavigation ul { text-transform:uppercase; font-size:70%; padding:15px 0; margin:0; font-weight:bold; float:left}
#topNavigation ul li {display:inline; background:url("/images/px_topnav_divide.gif") top right repeat-y; padding: 0 20px; margin:0}
#topNavigationSearch { float:right; text-transform:uppercase; font-size:70%; padding:10px 10px; }
#topNavigationSearch form { display:inline}


/********		l e f t   n a v			*******************/

#navBar ul a:link, #navBar ul a:visited {xdisplay: block; }
#navBar ul {list-style: none; margin: 0; padding: 0 0 0 15px;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { font-family: Verdana, Arial, sans-serif; font-size: 0.7em; xfont-weight: bold; line-height: 15px; xtext-transform:capitalize; }

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navBar h1 { color:#fff; font-size:100%; font-weight:normal; text-indent:10px}
#navBar h1#batteries, #navBar h1#cameracases, #navBar h1#accessories { cursor:pointer}

.sectionLinks{ position: relative; margin: 0; xbackground: url(/images/leftnav_footer.gif) bottom no-repeat; height: 100%; width:157px; float:left; padding: 0 0 5px 0; }
.sectionLinks .sectionLinksbg { background: url("/images/leftnav_background.gif") repeat top; float:left; width:157px; padding:0 0 10px 0 }
.sectionLinks span {background:url("/images/hd_leftnavbackground.jpg") top left no-repeat; color:#fff; xfloat:left; width:157px; height:20px; display:block; float:left; xborder:1px solid red; padding: 5px 0}



/*******************************			r i g h t   n a v			******************************************/



#sectionright_accessories, #sectionright_hotline{ margin: 0; position: relative; height: 100%; width:157px; clear: both; }
#sectionright_hotline { margin:0 0 10px 0; font-weight:bold;}

#sectionright_account {margin: 0; position: relative; height: 100%; width:137px; font-size: 70%; clear: both; }
#sectionright_account, #sectionright_orderingHelp {margin: 0; position: relative; height: 100%; width:137px; font-size: 65%; clear: both; }
#sectionright_thawte {margin: 0; position: relative; height: 100%; width:157px; font-size: 70%; clear: both; color:#999999; padding:10px 0; float:left}
#sectionright_account div.sectionLinksbg { padding: 10px; background: url("/images/leftnav_background.gif") repeat top; float:left; width:137px; }
#sectionright_account a { text-decoration:underline}

#sectionright_orderingHelp { margin: 10px 0; float:left}
#sectionright_orderingHelp div.sectionLinksbg { padding: 10px; background: url("/images/leftnav_background.gif") repeat top; float:left; width:137px; }
div.sectionLinksbg ul { padding:0; margin:0; list-style:none}
div.sectionLinksbg li { padding:0 0 3px 0; }

div.sectionLinksbg form { padding: 10px; margin:0}
div.sectionLinksbg form input {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 90%;}

div.inputForm form { margin:0}
div.inputForm form input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%;} 
div.inputForm img { }


html>body #rightbar li {border-bottom: none;}

.rightnavfooter {float: left}

.rightbarWraps { clear:both; margin: 0 0 7px 0}


/*********** Right Navigation - Account ***********/

h3#account {  margin:0; padding:0; position:relative; width:157px; height:29px;  overflow:hidden;  }
h3#account span { display:block; position:absolute; left:0; top:0; z-index:1; width:157px; height:29px; margin:0; padding:0;      background:url("/images/hd_basket.jpg") top left no-repeat;   }

/*********** Right Navigation - Ordering Help ***********/

h3#orderingHelp {  margin:0; padding:0; position:relative; width:157px; height:29px;  overflow:hidden;  }
h3#orderingHelp span { display:block; position:absolute; left:0; top:0; z-index:1; width:157px; height:29px; margin:0; padding:0;      background:url("/images/hd_orderinghelp.jpg") top left no-repeat;   }

/*********** Right Navigation - Accessories ***********/

#accessories2{ padding: 0 0 0 14px; }
#accessories2 { margin:0; padding:0; position:relative; width:157px; height:29px;  overflow:hidden;  }
#accessories2 span { display:block; position:absolute; left:0; top:0; width:157px; height:29px; margin:0; padding:0; background:url("/images/righnav_accessories.gif") top left no-repeat;  }

.photobox {margin: 20px 0 20px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.7em; color: #666; }





/*******************************			 c e n t r e   b l o c k			******************************************/

.centre{ clear: both; font-size: 80%; margin: 10px 0 0 0 }

.productblock { width: 205px; height: 115px; float: left; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D9D9D9; 	border-left: 1px solid #E6E6E6; border-right: 1px solid #EFEFEF; xoverflow:hidden; margin: 1px 3px 3px 0; }
.productblockimg {xmargin: 0 9px 0 9px; text-align:center; float:left; width:115px; xborder:1px solid blue } 
.prodnameContainer { float:right; width:88px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; padding: 25px 0 0 0; xmargin: 0 5px 0 10px; font-weight:900; xborder:1px solid red  }
.prodname { color: #1F1F1F; }
.prodprice {color: #1C5992;  }
.productspec, .productdesc, .relatedproducts { float:left; width:629px}
.productspec ul, .productdesc ul, .relatedproducts ul { margin: 0 10px}
/*******************************			 o r d e r i n g   h e l p			******************************************/

div#orderinghelp { width: 414px; }

div#orderinghelp ul { float: left; list-style: none; padding: 0; margin: 0; position:relative; text-align:left}
div#orderinghelp ul a:link, div#orderinghelp ul a:visited { }
div#orderinghelp ul a:link, div#orderinghelp ul a:visited { list-style: none; margin: 0; padding: 0; position:relative;}
div#orderinghelp li { font-weight:900;  font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; position:relative;}

span.maintext { font-size: 95%; }
span.maintextnoreduce { }
span.maintextlarger { font-size: 110%; }

.inputbox	{ font-size:1em; border-style: solid; border-color: #CDCDCD; border-width: 1px; }

html>body div#orderinghelp li {border-bottom: none;}

img.cclogos {
float: right;}


/*******************************	f o o t e r   *************************************/

#brandLogo { clear:both; margin:10px 0}

#siteInfo{ clear: both; border-top: 1px solid #cccccc; font-size: 0.7em; color: #999; padding: 10px; text-align:center; 	}
#siteInfo a { color: #999; }