/* Reset Browser Defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 24px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
img {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
   border-spacing: 0; 
}
/* -- End of reset -- */ 



html,body{
    background-image: url(/images/stripe_2.png);
    font-family: Verdana; 
    font-size: 12px;  
}
small{
    font-size: 11px;
}
h3{
    font-size: 24px;
    color: #9c0000;
    text-shadow: #888888 2px 2px 2px;
}
input[type="submit"]{
    font-family: helvetica; 
    background: #ce2119;
    color: #fff;
    border: 0;
}
input[type="text"],input[type="password"],input[type="file"]{
    margin-bottom: 5px;
    border: solid 1px #000;
}
label{
    width: 130px;
    float: left;
    text-align: right;
    padding-right: 5px;
}
noscript p{
    margin: 0 auto;
    border: solid 2px #D7DF01;
    text-align: center;
    padding: 10px;
}
.error{
    margin-left: 4px;
    color: #FF0000;
}
sup{
    font-size: 12px;
}
.clear{
    clear: both;
    height: 0;
}
.wait{
    cursor: wait !important;
}
#container{
    width: 940px;
    background: #fff;
    margin: 0 auto;
}
#languages{
    font-size: 11px;
    text-align: right;
    padding-right: 4px;
    background: #000;
    width: 936px
}
#languages p{
    padding-right: 4px;
}
#languages a{
    color: #FFF;
}
#languages span{
    float: left;
    color: #fff;
    font-size: 13px;
    padding-left: 20px;
}
#languages span a{
    color: #fff;
    text-decoration: underline; 
}
#ie6{
    margin: 0 auto;
    border: solid 2px #f00;
    text-align: center;
    padding: 10px;
}
.tip{
    width: 96%;
    background: #FFF99B;
    border: dashed 1px #CDAD6C;
    padding-left: 15px;
    margin-bottom: 15px;
    font-style: italic;
}
.tip a{
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: underline;
}
table tr.t td{
    background: rgb(25,75,107);
    color: #fff;
    font-weight: bold;
}
.backNav{
    color: #0101DF;
    text-decoration: none;
}
.backNav img{
    margin-bottom: -10px;
    margin-right: 5px;
}
.backNav:hover{
    color: #000;
}

/* LEFTEDGE */

#leftEdge{
    float: left;
}
#leTop{
     background-image: url('/images/leTop.gif'); 
     height: 182px;
     width: 16px;
}
#columns{
    float: left;
    overflow: hidden;
}

/* LEFTCOL */

