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

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

body {	color: #473078; font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */  
text-align: center; xbackground:#fff url(/images/px_background.gif) repeat-x; /* centers the #sizer element in IE5.x/win */ font-family:Verdana, Arial, Helvetica, sans-serif; padding: 16px 0}

#sizer { margin: 0 auto; /* centers #sizer in standard browsers */ padding: 0; xwidth: 60%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */ text-align: left; /* resets the default text alignment for the page */ width: 779px; xbackground: url(/images/px_mainpanel_bg.gif) top left repeat-x;   }


a:link, a:visited { color: #5B7089; text-decoration: none;}
a:focus, a:hover{ color: #5B7089; text-decoration: underline;}

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

ul{ list-style-type: square; }
ul ul{ list-style-type: disc; }
ul ul ul{ list-style-type: circle; }

img {border: none; padding:0; margin:0}

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

.skiplink {display:none}

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

#masthead{ margin: 0 0 7px 14px; width: 766px; }
#navBar{ float: left; width: 20%; margin: 7px 0 0 0; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: black;  }

#maincontent { background-color:#fff; padding:5px 12px; margin: 0 12px}

#content{ float: left; width: 58%; padding: 0; font-size: 0.9em; }
html>body #content{ float: left; width: 58%; padding: 0; font-size: 0.9em }

#content2{ float: left; width: 59%; font-size: 0.9em; padding: 0 8px 0 0 }
html>body #content2{ float: left; width: 59%; padding: 0; font-size: 0.9em }


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


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

.mainpaneltop { padding:0; margin:0; }
#siteName { margin: 0; padding: 0; position: relative; width: 221px; height: 46px; overflow: hidden; float:right }
#siteName a { display: block; cursor: pointer; text-decoration:none;}
#siteName span { display: block; position: absolute; left: 0; top: 0; width: 221px; height: 46px; margin: 0; padding: 0; background: url("/images/px_logo.gif") top left no-repeat;  }


.feature img{ float: left; }
img.banner2 { margin: 7px 0; padding:0 }

#topnavigation { clear:both;  height:30px; padding:0; margin:0; text-align:left; font-size:80%; background:url(/images/px_nav_right.gif) right no-repeat; width: 735px; }
#topnavigation2 { height:30px; padding:0; margin:0; text-align:left; background:url(/images/px_nav_left.gif) left no-repeat; width: 735px; }

ul#topnavigation-list { height:30px; list-style:none; margin: 0 0 0 15px; padding: 0; background: url(/images/px_nav_background.gif) repeat; width: 707px;  }
ul#topnavigation-list li {display:inline; font-size: 87%; color:#fff; font-weight:bold;  }
ul#topnavigation-list li a { color:#fff; text-decoration:none;  }
ul#topnavigation-list li a:hover, ul#topnavigation-list li a.active { color: #fff;text-decoration:underline}
ul#topnavigation-list img {margin:0; padding:0; vertical-align:top}

.searchbox { float:right; width:248px; max-width:248px; color:#5B7089; text-transform:uppercase; font-size:68%; margin:0 10px 0 10px; font-weight: 500;}
.searchbox a, a:hover { color:#5B7089;}
.searchbox a:hover { text-decoration:underline}

.searchbox form { color:#5B7089; text-transform:uppercase; padding:0; margin:0 }
.searchbox form { vertical-align:middle}
.searchbox form input { font-size:80%; color:#000}
.searchbox form input.searchinputbox { width:118px; margin: 0 6px 8px 8px}

.ordertodaybanner { float:right}



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

#navBar ul a:link, #navBar ul a:visited {color:#FFFFFF }
#navBar ul {list-style: none; margin: 0; padding: 0 8px; color:#fff}

/* 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; text-transform:capitalize; padding: 2px 0; }

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

#sectionLinksdigislr, #sectionLinksdigicam, #sectionLinkslenses, #sectionLinkshire, #sectionLinksmemory, #sectionLinksipods, #sectionLinksgaming, #sectionLinkscamcorders, #sectionLinkslcd, #sectionLinksplasma, #sectionLinksaccess, #sectionLinkscameracases, #sectionLinksbatteries, #sectionLinksclear { position: relative; margin: 0; background: url(/images/px_leftnav_base.gif) bottom no-repeat; height: 100%; width:134px; }
#sectionLinksdigicam, #sectionLinkslenses, #sectionLinkshire, #sectionLinksmemory, #sectionLinksipods, #sectionLinksgaming, #sectionLinkscamcorders, #sectionLinksplasma, #sectionLinksaccess, #sectionLinkscameracases, #sectionLinksbatteries, #sectionLinksclear {	padding: 7px 0 12px 0;}
#sectionLinksdigislr, #sectionLinkslcd {padding: 0 0 12px 0;  }


.sectionLinksbg { background: #9A86B9 url(/images/px_leftnav_bg.gif) repeat-x bottom; }

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

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

#digitalcameras { margin:0; padding:0; position:relative; width:134px; height:29px; margin:0; padding:0; overflow:hidden; }
#digitalcameras span { display:block; position:absolute; left:0; top:0; z-index:1; width:134px; 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:134px; height:29px; margin:0; padding:0; overflow:hidden; }
#lenses span { display:block; position:absolute; left:0; top:0; z-index:1; width:134px; height:29px; margin:0; padding:0;     background:url("/images/leftnav_lenses.gif") top left no-repeat;  }

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

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

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

/*********** Left Navigation - Ipods ***********/

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

/*********** Left Navigation - Gaming ***********/

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

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

#camcorders { margin:0; padding:0; position:relative; width:134px; height:29px; margin:0; padding:0; overflow:hidden; }
#camcorders span { display:block; position:absolute; left:0; top:0; z-index:1; width:134px; 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:134px; height:29px; margin:0; padding:0; overflow:hidden; }
#cameracases span { display:block; position:absolute; left:0; top:0; z-index:1; width:134px; height:29px; margin:0; padding:0;     background:url("/images/leftnav_cameracases.gif") top left no-repeat;  }

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

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

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

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

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

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


/*********** Left Navigation - LCD ***********/

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

/*********** Left Navigation - Plasma ***********/

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

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

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


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



#sectionright_thawte{ width:157px; clear: both; margin:9px 0 0 0; padding: 0 0 0 0; }

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

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

.rightnavfooter {float: left}

.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 { height: 74px; width: 155px; }
html>body div.accessbg { min-height: 74px;}
div.accessbg2 { background: url(/images/thawte.jpg) no-repeat right top; height: 74px; width: 155px; }
html>body div.accessbg2 { min-height: 74px; }



.rightbar_talktous, #rightbar_creditcards  { margin:6px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #78629C;}
#rightbar_orderhelp {margin:6px 0 0 0; padding: 0 0 10px 0; text-transform:lowercase }
#rightbar_orderhelp ul {padding:0; margin:10px 0 10px 15px; list-style-type: disc}
#rightbar_orderhelp ul li { padding:0; margin:0}
/*******************************			 c e n t r e   b l o c k			******************************************/

.centre{ clear: both; font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif; padding:9px 0 0 0; width:573px }


.productblock_container {background:url(/images/px_productpanelbase.gif) bottom no-repeat; height:266px; width: 133px; float:left; margin: 1px 9px 11px 0; xoverflow:hidden; color:#FFF }
.productblock_container a, .productblock_container a:hover, .productblock_container a:visited { color:#fff}

.productimage img {margin: 0 10px 0 9px; text-align:center; padding:0} 
.prodname {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; margin:0 0 0 0; padding: 10px 3px 0 6px; color: #1F1F1F; font-weight: bold; text-align:left; background: #6E5896 url(/images/px_productpanel_background.gif) top left repeat-x; height: 97px; color:#fff }
.prodprice {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight:normal; clear:both; padding: 4px 0  }
.productimage {border-left:2px solid #9484B3; border-right:2px solid #9484B3;  margin:0; padding:0}
.productimage a { }
.productstock { color:#B6DFF4; font-size:85%; font-weight:normal}
.clear{ clear:both; }
.buy_info_container { padding: 4px 0; clear:both}
.buy_info_container img { padding: 0 5px 0 0}
.productblock_seeall { position: relative; bottom:0}

/*******************************			 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: Verdana, 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;}

/*******************************			 c h e c k o u t			******************************************/

form.customerservices{ font-size: 95%; width:570px}
form.customerservices input { margin: 2px 6px}

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

#footer { width:706px; clear: both; border-top: 1px dotted #78629C; font-size: 65%; color: #78629C; padding: 10px; text-align:left; 	font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#siteInfo{  float:left }
#footer a { color: #78629C; }
#siteInfo a { padding: 0 25px 0 0}
#footer a:hover { text-decoration:underline; color:#78629C}
#tingleweb { float:right}