body {background-color: rgb(255, 228, 225)}

#wrapp { border: 0px solid white; text-align: center; padding: 5px;
       margin: auto; width: 960px }

#store { width: 73%;margin-bottom: 5px; text-align: right;
         border: 0px solid maroon; margin: auto; font-size: .85em}

#headjpg {width: 73%; margin: auto; border: 0px solid maroon}

#headTop {width: 73%; margin-top: 8px; background-color: white;
          border: 2px solid maroon; margin: auto}
         
#head    {width: 95%; margin: 5px; font-size: 10pt; font-family: serif;
          background-color: white }
#head  a {border: 1px solid white; background-color: white; color: maroon; 
          padding: 2px 10px 2px 10px}
#head  a:link {text-decoration: none}
#head  a:visited {text-decoration: none}
#head  a:hover {background-color: rgb(255, 228, 225); color: maroon }
#head  a:active {text-decoration: none}

#main {width: 73%; background-color: pink; border: 2px solid maroon;
       font-family: serif; margin: auto; padding: 5px 5px 5px 5px; text-align: left }
#main a {color: purple }
#main a:link {text-decoration: none}
#main a:visited {text-decoration: none}
#main a:hover {background-color: white; color: maroon }
#main a:active {text-decoration: none}

#content {width: 71%; background-color: white; margin-right: 1px;
          border: 2px solid maroon; ; font-family: serif;
          text-align: center; float: left; padding 0px 0px 0px 5px}
#content p {margin: 0; padding: 0}
#content a { font-size: .7em }
#content h3 {border-bottom: 1px solid pink; text-align: center; margin-top: 7px;
            color: rgb(255, 105, 180); font-family: Arial;
            font-size: .9em}
#content h4 {text-align: left; color: rgb(255, 105, 180); margin-left: 7px;
             margin-top: 7px; margin-bottom:7px; font-size: .85em }
       
#menubar { width: 27%; border: 2px solid maroon; background-color: white;
           color: maroon; padding: 0px; margin: 0px; float: right} 
#menubar ul {margin: 20px; text-align: left; padding: 0px }
#menubar li {font-size: .8em; list-style-type: square }
#menubar a {color: maroon}
#menubar a:link {text-decoration: none}
#menubar a:visited {text-decoration: none}
#menubar a:hover {background-color: rgb(255, 228, 225); color: maroon }
#menubar a:active {text-decoration: none}
#menubar h4 {border-bottom: 1px solid pink; text-align: center; color: rgb(255, 105, 180);
             margin-top: 7px;}

#desc    {float: left; width: 65%; border: 2px solid pink; background-color: white;
          text-align: left; color: maroon; margin-bottom: 5px; margin-left: 7px;
          font-family: sans-serif}
#desc  li {color: maroon; font-size: .75em; list-style-type: disc; }
#desc ul {margin-left: 20px; margin-top:10px; margin-bottom:10px; padding: 0px }

#buynow  {float: left; width: 25%; border: 0px solid purple;
          text-align: center; margin-left: 5px; margin-top: 0px;
          font-family: sans-serif;}
#buynow img{border: 0px solid white}
#buynow a { background-color: lavender; color: maroon; border: 0px solid gray;
            font-size: .7em; margin: 0px; padding: 5px; font-family: cursive}
#buynow p {margin-bottom: 5px; margin-top:5px; margin-left: 5px;}
#buynow a:link {text-decoration: none}
#buynow a:visited {text-decoration: none}
#buynow a:hover {background-color: white; color: maroon }
#buynow a:active {text-decoration: none}

#detail   {float: left; width: 65%; border: 2px solid pink; background-color: white;
           text-align: left; margin-bottom: 5px; margin-left: 7px; 
           color: maroon;  font-family: sans-serif; padding: 2px}

#detleft {float: left; width: 29%; background-color: rgb(255, 228, 225);
          padding: 0px; margin: 0px; color: maroon}
#detleft ul {margin: 3px; padding: 0px }
#detleft li {color: maroon; font-size: .7em; list-style-type: none }

#detright   {float: left; width: 70%; background-color: white;
          padding: 0px; text-align: left; margin: 0px; color: maroon}
