/* RESET */

html, body, div, section, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  font: 12px/1.5em Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 auto;
  background: #0b66b8;
}
ul {
  list-style: none;
  margin: 25px 0 20px 0;
  padding-left: 40px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

.clear {clear:none;}
.disable {display: none;}

div.header {background: #fff;}
div#header {width: 780px; margin: 0 auto; padding: 20px; background-color: #fff;}
div#header a#logo
{
    display: block;
    background: url('../images/suddath_logo.png') no-repeat;
    width: 400px;
    height: 100px;
    float: left;
    margin-top: 11px;
}

div#header p {
    display: inline;
    float: none;
    font-size: 14px;
    margin: 0 10px 0 20px;
    width: 370px;
}


div#header span.button {float: right;}

div#category_list {width: 720px; margin: 0 auto; padding: 0 0 0 40px;}

div#breadcrumbs {margin: 0 20px 10px; padding: 10px 0 0; border-top: 1px solid #000; width: 757px;}
div#section div#breadcrumbs p {text-transform: uppercase; float: left;}
div#section div#breadcrumbs p a {color: #186EBE;}
div#section div#breadcrumbs p a:hover {text-decoration: none;}

div#section {border-top: 1px solid #000; margin: 0px 0px 0px 20px; padding-bottom: 20px;}
div#section p {margin: 30px 0 0 20px; display: inline-block;}
div#section select {margin: 0 10px 0 0; display: inline-block; float: left;}

div#section span, div#section input {
    display: inline;
    float: none;
    margin-right: 10px;
}

div#search {display: block; background: #fbc306 url(../images/search-background.jpg) repeat-x; min-height: 46px; border-bottom: 2px solid #003e76; margin: 0;}

td.editor-field {vertical-align: top;}
td.editor-field input, td.editor-field textarea {width: 210px;}

div#search span.button {margin: 0;}

div#results_left_min {max-width: 320px; float: left; margin: 0 10px 0 20px;}
div#results_left {max-width: 327px; float: left; margin-right: 20px; overflow:hidden; padding-left: 20px;}
div#results_left span {vertical-align: top; margin-right: 10px; width: 40px;}
div#section div#results_left p {display: block; margin: 5px 0 0 0; float: left;}
div#results_left textarea {width: 274px;}

div#results_left_min_video {width: 486px; float: left; margin: 0 10px 0 20px;}
div#results_left_video {width: 486px; float: left; margin-right: 20px; overflow:hidden; padding-left: 20px;}
div#results_left_video span {vertical-align: top; margin-right: 10px; width: 40px;}
div#section div#results_left_video p {display: block; margin: 5px 0 0 0; float: left;}
div#results_left_video textarea {width: 274px;}


div#results_right {float: left; width: 410px; padding-right: 20px;}
div#section div#results_right p {float: none; display: block; margin-bottom: 20px;}

div#results_right_video {float: left; width: 220px; padding-right: 20px;}
div#section div#results_right_video p {float: none; display: block; margin-bottom: 20px;}

div#section td.description, .description label {vertical-align: top;}
div#section .editor-label {text-align: right; padding-right: 10px; font-weight: bold; color: #444; vertical-align: middle;}
div#section .editor-label input {margin: 0 10px; float: none; display: inline-block;}

div#grid {padding: 0 20px;}
div#grid table td {vertical-align: top;}
tr > td:first-child {padding-left: 0;}
tr td {padding-left: 25px;}

div#sub-search {margin: 0 auto 10px; padding: 0 20px;}
div#section div#sub-search p {font-weight: bold; float: left; margin: 0 10px 0 0;}

