/*
 Screen style    
 Site: networkwebcams.net
*/
body { font-size: 68.75%; padding: 0; background: #F6F6F6 url(../images/bg/body.gif) 50% repeat-y; }
/*body { font-size: 68.75%; padding: 0; background: #F6F6F6 url(../images/bg/body.gif) 50% repeat-y; }*/

/* Auto clearing floats */
#inner-wrapper:after, #content:after, .home-box .inner:after, .third-level-nav:after, .first-level-nav:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #header .info h2 { font-size: 32px; line-height: 34px; visibility: hidden; margin-bottom: -3px; }
.sIFR-hasFlash #header .info .tel { font-size: 32px; line-height: 33px; visibility: hidden; margin-right: -10px; }
.sIFR-hasFlash #top-nav li { font-size: 15px; line-height: 17px; visibility: hidden; }
.sIFR-hasFlash .get-in-touch h3 { font-size: 17px; line-height: 19px; visibility: hidden; }
.sIFR-hasFlash .home-box h3 { font-size: 17px; line-height: 19px; visibility: hidden; }
.sIFR-hasFlash .panel h2 { font-size: 26px; line-height: 28px; visibility: hidden; }
.sIFR-hasFlash .panel p.intro { font-size: 14px; line-height: 16px; visibility: hidden; }
.sIFR-hasFlash #content .left-col .category { font-size: 16px; line-height: 18px; visibility: hidden; }
.sIFR-hasFlash #content .left-col h1 { font-size: 24px; line-height: 26px; visibility: hidden; }

/* Wrapper */
#wrapper { width: 909px; margin: 0 auto; background: #fff; padding: 0 15px 10px 14px; }

/* Header */
#header {width: 938px; height: 155px; position: relative; background: url(../images/bg/header.jpg) no-repeat; margin: 0 -15px 0 -14px; }
#header .accessibility { display: none; }
#header .logo { position: absolute; top: 16px; left: 22px; margin: 0; }
#header .info { line-height: 1.25; position: absolute; left: 218px; top: 78px; }
#header .info h2 { font-size: 2.58em; font-weight: normal; }
#header .info .tel { font-size: 2.2em; color: #0095AB; float: left; padding-right:10px; }
#header .info .tel strong { font-weight: normal; }
#header .info ul { float: left; }
#header .info .hours { color: #999; }

/* Top Navigation */
#top-nav { position: absolute; left: 209px; bottom: 104px; width: 520px; }
#top-nav li { float: left; padding: 6px 2px 6px 8px; border: 1px solid #fff; border-bottom: 0; background: url(../images/bg/sep2.gif) 0 7px no-repeat; }
#top-nav li.first { background: none; }
#top-nav li.current { border-color: #D1D1D7; background: #fff; margin: 0 -2px -1px 0; padding: 7px 4px 6px 7px; position: relative; }
#top-nav a { text-decoration: none; display: block; }
#top-nav li.current a { color: #666; }

/* Content */
#content { float: right; width: 730px; margin-top: 17px; border-top: 3px solid #0095AB; }

/* First level grey nav area */
.first-level-nav { background: #EFF0E7; padding: 29px 250px 0 10px; }
.first-level-nav li { float: left; background: url(../images/bg/sep3.gif) left center no-repeat; }
.first-level-nav li.first { background: none; }
.first-level-nav a { text-decoration: none; font-size: 1.09em; display: block; padding: 10px 8px 8px 8px; }
.first-level-nav li.hover, .first-level-nav li.current { background: url(../images/bg/third-level-nav-current.gif) no-repeat; padding-left: 5px; margin-right: -1px; position: relative; }
.first-level-nav li.hover a, .first-level-nav li.current a { background: url(../images/bg/third-level-nav-current.gif) top right no-repeat; padding-left: 3px; padding-right: 9px; }

/* Third level navigation */
.third-level-nav { background: #EFF0E7; padding: 29px 250px 0 10px; }
.third-level-nav li { float: left; background: url(../images/bg/sep3.gif) left center no-repeat; }
.third-level-nav li.first { background: none; }
.third-level-nav a { text-decoration: none; font-size: 1.09em; display: block; padding: 10px 8px 8px 8px; }
.third-level-nav li.hover, .third-level-nav li.current { background: url(../images/bg/third-level-nav-current.gif) no-repeat; padding-left: 5px; margin-right: -1px; position: relative; }
.third-level-nav li.hover a, .third-level-nav li.current a { background: url(../images/bg/third-level-nav-current.gif) top right no-repeat; padding-left: 3px; padding-right: 9px; }

/* Content left col */
#content .left-col { float: left; width: 465px; margin: 10px 0 0 17px;  }
#content .left-col .category { margin: 0; color: #999; font-size: 1.27em; }
#content .left-col h1 { margin: 0 0 10px 0; font-size: 1.81em; font-weight: normal; }
#content .left-col p { font-size: 1.2em; }
#content .left-col p.imageCaption { font-family: Arial, Helvetica, sans-serif; line-height: 1.3; padding: 4px; font-style: bold; font-size: 18px; }
#content .left-col ul { list-style: disc; line-height: 20px; margin-left: 20px; margin-bottom: 20px; font-size: 1.2em; }
#content .left-col ol { list-style: lower-roman; line-height: 20px; margin-left: 30px; margin-bottom: 20px; font-size: 1.2em; }
#content .left-col img { margin: 3px; margin-right: 4px; }

/* Content right col */
#content .right-col { float: right; width: 200px; padding: 7px; margin: -45px 19px 0 0; position: relative; background: #fff url(../images/bg/content-right-col.gif) no-repeat; }

/* Box 1 */
.box1 { background: url(../images/bg/box1.gif) no-repeat; padding-top: 12px; margin-bottom: 9px; }
.box1 .inner { background: url(../images/bg/box1.gif) bottom no-repeat; padding: 0 12px 12px 12px; }
.box1 p { margin: 0 0 8px 0; }
.box1 .author { margin: 0; }

/* Home bottom box */
.home-box { border-top: 1px solid #fff; background: #EFF0E7 url(../images/bg/home-box-top.gif) repeat-x; padding-top: 17px; }
.home-box .inner { background: url(../images/bg/home-box-bottom.gif) bottom no-repeat; padding: 0 20px 0 21px; }
.home-box h3 { color: #394F41; }
.home-box .installation { width: 125px; float: left; padding: 0 125px 15px 0; background: url(../images/bg/installation.jpg) bottom right no-repeat; }
.home-box .installation h3 { margin-bottom: 12px; }
.home-box .installation .link { font-weight: bold; }
.home-box .installation .link a { text-decoration: none; }
.home-box .news { width: 415px; float: right; }
.home-box .news .col { float: left; width: 194px; }
.home-box .news .first { margin-right: 26px; }
.home-box .news h3 { margin-bottom: 6px; }
.home-box .news h4 { font-size: 1em; font-weight: bold; margin-bottom: 4px; }
.home-box .news h4 a { text-decoration: none; }
.home-box .news p { margin: 0 0 5px 0; }

/* Home Panels */
.panels { min-height: 257px; }
.panel { border-top: 1px solid #fff; padding: 14px 370px 60px 21px; width: 339px; min-height: 182px; position: absolute; left: -999em; }
.panel-show { position: relative; left: auto; }
.panel h2 { font-size: 1.81em; font-weight: normal; margin-bottom: 8px; }
.panel p { font-size: 1.18em; margin-bottom: 10px; }
.panel .find-out-more { margin: 0; position: absolute; left: 22px; top: 207px; }
.panel .find-out-more img { display: block; }
.default-panel { background: #000 url(../images/panels/default.jpg) top right no-repeat; color: #fff; }
.education-panel { background: #96B090 url(../images/panels/education.jpg) top right no-repeat; color: #fff; }
.retail-panel { background: #EADAB9 url(../images/panels/retail.jpg) top right no-repeat; color: #333; }
.construction-panel { background: #5B8BC6 url(../images/panels/construction.jpg) top right no-repeat; color: #fff; }
.leisure-panel { background: #D8DEDE url(../images/panels/leisure.jpg) top right no-repeat; color: #333; }
.public-panel { background: #000 url(../images/panels/public.jpg) top right no-repeat; color: #fff; }
.corporate-panel { background: #C9CDBE url(../images/panels/corporate.jpg) top right no-repeat; color: #fff; }
.ict-panel { background: #C3B1AD url(../images/panels/ict.jpg) top right no-repeat; color: #fff; }
.transport-panel { background: #D3D3D2 url(../images/panels/transport.jpg) top right no-repeat; color: #333; }
.manufacturing-panel { background: #B3BBA3 url(../images/panels/manufacturing.jpg) top right no-repeat; color: #333; }
.services-panel { background: #D3D3D2 url(../images/panels/services.jpg) top right no-repeat; color: #333; } 

/* Sidebar */
#sidebar { float: left; width: 179px; margin-top: -22px; position: relative; }

/* Section navigation switch */
.section-switch { height: 39px; width: 178px; }
.section-switch li { float: left; }
.section-switch a { background: #EDEDED; color: #0095AB; display: block; height: 39px; line-height: 39px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
.section-switch a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
.section-switch a:hover { background: #0095AB; color: #fff; }
.section-switch a:hover span, .section-switch a.current span { background-position: left bottom; }
.section-switch a.sectors { width: 93px; margin-right: 2px; }
.section-switch a.services { width: 83px; }
.section-switch a.sectors span { background-image: url(../images/text/sectors-nav.gif); }
.section-switch a.services span { background-image: url(../images/text/services-nav.gif); }

/* Section navigation */
#services { display: none; padding-bottom: 60px; }
.section-nav { background: #0095AB url(../images/bg/section-nav.gif) bottom no-repeat; color: #fff; border-top: 3px solid #0095AB; padding: 1px 1px 4px 0; } 
.home .section-nav { background-image: url(../images/bg/section-nav-home.gif); padding: 1px 0 4px 0; }
.section-nav a { font-size: 1.09em; text-decoration: none; color: #fff; display: block; background: url(../images/bg/sep4.gif) no-repeat; padding: 5px 0 5px 9px; }
.section-nav li.next a { background-image: url(../images/bg/nav-shadow.gif); }
.section-nav li.first a, .section-nav li.current li.first a { background: none; }
.section-nav li.hover { margin: 0 0 -1px 0; position: relative; }
.section-nav li.hover a { background: none; padding: 5px 0 6px 9px;  }
.section-nav li ul { margin: 2px 0 0 18px; padding-bottom: 2px; }
.section-nav li.current { background: #58C2E9; margin: 0 0 -1px 0; position: relative; }
.section-nav li.current a { background: none; }
.section-nav li.current li a, .section-nav li li a { font-size: 1em; background: url(../images/bg/sep5.gif) no-repeat; padding: 3px 0; }
.section-nav li li a.current { font-weight: bold; }

.section-nav #education-nav.hover { background: #96B090; }
.section-nav #retail-nav.hover { background: #EADAB9; }
.section-nav #retail-nav.hover a { color: #333; }
.section-nav #construction-nav.hover { background: #5B8BC6; }
.section-nav #leisure-nav.hover { background: #D8DEDE; color: #333; }
.section-nav #leisure-nav.hover a { color: #333; }
.section-nav #public-nav.hover { background: #000; }
.section-nav #corporate-nav.hover { background: #C9CDBE; }
.section-nav #ict-nav.hover { background: #C3B1AD; }
.section-nav #transport-nav.hover { background: #D3D3D2; }
.section-nav #manufacturing-nav.hover { background: #B3BBA3; }

/* Get in touch box */
.get-in-touch { background: url(../images/bg/get-in-touch.gif) no-repeat; padding-top: 8px; width: 178px; margin: 12px 0; clear: both; }
.get-in-touch .inner { background: url(../images/bg/get-in-touch.gif) bottom no-repeat; padding: 5px 33px 30px 10px; }
.home .get-in-touch { width: 170px; background-image: url(../images/bg/get-in-touch-home.gif); margin: 7px 0; }
.home .get-in-touch .inner { background-image: url(../images/bg/get-in-touch-home.gif); padding-right: 25px; }
.get-in-touch h3 { color: #394F41; margin-bottom: 10px; }
.get-in-touch a { color: #333; font-weight: bold; text-decoration: none; }
.get-in-touch p { margin: 0; }


/* Footer */
#footer { clear: both; color: #999; margin: 25px 2px 30px 10px; border-top: 1px solid #B2B2B2; padding: 10px 1px 0 1px; }
.home #footer { margin: 15px 19px 30px 180px; padding: 0; border: none; }
#footer .links { float: right; }
#footer .links li { float: left; padding-left: 12px; margin-left: 8px; background: url(../images/bg/sep1.gif) left center no-repeat; }
#footer .links li.first { padding: 0; margin: 0; background: none; }
#footer .links a { text-decoration: none; }

/* styles for Feedburner blog feeds */
#TheIpCameraStoreAndIpCctvBlog161kqkdb5qsqpabls9sakluh2g li { list-style:none; margin-left:-20px;}
#TheIpCameraStoreAndIpCctvBlog161kqkdb5qsqpabls9sakluh2g p.date { font-size: 0.8em; }
#IpCameraLearningResourceCenter9n0tfnkpivlhhb4feduabgi1kc li { list-style:none; margin-left:-20px;}
#IpCameraLearningResourceCenter9n0tfnkpivlhhb4feduabgi1kc p.date { font-size: 0.8em; }
#creditfooter { display:none; }