/*  Nascom base.css  All Rights Reserved. *****************

Title: base.css
Purpose: Project name
Status: Valid CSS 2.1 & CSS3, lets keep it this way
Support: Mayor brands
No-Support : IE6 + IE7
Author: Mark Creeten
Version: 1.8
/************************************************************/
html {font-size :16px;overflow-y: scroll;}
body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, pre, cite, code, em, img, samp, small, strong, var, sub, sup, q, b, i, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
body {font : normal 13px/1 Verdana, Arial, "Helvetica Neue", Helvetica, "Times New Roman", "Courier New", sans-serif;color :#333;background-color :#fff;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;text-rendering: optimizelegibility;}
strong {font-weight: bold;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
pre, tt, code, kbd, samp, var {font-family: "Courier New", Courier, monospace;}
img {border: none;max-width: 100%;height: auto;}
.ie7 img { -ms-interpolation-mode: bicubic; }
.ie8 img {width: auto\9; /* ie8 */}
.video embed, .video object, .video iframe {width: 100%;height: auto;}
em {font-style:italic;}
p {line-height :1.125;}
ul {list-style: none;}
ol {list-style : decimal inside none;}
a:link, a:visited {text-decoration :none;}
a:hover, a:active, a:focus {text-decoration : underline;}
a, a img, a:active img, a:focus img, :focus, *:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
small {font-size :90%;}
fieldset, form, label, legend, input {margin: 0;padding: 0;border: none;outline: 0;font-size: 100.01%;background: transparent;}
input, select, textarea {font-family: Tahoma, Arial, sans-serif;font-size: 100%;color: #000;}
input[type='submit'], input[type='image'], label[for], select, button, .pointer {cursor: pointer;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;height:0;font-size: 1px;line-height: 0;}
.clearleft {clear: left;}
.clearright {clear: right;}
.hideflow {overflow :hidden;}
.floatstop:after {content: ".";display :block;height :0;clear :both;visibility :hidden;}
*:first-child+html .floatstop {min-height: 1px;}
* html .floatstop {height: 1%;}
.underline {border-bottom:1px solid;}
.strike {text-decoration :line-through;}
.highlight {background-color:#ffc;color :inherit; }
.imgleft {float:left;margin: 0 10px 4px 0;}
.imgright {float:right;margin: 0 0 4px 10px;}
.posabsolute {position:absolute;}
.posrelative {position:relative;}
.block {display :block;}
.hidden {display :none;}
.col480 {width: 480px;}
/* GALLERY LIST ********************************************************************/
#wrapper {width: 720px;margin: 15px auto 0 auto;}
#wrapper h1 {width: 162px;height: 50px;background: url(../images/xperia-tablet-logo.png) no-repeat 0 0;text-indent: -9000em;margin-bottom: 25px;}
#wrapper h2 {font-size: 22px;margin-right: 25px; }
#wrapper select {width: 150px;box-sizing: border-box;}
#wrapper section {margin-bottom: 25px;}
.tabletgallery { display: none; }
.gv_galleryWrap { position: relative; background: #222;}
.gv_gallery { overflow: hidden; position: relative;}
.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }
.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }
.gv_panel-loading { background: url(../images/img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url(../images/img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
.gv_panel img { position: absolute; }
.gv_overlay { position: absolute; background: #222; color: #fff; z-index: 200; }
.gv_showOverlay { position: absolute; width: 20px; height: 20px; background: url(themes/light/info.png) #222; cursor: pointer;z-index: 200;}
.gv_overlay h4 { color: #fff; margin: 1em; font-weight: bold; }
.gv_overlay p { color: #fff; margin: 1em; }
.gv_infobar {background: #222;padding: 0 0.5em;line-height: 1.5em;height: 1.5em;font-size: 16px;font-weight: bold;color: #fff;position: absolute;bottom: 0;right: 0;display: none;vertical-align: middle;z-index: 2000;}
.gv_filmstripWrap { overflow: hidden; position: absolute;height: 380px!important; }
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
.gv_frame { cursor: pointer;float: left;position: relative;}
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }
.gv_frame.current .gv_thumbnail {}
.gv_frame img { border: none; position: absolute; }
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 10px; text-align: center; color:white; }
.gv_frame.current .gv_caption { }
.gv_pointer {border-color: black;}
.gv_navWrap {text-align: center;position: absolute;}
.gv_navPlay,.gv_navPause,.gv_navNext,.gv_navPrev {opacity: 0.3;filter:alpha(opacity=30);display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;}
.gv_navPlay:hover,.gv_navPause:hover,.gv_navNext:hover,.gv_navPrev:hover {opacity: 0.8;filter:alpha(opacity=80);}
.gv_panelNavPrev,.gv_panelNavNext {position: absolute;display: none;opacity: 0.50;filter:alpha(opacity=50);z-index: 200;}
.gv_panelNavPrev:hover,.gv_panelNavNext:hover {opacity: 0.9;filter:alpha(opacity=90);}
.gv_navPlay {height: 30px;width: 30px;cursor: pointer;background: url(themes/light/play-big.png) top left no-repeat;}
.gv_navPause {height: 30px;width: 30px;cursor: pointer;background: url(themes/light/pause-big.png) top left no-repeat;}
.gv_navNext {height: 20px;width: 20px;cursor: pointer;background: url(themes/light/next.png) top left no-repeat;}
.gv_navPrev {height: 20px;width: 20px;cursor: pointer;background: url(themes/light/prev.png) top right no-repeat;}
.gv_panelNavNext {height: 20px;width: 20px;cursor: pointer;background: url(themes/light/panel-next.png) top left no-repeat;}
.gv_panelNavPrev {height: 20px;width: 20px;cursor: pointer;background: url(themes/light/panel-prev.png) top right no-repeat;}
/* Uniform Default*********************************************/
div.selector, div.selector span {background-image: url(../images/sprite.png);background-repeat: no-repeat;}
div.selector {background-position: -483px -130px;line-height: 26px;height: 26px;}
div.selector span {background-position: right 0px;height: 26px;line-height: 26px;}
div.selector select {top: 0;left: 0;}
div.selector:active, div.selector.active {background-position: -483px -156px;}
div.selector:active span, div.selector.active span {background-position: right -26px;}
div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -182px;}
div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right -52px;}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {background-position: -483px -208px;}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {background-position: right -78px;}
div.selector.disabled {background-position: -483px -234px;}
div.selector.disabled span {background-position: right -104px;}
div.selector {width: 190px;font-size: 12px;}
div.selector select {min-width: 190px;border: solid 1px #fff;}
div.selector span {padding: 0 25px 0 2px;cursor: pointer;}
div.selector span {color: #666;width: 158px;text-shadow: 0 1px 0 #fff;}
div.selector.disabled span {color: #bbb;}
.selector {display: -moz-inline-box;display: inline-block;vertical-align: middle;zoom: 1;*display: inline;}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;}
div.selector {position: relative;padding-left: 10px;overflow: hidden;float: right;}
div.selector span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.selector select {position: absolute;opacity: 0;filter: alpha(opacity=0);height: 25px;border: none;background: none;}