#leftCol{
    float: left;
    width: 188px;
    padding-bottom: 18000px;
    margin-bottom: -18000px;
    background-image: url('/images/LColBG.jpg');  
}
#logoArea {
 width: 188px;
 height: 44px;
 background: url('/images/homelogo.gif');
 position: relative;
}
#logoArea a{
 height: 40px;
 width: 188px; 
 display: block; 
 position: absolute; 
 top: 0;
}
#logoArea a:hover{
 background: transparent url('/images/homelogo.gif') 0 -43px no-repeat;
}
#subLeftCol{
    padding-left: 4px;
    width: 180px;
}
#subLeftCol div{
    margin-top: 0px;
    background: #9c0000;
}
#loginArea{
    height: 140px;
    background-image: url('/images/loginBG.gif'); 
}
#loginArea a{
    color: #0101DF;
    font-weight: bold;
}
#loginArea label{
    width: 100px !important;
    text-align: left;
	height: 15px;
	line-height: 18px;
}
#loginArea input[type="checkbox"]{
    float: left;
    width: 20px;
}
#loginArea input[type="text"], #loginArea input[type="password"]{
    width: 150px;
}
#loginArea input[type="password"]{
    margin-top: 2px;
    
}
#loginArea .error{
    display: inline;
    font-weight: bold;
}
#login{
    margin-left: 15px;
    margin-top: 0px;
}
#remember{
    width: 60px;
    float: left;
    padding: 0;
    text-align: left;
    color: #fff;
    font-weight: bold;
    float: left;
    margin: 0;
	margin-top: 3px;
	
}
#loginButton{
    background: url('/images/loginButtons.gif');
    height: 20px;
	margin-left: 8px;
    width: 65px;
}
#loginButton:hover{
    background: transparent url('/images/loginButtons.gif') 0 -19px no-repeat;
}
#loginButton:active{
    background: transparent url('/images/loginButtons.gif') 0 -38px no-repeat;
}
#loggedIn{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 20px;
}
#loggedIn a{
    color: #fff;
    padding: 3px;
    text-decoration: none;
    font-size: 12px;
    margin-left: 6px;
    background: #9c0000;
    
    filter:alpha(opacity=60);
	  -moz-opacity:0.6;
	  -khtml-opacity: 0.6;
	  opacity: 0.6;
}
#loggedIn a:hover{
    filter:alpha(opacity=100);
	  -moz-opacity:1;
	  -khtml-opacity: 1;
	  opacity: 1;
}
#logoArea{
    height: 42px;
    margin-bottom: 0px !important;
}
p.leftColTitle, p.leftColTitle a{
    font-weight: bold;
    color: #fff;
    margin-left: 0px;
    font-size: 15px;
    text-decoration: none;
}
p.leftColTitle img{
    margin-bottom: -4px;
    margin-right: 6px;
    margin-left: 5px; 
}
#loginTitle{
    color: #fff;
    font-weight: bold;
    display: inline;
    margin-left: 5px;
}
#loginIcon{
    margin-left: 10px;
    margin-bottom: -3px;
}
#leftColDistributors small{
    font-size: 12px;
    color: #fff;
}
#leftColDistributors{
    position: static;
    padding-left: 4px;
    padding-bottom: 8px;
    margin-top: -8px !important;
    z-index: 300;
}
#leftColDistributors select{
    font-size: 11px;
}
#leftColDistributors #distTitle{
    padding-top: 4px;
}
.distChoice{
    font-size: 12px;
}
#chooseDist{
    width: 160px;
	margin-left: 4px;
}
.distShadow{
    background-image: url('/images/lcDivShadow.gif')!important;
    background-repeat: none;
    height: 6px;
    width: 180px;
    margin-bottom: 20px;
}
#catMenuTitle{
    background: #9c0000;
    padding-bottom: 4px;
    padding-top: 3px;
}
#categoryMenu{
    background: #fff !important;
}
#categoryMenu li{
    padding-left: 4px;
    padding-top: 2px;
    margin-top: 2px;
    font-size: 12px;
}
#art{
    background: #ffc4c4;
    border-bottom: solid 1px #c78c8c;
}
#crafts
{
    background: #f6ff3d;
    border-bottom: solid 1px #a1ab00;
}
#seasonal{
    background: #66b966;
    border-bottom: solid 1px #116411;
}
#language{
    background: #f03333;
    border-bottom: solid 1px #9c0000;
}
#math{
    background: #f27618;
    border-bottom: solid 1px #9e2200;
}
#science{
    background: #39a1ad;
    border-bottom: solid 1px #066e7a;
}
#resources{
    background: #ffc636;
    border-bottom: solid 1px #ae7500;
}
#aamm{
    background: #8c4a20;
    border-bottom: solid 1px #591700;
}
#toys{
    background: #795fc2;
    border-bottom: solid 1px #442a8d;
}
#categoryMenu li img{
    margin-right: 3px;
    margin-bottom: -4px;
}
#categoryMenu li a{
    display: block;
    text-decoration: none;
    color: #222;
    font-size: 13px;
    font-weight: bold;
}
#categoryMenu li:hover{
    background: #999;
}
#cartInfo #price, #cartInfo #items{
    text-align: right;
    padding-right: 8px;
    font-size: 14px;
    color: #fff;
}
#cartInfo{
    cursor: pointer;
}
#cartInfo:hover{
    background: #CB3F3F;
}
#cartInfo #viewCart{
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    margin-left: 7px;
}
#cartInfo #cartTitle{
    padding-top: 4px;
}
#cts{
    margin-bottom: 20px;
}
#catImg{
    margin-left: 2px;
    margin-bottom: 75px;
}
#voiceTop{
    display: block;
    position: absolute;
    background-image: url('/images/voiceTop.jpg');
    background-repeat: none;
    height: 52px;
    width: 174px;
    margin-top: -98px !important;
    margin-left: 22px !important;
    cursor: pointer;
    z-index: 300;
}

/* MAIN COL */

