/* camerabox main stylesheet
created by alicia butler for tingleweb */

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

body {	color: #313131; font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */  
text-align: center; /* centers the #sizer element in IE5.x/win */ }

#sizer { margin: 0 auto; /* centers #sizer in standard browsers */ padding: 0; width: 60%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */ text-align: left; /* resets the default text alignment for the page */ width: 752px; background:#fff; padding: 0 5px}

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

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

h1, h2, h3, h4, h5 {color: #313131;}
h1{ font-size: 128%;}
h2{ font-size: 121%;}
h3{ font-size: 114%;}
h4{ font-size: 107%;}
h5{ font-size: 100%;}

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


label{ font-size: 100%; font-weight: bold; color: #313131; }
img {border: none;}


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

.bold { font-weight:bold}

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

#masthead{ padding: 6px 0 13px 0; width: 100%; }
#navBar{ float: left; width: 21%; margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: black; }

#content{ float: left; width: 54%; /* was 58% before padding added */ padding: 0 8px 0 9px; font-size: 0.9em }
html>body #content{ float: left; width: 56%; /* was 58% before padding added */ padding: 0 0 0 9px; font-size: 0.9em }

#rightbar{ float: right; width: 21%; margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; 	color: black; }


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

/*	sitename non-xmas*/
#siteName { margin: 0; padding: 0; position: relative; width: 198px; height: 43px; overflow: hidden; }

/*	sitename_xmas
#siteName { margin: 0; padding: 0; position: relative; width: 205px; height: 49px; overflow: hidden; }*/

/*	logo non-xmas */
#siteName a { display: block; cursor: pointer; text-decoration:none;}
#siteName span { display: block; position: absolute; left: 0; top: 0; width: 210px; height: 43px; margin: 0; padding: 0; background: url("../images/logo.gif") top left no-repeat; }


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


/*#samedaybanner { margin:0; padding:0; position:relative; width:544px; height:43px; overflow:hidden; border: 1px solid orange; }
#samedaybanner span { display:block; position:absolute; left:0; top:0; z-index:1; width:544px; height:43px; margin:0; padding:0; background:url("../images/home_v2_04.jpg") top left no-repeat; }*/

.feature { font-size: 80%;}
.feature h3{ text-align: center; }
.feature img{ float: left; }
.feature img.banner2 { margin: 7px 0 7px 0; }
.banner {float:left}

/************* #siteInfo styles ***************/

#footerWrap{ clear: both; border-top: 1px solid #cccccc; font-size: 60%; color: #666; padding: 10px; text-align:center; 	font-family:Verdana, Arial, Helvetica, sans-serif; float:left; width:100%  }
#siteInfo {float:right; text-align:right}
#copyright{ float:left; text-align:left}

#bannerAd {clear: both; text-align:center; margin:0; padding:0 0 10px 0 }
#siteInfo a { color: #666; }
#siteInfo img { padding: 4px 4px 4px 10px; vertical-align: middle; }



/*******************************			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; font-weight: bold; line-height: 15px; text-transform:capitalize; }

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

#sectionLinks_digislr, #sectionLinks_digicam, #sectionLinks_lenses, #sectionLinks_access, #sectionLinks_memory, #sectionLinks_camcorders, #sectionLinks_cameracases, #sectionLinks_batteries, #sectionLinks_clear, #sectionLinks_hire{ position: relative; margin: 0; background: url(../images/leftnav_footer.gif) bottom no-repeat; height: 100%; width:157px; }
#sectionLinks_digicam, #sectionLinks_lenses, #sectionLinks_access, #sectionLinks_memory, #sectionLinks_camcorders, #sectionLinks_cameracases, #sectionLinks_batteries, #sectionLinks_clear, #sectionLinks_hire {	padding: 7px 0 24px 0;}
#sectionLinks_digislr {padding: 0 0 24px 0; }

.sectionLinksbg { background: url(../images/leftnav_background.gif) repeat top; }

/*********** Left Navigation - Digital SLR ***********/
#digitalslrs { margin:0; padding:0; position:relative; width:157px; height:29px; margin:0; padding:0; overflow:hidden;  }
#digitalslrs span { display:block; position:absolute; left:0; top:0; z-index:1; width:157px; height:29px; margin:0; padding:0; background:url("../images/leftnav_digitalslr.gif") top left no-repeat; }  

/*********** Left Navigation - Digital Cameras ***********/

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

/*********** Left Navigation - Lenses ***********/

#lenses {  margin:0; padding:0; position:relative; width:157px; height:29px; margin:0; padding:0; overflow:hidden; }
#lenses span { display:block; position:absolute; left:0; top:0; z-index:1; width:157px; height:29px; margin:0; padding:0;     background:url("../images/leftnav_lenses.gif") top left no-repeat;  }
	 
/*********** Left Navigation - Memory ***********/

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

/*********** Left Navigation - Camcorders ***********/

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

/*********** Left Navigation - Camera Cases ***********/

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

/*********** Left Navigation - Batteries ***********/

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

/*********** Left Navigation - Hire ***********/

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

/*********** Left Navigation - Accessories ***********/

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

/*********** Left Navigation - Clearance ***********/

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


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



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

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 { }

#rightbar ul a:link, #rightbar ul a:visited {display: block;}
#rightbar ul {list-style: none; margin: 0; padding: 10px 0 0 14px;}

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

.rightnavfooter {float: left}

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

h3#account {  margin:0; padding:0; position:relative; width:157px; height:29px; margin:0; padding:0; 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/righnav_youraccount.gif") top left no-repeat;   }

/*********** Right Navigation - Search ***********/

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

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

#accessories2{ padding: 0 0 0 14px; }
#accessories2 { margin:0; padding:0; position:relative; width:157px; height:29px; margin:0; padding:0; 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: 2px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.7em; color: #666; }
.photobox_center {margin: 2px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.7em; color: #666; text-align:center; margin-top:5px;}

.access { margin: 0; color: #666; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
span.access_img { float: right; }

div.access_text { width: 50%; }
div.accessbg { background: url(../images/px_access.jpg) no-repeat right bottom; height: 74px; width: 155px; }
html>body div.accessbg { min-height: 74px;}
div.accessbg2 { xbackground: url(../images/ipsCASecuredLogoSmall.gif) no-repeat right top; height: 90px; width: 155px; text-align:right }
html>body div.accessbg2 { min-height: 90px; }



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

.centre{ clear: both; font-size: 80%; font-family:Arial, Helvetica, sans-serif; }

.productblock { width: 131px; height: 150px; float: left; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D9D9D9; 	border-left: 1px solid #E6E6E6; border-right: 1px solid #EFEFEF; overflow:hidden; margin: 1px 5px 11px 0; }
.productblock img {margin: 0 9px 0 9px; text-align:center;  } 
.prodname {font-family: Arial, Helvetica, sans-serif; font-size: 85%; padding: 0 3px 0 6px; color: #1F1F1F; font-weight:900; text-align:center }
.prodprice {font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #CB1616; font-size: 0.9em;  }
.clear{ clear:both; }


/*******************************			 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%; xclear:both; xfloat:left; width:100%; xborder:1px dotted #ccc }
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;}


/* RETURNS FORM */
fieldset#returnsForm form { width:414px; padding:0; margin:0; display:block; font-size:95%}
fieldset#returnsForm input { font-size:110%}