/* CSS Document */
html {background: #ededed;}
#contener {width:100%;text-align:center;float:left }
#top {width:100%;height:3px;font-size:0.1em;float:left;background:#fff}
.wrapper  {width:980px;margin:0 auto;text-align:left}
#bluetop {background:#00b3dc;height:3px;position:relative;_top:-3px;width:425px;font-size:0.1em}
#header {text-align:right;margin:10px 0;float:left;font-size:0.95em;width:100%;color:#333;text-decoration:none}
#header a {font-size:0.95em;padding:5px 3px;color:#bb0069;text-decoration:none}
#header #welcome {float:left;width:430px;text-align:right}
#header #welcome a {text-decoration:underline}
#header #welcome a:hover {color:#ddd}
#header #links {float:right} 
#header #links a {color:#333}
#header #links a:hover {color:#00b3dc}



#menuHolder {width:100%;background:#fff;float:left;margin-top:1px;height:99px;}

#menuContener {background: #f3f3f3 url('/design/gfx/headerbg.gif') no-repeat center top;height:101px;width:100%;text-align:center;float:left }
#menuContener #menu {float:right}
#menuContener #logo {float:left;height:99px;}


#navigation {font-size:0.88em;float:right;width:100%;background:#ededed}

#navigation #breadcrumb  {padding:5px;float:right}
#breadcrumb a {text-decoration:none}
#navigation #cart  {padding:5px;float:left; width:auto !important}

#content {padding:10px;background:#fff;float:left;width:760px}
.full {width:960px !important}

#bigbanner {float:left}
#bigbanner img {padding:10px}

#contentHolder {border-top:0; float:left;width:100%;font-size:1em; line-height:1.462;}

#contentHolder #cartflash{text-align:right;width:100%;font-size:0.9em;float:left;width:100%;padding:4px 0}


.flashbox {float:left;width:245px}
.flashbox h2 {font-size:1em;font-weight:bold;padding:0px 15px;letter-spacing:1px; margin:10px 0;}
.even {background:transparent url('/design/gfx/flashnewsbg-even.gif') repeat-x  !important;}
.swf {float:left}


.flashbox ul  {list-style-type:none;padding:0;background:transparent url('/design/gfx/flashnewsbg.gif') repeat-x;float:left;width:245px;margin:0;min-height:173px}
.flashbox ul li {margin:0 auto;text-align:center; width:85%;}
.flashbox ul li a {color:#333;text-align:left;background:transparent url('http://www.openzone.com/img_stale/dot.gif') repeat-x scroll 0 bottom !important;padding:8px 0px 12px 0px;float:left;width:100%;text-decoration:none}
.flashbox ul li a:hover {color:#ddd;background:transparent url('/design/gfx/bgarrow.gif') no-repeat right center !important}

#navileft {width:180px;float:left;font-size:1em;color:#C41D77;background:#fff;padding:5px 10px ;}
#navileft ul {list-style-type:none;margin:0;padding:0;font-size:0.9em}
#navileft ul li {margin:3px 0;width:100%;float:left}
#navileft ul li a {width:180px;padding:7px 5px;font-size:0.98em;float:left;text-decoration:none;color:#444;background:#f1f1f1;}
#navileft ul li a:hover {background:#ddd}

#navileft ul li.bold a {color:#fff  !important;background: #7cd6eb !important; }


#buy {
background:#fff;
border:1px solid #DDDDDD;
float:right;
font-size:0.9em;
margin:10px;

}
#buy table td {text-align:left;background:#F1F1F1;padding:8px}

#serviceHolder {font-size:1em;}
#serviceHolder #tabs {margin:2px;background:#fff;float:left;width:100%}
#serviceHolder #tabs  .ui-tabs-nav {list-style-type:none;margin:0;padding:0}
#serviceHolder #tabs  .ui-tabs-nav li {list-style-type:none;padding:5px 2px;margin-left:10px;float:right;background:url('/design/gfx/paging2.gif') repeat-x right -100px }
#serviceHolder #tabs  .ui-tabs-nav li a {;color:#333;text-decoration:none;background:url('/design/gfx/paging2.gif') repeat-x left top ;padding:7px 16px;}
#serviceHolder #tabs  .ui-tabs-selected {font-weight:bold;position:relative;
top:1px;}
#serviceHolder #tabs  .ui-tabs-selected a {color: #333!important;border-bottom:1px solid #FFFFFF;
font-weight:bold;
}
#serviceHolder #tabs  .ui-tabs-unselect {}
#serviceHolder #tabs  .ui-tabs-disabled {position: absolute;    left: -10000px;}
#serviceHolder #tabs  .ui-tabs-panel{ background: #fff;float:left;width:940px;border:1px solid #e3e3e3;padding:10px}


#serviceHolder #tabs  .ui-tabs-hide { display: none; }

.files,.orders,.request {width: 100%;}
.files th,.orders th,.request th {background:#6cc0f7;padding:4px;color:#fff}
.files td,.orders td, .request td  {background: #f1f1f1;padding:4px}
.orders th {background:#5fc631}
.request th {background:#f7a54d}


#formHolder div .submit {padding:3px 10px;width:auto;}
#formHolder {width:80%;margin:10px auto;}
#formHolder form {width:100%;float:left;margin:5px 0}
#formHolder div {margin:5px;float:left;width:96%}
#formHolder div div {margin:5px 0;width:100%}
#formHolder label {width:30%;float:left;text-align:right;padding:4px 10px;font-weight:bold;font-size:0.9em}
#formHolder  small {color:red;font-size:1em;font-weight:normal;}
#formHolder input {width:30%;float:left}
#formHolder .tip {width:30%;float:left;margin-left:10px;font-size:0.9em}
#formHolder fieldset {border:0;border-top:1px solid #009DC6;margin:10px 5px}
#formHolder legend {color:#646c6f;font-size:1.2em;margin:10px;padding:4px}

/*purshase cart*/

#cart {width:100%;float:left;font-size:1em;margin: 0 auto;border:0px solid #646c6f}
#cart  th {text-align:center;background: #eee}
#cart td, #cart th {padding:4px}


.distro img {cursor:pointer;padding:0 5px}

.error {background: #fff7f8 url('/design/gfx/cross.png') no-repeat 10px 13px; color: #b01c28;border:1px solid  #b01c28;float:left;font-size:0.9em;width:99%;}

.error p {padding:0px 45px;margin:10px;}

.box {background: #f1f1f1;border:1px solid #ddd;width:270px;height:80px;float:left;padding:20px;margin:10px 10px 10px 100px}
.box h2 {font-size:1.4em;font-weight:bold;margin:5px 0}

#up a {float:right;position:relative;top:-30px;background:#00b3dc;padding:10px 10px 5px ; color:#fff;font-size:0.8em;font-weight:bold;text-decoration:none}
#footer {font-size:0.8em;text-align:center;clear:both}
#footer div {padding:5px}

#pagination {text-align:center}
#pagination a {margin:5px;text-decoration:none;padding:6px;border:1px solid #ddd;}
#pagination span b {padding:6px;margin:5px;border:1px solid #00B3DC}
#pagination a b {padding:0px;margin:0px;border:0}