/*** Plastic Jungle CSS Files ***/
body {
    margin:0;
    padding:0;
    font-size:75%;
    font-family:arial, sans-serif;
    line-height:1.4em;
    background:#FFF;
    color:#666;
}
a img, img {
    border:none;
    vertical-align:middle;
}

a, a:hover {
    font-weight:bold;
    text-decoration:none;
    color:#0B96FF;
    outline:none;
}

a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {
    margin:20px 0 6px;
    padding:0;
    font-family:'Myriad Pro', Arial, Sans-serif;
    font-size:2.6em;
    font-weight:normal;
    color:#585858;
    line-height:1em;
}
h3 {
    font-size:1.7em;
}
h4 {
    margin:26px 0 10px;
    font-size:1.6em;
    font-weight:normal;
}
h5 {
    margin:16px 0 2px;
    padding:0;
    font-size:1em;
    font-weight:bold;
}
h1.first, html h2.first, html h3.first, html h4.first, h5.first {
    margin-top:0!important;
}
object {
    outline:none;
}
p {
    margin:6px 0 12px;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
input {
    vertical-align:middle;
}
ul, ol {
    margin:0 0 10px;
    padding:0 0 0 24px;
    list-style-type:disc;
}
ol {
    list-style-type:decimal;
}
li {
    margin:0 0 4px;
    padding:0;
}
small {
    font-size:0.8em;
}
.left {
    float:left;
}
.right {
    float:right;
}
h3 .right {
    font-size:0.6em;
    font-family:Arial, sans-serif;
}
.alignRight {
    text-align:right;
}
.clear {
    clear:both;
}
a.disclaimer {
    color:#585858;
    text-decoration:underline;
}

/**** outer ****/
#outer {
    margin:0 auto;
    background:url(../images/outer-bg.gif) 0 100% repeat-x;
}
#outer_top {
    background:url(../images/outer-top.gif) 50% 75px no-repeat;
}
#outer_bottom {
    margin:0 auto;
    background:url(../images/outer-bottom.gif) 50% 100% no-repeat;
    width:1001px;
}

/**** header ****/
#header {
    position:relative;
    padding:0;
    height:86px;
}
#header h1 {
    position:absolute;
    bottom:15px;
    left:45px;
    margin:0;
    padding:0;
}
#header h1 a {
    display:block;
    background:url(../images/logo.gif) no-repeat;
    text-indent:-9999px;
    width:173px;
    height:58px;
    outline:none;
}
#header .userLinks {
    position:absolute;
    top:5px;
    right:36px;
    font-size:0.9em;
    word-spacing:6px;
}
#header .userLinks a {
    font-weight:normal;
    color:#666;
    word-spacing:1px;
}
#header .search {
    position:absolute;
    bottom:11px;
    right:26px;
    margin:0;
    padding:0;
}
#header .search input {
    vertical-align:middle;
}
#header .search .text {
    border:none;
    margin:0;
    padding:6px 4px;
    background:url(../images/header-search-text.gif) 0 0 no-repeat;
    color:#666666;
    width:167px;
    height:14px;
}
#header .search .button {
    margin:4px 0 0 1px;
    padding:0;
    border:none;
    background:url(../images/search-go.gif) no-repeat;
    font-size:0;
    text-indent:-9999px;
    width:52px;
    height:33px;
    cursor:pointer;
}
#header .search .seeAll {
    position:absolute;
    left:0;
    bottom:0;
    margin:0;
    padding:0;
    font-size:0.9em;
    text-align:right;
    line-height:1em;
    width:174px;
    top:33px; 
}
#header .search div .seeAll {
    top:33px; 
}
#header .promoText {
    position:absolute;
    top:24px;
    left:352px;
    padding:1px 2px;
    background:#FFF;
    color:#666;
}    

