﻿



/*PULSE MASTER CSS grid*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.grid_1
{
    width: 60px;
}
.grid_2
{
    width: 140px;
}
.grid_3
{
    width: 220px;
}
.grid_4
{
    width: 300px;
}
.grid_5
{
    width: 380px;
}
.grid_6
{
    width: 460px;
}
.grid_7
{
    width: 540px;
}
.grid_8
{
    width: 620px;
}
.grid_9
{
    width: 700px;
}
.grid_10
{
    width: 780px;
}
.grid_11
{
    width: 860px;
}
.grid_12
{
    width: 940px;
}

.grid_13
{
    padding: 30px 10px 5px;
    width: 145px;
	-moz-border-radius: 8px 8px 8px 8px;
    -moz-box-shadow: 0 0 5px #CCCCCC;
    background: -moz-linear-gradient(90deg, #DDD9D3, #FFFFFF) repeat scroll 0 0 transparent;
    list-style-type: none;
	behaviour:url(/js/PIE.htc);
	margin-top:25px;
	margin-bottom: 25px;
}

hr.clear
{
    padding-top: 10px; background:none repeat scroll 0 0 transparent;
}


body {font-family:Myriad Web Pro, Verdana, Arial, Sans-Serif;color:#666666; font-size:80%;background:#000 url(/media/bg.gif); background-position:center top;}

#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%; color:#fff;}

#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/header/av-in-your-home.jpg); height:230px;}

#banner div.banner div {float:left; width:300px;background-color:#8F1385; 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.jpg);}
#banner div.office {background-image: url(../media/header/digital-signage.png);}
#banner div.xmas {background-image: url(../media/header/xmas-banner.jpg);}
#banner div.package {background-image: url(../media/header/video-conferencing.png);}
#banner div.avhome {background-image: url(/media/header/av-in-your-home.jpg);}
/*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 */
.clients #NavigationList ul li {list-style-type:none;}
#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;}

#sidenavigation .square-button {margin:10px 10px 10px 0;background:url(/media/square-button-arrow.png) no-repeat right center #8F1385;}

/* MainContent */


.homecontent .last {list-style-type:none;}

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;}

p.title {  font-weight: 100;
    line-height: 1.1;
    margin: 0.2em 0;
	font-size:180%;}
	
	
	
/*new page style*/


.new-page h1.title {display:none;}
.new-page h1 {color:#92278F; font-weight:700;font-size:170%;}
.new-page h1 span {font-weight:100;}

.new-page #MainContent {margin:10px 0 0 0; width:770px;}

.new-page .box {float:left; width:110px;padding:0;}
.new-page .box.first {margin-left:0}
.new-page .box.last {margin-right:0}
.new-page .box.grey {background:#ccc; height:110px;}
.new-page .box.grey p {font-weight:700;font-size: 120%;margin:5px 0;}
.new-page .box.grey p .thin {font-weight:100;}

.new-page .box.boardroom .cover {background:url(/media/corporate/boardroom-hover.jpg) no-repeat;}
.new-page .box.meeting .cover {background:url(/media/corporate/meeting-hover.jpg) no-repeat;}
.new-page .box.lecture .cover {background:url(/media/corporate/lecture-hover.jpg) no-repeat;}
.new-page .box.mobile .cover {background:url(/media/corporate/mobile-hover.jpg) no-repeat;}
.new-page .box.reception .cover {background:url(/media/corporate/reception-hover.jpg) no-repeat;}
.new-page .box.trading .cover {background:url(/media/corporate/trading-hover.jpg) no-repeat;}
.new-page .box.video .cover {background:url(/media/corporate/video-hover.jpg) no-repeat;}
.new-page .box.video-wall .cover {background:url(/media/corporate/video-wall-hover.jpg) no-repeat;}

.new-page .box.classroom .cover {background:url(/media/corporate/classroom-hover.jpg) no-repeat;}
.new-page .box.lecture-2 .cover {background:url(/media/corporate/lecture-2-hover.jpg) no-repeat;}
.new-page .box.mobile-2 .cover {background:url(/media/corporate/mobile-2-hover.jpg) no-repeat;}




.new-page .text {margin:20px 0}
.new-page .text p {float:left; margin:0 10px;width: 445px;font-size:100%;}
.new-page .text .button-area {float:right; margin:0 20px 0 0;}
.new-page #MainContent .text .button-area h2 {float:left;width:180px;margin-right:10px;color: #999; font-weight:100;font-size:130%;}
.new-page .text .button-area .button {background: #8F1385;color:#fff; width:65px; padding:5px 10px;height:auto;font-size: 113%;font-weight: 700;line-height:1.2;} 

.new-page .corporate-gallery {float:left;width:100%;background:url(/media/corporate/gallery-bg.jpg) repeat-x top #e2dfdc; margin-top:20px;}
.new-page .corporate-gallery ul li {text-align: center;line-height: 1.2;position:relative;}
.new-page .corporate-gallery ul li img {float:none;display:block}
.new-page .corporate-gallery ul li a span {font-size: 80%; float:none;clear:both;margin-top:5px;display:block}

/* new page style hover */

.peek {
    color: #fff;
    margin: 10px;
    position: relative;
}

 .peek .floatlink {
    height: 110px;
    position: absolute;
    width: 110px;
    z-index: 999;

}

 .peek a {
    color: #fff;
    font-weight: 100;
    text-decoration: none;
	font-weight:bold;
	position: relative;
	top:3px;
}

 .peek p {margin:0;line-height: 1.2; padding:0 10px;}

.peek .cover p a{margin:0;font-weight:700; font-size:145%;}
.peek .cover p a .thin {font-weight:100;}

 .peek .cover {
    background: #92278f;
    border: 0 none;
    color: #fff;
    left: 0;
    min-height: 110px;
    padding: 0px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 110px;
    z-index: 100;
}

 .peek img {
    width: 110px;
}


/* new page gallery style */

.jcarousel-skin-tango .jcarousel-container {
   
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 690px;
    padding: 20px 40px 10px 40px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  690px;
    height: 125px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 125px;
}

#MainContent .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin:0 8px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/media/corporate/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/media/corporate/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/media/corporate/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/media/corporate/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 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; padding-top:5px;}
#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:6px;}
#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;}

div#footer #wp { padding:10px 0px 0px 18px;}
#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 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:left;margin:0 0 0  15px;}
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;}

/*CLEAR*/
.clearleft{clear:left !important;}
.clearright{clear:right !important;}
.clearboth{clear:both !important;}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0;}
hr.clear{padding-bottom:20px;}

/* EXTRAS */

container {width:720px; float:left; margin:10px;}
.container p {font-size:90%;}
.container .left img {border: 4px solid #660066;}
.audio {margin:10px;width:160px;}
.visual {margin:10px;width:160px;}
.complete {margin:10px; width:160px;}
.corporate {margin:10px;width:160px; }

.square-button {background: #8F1385;padding: 10px; height: auto; font-size: 100%; font-weight: 700; margin:10px; color:#fff;}
.square-button  a {color:#fff;}
