body {font-family:Myriad Web Pro, Verdana, Arial, Sans-Serif;color:#666666; font-size:80%;background:#000000 url(/media/bg.gif);}

#wrapper {width:960px; margin:0 auto;background-color:#ffffff;border:10px solid #fff;overflow:hidden;}
#pop {padding:10px;background-color:#fff;margin:15px;line-height:170%;}
#pop li {margin-left:40px;}
#header, #banner, #navigation, #breadcrumb, #sidenavigation, #MainContent, #rightnavigation, #footer {display:inline; position:relative; float:left;}

/* header */
#header {width:960px; background: #8d2786 url(../media/header_bg.jpg) no-repeat; color:#ffffff;margin:0 0 10px 0;}
#header a img {float:left; padding:8px 10px;}
#header p {float:right; text-align:right; margin:8px 10px; border-left:1px solid #b989b8; padding:0 0 0 10px;}
#header p a {color:#fff;}
#header p span {font-size:205%;}

#header div.ProductSearch {float:right;margin:10px 0 0;}
#header div.ProductSearch input {height:26px; line-height:26px;height:26px;line-height:26px;margin:0 5px 0 0;padding:0 5px;}
#header div.ProductSearch div.button {float:right;}
#header div.ProductSearch div.button input {height:32px;padding:0 9px 5px 0;line-height:normal;}

input.SearchPaneltxtKeywords  {float:left;font-size:100%;}

#header p.CustomerLinks {width:950px;background-color:#fff;color:#8F1385;height:25px;margin:0;float:none;border:none;}
#header p.CustomerLinks a {color:#8F1385;}
/* banner */

#free-tv  #banner {background-image: url(/media/landing_header.jpg);height:306px;}
		#banner2 {background-image: url(/media/cctv-header.jpg);height:306px;}

#banner {width:960px;margin:0;height:230px;}
#banner div.promo {width:290px;float:right; text-align:right;height:230px;}
#banner div.banner {float:left; width:670px; background: url(../media/banner_bg.jpg); height:230px;}

#banner div.banner div {float:left; width:300px;background-color:#8d2786; opacity:0.90;filter:alpha(opacity=90); padding:15px; height:200px;}
#banner div.banner div p {color:#fff;margin:0.5em 0;}
#banner div.banner div p.title {font-size:375%;font-weight:700;margin:0;text-shadow:0 0 1px #fff;}
#banner div.banner div p.title span {color:#d010b1;text-shadow:0 0 1px #d010b1;}

#banner div.box {width:272px; float:right;}
#banner div.box div.top {height:23px; width:100%; background:url(../media/rightnavigation_top.gif);}
#banner div.box div.mid {float:left; width:230px; background:url(../media/rightnavigation_mid.gif) repeat-y; padding:0 20px;height:195px;}
#banner div.box div.bot {clear:left; height:23px; width:100%; background:url(../media/rightnavigation_bot.gif);}

#banner div.homecinema {background-image: url(../media/3d-sound.png);}
#banner div.office {background-image: url(../media/header/corp2-hero670x230.png);}
#banner div.package {background-image: url(../media/header/pers2-hero670x230.png);}
/*INFINITE CAROUSEL */
#banner div.infiniteCarousel {  width: 395px;  position: relative;z-index:500;}
#banner div.infiniteCarousel .wrapper {
  width: 670px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow:hidden;  height: 230px;  margin: 0 0;  position: absolute;  top: 0;}
#banner div.infiniteCarousel .wrapper ul {  width: 670px; /* single item * n */  list-style-image:none;  list-style-position:outside;   list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;}
#banner div.infiniteCarousel ul li {  display:block;  float:left;  padding: 0;  height: 230px;  width: 670px;}
#banner div.infiniteCarousel ul li img {    -webkit-transition: border-color 400ms;}
#banner div.infiniteCarousel ul:hover li img {  border-color: #000;}
#banner div.infiniteCarousel ul:hover li:hover img {  border-color: #333;}
#banner div.infiniteCarousel ul li a img {  display:block;}
#banner div.infiniteCarousel .arrow {  display: block;  height: 36px;  width: 37px;  background: url(images/arrow.png) no-repeat 0 0;  text-indent: -999px;  position: absolute;  top: 37px;  cursor: pointer;  outline: 0;}
#banner div.infiniteCarousel .forward {  background-position: 0 0;  right: 0;display:none;}
#banner div.infiniteCarousel .back {  background-position: 0 -72px;  left: 0;display:none;}
#banner div.infiniteCarousel .forward:hover {  background-position: 0 -36px;}
#banner div.infiniteCarousel .back:hover {  background-position: 0 -108px;}

