/* Grales */
body { margin: 0;font-family: verdana; font-size: 12px; color: #333; background:#5f5f5f top center url(/templates/images/common/gigaset-background.jpg) no-repeat; }
.clear {clear: both;}
img {border: none; float: left;}
h1 {margin: 0; margin-bottom: 5px; padding: 0; font-size: 18px; text-align: right; color: #555; border-bottom: 1px dotted #444;}
#notFound {margin: auto; margin-top: 20px; margin-bottom: 15px; padding: 10px; width: 220px; text-align: center;}
#notFound img {float: none; margin: auto;}
#notFound p {float: left; margin: 0;}
#notFound b {font-size: 15px; color: #ee780e;}

fieldset input, fieldset textarea {width: 300px;}

/* Grilla Gral de la Pagina */
#container {margin: auto; width: 980px; background: url(/templates/images/common/gigaset-one-background.jpg) repeat-y;}
#content {float: left; width: 980px; background: top center url(/templates/images/common/gigaset-one-top-background.jpg) no-repeat;}
#header {margin: auto; width: 980px; height: 71px;}

.three {float: left; width: 326px; background:  url(/templates/images/common/gigaset-three-background.jpg);}
.threeContent {float: left; margin: 0px 11px; width: 307px; overflow: hidden;}

.four {float: left; width: 245px; background:  url(/templates/images/common/gigaset-four-background.jpg);}
.fourContent {float: left; margin: 0px 11px; width: 224px; overflow: hidden;}

#txtContent {float: left; margin-left: 11px; width: 959px;}
#txtContent .smallPanel {float: left; width: 204px; margin: 10px 0 0 10px; overflow: hidden;}
/* Listado */
#txtContent .smallPanel .prodNew {float: left; width: 203px; padding: 0 10px; overflow: hidden; border-bottom: 1px dotted #aaa; padding-bottom: 10px; margin-bottom: 10px;}
#txtContent .smallPanel h4 {padding: 0; margin: 0; margin-bottom: 10px; text-align: right; font-size: 14px; border-bottom: 1px solid #aaa; color: #888;}
.thumbnail60 img {width: 60px; height: 60px;}
.thumbnail60 a {float: left;  height: 60px; width: 60px; display: block; border: 2px solid #999; margin-right: 10px;}
.thumbnail60 a:hover {border: 2px solid #ee780e;}
#txtContent .smallPanel h3 {float: left; padding: 0; margin: 0; width: 110px; font-size: 11px; font-weight: normal; color: #888;}
#txtContent .smallPanel h3 a {color: #555; text-decoration: none;}
#txtContent .smallPanel h3 a:hover {color: #333; text-decoration: underline;}
#txtContent .smallPanel h5 {float: left; padding: 0; margin: 0; font-size: 11px; text-align: right; font-weight: normal; color: #888;}
#txtContent .smallPanel h5 a {padding-bottom: 2px; display: block; width: 183px; color: #555; text-decoration: none; border-bottom: 2px solid transparent;}
#txtContent .smallPanel h5 a:hover {color: #333; border-bottom: 2px solid white;}
#txtContent .smallPanel p {float: left; padding: 0; margin: 0; color: #ee780e; font-size: 14px;}

#txtContent .bigPanel {float: left; margin-left: 10px; margin-top: 1px; width: 719px; padding-left: 14px; padding-bottom: 10px; background: white; border-left: 1px solid #999; min-height: 300px;}
#txtContent h1 {padding: 0; margin: 0; margin-bottom: 20px; text-align: right; font-size: 18px; border-bottom: 1px solid #ccc; color: #aaa;}
#txtContent h2 {padding: 0; margin: 0; font-size: 14px; color: #555;}
#txtContent p {padding: 0; margin: 5px 10px 15px 10px; font-size: 11px; color: #777;}

/* Navegacion  Superior - Institucional */
#topAboutMenu {float: right; width: 700px; height: 29px; text-align: right; font-size: 10px;}
#topAboutMenu ul {margin: 0; margin-top: 4px; padding: 0;}
#topAboutMenu li {float: right; padding: 0 10px;list-style: none; border-left: 1px solid #aaa;}
#topAboutMenu li a {text-decoration: none; color: white; padding-top: 3px;}
#topAboutMenu li a:hover { border-top: 1px solid white;}
/* Navegacion  Superior - Categorias */
#categories {float: left; width: 980px; height: 48px; background: url(/templates/images/common/gigaset-one-top.jpg) no-repeat;}
#categories ul {margin: 13px 0 0 11px; padding: 0;width: 959px; height: 35px;  border-bottom: 1px solid #999;}
#categories li {float: right;list-style: none;}
#categories li h3 {margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
#categories li a {text-decoration: none; color: #333; padding: 10px 20px; display: block; border-left: 1px solid #999;}
#categories li a:hover {background: white;}

/* Navegacion Inferior - Contenedor */
#footer {margin: auto; width: 980px;}
#footerLine {float: left; width: 980px; border-bottom: 1px solid #bbb;}

/* Navegacion Inferior - Institucional */
#bottomAboutMenu {float: left; width: 660px; height: 20px; font-size: 10px;}
#bottomAboutMenu ul {margin: 0; margin-top: 4px; padding: 0;}
#bottomAboutMenu li {float: left; padding: 0 10px;list-style: none; border-left: 1px solid #aaa;}
#bottomAboutMenu li a {text-decoration: none; color: #999; padding-top: 3px;}
#bottomAboutMenu li a:hover {color: white;}
/* Navegacion Inferior - Categorias */
#bottomCategories {float: left; width: 660px; height: 20px; font-size: 10px;}
#bottomCategories ul {margin: 0; padding: 0;}
#bottomCategories li {float: left;list-style: none;}
#bottomCategories li h3 {float: left; margin: 4px 0; padding: 0 10px;list-style: none; border-left: 1px solid #aaa;  font-size: 10px;}
#bottomCategories li a {text-decoration: none; color: #999;}
#bottomCategories li a:hover {color: white;}
/* tienda gigaset */
#byCignal {float: right; width: 300px; text-align: right;}
#byCignal h4 {margin: 0; padding: 0; }
#byCignal h4 a {text-decoration: none; color: #999;}
#byCignal h4 a:hover {color: white;}
/* development */
#development {float: right; margin-top: 2px;}
#development ul {margin: 0; padding: 0;}
#development li {float: left;list-style: none;}
#development li a {text-decoration: none; color: #999; padding:0 5px; font-weight: bold; font-size: 10px;}
#development li a:hover {color: white;}

/* Barra de Navegacion */
#topBar {float: left; width: 627px; height: 42px;  background: url(/templates/images/common/gigaset-top-menu-background.jpg) repeat-x}
/* Finder del menu */
#finder {float: right; width: 220px;}
#finder input {float: right; margin: 8px 0; padding: 3px 4px; border: 1px solid #aaa; color: #777;}
/* Carrito de Compras */
#kart { float: right; margin: 12px 0; width: 400px; font-size: 11px; text-align: right;}
#kart a {text-decoration: none; color: #777;}
#kart a:hover {text-decoration: underline;}
#kart b {color: #ee780e;}

/* Home */
#homeVideo {float: left; margin-left:10px ;width: 643px; height: 292px;}
#news {float: left; width: 297px; height: 282px; padding: 5px 10px; background: top left url(/templates/images/home/news.jpg) no-repeat; overflow: hidden;}
#news h1 {float: left; margin: 0; margin-bottom: 5px; padding: 0; width: 297px; font-size: 18px; text-align: right; color: #555; border-bottom: 1px dotted #444;}
#news h2 {float: left; margin: 0; padding: 0; width: 297px; font-size: 12px; color: #ccc;}
#news h2 a {font-size: 11px; color: #aaa; text-decoration: none;}
#news p {float: left; margin: 0; margin-bottom: 15px; padding: 0; width: 297px; font-size: 10px; color: #999;}

/* Listado de Productos */
.bigThumbnail {width: 141px; height: 141px; margin-bottom: 10px;}
.bigThumbnail a {float: left; display: block; width: 141px; height: 141px; border: 2px solid #999;}
.bigThumbnail a:hover {border: 2px solid #ee780e;}
.productList {float: left; margin: 5px; background: #ddd; padding: 10px; width: 145px; height: 240px; overflow: hidden; border: 1px solid #999;}
.productList b {float: left; margin-bottom: 5px; padding-bottom: 5px; width: 141px; text-align: right; color: #ee780e; font-size: 16px; border-bottom: 1px dotted #999;}
.productList h2 a {float: left; width: 141px;font-size: 11px; font-weight: normal; overflow: hidden; text-decoration: none; color: #555;}
.productList h2 b {font-size: 10px; border: none; margin-top: 2px;}

/* Menu de Seleccion de Categoria en la Home del Producto */
#productMenuListContainer {float: left; margin-left: -15px; margin-bottom: 10px; padding-left: 1px; width: 737px;  border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #ddd;}
.productMenuList a {float: left; display: block; width: 112px; overflow: hidden; padding: 5px; background: #ddd; text-decoration: none; color: #333; font-size: 9px; text-align: center;}
.productMenuList a img {border-bottom: 1px solid transparent; padding-bottom: 2px;}ee780e
.productMenuList a:hover {background: white;}

.navMenu {float: left; margin-left: -14px; margin-bottom: 10px; padding-left: 1px; width: 733px; border-bottom: 1px solid #aaa;}
.navMenu b {color: #ee780e; text-decoration: underline;}
.navMenuBottom {float: left; margin: 10px 0 -10px -14px; padding-left: 1px; width: 733px; border-top: 1px solid #aaa;}
.navMenuBottom b {color: #ee780e; text-decoration: underline;}
.pages {float: right; padding:4px 10px; font-size: 10px; color: #777;}
.pages a {text-decoration: none; color: #777; padding:6px 2px;}
.pages a:hover {text-decoration: none; padding:6px 2px; background: #ededed; color: #555;}
#backLink {float: left; padding:7px 13px; font-size: 10px; color: #777;}
#backLink a {text-decoration: none; color: #777; padding:6px 7px;}
#backLink a:hover {text-decoration: none; padding:6px 7px; background: #ededed; color: #555;}

/* VIsta individual del Producto */
#imagesContainer {float: left; width: 295px; margin-left: 35px; padding-bottom: 5px;}
#imagesContainer a {float: left; display: block; margin: 4px; border: 2px solid transparent;}
#imagesContainer a:hover {border: 2px solid #ee780e;}
.thumbnails {float: left; width: 295px; border-top: 1px solid #ccc;}
#infoContainer {float: left; margin-left: 10px; width: 320px; }
#infoContainer #cuotas {float: left; width: 360px; height: 190px;}
#infoContainer .price {float: left; width: 310px; margin-left: -10px; margin-bottom: 10px; padding: 5px 78px 5px 0; background: #eee; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; font-weight: bold; font-size: 18px;}
#cuotas ul {float: right; padding: 0 40px 30px 40px ; margin: 0; margin-top: 50px; background: bottom center url(/templates/images/product/cards.jpg) no-repeat;}
#cuotas li {list-style: none;}
#cuotas li b {color: #ee780e;}
.consultar a { float: left; margin: 0 3px; display: block; width: 30px; height: 30px; background: top center url(/templates/images/icons/consultar.png) no-repeat;}
.consultar a:hover {background: top center url(/templates/images/icons/consultar_on.png) no-repeat;}
.comprar a { float: left; margin: 0 3px; display: block; width: 30px; height: 30px; background: top center url(/templates/images/icons/comprar.png) no-repeat;}
.comprar a:hover {background: top center url(/templates/images/icons/comprar_on.png) no-repeat;}
.compartir a { float: left; margin: 0 3px; display: block; width: 30px; height: 30px; background: top center url(/templates/images/icons/compartir.png) no-repeat;}
.compartir a:hover {background: top center url(/templates/images/icons/compartir_on.png) no-repeat;}
.manuales a { float: left; margin: 0 3px; display: block; width: 30px; height: 30px; background: top center url(/templates/images/icons/manuales.png) no-repeat;}
.manuales a:hover {background: top center url(/templates/images/icons/manuales_on.png) no-repeat;}
#infoContainer .info {float: left; width: 320px; margin-left: 15px;}
#infoContainer h2 {float: left; width: 320px; color: #333;}
#infoContainer h2 span {text-decoration: none; color: #777; font-size: 11px; font-weight: normal;}
#infoContainer h2 span a {text-decoration: none; color: #777; font-size: 11px; font-weight: normal;}
#infoContainer p {float: left; margin:5px 0 5px 0; padding: 0;}
.videoContainer {float: left; margin-left: -14px; padding: 10px; width: 714px; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#video {margin: auto; width: 640px;}
.description {margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 10px 20px; width: 600px; border: 1px solid #ccc;}
.comprar {float: left; width: 70px; margin: 0 6px; margin-right: 15px; }
.comprar input {float: left; padding: 5px 10px; background: #CFFA6F; color: #297B1C; font-weight: bold; border: 1px solid #297B1C;}
#contacto {margin: auto; margin-top: 10px; width: 300px;}
.cart-user-form fieldset {margin: auto; margin-top: 10px; width: 300px;}

/* Noticias */
.news-list {float: left; width: 200px; font-size: 10px; margin-bottom: 5px; font-size: 10px;}
.news-list a {display: block; width: 200px; text-decoration: none; color: #555; padding-bottom: 5px; border-bottom: 1px dotted #777;}
.news-list a:hover {border-bottom: 1px solid white;}
.news-list span {font-size: 80%;}

/* manuales */
.manualesContainer {float: left: 600px;}
.manualesContainer ul {float: left; width: 660px; border-bottom: 1px dotted #777; margin: 0; padding: 0;}
.manualesContainer li {float: left; list-style: none; margin: 0; padding: 0;}
.manualesContainer h4 {margin: 0; padding: 0;}
.manualesContainer h3 {margin: 0; padding: 0; padding-top: 30px;}
.manualesContainer h4 a {text-decoration: none; color: #555; margin: 0; padding: 0;}

/* Contacto */
.contactInfo {float: left; width: 200px;}
.contactInfo ul {float: left; padding: 0; margin: 0; margin-left: 20px;}
.contactInfo li {padding: 0; margin: 0; list-style: none;}
.contactInfo li a {color: #333; text-decoration: none;}
.contactInfo li a:hover {color: #333; text-decoration: underline;}

/* Carrito */
.content {float: left; width: 700px;}
.content p {margin: 0; padding: 0;}
.content div {margin: 0; padding: 5px; padding-bottom: 0;}
.qty {float: left; width: 80px; margin: 0; padding: 0;}
.product {float: left; width: 350px; margin: 0; padding: 0; }
.unit-price {float: left; width: 80px; margin: 0; padding: 0;}
.total-price {float: left; width: 80px; margin: 0; padding: 0;}
.separator {clear: both; border-bottom: 1px dotted #777; width: 680px;}
.totals-left {float: left; width: 520px; text-align: right; padding: 3px;}
.totals-right {float: left; width: 100px; padding: 3px;}

.cart-view-bottons {margin: auto; width: 500px; text-align: center; margin-top: 20px; margin-bottom: 20px;}

/* rewards */
.rewards {width:40%; float:left; overflow:hidden; margin-bottom:10px; margin-right:10px;}
.rewards p.image {float:left; margin:0 5px 5px 0;}
.rewards p.points {font-weight:bold; font-size:120%;}

/* icons */
.small-icons {display:block; width:16px; height:16px; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;}
.small-icons {background-image:url(/common/images/admin/small-icons.png);}
.icon-comment {background-position:-128px -96px;}