/**** navigation ****/
#navigation {
    position:absolute;
    bottom:15px;
    right:291px;
    list-style-type:none;
    margin:0;
    padding:3px;
}
#navigation li {
    float:left;
    margin:0 0 0 28px;
    padding:0;
}
#navigation a {
    font-size:1.4em;
    font-weight:bold;
    color:#666;
}
#navigation a:hover, #navigation li.active a {
    font-weight:bold;
    text-decoration:none;
    color:#00BBF1;
}

/**** content ****/
#content {
    margin:0;
    padding:23px 0 26px 42px;
}

/**** content header ****/
#content_header {
    padding:0 42px 0 0;
}
#content_header h2 {
    margin:0 0 20px;
}
.breadCrumb {
    padding:8px 6px;
    background:url(../images/top-bread-crumb-bg.gif) repeat-x;
}
.breadCrumb ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.breadCrumb li {
    float:left;
    margin:0 6px 0 0;
    padding:0 12px 0 0;
    background:url(../images/raquo-gray.gif) 100% 50% no-repeat;
}
.breadCrumb a {
    font-weight:normal;
}
.breadCrumb li.current {
    margin:0;
    padding:0;
    background:transparent;
}
.breadCrumb li.current a {
    font-weight:bold;
    color:#666;
}
.breadCrumb li.current a:hover {
    text-decoration:none;
}

/**** main content ****/
#main_content {
    float:left;
    padding:12px 0 0;
    width:640px;
    min-height:260px;
}
#main_content h3 {
    margin:0 0 18px;
    padding:5px 8px;
    background:#F6F6F6;
}
#main_content .navigation {
    padding:8px 0;
}
#main_content .navigation form {
    margin:0;
}
#main_content .navigation form label {
    display:inline;
    margin:0;
    font-weight:normal;
}
#main_content .jumpTo {
    float:right;
    margin:0;
    padding:0;
}
#main_content .jumpTo .selectInput .text {
    width:180px;
}
#main_content .navigation .back {
    float:left;
    font-weight:bold;
}

/**** sidebar ****/
#sidebar {
    float:right;
    padding:0;
    width:280px;
    overflow:hidden;
}

/**** my stuff ****/
#sidebar .myStuff {
    margin:0 1px 0 0;
    background:url(../images/my-stuff-bg.gif) 100% 100% no-repeat;
}
#sidebar .myStuffTop {
    background:url(../images/my-stuff-top.gif) 100% 0 no-repeat;
}
#sidebar .myStuffBottom {
    padding:14px 4px 28px 22px;
    background:url(../images/my-stuff-bottom.png) 100% 100% no-repeat;
}
.myStuff h3 {
    margin:0;
    line-height:21px;
}
.myStuff h3 .number {
    color:#9B9C9E;
}
.myStuff .expandable {
    position:relative;
    padding:6px 14px 0 34px;
}
.myStuff .expandable .expandButton {
    position:absolute;
    top:7px;
    left:4px;
}
.myStuff .expandButton img {
    background:url(../images/expand-controls.gif) 100% 0 no-repeat;
    width:21px;
    height:21px;
}
.myStuff .expandButton:hover img {
    background-position:0 0;
}
.myStuff .expanded .expandButton img {
    background-position:100% 100%;
}
.myStuff .expanded .expandButton:hover img {
    background-position:0 100%;
}
.myStuff .myShoppingCart p {
    margin:8px 0 4px;
    color:#9B9C9E;
}
.myStuff .cardList .info {
    width:132px;
}

/**** card list ****/
.cardList .image {
    float:left;
    width:72px;
}
.cardList .info {
    float:right;
    line-height:1.1em;
    width:114px;
}
.cardList .info span {
    display:block;
}

/**** sidebar card list ****/
#sidebar .cardList {
    list-style-type:none;
    margin:14px 0 8px;
    padding:0;
}
#sidebar .cardList li {
    margin:8px 0;
    padding:0;
}

