﻿/* Style Reset */
body,form,input,textarea,button,div,h1,h2,h3,h4,h5,h6,p,ul,ol,pre,th,td,fieldset,legend{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
legend{display:none}
ul,ol{list-style:none}
th{text-align:left}
th,td{vertical-align:top}
a{color:#047391;text-decoration:none}
button,input,textarea{color:inherit;font:inherit;line-height:inherit!important;padding:2px 1px;text-align:inherit}
input[type=text],input[type=password],textarea{border:solid 1px #7F9DB9}
input[type=checkbox]{margin-right:.25em;vertical-align:top}
button{padding:2px 5px}

/* Generic Styling */
a:hover{text-decoration:underline}
h1,h2,h3{font-size:20px;font-weight:700;line-height:22px;margin:0 0 12px}
h2,h3{font-size:16px}
h3{font-size:12px}
ul{list-style-type:disc;padding-left:40px}
h3,li{margin:0 0 6px}
ul,p{margin:0 0 12px}
.last{margin:0 !important}
.clear{clear:both}
.hide{display:none}
.nw{white-space:nowrap}

/* Liquid Layout Styling */
.colmask{clear:both;float:left;overflow:hidden;position:relative;width:100%}
.colmenu{background:url(../images/layout/10px-rounded.png) repeat-y -996px 0}
.colmenu .col1{background:url(../images/layout/10px-rounded.png) no-repeat 0 0;float:left;width:100%}
.colmenu .col2{background:url(../images/layout/10px-rounded.png) no-repeat -1992px bottom;float:left;padding-bottom:8px;width:200%}
.colmenu .col3{float:right;width:50%}
.colmenu .colleft{float:left;left:18px;position:relative;width:200px}
.colmenu .colright{left:-100%;margin:0 18px 0 218px;position:relative}
.colmenuside{background:url(../images/layout/10px-rounded.png) repeat-y -996px 0}
.colmenuside .col1{background:url(../images/layout/10px-rounded.png) no-repeat 0 0;float:left;width:100%}
.colmenuside .col2{background:url(../images/layout/10px-rounded.png) no-repeat right bottom;float:left;padding-bottom:8px;width:100%}
.colmenuside .col3{float:left;width:400%}
.colmenuside .col4{float:right;left:-50%;position:relative;width:50%}
.colmenuside .col5{float:left;position:relative;width:50%}
.colmenuside .colleft{float:left;left:18px;position:relative;width:200px}
.colmenuside .colmiddle{margin:0 243px 0 218px;position:relative}
.colmenuside .colright{float:left;left:-243px;position:relative;width:225px}
.colmenu .col2,.colmenuside .col3{height:auto!important;min-height:400px}

/* Layout Styling */
html,body,form{height:100%;position:relative}
body{background:#FFF;color:#000;font-family:Arial;font-size:12px;line-height:14px}
#site{min-width:996px;overflow:hidden;position:relative}
#header{background:url(../images/layout/header.png);height:200px;margin:15px auto;position:relative;text-indent:-5000px;width:960px}
#header p{height:200px;left:0;overflow:hidden;position:absolute;top:0;width:960px}
#header .skips a{color:#000;left:20px;position:absolute;top:20px}
#header .skips a:focus{text-indent:0}
#header .notes{background:url(../images/layout/banner-notes.png);bottom:-30px;height:135px;position:absolute;right:25px;width:415px;z-index:99}
#header .amd{position:absolute;right:100%}
#page{margin:0 auto;position:relative;width:996px}
#footer{clear:both;font-size:10px;margin:0 auto;padding:0 10px 10px;width:940px}
#main-content,#side{padding:60px 25px 40px 25px;position:relative}
#menu{float:left;list-style:none;padding:60px 25px 40px 25px;width:150px}
#menu a{float:right;font-size:11px;font-weight:700;line-height:13px}
#menu a:hover{text-decoration:none}
#menu a.current{color:#666}
#menu li{float:left;margin:0 0 6px;position:relative;width:100%}
#menu li:hover ul{display:block}
#menu ul{background:#FFF;display:none;left:100%;list-style:none;margin:0;padding:0 0 0 10px;position:absolute;top:0;width:100%}
#menu ul a{float:left}

#side a{font-weight:700}
#side .line{display:block;margin:0 0 12px}
#side .line br{display:none}
.section{clear:both;margin:0 0 24px}
#validators{background:#EEE;border-left:solid 1px #999;border-top:solid 1px #999;bottom:0;margin:0;padding:5px 0 5px 5px;position:fixed;right:0}
#validators a{display:block;float:left;margin-right:5px}

/* Overlay Styling */
#overlay{background:url(../images/overlay/shade.png);bottom:0;display:none;left:0;position:fixed;right:0;top:0}
#overlays{border-collapse:collapse;display:none;float:left;height:100%;position:relative;width:100%}
.overlaycenter{float:right;left:-50%;position:relative}
.overlay{background:#FFF;border:solid 1px #000;float:left;left:50%;padding:25px;position:relative}
.overlayactive #overlaysite{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}
.overlayactive #overlay{display:block}
.overlayactive #overlays{display:table}

.loginbox{white-space:nowrap}
.loginbox p{white-space:normal;width:225px}
.loginbox td{padding:5px 10px}
.loginbox th{padding:5px 0 5px 10px;text-align:right}
.loginbox .title{padding-bottom:10px}
.loginbox .animation{display:none}
span.error{color:#A52A2A;font-weight:700;margin-left:.125em}

#catalog table{width:100%}
#catalog .item-even{background:#E5E5B2}
#catalog .header-category th{padding:4px 8px 4px 0}
#catalog .center{text-align:center}
#catalog th,#catalog td{padding:6px}
#catalog td.add{padding:0 8px;vertical-align:middle;white-space:nowrap}
#catalog h2{font-size:12px;margin:0;padding-top:12px}
#catalog .navigation{margin:0;padding:6px}
#catalog .navigation a{margin:0 16px 12px 0;padding:56px 0 3px;width:75px}

.navigation-right{text-align:right}
.navigation a{display:inline-block;font-weight:700;line-height:16px;margin-right:24px;max-width:125px;min-width:40px;padding:56px 3px 3px;text-align:center;text-transform:uppercase;vertical-align:top}
.navigation a.last{margin:0}
.navigation .buy{background:url(../images/buttons/4g.png) no-repeat center 3px}
.navigation .i4b{background:url(../images/buttons/4b.png) no-repeat center 3px}
.navigation .catalog{background:url(../images/buttons/8b.png) no-repeat center 3px}
.navigation .sample{background:url(../images/buttons/10g.png) no-repeat center 3px}
.navigation .misc1{background:url(../images/buttons/1b.png) no-repeat center 3px}
.navigation .misc2{background:url(../images/buttons/3b.png) no-repeat center 3px}
.navigation .misc3{background:url(../images/buttons/6b.png) no-repeat center 3px}
.navigation .misc4{background:url(../images/buttons/8b.png) no-repeat center 3px}
.navigation .misc5{background:url(../images/buttons/9b.png) no-repeat center 3px}
.navigation .misc6{background:url(../images/buttons/11b.png) no-repeat center 3px}

.icon-note{background:url(../images/buttons/1b.png) no-repeat;padding-left:52px}
.icon-amd{background:url(../images/buttons/amd.png) no-repeat;padding-left:52px}
.status{background:#EEE;border:solid 1px #000;padding:12px}
.status-good{background:#90EE90 url(../images/icons/status-good.png) no-repeat 12px center;border-color:green;min-height:16px;padding-left:40px}
.status-bad{background:#F4A460 url(../images/icons/status-bad.png) no-repeat 12px center;border-color:#A52A2A;min-height:16px;padding-left:40px}
fieldset .field{border:solid 1px #047391;display:inline-block;padding:2px;width:200px}
fieldset .field-large{width:400px}
fieldset input[type=text],fieldset input[type=password],fieldset textarea{border:none;display:inline-block;padding:0;width:100%}
fieldset input[type=file]{display:inline-block;padding:0;width:100%}
fieldset .field-select{border:none;padding:0;width:206px}
fieldset .field-select select{border:solid 1px #047391;display:inline-block;padding:1px;width:100%}
fieldset input[type=submit]{padding:2px 6px}
fieldset .field-date{display:inline-block;line-height:21px;text-align:center;width:206px}
fieldset .field-month{float:left;text-align:left;width:90px}
fieldset .field-year{float:right;text-align:left;width:90px}
#shopping-cart td.qty{line-height:30px;padding:0 8px;white-space:nowrap}
#shopping-cart td.qty a{margin-left:6px}

.tabled{padding:2px}
.tabled thead th{background:#3F3F3F;color:#FFF;font-weight:700;margin:0;padding:2px 8px}
.tabled table{color:#000;width:100%}
.tabled th,.tabled td{background:#FFF;padding:8px}
.tabled tr.item-even td,.tabled tr.item-even th{background:#EEE}
.tabled tr td.empty{background:none}
.tabled .sr{border-right:solid 4px #3F3F3F}
.tabled .sb{border-bottom:solid 4px #3F3F3F}
.tabled .sl{border-left:solid 4px #3F3F3F}
.tabled .st{border-top:solid 4px #3F3F3F}
.tabled .center{text-align:center}
.tabled .pad{margin-right:6px}
.tabled-out{border:solid 4px #3F3F3F;padding:0}
.tabled-out .st,.tabled-out .sr,.tabled-out .sb,.tabled-out .sl{border:none}
.tabled-out .add{padding-bottom:0;padding-top:0;vertical-align:middle}
.tabled-out thead th{padding:3px 8px 5px}
.tabled-natural table{width: auto}

fieldset.search-form .field{width:100px}
fieldset.search-form p{margin:0}
fieldset.search-form input[type=submit],fieldset input[value=Search]{padding-bottom:0;padding-top:0}
fieldset.search-form strong,fieldset.search-form br{display:none}
.search-result{margin:0 0 24px}
.search-result h3{font-weight:400;margin:0}
.search-result p{margin:0;max-width:400px}
.search-result cite{color:green;display:block}

.admin-options{clear:both;margin:6px 0 12px}
#menu li:last-child,.section:last-child,.section:last-child > :last-child{margin-bottom:0}
.navigation a:last-child{margin-right:0}