#mainCol{
    float: left;
    width: 736px;
    background: #fff;
}
#searchRow{
    float: right;
    width: 100%;
    padding-top: 10px;
    height: 32px;
    background-image: url('/images/searchAreaBG.gif'); 
}
#searchRow form{
    float: right;   
    margin-right: 10px;
}
#searchRow form input[type="text"]{
    width: 280px;
    height: 19px;
    margin-top: 1px;
    font-size: 14px;
}
#searchRow #searchButton{
    height: 24px;
    border: 0;
    width: 84px;
    vertical-align: top;
    background-image: url('/images/searchButtons.gif');
    cursor: pointer;
}
#searchRow #searchButton:hover{
    background: transparent url('/images/searchButtons.gif') 0 -23px no-repeat;
}
#searchRow #searchButton:active{
    background: transparent url('/images/searchButtons.gif') 0 -48px no-repeat;
}
#topNav{
    text-align: right;
    clear: both;
    height: 21px;
    background-image: url('/images/banner-top.gif'); 
}
#topNav li{
    list-style-type: none;
    float: right;
    height: 20px;
    margin-right: 20px;
    text-align: left;
}
#topNav li a{
    text-decoration: none;
    display: block;
    color: #333;
    font-weight: bold;
    margin-top: -2px;
}
#topNav li a:hover{
    color: #666;
}
#banner{
    clear: both;
    height: 88px;
    background-image: url('/images/banner-mid.gif');
}
#navTrail{
    height: 28px;
    background-image: url('/images/banner-bottom.gif');
}
#content{
    background: #fff;
    min-height: 550px;
}
#feedbackForm{
    background: #eee;
    width: 370px;
    display: none;
    z-index: 9999;
}
#feedbackForm input[type="text"]{
    width: 240px;  
}
#feedbackForm a{
    color: #FF2828;
    font-weight: bold;
    margin-left: 3px;
}
#feedBack{
    padding: 20px;
}
#theFeedbackForm{
    background: #eee;
    width: 390px;
    margin-top: 15px;
    margin-left: 20px;
    padding: 15px;
}

/* FOOTER */

#footer{
    clear: both;
    height: 46px;
    margin-right: 1px;
    width: 940px;
    padding-top: 0px;
    background-image: url('/images/footer.gif'); 
    color: #fff;
    overflow: hidden;
}
#footer a{
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    font-size: 14px;
}
#footer a:hover{
    color: #666;
}
#footer p{
    float: left;
    display: inline;
    vertical-align: baseline;
    margin-left: 40px;
    margin-top: 22px;
}
#voiceOpinion{
    float: left;
    width: 178px;
    height: 65px;
    margin-left: 21px;
    cursor: pointer;   
}
a#goHome{
    display: block;
    float: right;
    height: 40px;
    width: 230px;
}
#copy{
    clear: both;
    text-align: center;
}
#roylcoLinks{
    margin-top: 15px;
    padding-top: 4px;
    margin-bottom: 10px;
}
#roylcoLinks a{
    font-size: 11px;
    color: #5C97CB;
    margin-right: 10px;
    position: relative;
    transition-property:top;
    transition-duration:.2s;
    -o-transition-property:top;
    -o-transition-duration:.2s;
    -webkit-transition-property:top;
    -webkit-transition-duration:.2s;
}
#roylcoLinks a:hover{
    top: -6px;
}


  /*
   *  Home
   */

#categoryImages{
    margin-top: 40px;
    padding-left: 2px;
}
#categoryImages h3{
    font-size: 28px;
    margin-left: 20px;
    margin-bottom: 15px;
    color: #9c0000;
}
#categoryImages .tip{
    text-align: center;
    font-style: normal;
    margin-left: 3px;
}
#categoryImages .tip a{
    font-size: 12px;
    color: #00f;
    text-decoration: underline;
}
#categoryImages a{
   text-decoration: none;
   margin-left: 18px;
   margin-bottom: 18px;
}
#categoryImages a{
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 157px;
    padding-top: 3px;
    padding-left: 12px;
    text-shadow: #41413f 2px 2px 2px;
    line-height: 35px;
    filter: Shadow(Color=#41413f, 	
			Direction=135, 
			Strength=5);
}
#artDoor, #craftsDoor, #seasonalDoor, #languageDoor, #mathDoor, #scienceDoor, #resourcesDoor, #aammDoor, #toysDoor{
    height: 157px;
    width: 206px;
    float: left;
}
#artDoor{
    background-image: url('/images/art.jpg');
}
#artDoor:hover{
    background: url('/images/art.jpg') 0 -162px no-repeat;
}
#craftsDoor{
    background-image: url('/images/crafts.jpg');
}
#craftsDoor:hover{
    background: url('/images/crafts.jpg') 0 -162px no-repeat;
}
#seasonalDoor{
    background-image: url('/images/seasonal.jpg');
}
#seasonalDoor:hover{
    background: url('/images/seasonal.jpg') 0 -162px no-repeat;
}
#languageDoor{
    background-image: url('/images/language.jpg');
}
#languageDoor:hover{
    background: url('/images/language.jpg') 0 -162px no-repeat;
}
#mathDoor{
    background-image: url('/images/math.jpg');
}
#mathDoor:hover{
    background: url('/images/math.jpg') 0 -162px no-repeat;
}
#scienceDoor{
    background-image: url('/images/science.jpg');
}
#scienceDoor:hover{
    background: url('/images/science.jpg') 0 -162px no-repeat;
}
#resourcesDoor{
    background-image: url('/images/resources.jpg');
}
#resourcesDoor:hover{
    background: url('/images/resources.jpg') 0 -162px no-repeat;
}
#aammDoor{
    background-image: url('/images/aamm.jpg');
}
#aammDoor:hover{
    background: url('/images/aamm.jpg') 0 -162px no-repeat;
}
#toysDoor{
    background-image: url('/images/toys.jpg');
}
#toysDoor:hover{
    background: url('/images/toys.jpg') 0 -162px no-repeat;
}

  /*
   *  CAREERS
   */