/* navigation */
#navigation {width:960px;margin:0 0 10px 0;z-index:2;position:relative;}
#navigation div.NavigationMenu {float:left;}
#navigation div.NavigationMenu ul {width:960px; height:45px; text-align:center; background:#dbe4e8 url(../media/navigation_ul_bg.gif) repeat-x bottom; float:left;margin:10px 0 0 0;}
#navigation div.NavigationMenu ul ul li {display:inline;height:auto !important;}
#navigation div.NavigationMenu ul li a {display:block; float:left; color:#666666;padding:9px 0 3px; margin:0 15px 6px; font-weight:bold;height:auto !important;font-size:122%;}
#navigation div.NavigationMenu ul li a:hover {padding-bottom:2px; border-bottom:5px solid #8d2786; margin-bottom:2px;}

#navigation div.NavigationMenu ul ul {width:auto; position:absolute; top:32px;background-image:none; background-color:#DBE4E8;opacity:0.95;filter:alpha(opacity=95);height:auto;padding-bottom:5px;margin:0 0 0 10px;}

#navigation div.NavigationMenu ul li li {display:block;height:auto !important;clear:left; width:230px;}
#navigation div.NavigationMenu ul li li a {display:block; float:left; color:#666666;padding:3px; margin:0 5px 2px; font-weight:normal;width:214px;text-align:left;font-size:85%;}
#navigation div.NavigationMenu ul li li a:hover {padding:3px; margin:0 5px 2px;background-color:#8d2786; color:#fff;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;}

#navigation select {-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border:1px solid #FFFFFF;bottom:16px;outline:medium none;padding:1px 7px 1px 6px;position:absolute;right:10px;-moz-box-shadow:0 0 8px #666666;-webkit-box-shadow:0 0 8px #666666;}

#navigation div.NavigationBar {position:relative;float:left;}

/* breadcrumb */
#breadcrumb {width:100%;display:block;margin-bottom:10px;font-size:85%;}

/* sidenavigation */
#free-tv #sidenavigation {display:none;}
#sidenavigation {width:180px; clear:left;margin:0 10px 10px 0;_overflow:hidden;}

#sidenavigation div.banner {width:182px; float:left; position:relative;}
#sidenavigation div.banner div.top {height:23px; width:100%; background:url(../media/banner_top.gif) -10px 0;}
#sidenavigation div.banner div.mid {float:left; width:100%; background:url(../media/banner_mid.gif) repeat-y -10px 0;height:25px;}
#sidenavigation div.banner div.mid p {background:url("../media/banner_mid_arrow.gif") no-repeat scroll 151px 63px transparent;color:#FFFFFF;display:block;font-size:120%;font-weight:bold;margin:0 0;padding:0 12px; text-align:center;}
#sidenavigation div.banner div.mid p a {line-height:71px;color:#fff;position:absolute;top:0;left:0;width: 182px; height:71px;}
#sidenavigation div.banner div.bot {clear:left; height:23px; width:100%; background:url(../media/banner_bot.gif) -10px 0;}

#sidenavigation div.list {width:190px; float:left;}
#sidenavigation div.list div.top {height:23px; width:100%; background:url(../media/list_top.gif) -10px 0;}
#sidenavigation div.list div.mid {float:left; width:162px; background:url(../media/list_mid.gif) repeat-y -10px 0;padding:0 10px;}
#sidenavigation div.list div.mid p {font-weight:bold;}
#sidenavigation div.list div.mid p.title {padding-bottom:10px;border-bottom:1px dotted #666666; font-weight:bold; line-height:21px;width:160px;}
#sidenavigation div.list div.mid ul {border-bottom:1px dotted #c9d0d4; margin-bottom:10px;}
#sidenavigation div.list div.mid ul li {list-style-type:none; background: url(../media/list_mid_arrow.gif) no-repeat 95%; margin:10px 0;}
#sidenavigation div.list div.mid ul li a {display:block; color:#666666;}
#sidenavigation div.list div.bot {clear:left; height:23px; width:100%; background:url(../media/list_bot.gif) -10px 0;}