div.category {text-align: center; width: 188px; margin: 10px 10px 10px 0; float: left; padding: 30px 15px 15px; border-radius: 5px; height: 137px;}
div.category:hover {background: #c9dffc;}
div.category img, div.sub-category img {display: block; margin: 0 auto;}

div.sub-category {text-align: center; width: 140px; margin: 20px 0; float: left; padding: 15px; border-radius: 5px; overflow:hidden; height: 216px;}
div.sub-category img { width: 140px; height: 140px; }
div.sub-category:hover {background: #c9dffc;}

div#results div.sub-category {margin-top: 0;}

div.pagenation {margin-top: 10px; float: right;}

div#results {padding-bottom: 10px;}
div#results .button {padding-left: 20px;}
div#results div#results_right .button {padding-left: 0;}

div#container {background: #0b66b8 url(../images/background.png) repeat-x; padding: 20px 0;}
div.main {clear: both; width: 800px; margin: 0 auto; background: #fff; border-radius: 10px; padding: 20px 0 10px;}

div#logon {margin: 0 20px; border-top: 1px solid #000;}

#footer {margin: 0 20px; clear: both; padding: 10px 0 0 0; border-top: 1px solid #000;}
#footer span {float: right;}
#footer span.button a {margin: 0;}

h1 {font-size: 24px; display: block; font-weight: bold; margin: 30px 0;}
div#category_list h2, .sub-category h2, div#category_list h2 a {display: inline-block; text-align: center; margin: 0 0; text-decoration: none; color: #818181;}
h2 {font-size: 15px; font-weight: bold; margin: 20px 0 10px; text-transform: uppercase; line-height: 1.25em; padding: 0 20px;}
div#logon h2 {padding-left: 0;}
h3 {}

p {margin-bottom: 10px; color: #818182;}
p strong {color: #49412A;}
p.notice {color: #b60000; padding-left: 20px;}
div.footer-paragraph {margin: 0 auto 20px; width: 800px;}
div.footer-paragraph p {text-align: center; color: #fff;}

a {font-weight: bold; color: #186EBE;}
a:hover {text-decoration: none;}

div#section div.button a span {margin: -1px 4px 0; display: inline;}

form {
    display: inline;
    margin: 0;
}


form.search {width: 800px; margin: 0 auto; display: block;}
form.search p {float: right; font-size: 10px; width: 100px; padding: 7px 10px 15px 0; background: url(../images/suddath-logo-small.jpg) right bottom no-repeat; text-align: right; color: #fff; text-transform: uppercase; font-style: italic; font-weight: bold; margin-right: 20px;}
form.search table {margin: 0 auto; padding-top: 14px; color: #fff;}
form.search table td {padding: 0 0 0 10px;}
div#section form.search table select, div#section form.search table input, div#section form.search table span {margin: 0;}
div#section form.search p {display: block; margin: 0; float: right;}
legend {font-size: 16px; font-weight: bold; margin: 0 0 10px; display: block;}
fieldset {margin-bottom: 20px;}
.asset_name {font-style: italic; color: #666; display: inline-block; margin-right: 10px;}

div.logon_table {padding: 10px; border: 1px solid #ddd; background: #f5faff;}
div.logon_table table {width: 500px;}
div.logon_table td {vertical-align: middle; padding: 0 10px 0 0;}
div.logon_table td.editor-label, div.logon_table td.editor-field {padding-bottom: 10px;}

td {padding-top: 10px; padding-bottom: 10px; vertical-align: middle;}

.button a, .button input, tfoot a {display: inline-block; background: #1d8fd5; border-radius: 5px; padding: 2px 7px; color: #fff; text-decoration: none; border: none; cursor: pointer; margin: 0 10px 0 0; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Sans-Serif;}
.button input {height: 22px;}
.button a:hover, .button input:hover, div.pagenation a.number:hover, tfoot a:hover {background: #1455ac; color: #fff;}

/* Safari 4-5, Chrome 1-9 */
.button a, .button input {background: #1d8fd5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkOGZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDU1YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1d8fd5 0%, #1455ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1455ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* IE10+ */
background: linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1455ac',GradientType=0 ); /* IE6-8 */
}

div.pagenation a, tfoot a {margin: 0;}
div.pagenation a.number, tfoot {background: #fff; color: #1455ac;width:15px; text-align:center;}
div.pagenation a.selected, tfoot a {color: #fff; background: #1d8fd5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkOGZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDU1YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1d8fd5 0%, #1455ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1455ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* IE10+ */
background: linear-gradient(top,  #1d8fd5 0%,#1455ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1455ac',GradientType=0 ); /* IE6-8 */
}
.disabledBTN{
background:none !important;
}
.sub-category b a{
    display:block;
    height:38px;
    text-align:center;
    overflow:hidden;
}
.options{
    text-align:center;
}