#careers{
    padding: 20px;
}
.jobDescription{
    display: none;
}
#careers h3{
    margin-bottom: 10px;
}
#careers h4{
    margin-top: 15px;
    text-decoration: underline;
    font-size: 22px;
}
#careers h4.jobTitle{
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 18px;
    padding: 3px;
    padding-left: 8px;
    border-bottom: solid 1px #666;
    border-left: solid 1px #666;
    background: #eee;
}
#careers h4.jobTitle a{
    color: rgb(0,0,238);
    text-decoration: underline;
    cursor: pointer;
}
#careers h4 span{
    margin-left: 4px;
    font-size: 11px;
    color: rgb(0,0,238);
}
#careers input[type="radio"]{
    float: left;
}
#careers input[type="text"]{
    width: 400px;
    margin-bottom: 5px;
}
#careers fieldset{
    background: #EF9999;
    padding-left: 25px;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
#careers legend{
    font-size: 18px;
    text-decoration: underline;
}
#careers #jobApplicationFormUS label{
    width: 180px;
}
#careers label.cb{
    text-align: left;
    width: auto !important;
}
#careers #jobApplicationFormUS p, #careers #jobApplicationForm p{
    font-weight: bold;
    text-decoration: underline;
}
  /*
   *  CATEGORY
   */
#browse{
    padding-top: 20px;
}
#backcat{
    margin-left: 20px;
}
#browse h2{
    font-size: 32px;
    text-align: center;
    color: #9c0000;
    text-shadow: #888888 2px 2px 2px;
}
#browseOptions{
    float: left;
    width: 685px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-left: 13px;
    background: #FFF99B;
    border: dashed 1px #CDAD6C;
    padding: 10px;
    color: #f00;
}
#browseOptions small{
    background: #f7f717
}
#changeBrowseOptions{
    width: 430px;
    margin: 0 auto;
}
#forceRight{
    float: right;
}
#forceLeft{
    float: left;
}
#orderMethod{
    width: 160px;
	font-size: 12px;
}
#browse table{
    border-collapse: separate;
    margin-left: 10px;
    border-spacing: 5px;
    padding: 0px;
}
#browse td{
    padding: 3px 5px 3px 5px;
}
.thumb{
    clear: both;
    width: 150px;
    border: solid 1px #e9e9e9;
    margin-bottom: -6px; 
    text-decoration: none; 
}
.thumb:hover{
    text-decoration: none; 
}
.popup{
    position: absolute;
    display: none;
    padding: 4px; 
    max-width: 606px;
    z-index: 1005;
    margin-left: 15px;
    height: auto;
}
.popupName{
    text-align: center;
    background: #fff;
    color: #000;
    padding: 3px;
    max-width: 600px;
    border: solid 2px #666;
}
.large{
    position: relative;
    display: block;
    max-width: 600px; 
    z-index: 1005;
}
.popup:hover, .large:hover, .popupName:hover{
    left: -1000px;
}
.age{
    width: 45px;
    text-align: right;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #333;
}
.itemContainer{
    display: inline;
    float: left;
    width: 156px;
    overflow: visible;
}
.itemContainer a{
    display: block;
    float: left;
    color: #36f;
    text-decoration: none;
}
.itemContainer a:hover{
    text-decoration: none;
}
.itemNum{
    float: left;
    display: inline;
    font-family: Arial;
    font-weight: bold;
    font-size: 11pt;
}
.itemContainer a:hover .itemNum{
    text-decoration: underline;
}
.chokeWarning{
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 3px;
    margin-top: 3px; 
}    
.itemName{
    margin-top: 6px;
    width: 154px;
    text-align: left;
    padding-left: 4px;
}
.prevPage{
    display: inline;
}
.nextPage{
    display: inline;
}
.pages{
    text-align: center;
    clear: both;
    font-family: Arial;
}
.pages b{
    position: relative;
    color: #999;
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
}
.pages a{
    color: #000;
    font-size: 18px;
}