/* MainContent */
div.maincontentright {width:564px;}
div.maincontentfull {width:750px;}

#free-tv #MainContent {width:940px;}

#MainContent {margin:10px;line-height:170%;_overflow:hidden;}
#MainContent h2 {font-size:120%; font-weight:bold;}
#MainContent li {margin:0 0 5px 25px;}
#MainContent ul.whats_new_panel {margin:0 0 15px -15px;float:left;}
#MainContent ul.whats_new_panel li {border-right:1px dotted #666666;float:left;list-style-type:none;margin:15px 0 0;padding:0 15px;width:240px;}
#MainContent ul.whats_new_panel li.last {border-right:none;}
#MainContent ul.whats_new_panel li p {}
#MainContent p.ProductImg {background: url(../media/featured_img_bg.jpg) no-repeat; width:420px; height:137px;}
#MainContent p img.ProductImageMain {padding:10px;}

#MainContent img.ProductList {border:1px solid #fff;}
#MainContent p.price {font-size:120%;margin:0;}
#MainContent p.price span {color:#8F1385;}

#MainContent ul.CategoryList {float:left;padding-bottom:10px;}
#MainContent ul.CategoryList li {list-style-type:none;float:left;margin:0 20px 0 0;}
#MainContent ul.CategoryList li a {display:block;background-color:#ffffff;text-align:center;padding:0 15px;border:1px solid #ccc;width:135px;overflow:hidden;height:165px;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;}
#MainContent ul.CategoryList li a span {display:block;background-color:#8F1385;color:#ffffff;height:45px;position:absolute;bottom:0;width:165px;left:0;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;}

body#customers #MainContent ul.CategoryList li a {padding:0; width:165px;border:none;height:180px;}

#MainContent div.RadTabStrip ul {border-bottom:1px solid #ccc;width:564px;padding-bottom:1px;}
#MainContent div.RadTabStrip ul li {margin:0;}
#MainContent div.RadTabStrip ul li a {background-color:#8F1385;padding:5px;margin:0 1px 0 0;display:block;color:#fff;}
#MainContent div.RadTabStrip ul li a.rtsSelected {}
#MainContent div.RadTabStrip ul li a.rtsDisabled {color:#fff;background-color:#BC71B6;}

div.cert img { padding: 0 6px 10px 0;}

/* rightnavigation */

#free-tv #rightnavigation {display:none;}

#rightnavigation {margin:10px 0 10px 0;float:right;width:170px;padding-left:15px;_overflow:hidden;}
#rightnavigation p {line-height:170%;}
#rightnavigation div.box {width:191px; float:right;margin-left:-20px;}
#rightnavigation div.box div.top {height:23px; width:100%; background:url(../media/list_top.gif);}
#rightnavigation div.box div.mid {float:left; width:151px; background:url(../media/list_mid.gif) repeat-y;padding:0 20px;}
#rightnavigation div.box div.mid p.title {padding-bottom:10px;border-bottom:1px dotted #666666; font-weight:bold; line-height:21px;width:160px;}
#rightnavigation div.box div.bot {clear:left; height:23px; width:100%; background:url(../media/list_bot.gif);}

#rightnavigation div.section {width:153px; float:right;margin:0 20px 10px 0;}
#rightnavigation div.section ul li {padding-bottom:10px; border-bottom:1px dotted #666666; list-style-type:none;}
#rightnavigation div.section ul li p {font-size:110%;font-weight:bold;padding:0 0 5px;}
#rightnavigation div.section ul li img {float:left;margin-right:5px;}
#rightnavigation div.section ul li a {text-align:right;display:block;clear:left;}

#rightnavigation div.basket p { width:167px; float:left;clear:left;}
#rightnavigation div.basket div.mid p.title {padding-bottom:10px;border-bottom:1px dotted #666666; font-weight:bold; background:url(../media/basket.gif) no-repeat 0 0;line-height:21px;padding-left:45px;width:113px;}
#rightnavigation div.basket p.links {}