#detright ul {margin: 3px; padding: 0px }
#detright li {color: maroon; font-size: .7em; list-style-type: none}

#colordis {float: left; width: 23%; border: 0px solid pink; background-color: white;
           padding: 0px; text-align: center; margin-left: 5px;}
#colordis p {margin-bottom: 5px; margin-top:5px; margin-left: 4px;}

#Shipt {float: left; margin-left: 0px; width: 95%; padding: 0px}

#shipm { float: left; width: 95%; border: 1px solid pink; padding: 0px; 
         background-color: rgb(255, 228, 225); text-align: left;
           font-family: sans-serif; margin-bottom: 10px; margin-left: 7px; }

#shipm .sty1 { font-size: .65em; color: maroon;}
#shipm .sty2 { font-size: .65em; color: maroon;}
#shipm .sty3 { font-size: .70em; color: maroon;}

#search {float: right; width: 27%;  background-color:  rgb(255, 105, 180);
         text-align: center; margin-top: 5px; color: white;  
         border: 2px solid maroon; padding: 0px }
#search form {margin-bottom: 10px; margin-top:0px}
#search h5 {  font-size: .9em; margin-top: 5px; margin-botton:10px}

#ssizem {float: right; width: 27%; border: 2px solid pink; background-color: khaki;
         text-align: left;  margin-top: 5px; color: maroon } 
#ssizem  a {display: inline; color: maroon;  padding: 5px;
            background-color:rgb(255, 105, 180); font-size: .85em; margin-left: 5px} 
#ssizem a:link {text-decoration: none}
#ssizem a:visited {text-decoration: none}
#ssizem a:hover {background-color: white; color: maroon }
#ssizem a:active {text-decoration: none}
#ssizem h5 {text-align: left; color: maroon; font-family: sans-serif; text-align: center;
            margin-top: 6px }
#ssizem h6 {text-align: left; color: maroon; font-family: serif; margin-bottom: 0px;
            margin-top: 7px; margin-left: 5px; font-size: 0.8em}
#ssizem p {margin-bottom:0px}

#marid   {float: left; width: 99%; border: 2px solid maroon;
          background-color: rgb(255, 105, 180);
          padding: 0px; text-align: center; margin-top: 2px; margin-bottom: 0px}
#marid p {font-family: serif; font-size: 1.5em; color: white; margin: 0px}

#gralinfo {width: 73%; border: 2px solid maroon; background-color: pink;
           margin: auto; text-align: center}
#gralinfo p {margin-bottom: 7px}
#gralinfo h3 { text-align: center;  font-family: serif; color: maroon}

#payment {width: 96%; border: 2px solid maroon; background-color: white;
          padding: 4px; margin: auto}
#payment h5 {font-family: cursive; text-align: left; font-size: .9em; color: rgb(255, 105, 180);
            margin-left: 10px}
#payment img {text-align: center}
#payment li {color: maroon; font-size: .83em; list-style-type: none; font-family: cursive;
             text-align: left}

#ship   {width: 96%; border: 2px solid maroon; background-color: white;
          padding: 4px; margin: auto}
#ship h5 {font-family: cursive; text-align: left; font-size: .9em; color: rgb(255, 105, 180);
         margin-left: 10px}
#ship img {text-align: center}
#ship li {color: maroon; font-size: .83em; list-style-type: none; font-family: cursive;
          text-align: left}

#gralinf   {width: 96%; border: 2px solid maroon; background-color: white;
          padding: 4px; margin: auto}
#gralinf h5 {font-family: cursive; text-align: left; font-size: .9em; color: rgb(255, 105, 180);
             margin-left: 10px}
#gralinf img {text-align: center}
#gralinf li {color: maroon; font-size: .8em; list-style-type: none; font-family: cursive; 
             text-align: left}

#quest   {width: 96%; border: 2px solid maroon; background-color: white;
          padding: 4px; margin: auto}
#quest li {color: maroon; font-size: .8em; list-style-type: none; font-family: cursive;
           text-align: left}
#quest h5 {font-family: cursive; text-align: left; font-size: .9em; color: rgb(255, 105, 180);
           margin-left: 10px}

  .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */