@import url("reset.css");

/* Some Defaults */
html {background:url(../images/backgrounds/top.jpg) top repeat-x #fff;color:#38414e;height:100%}
body {height:101%}
a {color:#133a76;text-decoration:none;cursor:pointer}
h3 {line-height:20px;padding:0;margin:0;font-size:12px;font-weight:bold;color:#38414e}
.container {width:960px;margin:auto}
.error {color:red}
.label {text-align:right}

/* Forms */
input.txt, input[type=checkbox], input[type=file], textarea, select {border:1px solid #ddd;font-size:12px;padding:3px 5px;margin:0;outline:none}
input.txt:not(.error):focus, input[type=checkbox]:not(.error):focus, input[type=file]:not(.error):focus, textarea:not(.error):focus, select:not(.error):focus {outline:2px solid #e476af}
input[type=submit], input[type=button], button, label, select {cursor:pointer}
input.txt {width:400px}
textarea {width:90%}
input.btn {height:30px}
input.error, textarea.error, checkbox.error {border:1px solid #ff0000}
input.chk {border:none;padding:0;margin:0}
select {padding-right:0;padding-left:0}
.submit {height:30px}
label.error {display:block;clear:both}
.commentError, .commentSuccess {width:50%;font-size:14px;margin:2px auto 7px auto;padding:8px 10px}
.commentError {border:1px solid #800000;background-color:#fdd}
.commentSuccess {border:1px solid #060;background-color:#e1ffe1}

/* Header */
#top {height:181px;background:url(../images/backgrounds/header.jpg) center top no-repeat}
#top #header {height:89px}
#top #header .right {float:right;margin-top:14px}
#top #header .right a {text-decoration:none;display:block;width:105px;color:#fff;font-size:10px}
#top #header .right a:hover {text-decoration:underline}
#top #logo {margin:13px 0 0 20px}

/* Navigation */
#menu {margin:0 10px;padding:0;list-style-type:none;height:48px;margin-bottom:16px;position:relative;border-left:1px solid #f7f7f7}
#menu ul, #menu li {padding:0;margin:0;list-style-type:none}
#menu .item {float:left;position:relative}
#menu .item  a {line-height:49px;height:48px;display:inline-block;padding:0 12px;font-weight:bold;font-size:12px;text-shadow:1px 1px 0 #f0f0f0;border-right:1px solid #f7f7f7;border-left:1px solid #d3d3d3;background:url(../images/backgrounds/menu.jpg) left top repeat-x}
* html #menu .item a {line-height:48px}
#menu .item a:hover, #menu .item a.selected {background-position:left bottom}
#menu .item.last {width:1px;border-left:1px solid #d3d3d3;height:48px}
#menu .dropdown ul {display:none;position:absolute;width:200px;border-top:1px solid #939393;margin-left:-1px}
* html #menu .dropdown li {float:left}
#menu .dropdown ul a {background:url(../images/icons/menu-arrow.gif) 6px 11px no-repeat #000;opacity:0.9;filter:alpha(opacity=90);color:#d1d1d1;text-shadow:none;display:block;overflow:hidden;line-height:26px;height:26px;font-size:11px;font-weight:normal;padding:0 13px;margin:0;border:1px solid #939393;border-top:0}
#menu .dropdown ul a:hover {background:url(../images/icons/menu-arrow.gif) 6px 11px no-repeat #181818;color:#fff}
#menu .dropdown .list {z-index:256;left:0;top:48px}
#menu .popout ul {z-index:257;left:200px;margin-top:-28px}
#menu .dropdown:hover .list, #menu .popout:hover ul {display:block}

/* Header Search */
#menu li.search {float:right;width:175px;text-align:right}
#menu li.search input.txt {padding:0;margin:0;border:none;outline:none;background:transparent;width:105px;margin-right:25px;color:#9a9a9a;font-size:11px}
@media screen and (-webkit-min-device-pixel-ratio:0) {#menu li.search input.txt{position:relative;top:17px}}
* + html #menu li.search input.txt, * html #menu li.search input.txt {position:relative;top:0}
#menu li.search input.submit {padding:0;margin:0;border:none;background:url(../images/buttons/search.png) left top no-repeat;height:48px;width:26px;cursor:pointer}
#menu li.search input.submit:hover {background-position:left bottom}

/* Breadcrumbs */
#breadcrumb {line-height:25px;height:25px;padding:0 8px;color:#fff;font-weight:bold;font-size:11px}
#breadcrumb * {vertical-align:middle}
#breadcrumb a {color:#fff}
#breadcrumb a:hover {text-decoration:underline}
#breadcrumb a:not([href]):hover {text-decoration:none;cursor:default}

/* General Content */
#content {background:url(../images/backgrounds/content-bottom.jpg) left bottom repeat-x}
#content .container {background:url(../images/backgrounds/content.jpg) left top repeat-y}
#content #mainLeft {float:left;width:170px;padding:6px 0 6px 15px;color:#38414e;font-size:11px}
#content #mainLeft a {text-decoration:none;overflow:hidden;display:block;height:20px;line-height:20px;color:#38414e;font-size:11px}
#content #mainLeft a:hover {text-decoration:underline}
#content #mainRight {float:right;width:769px;padding:5px 0}
#content #mainRight > h1 {color:#38414e;line-height:40px;background:#f5f4f2;border:1px solid #cdcdcd;padding:0 0 0 12px;margin: 0 7px 0 6px;font-size:15px;font-weight:bold}
#content #mainRight .content {color:#38414e;background:url(../images/backgrounds/module.gif) right top no-repeat #f5f4f2;border:1px solid #cdcdcd;padding:8px 100px 8px 12px;margin:6px 7px 0 6px}
#content #mainRight .content a {color:#e6097c}
#content #mainRight .content a:hover {text-decoration:underline}
#content #mainRight .content h2 {font-size:14px;font-weight:bold;color:#38414e}
#content #mainRight .content p {padding-bottom:10px}
#content #mainRight .content .list {border-top:1px solid #ddd;margin:0;padding:0;width:400px;font-size:15px;list-style-type:none}
#content #mainRight .content .list li {border-bottom:1px solid #ddd;line-height:40px;padding-left:15px}
#content #mainRight #results {padding-top:15px}
#content #mainRight #results  .module h2 {font-size:12px}
#content #mainRight #frmSearch {padding-top:6px}

/* Product Module */
.module.product {background:url(../images/backgrounds/module.gif) right top no-repeat #f5f4f2;border:1px solid #cdcdcd;float:left;width:373px;margin:6px 0 0 6px}
.module.product > .left {float:left;background:#fff;width:155px;height:149px;padding-top:6px;margin:6px;text-align:center}
.module.product > .right {float:left;width:180px;padding-left:10px;padding-top:10px;color:#38414e}
.module.product .right h2 {padding:0;margin:0;font-size:12px;font-weight:bold;color:#38414e;overflow:hidden;width:180px;height:16px}
.module.product .right p {height:85px;font-size:11px;padding-top:8px;overflow:hidden}
.module.product .right .left {color:#ababab;float:left;height:20px;line-height:20px;width:100px;font-size:11px;font-weight:bold}
.module.product .right .left span {font-size:14px;color:#38414e}
.module.product .right .right {float:right;height:20px;line-height:20px;width:57px}
.module.product .right .right a {padding-left:6px;color:#e6097c;text-decoration:underline;background:url(../images/icons/module-arrow.gif) center left no-repeat}
.module.product .right .right a:hover {color:#e6097c;text-decoration:none}

/* Product Page */
#product {background:#f5f4f2;border:1px solid #cdcdcd;margin-left:5px;margin-right:7px}
#product .left {width:466px;float:left;padding:6px 0 0 6px}
#product .left h1 {color:#38414e;background:#fff;font-size:18px;height:45px;line-height:45px;padding-left:12px;overflow:hidden;border:1px solid #eeece9}
#product .left h2 {color:#38414e;font-size:14px;font-weight:bold;padding:6px 6px 0 6px;margin-bottom:6px}
#product .left h3, #product .left embed, #product .left img {padding-left:6px}
#product .left p {padding:6px}
#product .left th, #product .left td {background:#f8f8f8;font-size:11px;line-height:12px;border:1px solid #fff;border-top:0;border-left:0}
#product .left table {margin:5px 0 5px 7px;width:90%;border:1px solid #fff;border-bottom:0;border-right:0}
#product .right {width:271px;float:right;padding:6px 6px 0 0;margin-bottom:6px}
#product .right .module {background:url(../images/backgrounds/buy.jpg) bottom right no-repeat #fff;border:1px solid #eeece9;margin-top:6px}
#product .right h3 {padding:7px 0 8px 11px}
#product .right label.ins {display:block;color:#38414e}
#product .right label.oos {display:block;color:#adadad}
#product .right input {margin-left:15px}
#product .right #img {text-align:center;background:#fff;padding:6px;border:1px solid #eeece9}
#product .right #img  #cycle {background:url(../files/facebox/loading.gif) center center no-repeat #fff;height:257px;width:257px;overflow:hidden}
#product .right #img  #zoomlink {clear:both;border-top:1px solid #f5f4f2;width:257px;padding-top:5px;margin-top:2px}
#product .right #price {text-align:right;color:#e6097c;font-size:15px;padding:20px}
#product .right #price span {font-size:16px;font-weight:bold}
#product .right a#cartlink {float:right;margin:8px 10px;padding-left:6px;color:#e6097c;text-decoration:underline;background:url(../images/icons/module-arrow.gif) center left no-repeat}
#product .right a#cartlink:hover {color:#e6097c;text-decoration:none}
#product .right a#buylink {background:url(../images/buttons/buylink.png) no-repeat;margin:0 0 25px 37px;display:inline-block;height:44px;width:194px}
#product .right a#buylink.ins {background-position:left top}
#product .right a#buylink.ins:hover {background-position:left center}
#product .right a#buylink.oos {background-position:left bottom}

/* Footer */
#footer {height:157px;background:url(../images/backgrounds/bottom.jpg) top repeat-x;color:#fff;font-size:11px;line-height:15px}
#footer .container {height:120px;background:url(../images/backgrounds/footer.jpg) right top no-repeat}
#footer a {text-decoration:none;color:#fff;display:block}
#footer a:hover {text-decoration:underline}
#footer h4 {line-height:20px;padding:0;margin:0;color:#fff;font-weight:bold}
#footer .left {float:left;width:50%;padding-top:10px}
#footer .left .left {float:left;padding:0 0 0 15px;width:90px}
#footer .left .center {float:left;padding:0 0 0 15px;width:110px}
#footer .left .right {float:left;padding:0 0 0 15px;width:120px}
#footer .right {float:right}
#footer .right ul, #footer .right li {list-style-type:none}
#footer .right ul {margin:43px 12px 0 0}

/* Footer Search */
#footer li.search {float:right;width:175px;text-align:right}
#footer li.search input.txt {padding:0;margin:0;border:none;background:transparent;outline:none;width:105px;margin-right:23px;color:#9a9a9a;font-size:11px}
@media screen and (-webkit-min-device-pixel-ratio:0) {#footer li.search input.txt{position:relative;top:17px}}
* + html #footer li.search input.txt, * html #footer li.search input.txt {position:relative;top:0}
#footer li.search input.submit {padding:0;margin:0;border:none;background:url(../images/buttons/search.png) left top no-repeat;height:48px;width:26px;cursor:pointer}
#footer li.search input.submit:hover {background-position:left bottom}