.pages img{
    margin-bottom: -5px;
    margin-left: 4px;
    margin-right: 4px;
}
.selectNumber{
    float: left;
    font-size: 12px;
}
.methodOrder{
    float: left;
    font-size: 9px;
}
#browseOptions p{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
}
#chokeInfo{
    font-weight: normal;
    font-size: 14px;
    display: inline;
    clear: both;
    width: 100%;
    color: #000;  
}
#chokeInfo sup{
    float: left;
    font-weight: normal;
    margin-right: 3px;
}

  /*
   *   PRODUCT
   */
   
#product{
    padding: 25px;
}
#product h3{
    margin-top: 10px;
}
#video{
    display: none;
    background: #000;
}
#cover{
    position: fixed;
    z-index: 1000;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    cursor: pointer;
    
    filter:alpha(opacity=80);
	  -moz-opacity:0.8;
	  -khtml-opacity: 0.8;
	  opacity: 0.8;
}
#product h3{
     margin-bottom: 5px;
}
#description{
    line-height: 16px;
    font-size: 10pt;
    font-family: Arial;
}
#productInfo{
    text-align: center;
}
#infoRow{
    position: relative;
    left: 50%;
    float: left;
    margin-top: 10px;
}
p#procats-title{
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 4px;
}
a.procat{
    padding: 5px 10px 5px 10px;
    margin-right: 7px;
    border: solid 1px #000;
    text-decoration: none;
    color: #000;
}
a.procat:hover{
    background: #9c0000;
    color: #fff;
}
#productInfos{
    position: relative;
    left: -50%;
}
#productInfos #left{
    float: left;
    width: 13px;
    height: 70px;
    background-image: url('/images/proInfoLeft.gif');
    background-repeat: no-repeat;
}
#productInfos #theInfo{
    float: left;
    width: auto;
    height: 70px;
    background-image: url('/images/proInfoBG.gif');
    background-repeat: repeat-x;
}
#productInfos #theInfo #theForm{
    margin-top: 0px;
    margin-right: 3px;
    float: right;
    text-align: center;
}
#productInfos #theInfo #r{
    float: left;
    border-left: solid 1px #4d7f9e;
    height: 45px;
    margin-top: 11px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
}
#productInfos #theInfo #r p#plzlogin{
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    margin-left: 5px;
}
#productInfos #theInfo #m{
    float: left;
    border-left: solid 1px #4d7f9e;
    border-right: solid 1px #0b2848;
    height: 45px;
    margin-top: 11px;
    padding-top: 0px;
    padding-left: 20px;
    width: 100px;
}
#productInfos #theInfo #l{
    float: left;
    border-right: solid 1px #0b2848;
    height: 45px;
    margin-top: 11px;
    padding-top: 0px;
    padding-right: 8px;
    padding-left: 8px;
}
#productInfos #theInfo #l del{
    color: #868585;
    margin-right: 4px;
}
#productInfos #theInfo #l a{
    color: #fff;
    font-weight: bold;
    margin-right: 4px;
    text-decoration: none;
}
#productInfos #theInfo #l a:hover{
    text-decoration: underline;
}
#productInfos #theInfo #l a img{
    margin-right: 2px;
    margin-bottom: -2px;
}
#productInfos #theInfo #m p{
    text-decoration: underline;
}
#productInfos #theInfo #m a{
    color: #1aa333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