/* footer */
#footer {display:block; float:none; clear:both; width:960px; background: #8d2786 url(../media/header_bg.jpg) no-repeat;padding-top:20px;}
#footer img {margin:0 20px 0 10px;float:left;}
#footer p {color:#fff;clear:both;padding:10px;}
#footer ul {float:right;margin:0 20px 10px;}
#footer ul li {color:#fff;}
#footer a {color:#fff;}

/* sitecredits */
#sitecredit {background-color:#FFFFFF;margin:-13px auto 0;padding:10px;text-align:center;width:960px;}
#sitecredit p {margin:0;}


/* typograpy */
a {color:#8F1385;}
a:hover {text-decoration:none;}
hr.clearfloat {display:none;}

/* Buttons & forms */
a.button {background:url(../media/button_left.png) no-repeat left; float:left; height:32px; padding-left:9px;cursor:pointer;}
a.button span {float:left;background:url(../media/button_right.png) no-repeat right; height:32px;color:#fff;cursor:pointer;line-height:32px;padding-right:9px;}

input.SearchPaneltxtKeywords  {float:left;font-size:100%;height:26px;line-height:26px;margin:0 5px 0 0;padding:0 5px;}


/* Form Fields */
#MainContent input, #MainContent select {border:1px solid #ccc;padding:2px;}
#MainContent input.button {background-color:#715AA2; padding:5px 15px;border:none; color:#fff;cursor:pointer;width:auto;}

#free-tv #MainContent div.form {margin:-200px 10px 0 15px;}

#MainContent div.form {background-color:#8E1384;padding:15px;float:right;color:#fff;width:266px;}
#MainContent div.form p {margin:0 0 1em 0;}
#MainContent div.form p strong {clear:left;display:block; background-color:#F2CDE3;padding:5px;}
#MainContent div.form a {float:left;}
#MainContent div.form table {float:left;}
#MainContent div.form table input{width:auto;margin:o;padding:0;}
#MainContent div.form table label{clear:none;padding:0 5px;width:auto;}

#MainContent div.form span{float:left;padding:2px;}
#MainContent div.form label {float:left;padding:2px 2px 2px 0;clear:left;color:#fff;}
#MainContent div.form label.otherTitle {height:1px;margin-bottom:0;padding:0;width:147px;}
#MainContent div.form input, #MainContent div.form select, #MainContent div.form textarea {float:left; width:250px;border:1px solid #ccc;padding:2px;}
#MainContent div.form div.button{margin-top:10px;}
#MainContent div.form div.button input{padding:5px 10px;border:none; color:#fff;cursor:pointer;width:249px;}
#MainContent div.form select {width:256px;}
#MainContent div.form span.checkbox input {width:auto;margin-top:2px;}
#MainContent div.form div.MultiPage div {float:left;padding:10px 10px;border:1px solid #ccc; width:562px;}


#MainContent p.ProductImg a.button {margin:0 0 0 10px;}

div.button {background:url(../media/button_left.png) no-repeat left 0px; float:left; height:32px; padding-left:9px;cursor:pointer;}
div.button input {float:left;background:url(../media/button_right.png) no-repeat right 0px; height:32px;color:#fff;border:none;cursor:pointer;cursor:pointer;padding-right:9px;padding-bottom:5px;}

td.actionlinks a.button span{text-align:center;width:88px;}

a.highlight, div.highlight {background-image:url(../media/button_left_gr.png);font-weight:700;}
a.highlight span, div.highlight input {background-image:url(../media/button_right_gr.png);font-weight:700;}

a.highlight:hover, div.highlight:hover, a.highlight span:hover, div.highlight input:hover {cursor:pointer;}


div#footer div.social {float:right;margin:0 15px 0 0;}
div#footer div.social img {float:none; padding:0 0 0 10px; margin:0; vertical-align:middle;}
div#footer div.social p {float:none; padding:0; margin:0; font-size:120%;}

table td {padding:5px 5px 5px 0; vertical-align:top;}
table td label {}

/* BASKET */

table.dgrdBasket {width:100%;border-collapse:collapse;border:1px solid #ccc;border-spacing:0;}
table.dgrdBasket tr td {padding:5px;}
table.dgrdBasket tr.header td {background-color:#8F1385;color:#fff;font-weight:700;}

.widgetsright { float:right; padding:0 5px 0 0;}