/**** sidebar box ****/
#sidebar .box {
    margin:18px 28px 18px 16px;
    border-bottom:solid 1px #FFF;
    background:url(../images/sidebar-box-bg.gif) repeat-y;
    font-size:0.9em;
}
#sidebar .boxTop {
    background:url(../images/sidebar-box-top.gif) no-repeat;
}
#sidebar .boxBottom {
    padding:8px 12px 8px 16px;
    background:url(../images/sidebar-box-bottom.gif) 0 100% no-repeat;
}
#sidebar .box h3 {
    margin:0 0 12px;
    font-size:1.8em;
    font-weight:normal;
}
#sidebar .box .graphic {
    float:right;
    margin:0 0 10px 8px;
}

/**** footer ****/
#footer {
    clear:both;
    background:#F1FCFE;
    color:#0B96FF;
    
}
#footer_inner {
    margin:0 auto;
    padding:22px 41px;
    background:url(../images/footer-bg.gif) 50% 0 no-repeat #F1FCFE;
    width:918px;
}
#footer .navigation {
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer .navigation li {
    float:left;
    margin:0 50px 0 0;
    padding:0;
}
#footer .navigatin li.last {
    margin:0;
}
#footer .navigation li ul {
    list-style-type:none;
    margin:8px 0;
    padding:0;
}
#footer .navigation li li {
    float:none;
    margin:2px 0;
    line-height:1.3em;
}
#footer .navigation li li a {
    font-weight:normal;
}
#footer .seals {
    float:right;
}
#footer .copyright {
    margin:24px 0 0;
}

/**** expandable stuff ****/
.expandable .expandContent {
    display:none;
}
.expandable.expanded .expandContent {
    display:block;
}

/**** alert ****/
.alert {
    margin:12px 0;
    padding:12px 8px 12px 68px;
    border:solid 1px #E6E7E8;
    background:url(../images/alert-email-bg.gif) 10px 50% no-repeat #FFF;
    min-height:28px;
}

/**** add link ****/
a.add {
    padding:4px 0 4px 28px;
    background:url(../images/plus-gray.gif) 0 50% no-repeat;
    color:#666;
    line-height:26px;
}

/**** page navigation ****/
.pageNav {
    margin:10px 0;
    color:#ACABAB;
    word-spacing:6px;
}
.pageNav b {
    padding:0 8px 0 0;
}
.pageNav .active, .pageNav b {
    font-weight:bold;
    color:#585858;
}

/**** other cards ****/
.otherCards {
    margin:8px 0;
    width:670px;
}
.otherCards ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.otherCards li {
    float:left;
    margin:0 14px 0 0;
    padding:0;
    width:116px;
}
.otherCards li.last {
    margin:0;
}
.otherCards .save {
    display:block;
    font-weight:bold;
    color:#444;
}
.otherCards li .title {
    display:block;
    font-weight:bold;
}
.otherCards .available, .otherCards .details {
    font-weight:normal;
    font-size:0.9em;
}
.otherCards .more {
    margin:24px 0 0;
}

/**** search results ****/
.searchResults {
    margin:0 0 34px;
}
.searchResults .sidebar {
    float:left;
    width:160px;
}
.searchResults .resultsCol {
    float:right;
    width:454px;
}
.searchResults .noResults {
    margin:0 0 26px;
    padding:0 20px;
}
.searchResults .result {
    position:relative;
    margin:10px 0;
    padding:12px 100px 40px 130px;
    background:url(../images/search-result-bg.gif) 0 100% no-repeat;
    width:224px;
    min-height:66px;
}
.searchResults .result .thumb {
    position:absolute;
    top:10px;
    left:12px;
}
.searchResults .result .discount {
    position:absolute;
    top:16px;
    right:12px;
}
.searchResults .result .numberAvailable {
    position:absolute;
    bottom:10px;
    left:170px;
}
.searchResults .result h4 {
    margin:0 0 2px;
    font-size:1.2em;
}
.searchResults .result .info {
    font-weight:bold;
    width:222px;
}
.searchResults .result .info table {
    width:100%;
}
.searchResults .result .info th {
    font-weight:normal;
    text-align:left;
}