#productInfos #theInfo #m a:hover{
    color: #fff;
}
#productInfos #theInfo #m p img{
    margin-top: 6px;
}
#productInfos #theInfo #m #theInst{
    text-decoration: none;
    text-align: center !important;
    font-weight: normal;
    margin-top: -6px;
    margin-left: -10px;
    width: 100%;
}
#productInfos #theInfo p{
    margin-top: 0px;
    margin-right: 15px;
    text-align: right;
    float: left;
    color: #fff;
    font-weight: bold;
}
#productInfos #theInfo p #price{
    background: #fff;
    padding: 3px;
    border: solid 1px #000;
    color: #000;
    font-weight: normal;
}
#productInfos #theInfo #theForm a{
    color: #fff;
    font-weight: bold;
}
#productInfos #right{
    float: left;
    width: 12px;
    height: 94px;
    background-image: url('/images/proInfoRight.gif');
    background-repeat: no-repeat;
}
#bigImage{
    max-width: 680px;
    margin: 0 auto;
    margin-top: 15px;
}
.tinyThumb{
    cursor: pointer;
}
#otherImages{
    border: solid 1px #000;
    margin-top: 15px;
}
#otherImages p{
    background: #9c0000;
    color: #fff;
    font-weight: bold;
	line-height: 26px;
    padding-left: 10px;
}
#otherImages img{
    margin-top: 5px;
    margin-bottom: 2px;
}
#otherImages span{
    padding-left: 8px;
    padding-right: 8px;
}
input.addButton{
    background-image: url('/images/wideBG.gif');
    height: 24px;
    width: 120px;
    color: #fff;
    font-weight: bold;  
    font-size: 16px; 
    margin-bottom: -4px;
}
.addButton:hover{
    background: transparent url('/images/wideBG.gif') 0 -24px no-repeat;
}
.addButton:active{
    background: transparent url('/images/wideBG.gif') 0 -48px no-repeat;
}
  /*
   *  DISTRIBUTORS
   */
   
#distributors .column{
    float: left;
    background: #eee;
    width: 194px;
    height: 60px;
    padding: 10px 5px 10px 24px;
    margin-bottom: 15px;
}
#distributors{
    font-size: 11px;
    padding: 20px;
}
#distributors select, option{
    width: 160px;
}
#distributors table{
    width: 100%;
}
#distributors .location{
    width: 440px;
    padding-left: 20px;
    line-height: 17px;
    margin: 0;
    font-family: Georgia;
}
.even{
    background: #eee;
}
.odd{
    background: #fff;
}
#distributors td{
    padding: 5px;
    padding-left: 15px;
    font-family: Georgia;
}
#map_canvas{
    width: 670px; 
    height: 600px; 
    margin-top: 100px;
    margin-bottom: 15px;
}

  /*
   *  REGISTER
   */

#register{
    padding: 15px;
}
#register input[type="text"], #register input[type="password"]{
    margin-bottom: 5px;
    width: 200px;
}
#register label{
    width: 190px;
}
#register label.cb{
    float: left;
    text-align: left;
    width: auto;
    line-height: 12px;
    margin-top: 20px;
    
}
#register h3{
    margin-left: 15px;
    margin-top: 10px;
}
#register select{
    margin-bottom: 5px;
    width: 204px;
}
#registerButton{
    margin-left: 235px;
    margin-top: 5px;
    width: 120px;
    height: 24px;
    color: #fff;
    font-weight: bold;
    background-image: url('/images/wideBG.gif');
}
#registerButton:hover{
    background: transparent url('/images/wideBG.gif') 0 -24px no-repeat;
}
#registerButton:active{
    background: transparent url('/images/wideBG.gif') 0 -48px no-repeat;
}
#registerButton:active{
}
#password1Info{
    font-size: 10pt;
    font-style: italic;
    margin-left: 135px;
    background: #FFF99B;
    padding: 2px;
    border: dashed 1px #CDAD6C;
}
#register input.cb{
    margin: 0;
    float: left;
    margin-left: 150px;
    margin-right: 5px;
    margin-top: 20px;
}


  /*
   *  SEARCH
   */

#search{
    padding: 20px;
}

  /*
   *  ACCOUNT + PURCHASE
   */

