????
Your IP : 216.73.216.174
@charset "utf-8";
input[type=radio] {
display: none;
margin: 10px;
border: thin none #000;
}
/*
Change the look'n'feel of labels (which are adjacent to radiobuttons).
Add some margin, padding to label
*/
input[type=radio] + label {
display: inline-block;
margin: 0px;
background-color: #FFFFFF;
border-color: #ddd;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
}
/*
Change background color for label next to checked radio button
to make it look like highlighted button
*/
input[type=radio]:checked + label {
background-image: none;
background-color: #F7DBE3;
}
.price {
margin: 0px;
padding: 0px;
width: 230px;
float: left;
}
/*FT PAGES*/
#productordering {
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
padding: 0px;
width: 900px;
height: 550px;
}
#productordering #productoptions {
width: 400px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: block;
height: 570px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
overflow: hidden;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#productordering #productoptions h1 {
color: #000;
border-bottom: solid 1px black;
font-size: 18px;
margin: 0;
display: block;
}
#productordering #productoptions h2 {
color: #000;
font-weight: bold;
font-size: 16px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#productordering #productoptions h3 {
color:#cc3366;
font-weight:bold;
font-size:36px;
margin:0;
}
.dollar {
font-size: 36px;
font-weight: bold;
color: #CC3467;
margin: 0px;
float: left;
}
#productordering #productoptions p, #productordering #productoptions span {
color:#000;
font-weight:normal;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
#productordering #productoptions .sort {
float: right;
display: inline;
margin-top: 4px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#productordering #productoptions .selectanoption {
margin-top: 30px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0px;
height: 50px;
float: left;
width: 400px;
}
#productordering #productoptions .selectanoption .options {
width: 89px;
height: 25px;
border: 1px solid black;
float: left;
padding: 0px;
text-align: center;
line-height: 25px;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 0px;
}
#productordering #productoptions .selectanoption .optionsselected {
width:87px;
height:23px;
border:2px solid black;
float:left;
margin:0px 2px 0px 0px;
padding:0px;
text-align:center;
line-height:23px;
font-weight:bold;
}
#productordering #productoptions .selectanoption2 .options {
width: 68px;
height: 52px;
border: 1px solid black;
float: left;
text-align: center;
line-height: 15px;
font-size: 12px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
color: #000;
z-index: -23;
}
#productordering #productoptions .selectanoption2 .optionsselected {
width: 87px;
height: 123px;
border: 2px none black;
float: left;
margin: 0px 2px 2px 0px;
padding: 0px;
text-align: center;
line-height: 15px;
font-weight: bold;
padding-top: 4px;
}
#productordering #productoptions .selectanoption input {
margin-top: 13px;
margin-left: 20px;
height: 30px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#productordering #productoptions .ordertotal {
border-top: 1px solid black;
padding-top: 5px;
margin: 0px;
float: left;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#productordering #productoptions .ordertotal .price {
width:180px;
float:left;
}
#productordering #productoptions .ordertotal .addtocart {
width:191px;
float:right;
margin-top:15px;
}
#productordering #productslideshow .preview-list {
width: 634px;
border: 1px solid black;
margin-bottom: 12px;
background-image: url(../images/pp_a1.jpg);
}
.preview-img-list { /*TELLS WHERE TO DISPLAY ON PAGE*/
width: 300px;
height: 300px;
margin: 0px;
padding: 0px;
float: left;
}
/*IMAGES*/
/* root element for the scrollable. when scrolling occurs this element stays still.*/
.scrollable {
position: relative;
overflow: hidden;
width: 635px;
height: 146px;
}
.scrollable .items {
/* this cannot be too large */
width: 635px;
margin: 0px;
padding: 0px;
height: 146px;
}
.items div {
float:left;
width:636px;
}
/* single scrollable item */
.scrollable img {
float: left;
background-color: #fff;
border: 1px solid #000;
width: 142px;
height: 142px;
margin-right: 5px;
margin-left: 9px;
}
/* active item */
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(../images/hori_large.png) no-repeat;
display:block;
width:20px;
height:20px;
float:left;
margin:62px 5px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right {
background-position: 0 -20px;
clear:right;
margin-right: 0px;
}
a.right:hover {
background-position:-20px -20px;
}
a.right:active {
background-position:-40px -20px;
}
/* left */
a.left {
margin-left: 0px;
}
a.left:hover {
background-position:-20px 0;
}
a.left:active {
background-position:-40px 0;
}
/* up and down */
a.up, a.down {
background:url(../../media/img/scrollable/arrow/vert_large.html) no-repeat;
float: none;
margin: 10px 50px;
}
/* up */
a.up:hover {
background-position:-20px 0;
}
a.up:active {
background-position:-40px 0;
}
/* down */
a.down {
background-position: 0 -20px;
}
a.down:active {
background-position:-40px -20px;
}
/* disabled navigational button */
a.disabled {
visibility: visible !important;
}
/* styling for the image wrapper */
#image_wrap {
/* dimensions */
width:636px;
/* centered */
text-align:center;
}
a:active {
outline:none;
}
/*HOME*/
/* root element for the scrollable. when scrolling occurs this element stays still.*/
.homegallery .scrollable {
position:relative;
overflow:hidden;
width:975px;
height:183px;
}
.homegallery .scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
.homegallery .scrollable .items div {
float:left;
width:975px;
}
/* single scrollable item */
.homegallery .scrollable img {
float:left;
background-color:#fff;
border:0px solid #000;
width:242px;
height:183px;
margin-right:1px;
}
/* active item */
.homegallery .scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.homegallery .scrollable {
float:left;
}
#homegalleries h3 {
margin:0;
padding:0;
color:#000;
font-family:lanenarrow,Arial,Helvetica,sans-serif;
font-weight:bold;
}
@font-face {
font-family: LaneNarrow;
src: url("css/lanenarrow.eot") /* EOT file for IE */
}
@font-face {
font-family: LaneNarrow;
src: url("css/lanenarrow.ttf") /* TTF file for CSS3 browsers */
}
#menu {
list-style:none;
width:1025px;
margin:0 auto;
height:25px;
padding:0px;
background-color:#CC3366;
font-family:lanenarrow,Arial,Helvetica,sans-serif;
font-weight:bold;
color:#fff;
line-height:25px;
text-align:center;
font-size:15px;
}
#menu .drop {
float:left;
text-transform:uppercase;
text-align:center;
display:block;
position:relative;
border:none;
}
#menu .drop a:hover {
background: #666666;
border-bottom: 0px;
}
#menu li a {
text-decoration:none;
color:#fff;
padding: 0px;
line-height:25px;
width:170px;
display:block;
}
#menu li div ul {
display:inline;
margin:0;
padding:0;
height:50px;
}
#menu li div ul li a {
display:inline;
margin:0;
padding:0;
height:50px;
}
#menu li .regulardrop ul li a {
display:block;
margin:0;
padding:5px 15px;
height:25px;
width:190px;
}
#menu li div ul li {
display:block;
text-transform:none;
position:relative;
}
#menu li div ul a {
font-weight:normal;
color:#fff;
}
#menu li div ul .viewall {
font-weight:bold;
color:#fff;
}
#menu li .regulardrop, #menu li .browsebymega {
margin:0px auto;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
background:#CC3366;
z-index:91;
}
#menu li:hover .regulardrop, #menu li:hover .browsebymega {
left:-1px;top:auto;
}
#menu li .browsebymega {
min-height:180px;
height:100%;
width:823px;
margin:0px auto;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
background:#CC3366;
border-top:1px solid #f59aab;
padding:0px 15px;
}
#menu li:hover .browsebymega {
left:-217px;top:auto;
}
#menu li .browsebymega ul {
min-width:150px;
margin-right:25px;
float:left;
margin-bottom:10px;
}
#menu li .browsebymega ul a:hover {
background-color:#cc3366;
text-decoration:underline;
border:0px;
}
#menu li .regulardrop {
margin:0px auto;
position:absolute;
left:-999em;
text-align:left;
background:#CC3366;
width:220px;
}
#menu li .regulardrop li {
border-top:1px solid #f59aab;
padding:0px;
}
#menu li .regulardrop li:hover {
background-color:#666666;
}
.clear {
clear:both;
}
.gallerycontainer{
position: relative;
font-size: 12px;
text-decoration: none;
height: 325px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#gallerycontainer {
position: relative;
font-size: 12px;
text-decoration: none;
height: 60px;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#orderhere {
margin: 0px;
padding: 0px;
width: 750px;
}
.gallerycontainer a {
text-decoration: none;
width: 70px;
text-align: center;
}
#gallerycontainer a {
text-decoration: none;
width: 70px;
text-align: center;
}
.thumbnail
{
width: 68px;
height: 40px;
border: 1px solid #666666;
float: left;
text-align: center;
line-height: 15px;
font-size: 12px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #666;
z-index: -23;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 0px;
margin-left: 4px;
}
.floatleft span p {
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 17px;
}
.thumbnail img{
border: 1px solid white;
height: 150px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0;
}
.thumbnail:hover{
background-color: transparent;
display: block;
}
.thumbnail:hover img{
border: 1px none blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
text-decoration: none;
left: -1000px;
}
.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 75px;
left: 10px; /*position where enlarged image should offset horizontally */
z-index: 50;
display: block;
}
#productslideshow h3 {
font-size: 20px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}
.next {
float: right;
}
#6wand {
display: none;
background-color: #234232;
height: 250px;
}
#8wand {
display: none;
background-color: #234232;
height: 250px;
}
#9wand {
display: none;
background-color: #234232;
height: 250px;
}
#10wand {
display: none;
background-color: #234232;
height: 250px;
}
#container #content2 #productordering #preview {
height: 550px;
width: 500px;
float: left;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#productordering #productoptions form .selectanoption label {
font-size: 16px;
}
.selectanoption #move label {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}