/**** sort arrow ****/
table .arrowControl img {
    background:url(../images/control-arrow-blue.gif) no-repeat;
    width:9px;
    height:5px;
}
table .arrowControl:hover img {
    background-position:0 100%;
}

/**** quick search ****/
.quickSearch {
    margin:28px 0 0;
}
#main_content .quickSearch h3 {
    margin:4px 0;
}
.quickSearch .search {
    margin:0;
    padding:0;
}
.quickSearch .search input {
    vertical-align:middle;
}
.quickSearch .search .text {
    padding:6px;
    border:none;
    background:url(../images/text-box-large.gif) no-repeat;
    font-size:1.3em;
    color:#9D9C98;
    width:335px;
    height:22px;
}
.quickSearch .search .button {
    margin:5px 0 0 2px;
    padding:0;
    border:none;
    background:url(../images/search-go-large.gif) no-repeat;
    font-size:0;
    text-indent:-9999px;
    width:82px;
    height:43px;
    cursor:pointer;
}
.quickSearch .hint {
    font-size:0.9em;
    color:#A4A4A4;
    text-align:right;
    line-height:1.2em;
    width:347px;
}

/**** forms ****/
form {
    margin:14px 0;
    padding:0;
}
form label {
    display:block;
    margin:0 0 2px;
    font-weight:bold;
}
form label.radio, form label.checkbox {
    font-weight:normal;
}
form .radio input {
    vertical-align:baseline;
}
form .textInput, form .selectInput {
    display:inline-block;
    margin:0 4px 0 0;
    padding:0 4px 0 0;
    background:url(../images/text-box-bg.gif) 100% 50% no-repeat;
    vertical-align:middle;
    height:auto;
}
form .textInput .text, form .selectInput .text {
    display:block;
    margin:0;
    padding:3px 0 0 4px;
    border:none;
    background:url(../images/text-box-bg.gif) 0 0 no-repeat;
    font-size:15px;
    color:#888;
    line-height:20px;
    vertical-align:top;
    width:200px;
    height:23px;
    overflow:hidden;
}
form .textInput .text:focus, form .selectInput .text:focus {
    color:#444;
    outline:none;
}

form .selectInput {
    position:relative;
    padding:0 24px 0 0;
    background:url(../images/select-box-arrow.gif) 100% 50% no-repeat;
}
form .selectInput.active, form .selectInput:hover {
    background:url(../images/select-box-arrow-dark.gif) 100% 50% no-repeat;
}
form .selectInput .text {
    cursor:default;
}
form .selectInput select {
    display:none;
}
form .selectInput ul {
    display:none;
    position:absolute;
    top:98%;
    left:0;
    list-style-type:none;
    margin:0;
    padding:0;
    background:#FFF;
    border:solid 1px #99A8AE;
    color:#666;
    width:100%;
}
form .selectInput.active ul {
    display:block;
}
form .selectInput li {
    margin:0;
    padding:2px 4px;
}
form .selectInput li:hover, form .selectInput li.selected {
    background:#EEE;
}

form .row {
    margin:0 0 12px;
}
form .hint {
    font-size:0.9em;
}
form .hint a {
    font-weight:normal;
}
form .submit {
    margin:14px 0;
}
form .submit  img{
   cursor:pointer;
}
form .phone .textInput {
    margin:0;
}
form .phone .text {
    width:40px !important;
}
form .phone .text.last {
    width:54px !important;
}
form .phone .hint {
    padding-left:10px;
}
.error {
    color:#D40000;
}
.errorInfo
{
	font-weight:bold;
}