#account{
    padding-top: 20px;
}  
#account table{
    margin: 0 auto;
    width: 500px;
    margin-bottom: 20px;
} 
#account table td, #purchase table td{
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: solid 1px #000;
}
#account #recentPurch p{
    text-align: center;
}
#btm{
    margin-bottom: 30px;
}
#account #accountInfo{
    width: 400px;
    float: right;
}
#account h3{
    text-align: center;
    margin-bottom: 10px;
}
#account h4{
    font-size: 16px;
}
#account #recentView{
    float: left;
    width: 300px;
    text-align: center;
}
#account input[type="text"], #account input[type="password"],#account select{
    width: 212px;
    margin-left: 3px;
    margin-bottom: 5px;
}
#account #updateButton{
    margin-left: 170px;
    width: 140px;
    height: 32px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-image: url('/images/accountButton.gif');
}
#account #updateButton:hover{
    background: transparent url('/images/accountButton.gif') 0 -32px no-repeat;
}
#account #updateButton:active{
    background: transparent url('/images/accountButton.gif') 0 -64px no-repeat;
}
#errorMessage{
    float: left;
}
#purchase{
    padding: 20px;
}
#purchase .a{
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}
#purchase #items{
    float: left;
}
#purchase #items td{
    width: 50px !important;
}
#purchase #data{
    margin: 0 auto;
    width: 500px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#purchase h2{
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
    text-shadow: #888888 2px 2px 2px;
}

  /*
   *  ABOUT + CONTACT
   */

#about{
    padding: 20px;
}   
#about p, #about ul, #contact p{
    font-family: Verdana, sans-serif;
    font-size: 10pt;
}
#about p{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 18px;
}
#contact p{
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#about ul{
    margin-bottom: 20px;
}
h4{
    font-size: 18px;
    font-weight: bold;
}
#contact{
    padding: 20px;
}

#about ul{
    list-style-type: circle;
    margin-left: 20px;
}   
#about h3{
    margin-bottom: 10px;
    font-weight: bold;
}
.category{
    float: left;
    width: 280px;
    border: solid 1px #000;
    height: 280px;
}


  /*
   *  CART
   */
#cart{
    padding: 20px;
}   
#cart h3{
     margin-bottom: 10px;   
}
#cart table{
    margin: 0 auto;
}
#cart td{
    padding: 10px;
    text-align: center;
    max-width: 400px;
}
#cart tr td{
    border-bottom: solid 1px #000;
}
#cart .crncy{
    margin-bottom: 15px;
}
#cart tr.b td{
    font-weight: bold;
    border-bottom: 0;
}
.deleteIcon{
    margin-bottom: -3px;
}
#cart #cartUpdateButton{
    width: 60px;
    height: 24px;
    color: #fff;
    font-weight: bold;
    background-image: url('/images/updateCartButton.gif');   
}
#cart #cartUpdateButton:hover{
    background: transparent url('/images/updateCartButton.gif') 0 -24px no-repeat;    
}
#cart #cartUpdateButton:active{
    background: transparent url('/images/updateCartButton.gif') 0 -48px no-repeat;    
}
#checkOut{
   float: right;
   height: auto;
   margin-right: 30px;
   margin-top: 40px;
   margin-bottom: 40px;
}
#checkOut #cartCouponForm input[type="text"], #checkOut #cartCouponForm p{
    margin-left: 127px;
}
#cart #checkoutButton{
    background-image: url('/images/checkout.gif');
    height: 32px;
    width: 120px;
    color: #fff;
    font-size: 20px;
    margin-left: 15px;
}
#cart #checkoutButton:hover{
    background: transparent url('/images/checkout.gif') 0 -32px no-repeat;
}
#cart #checkoutButton:active{
    background: transparent url('/images/checkout.gif') 0 -64px no-repeat;
}
#buy{
   background: #F00;
   padding: 20px;
   border: solid 2px #00F;
   margin: -20px;
   margin-left: 25px;
}
#cart table tr td input[type="text"]{
    width: 26px
}
.cartInfo{
    margin-left: 17px;
}
#cempty{
    width: 200px;
    font-size: 22px;
    font-weight: bold;
    color: #D4CDCD;
    margin: 0 auto;
    margin-top: 200px;
}

  /*
   *   CONFIRM ORDER
   */

