html,body {margin: 0 0 0 0; padding: 0 0 0 0; font-family: tahoma, verdana, arial, sans-serif; font-size: 95%; height: 100%;}

html {background-image: url(patch-bg.jpg); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed;}

img {border: 0px;}

hr {color: #247FB2; width: 100%; height: 1px;}

.left {float: left;}

.right {float: right;}

#container {margin: 0 0 0 0; padding: 0 0 0 0;}

#chat {position: absolute; top: 190px; left: 550px;}

#testamonials {position: absolute; width: 200px; height: 100px; top: -12px; left: 35px; padding-top: 15px; font-size: 75%; z-index: 1;}

#top {width: 100%; height: 115px; padding: 0 0 0 0; background-image: url(top-bg.jpg); background-repeat: repeat-x; text-align: center;}

#top-left {position: absolute; top: 0px; left: 0px;}

#top-right {position: absolute; top: 0px; right: 0px;}

#top-menu {width: 100%; text-align: center; font-weight: bold; color: #247FB2;}

a.top-menu:link, a.top-menu:visited, a.top-menu:active {display: inline; height: 2em; text-decoration: none; line-height: 2em; background-color: #FFF; font-family: tahoma, verdana, arial, sans-serif; font-size: 100%; color: #247FB2; padding-left: 10px; padding-right: 10px;}

a.top-menu:hover {display: inline; height: 2em; text-decoration: underline; line-height: 2em; background-color: #FFF; font-family: tahoma, verdana, arial, sans-serif; font-size: 100%; color: #247FB2; padding-left: 10px; padding-right: 10px;}

#nav {float: right;}

.e {font-weight: bold; font-family: Amazone BT, times new roman; font-size: 200%; line-height: 16px;}

.panasonic {text-decoration: none; color: #002A94; font-weight: bold;}

#services {position: absolute; left: 0px; width: 188px; height: 360px; border: 1px solid #B6D4E5; z-index: 3;}

#services-title {background-image: url(services-title.jpg); background-repeat: no-repeat; height: 22px; width: 178px; color: #FFF; font-weight: bold; padding-left: 10px; padding-top: 3px;}

#services-contents {font-weight: bold; width: 188px; height: 250px; color: #247FB2; background-image: url(services-bg.jpg); background-repeat: no-repeat;}

a.services-contents:link, a.services-contents:visited, a.services-contents:active {display: block; height: 25px; width: 178px; line-height: 25px; color: #8FBDD8; text-decoration: none; padding-left: 10px; font-weight: bold; font-size: 80%;}

a.services-contents:hover {display: block; height: 25px; width: 178px; background-color: #8FBDD8; line-height: 25px; color: #FFF; text-decoration: none; padding-left: 10px; font-weight: bold; font-size: 80%;}



a.services-selected:link, a.services-selected:visited, a.services-selected:active, a.services-selected:hover {display: block; height: 25px; width: 178px; line-height: 25px; color: #8FBDD8; text-decoration: none; padding-left: 10px; font-weight: bold; font-size: 80%; background-color: #D1D1D1; color: #FFF;}


#patch {position: absolute; left: 0px; top: 530px;}



#content {position: absolute; left: 198px; z-index: 1; padding-right: 180px;}

#welcome {text-align: center; background-color: #EEF5F9; color: #247FB2; font-weight: bold; padding: 5px; font-size: 90%;}

.title {font-size: 150%; font-weight: bold;}

.title-index {font-size: 150%; font-style: italic; font-weight: bold;}

.nobold {font-weight: normal;}

#text-trans {filter: alpha(opacity=60); -moz-opacity:.60;opacity:.60; display: inline-block; background-color: #FFF;}

#text {position: relative; text-align: left; color: #247FB2; font-weight: bold; padding: 5px; font-size: 90%;}

		 

#buttons {text-align: center;}

a.buttons:link, a.buttons:visited, a.buttons:active {width: 86px; height: 86px; display: inline-block; line-height: 86px;}

a.buttons:hover {background-color: #FFF; width: 86px; height: 86px; display: inline-block; filter: alpha(opacity=50);-moz-opacity:.50;opacity:.50; line-height: 86px;}

a.buttons:hover img{border: 1px solid #000;}



#virus-alert {position: absolute; right: 0px; border: 1px solid #B6D4E5; width: 170px; height: 225px; margin-right: 0; z-index: 2;}

#virus-alert-title {width: 160px; padding-left: 10px; padding-top: 3px; background-image: url(virus-alert-title.jpg); background-repeat: no-repeat; font-weight: bold; color: #8FBDD8; height: 22px;}

#virus-alert-content {padding-left: 10px; background-image: url(virus-alert-content.jpg); background-repeat: no-repeat; font-weight: bold; color: #FFF; height: 200px; font-size: 70%; width: 160px;}

#virus-alert-content ul,li{margin-left: 0;list-style-type: none;}

.rss-box, .rss-title, .rss-items {padding: 0px; margin: 0px; border: 0px;}

.rss-item a:link {color:#247Fb2;}

.rss-item a:visited {color:#247Fb2;}

.rss-item a:active {color:#247Fb2;}

.rss-item a:hover{color:#fff;}



#price-promise {position: absolute; right: 0px;  top: 390px; border: 1px solid #B6D4E5; width: 170px; margin-right: 0; z-index: 2;}

#price-promise-title {width: 160px; padding-left: 10px; padding-top: 3px; background-image: url(virus-alert-title.jpg); background-repeat: no-repeat; font-weight: bold; color: #8FBDD8; height: 22px;}

#price-promise-content {background-image: url(virus-alert-content.jpg); background-repeat: no-repeat; font-weight: bold; color: #247Fb2; height: 122px; font-size: 75%; width: 150px; padding: 10px;}



#footer {font-size: 75%; bottom: 0px; text-align: center;}



A:link {color: #247FB2;}

A:visited {color: #247FB2;}

A:active {color: #247FB2;}

A:hover {color: #B6D4E5;}





input, textarea {border: 1px solid #B6D4E5; font-family: tahoma, verdana, arial; color: #247FB2;}

select {border: 1px solid #B6D4E5; background-color: #247FB2; color: #FFF;}

.forminput {width: 500px; height: 100%;}

.leftform {float: left; width: 190px; padding: 5px;}

.rightform {float: left; width: 290px; padding: 5px;}

.submit {background-color: #247FB2; color: #fff; font-weight: bold;}