.error-icon { border:none; display:none; }
/**** contact info form ****/
.contactInfo .formRow {
    margin:10px 0;
}
.contactInfo .state {
    float:left;
    width:90px;
}
.contactInfo .zip {
    float:left;
    width:100px;
}
.contactInfo .zip .text {
    width:60px;
}
.contactInfo .submit {
    margin:24px 0 0;
}

/**** content footer ****/
.contentFooter {
    padding:12px 0 0;
    background:url(../images/content-footer-bg.gif) 0 1px repeat-x;
    border-top:solid 1px #FFF;
}

/**** faq ****/
dl.faq dt {
    font-weight:bold;
}
dl.faq dd {
    margin:0 0 14px;
    padding:0;
}

/**** tabs ****/
#content_header .tabs {
    list-style-type:none;
    margin:22px 0 18px;
    padding:0;
    background:url(../images/tabs-line.gif) 0 100% repeat-x;
    height:29px;
    overflow:hidden;
}
#content_header .tabs li {
    float:left;
    margin:0 6px 0 0;
    padding:0 4px 0 0;
    background:url(../images/tab-bg.gif) 100% 0 no-repeat;
}
#content_header .tabs li a {
    display:block;
    padding:0 6px 0 10px;
    background:url(../images/tab-bg.gif) 0 0 no-repeat;
    color:#585858;
    line-height:29px;
}
#content_header .tabs li.active, #content_header .tabs li:hover {
    background-position:100% 100%;
}
#content_header .tabs li.active a, #content_header .tabs li:hover a {
    background-position:0 100%;
    text-decoration:none;
}

/* popup box class new */
.paddingTop25
{
padding-top:24px;
}
.paddingTop251
{
padding-top:23px;
}
.popLeftCornerTop
{
background:url(../images/tl.png) no-repeat;
height:33px;
width:33px;
}
.paddingTop8
{
padding-top:8px;
}
.popCenterTop
{
background:url(../images/smallimg.jpg) repeat-x;
}
.popRightCornerTop
{
background:url(../images/tr.png) no-repeat;
}
.popRightCornerTop2
{
background:url(../images/tr1.png) no-repeat;height:33px;width:33px;
}
.popCenterLeft
{
background:url(../images/smallimg.jpg) repeat-y;
}
.popCenterLeft
{
background:url(../images/smallimg.jpg) repeat-y;
}
.popCenterRight
{
background:url(../images/rightRepeat.jpg) repeat-y;
}
.popLeftCornerBottom
{
background:url(../images/bl.png) no-repeat;height:33px;width:33px;
}
.popRightCornerBottom
{
margin-bottom:11px;
background:url(../images/br.png) no-repeat;
height:33px;
width:33px;
}
.paddingRight25
{
padding-right:25px;
}
.paddingRight125
{
padding-right:25px;
padding-top:24px;
}
.popCenterBottom
{
background:url(../images/smallimg.jpg) repeat-x;
}
.popHeader
{
border-bottom:solid 8px #c7ecf7;
margin-top:-20px;
}
#outerDivIAgree {
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#innterDivIAgree{
	position:relative;
	width:300px;
	margin-left:20px;
	padding:0;
	z-index:99;
}

form .yui-skin-sam #myAutoComplete .textInput {
    display:inline-block;
    margin:0 4px 0 0;
    padding:0 4px 0 0;
    background:url(../images/text_box.png) 100% 50% no-repeat;
    vertical-align:middle;
    }

form .yui-skin-sam #myAutoComplete .textInput .text {
    display:block;
    margin:0;
    padding:3px 0 0 4px;
    border:none;
    background:url(../images/text_box.png) 0 0 no-repeat;
    font-size:15px;
    color:#888;
    line-height:20px;
    vertical-align:top;
    width:320px;
    height:30px;
    overflow:hidden;
}

/**** form ****/
.formRow div.first {
    float:left;
    padding:0 14px 0 0;
}

.formRow div.last {
    float:left;
    padding:0;
}