#confOrder{
    padding: 20px;
}
#confOrder #products{
    margin: 0 auto;
}
#confOrder td{
    padding-left: 4px;
    padding-right: 4px;
}
#products td{
    text-align: center;
    border-bottom: solid 1px #666;
}
#confOrder h1{
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#confOrder h4{
    clear: both;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#confOrder p{
    font-size: 15px;
    font-weight: bold;
}
#confOrder #couponMsg{
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;
    color: #C7821B;
}
#confOrder #couponForm{
    width: 250px;
    padding-left: 270px;
}
#confOrder #couponForm input[type="submit"],#confOrder #couponForm input[type="text"] {
    margin: 0 3px 0 0 !important;
}
#orderSummary{
    width: 290px;
    float: right;
    margin-right: 130px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#confOrder .n{
    width: 40px !important;
}
#confOrder a, #confOrder h1{
    text-align: center;
}
#confOrder #orderSummary td{
    width: 140px;
    text-align: right;
    border-bottom: solid 1px #999;
}
#confOrder tr#gt td{
    padding-bottom: 4px;
} 
#confOrder tr#gt strong{
    border-bottom:  4px double #000;
}
#confOrder input[type="submit"]{
    margin-top: 20px;
    margin-bottom: 10px;
}
#confOrder input[type="checkbox"]{
    float: left;
    margin-left: 160px;
}
#confOrder label.cb{
    margin-left: 10px;
    text-align: left;
}
#confOrder input[type="text"]{
    float: left;
    clear: right;
}
#confOrder form{
    width: 600px;
    margin: 0 auto;
}
#confOrder label{
    width: 120px;
    text-align: right;
    margin-left: 160px;
    margin-right: 0px;
    float: left;
}

  /*
   *    TOUR
   */
   
#tour{
    padding-left: 15px;
    padding-top: 15px;
}
#tour h3{
    margin-bottom: 30px;
}


  /*
   *    VIDEOS
   */

#videos{
    padding-top: 25px;
    padding-left: 10px;
} 
#videos object{
    float: left;
    margin-right: 10px;
    width: 425px;
}
#videos #top{
    height: 400px;
}
#videos #top #left{
    width: 430px;
    height: 345px;
    float: left;
}
#videos #mostPopular{
    float: left;
    height: 320px;
    width: 280px;
    overflow: auto;
}
#videos #mostPopular table{
    width: 200px !important;
    float: left;
}
#videos #mostPopular table tr td.num{
    color: #00f;
    font-size: 16px;
    font-weight: bold;
}
#videos #mostPopular table tr td.num b{
    margin: 3px;
}
#videos #mostPopular table tr td{
    padding-bottom: 6px;
}
#videos #mostPopular table tr td.info{
    padding-left: 5px;
    line-height: 13px;
    font-size: 10px;
}
#videos #mostPopular table tr td.info a{
    color: #00f;
    width: 164px;
    display: block;
}
#videos #mostPopular p.even, #videos #mostPopular p.odd{
    clear: both;
}
#videos #mostPopular img{
    vertical-align: text-top;
}
#videos #title1{
    float: left;
    background: #154c97;
    width: 275px;
    color: #fff;
    padding-left: 5px;
    font-weight: bold;
}
#videos #videoButtons{
    clear: both;
    height: auto;
    width: 699px;
    padding: 6px;
    padding-top: 10px;
    padding-left: 70px;
}
#videos #videoButtons #videoInstructions{
    display: none;
    float: right;
    width: 190px;
}
#videos #videoButtons #videoInstructions a{
    display: block;
}
#videos #title2{
    background: #154c97;
    width: 711px;
    height: 23px;
    padding-left: 5px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
}
#videos #bottom{
   height: auto;
}
#videos #videoList{
    float: left;
    width: 633px;
    height: 400px;
}
#videos #bottom .col{
    float: left;
    width: 200px;
    padding-left: 10px;
    margin-top: 5px;
    border-right: solid 1px #e9e9e9;
}
#videos #bottom .col .vidThumb{
    float: left;
    width: 60px;
}
#videos #bottom .col div{
    float: left;
    width: 130px;
    padding-left: 8px;
    height: 90px;
    line-height: 13px;
    font-size: 11px;
}
#videos #bottom #rightCol{
    border: 0 !important;
}
#videos #bottom .arrow{
    float: left;
    width: 34px;
    height: 188px;
    margin-top: 105px;
    cursor: pointer;
}
#videos #bottom #rightArrow{
    background-image: url('/images/vidRight.jpg');
    background-repeat: none;
}
#videos #bottom #leftArrow{
    margin-right: 11px;
    background-image: url('/images/vidLeft.jpg');
    background-repeat: none;    
}
#loading{
    height: 16px;
}
#showVids{
    float: left;
    height: 400px;
}
#vidPage{
    clear: both;
    height: 12px;
    text-align: center;
    width: auto;
}
#vidPage .vidPageCircle{
    cursor: pointer;
}
#vidPage img{
    margin-right: 12px;
}