????
| Current Path : /home2/morganrand/www/store/ |
| Current File : /home2/morganrand/www/store/stylesheet.css |
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
.nomarg span{margin-right:0px !important;}
@font-face {
font-family: gothic;
src: url(fonts/gothic.ttf);
src: local(gothic), url(fonts/gothic.woff) format('woff'), url(fonts/gothic.ttf) format('truetype');
}
@font-face {
font-family: AppleGaramond;
src: url(fonts/AppleGaramond-Light.ttf);
font-weight:400;
}
@font-face {
font-family: lane;
src: url(fonts/lane.ttf);
font-weight:400;
}
.ui-widget {
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
font-size: 11px;
}
body {
background: #fff;
color: #000;
margin: 0px;
font-size: 14px;
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
}
#bodyWrapper {
}
#bodyContent {
}
#header {
background-color: #CC3366;
margin-left: 0px;
height: 81px;
width: 960px;
}
#subheader {
background-color: #CC3366;
height: 28px;
}
#storeLogo {
float: left;
/* margin-top: 15px; */
}
#headerShortcuts {
float: right;
margin-top: 1px;
}
#headerLinks {
width: 42%;
float: right;
color: #fff;
position: relative;
top: -70px;
text-align:right;
margin-right:10px;
}
#header #headerLinks a{
color: #FFF
}
#columnLeft {
padding-top: 5px;
}
#columnLeft h3{
color: #C36;
}
#columnRight {
padding-top: 5px;
}
.ui-datepicker-header{width:294px;}
.ui-datepicker-calendar{width:281px !important;}
.infoBoxContainer { }
.infoBoxHeading {
padding: 2px;
font-size: 11px;
}
.infoBoxContents {
padding: 5px;
font-size: 11px;
line-height: 1.5;
}
.contentContainer {
padding-bottom: 10px;
}
.contentContainer h2 {
font-size: 16px;
/* text-decoration: underline; */
font-weight: normal;
margin-bottom: 0;
padding-bottom: 5px;
}
.contentText, .contentText table {
padding: 5px 0 5px 0;
font-size: 14px;
line-height: 1.5;
}
.productListTable {
padding: 5px;
font-size: 12px;
line-height: 1.5;
}
.productListTable tr.alt td {
background-color: #ecf6fc;
}
.fieldKey {
font-size: 12px;
font-weight: bold;
line-height: 1.5;
width: 150px;
}
.fieldValue {
font-size: 12px;
line-height: 1.5;
}
h1 {
font-size: 20px;
margin-bottom: 0;
padding-bottom: 5px;
}
img {
border: 0;
}
table, p {
font-size: 14px;
line-height: 1.5;
}
#piGal ul {
list-style-type: none;
}
#piGal img {
-webkit-box-shadow: 0px 0px 0px #000;
-moz-box-shadow: 0px 0px 0px #000;
}
#piGal .outer {
margin-left: -30px;
}
.buttonSet {
clear: both;
}
.buttonAction {
float: right;
}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
A {
color: #000000;
text-decoration: none;
}
A:hover {
text-decoration: underline;
}
FORM {
display: inline;
}
TR.header {
background: #ffffff;
}
TR.headerNavigation {
background: #bbc3d3;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}
A.headerNavigation {
color: #cc3366;
}
A.headerNavigation:hover {
color: #cc3366;
}
TR.headerError {
background: #ff0000;
}
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #bbc3d3;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}
.infoBox {
background: #b6b7cb;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListingHeader {
table-layout: fixed;
color: #FFFFFF;
font-weight: bold;
}
.productListingHeader A:hover {
color: #FFFFFF;
}
.productListingData {
table-layout: fixed;
}
A.pageResults {
color: #0000FF;
}
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
CHECKBOX, RADIO{
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
INPUT[type="text"], INPUT[type="password"], SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
padding: 3px;
/* height: 25px; */
border:1px solid #ccc;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* buttons */
.tdbLink a { }
.tdbLink button { }
/* account link list */
.accountLinkList {
list-style-type: none;
margin: 2px 2px 2px 10px;
padding: 5px;
}
.accountLinkListEntry {
float: left;
margin-right: 5px;
}
#crumbs {
color:#cc3366
}
/*FT PAGES*/
#page #ftpages {
margin-bottom:19px;
}
#page #ftpages h1 {
font-weight:bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
display:block;
float:none;
font-size:19px;
margin:19px 0 0 0;
padding:0;
}
#page #ftpages p {
font-weight:normal;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
margin-left:0;
margin-right:0;
padding:0;
}
#page #ftpages ul, #page #ftpages li {
font-weight:normal;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
margin-left:0;
margin-right:0;
padding:0;
display:block;
float:none;
}
#page #ftpages ul {
list-style-type: disc;
}
#page #ftpages .line {
height:1px;
background-color:black;
width:100%;
display:block;
margin-top:19px;
}
#descriptioninfo {
width:470px;
float:right;
}
#imprinttext {
width:575px;
float:right;
}
#subtopbar {
margin-top: 80px;
padding: 0px;
height: 50px;
width: 100%;
background-image: url(images/shadow2.jpg);
background-repeat: repeat-x;
text-align: center;
}
#subtopbar #listcontainer {
}
#listcontainer a
{
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#listcontainer {
font-family: Georgia, "Times New Roman", Times, serif;
padding: 9px;
font-size: 13px;
margin: 0px;
}
#listcontainer ul {
text-align: left;
display: inline;
margin: 0;
padding: 5px;
width: auto;
list-style: none;
background-color: #F1F1F1;
}
#listcontainer ul li {
/*font: 12px/18px sans-serif;*/
display: inline-block;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #F1F1F1;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 6px;
padding-left: 10px;
margin: 0px;
z-index: 20;
}
/*
#listcontainer ul li:hover {
color: #fff;
background-color: #F1F1F1;
}
*/
#listcontainer ul li ul {
padding: 0;
position: absolute;
top: 0.px;
left: 0;
width: 150px;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
top: 29px;
margin: 0px;
}
#listcontainer ul li ul li {
display: block;
color: #333;
background-color: #F1F1F1;
height: 20px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 20px;
line-height: 20px;
margin: 0px;
z-index: auto;
}
#listcontainer ul li ul li a img {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
#listcontainer ul li ul li a {
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
line-height: 20px;
color: #333;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#listcontainer ul li ul li:hover {
color: #FFF;
background-color: #CCC;
}
#listcontainer ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
/*Andy's stuff*/
#content {
padding: 0px;
float: left;
/* height: 2050px; */
width: 750px;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
overflow: hidden;
}
#content h1 {
font-family: lane;
font-size: 36px;
font-weight: bold;
color: #C36;
/*margin: 30px 0 5px 0;*/
}
#content p {
font-family: AppleGaramond;
font-size: 18px;
line-height: 1.2;
padding: 7px 0px;
}
#miniquestion {
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 50px;
}
#miniquestion h1 {
margin: 0px;
padding: 0px;
}
#imagecontainer {
margin: 0px;
padding: 0px;
height: 200px;
width: 187px;
float: left;
}
#imagecontainer p {
margin: 0px;
padding: 0px;
text-align: center;
}
#midcenterbar {
padding: 0px;
float: left;
height: 170px;
width: 750px;
background-image: url(images/whatiswanderful6.png);
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#testimonialbox {
margin: 0px;
padding: 0px;
height: 160px;
width: 375px;
background-image: url(images/apostrophe.jpg);
background-repeat: no-repeat;
float: left;
text-align: center;
}
#testimonialbox2 {
padding: 0px;
height: 160px;
width: 375px;
background-image: url(images/apostrophe.jpg);
background-repeat: no-repeat;
float: left;
text-align: center;
}
#testimonialbox p strong {
font-family: AppleGaramond;
font-size: 24px;
color: #cc3366;
}
#testimonialbox2 p strong {
font-family: AppleGaramond;
font-size: 24px;
color: #cc3366;
}
#tag {
font-family: "Times New Roman", Times, serif;
font-size: 18px;
padding: 2px;
color: #000;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
height: 30px;
font-style: italic;
margin-left: 20px;
}
#midquestionbar {
width: 950px;
height: 70px;
background-color: #cc3366;
opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
position: fixed;
bottom: 0px;
font-family: AppleGaramond;
font-size: 16px;
color: #FFF;
text-align: center;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
z-index: 50;
font-weight: normal;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
}
#midquestionbar p {
font-size: 16px;
margin: 0px;
padding: 0px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-smooth:always;
}
#midquestionbar h1 {
font-size: 16px;
margin: 0px;
padding: 0px;
font-family: "Arial Black", Gadget, sans-serif;
font-smooth:always;
}
#footerspacer {
padding: 0px;
float: left;
height: 70px;
width: 950px;
background-image: url(images/pixel_trans.gif);
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
display:none;
}
#description02 {
font-family: AppleGaramond;
font-size: 17px;
margin: 0px;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#tabs ul li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
}
#tabs p {
font-family: AppleGaramond;
font-size: 16px;
letter-spacing: 1px;
}
#searchbox {
float: right;
margin-top:-18px;
margin-right: 1px;
}
.searchbutton {
/*background:url(path/to/your/search/image);*/
background-image: url(images/magnifier19.png);
width:19px;
height:19px;
border:0px;
padding-top: 5px;
padding-bottom: 0px;
}
.social_icon{float:right;}
.pro_qunty{width:270px; float:left; line-height:1.2; font-size:16px;font-family: Arial;color:#757273;}
.pro_qunty input{border-radius:5px;}
#radio1{border-bottom: 1px solid #E6E1E3;padding-bottom: 10px;}
#radio2{border-bottom: 1px solid #E6E1E3;padding-bottom: 10px;}
#radio3{border-bottom: 1px solid #E6E1E3;padding-bottom: 10px;}
.ui-tabs .ui-tabs-nav .ui-state-default {
margin: 7px 0px 1px -1px !important;
}
.ui-tabs .ui-widget-content{border:0px solid #C0C7D0 !important;}
.li_btn {
border:1px solid #d1c4c4 !important;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
font-size:12px !important;
font-family:arial, helvetica, sans-serif;
padding: 0px 10px 0px 10px !important;
text-decoration:none !important;
display:inline-block !important;
font-weight:normal !important;
color: #797878 !important;
background-color: #EAE4E4 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#EAE4E4), to(#FFFFFF)) !important;
background-image: -webkit-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -moz-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -ms-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -o-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: linear-gradient(to bottom, #EAE4E4, #FFFFFF) !important;
}
.li_btn:hover{
border:1px solid #bdabab !important;
background-color: #FFFFFF !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAE4E4)) !important;
background-image: -webkit-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -moz-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -ms-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -o-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: linear-gradient(to bottom, #FFFFFF, #EAE4E4) !important;
}
.li_btn .ui-tabs-selected .ui-state-active{
border:1px solid #d1c4c4 !important;
border-bottom: 1px solid #ccc;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
font-size:12px !important;
font-family:arial, helvetica, sans-serif;
padding: 0px 10px 0px 10px !important;
text-decoration:none !important;
display:inline-block !important;
font-weight:normal !important;
color: #797878 !important;
background-color: #EAE4E4 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#EAE4E4), to(#FFFFFF)) !important;
background-image: -webkit-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -moz-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -ms-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: -o-linear-gradient(top, #EAE4E4, #FFFFFF) !important;
background-image: linear-gradient(to bottom, #EAE4E4, #FFFFFF) !important;
}
.li_btn .ui-tabs-selected .ui-state-active:hover{
border:1px solid #bdabab !important;
background-color: #FFFFFF !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAE4E4)) !important;
background-image: -webkit-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -moz-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -ms-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: -o-linear-gradient(top, #FFFFFF, #EAE4E4) !important;
background-image: linear-gradient(to bottom, #FFFFFF, #EAE4E4) !important;
}
.ui-tabs .ui-tabs-nav .ui-state-active a {padding: 0.3em 1.1em !important;}
.tabl_pp{font-family: Arial !important; font-size: 14px;color:#757273;}
.tabl_title{padding:0px; margin-top:0px;color: #CC3467;font-family:gothic;font-size: 23px;text-align:center;}
.btn_wishlist{
border:1px solid #06080A !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font-size:12px !important;
font-family:arial, helvetica, sans-serif;
padding: 9px 10px 7px 10px ;
text-decoration:none !important;
display:inline-block !important;
font-weight:bold !important;
color: #FFFFFF !important;
background-color: #8F8C8D !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#8F8C8D), to(#4E4D4E)) !important;
background-image: -webkit-linear-gradient(top, #8F8C8D, #4E4D4E) !important;
background-image: -moz-linear-gradient(top, #8F8C8D, #4E4D4E) !important;
background-image: -ms-linear-gradient(top, #8F8C8D, #4E4D4E) !important;
background-image: -o-linear-gradient(top, #8F8C8D, #4E4D4E) !important;
background-image: linear-gradient(to bottom, #8F8C8D, #4E4D4E) !important;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8F8C8D, endColorstr=#4E4D4E);
}
.btn_wishlist:hover{
border:1px solid #5c595a !important;
background-color: #767273 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#767273), to(#343434)) !important;
background-image: -webkit-linear-gradient(top, #767273, #343434) !important;
background-image: -moz-linear-gradient(top, #767273, #343434) !important;
background-image: -ms-linear-gradient(top, #767273, #343434) !important;
background-image: -o-linear-gradient(top, #767273, #343434) !important;
background-image: linear-gradient(to bottom, #767273, #343434) !important;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#767273, endColorstr=#343434);
}
/* .ui-priority-tab_cart_btn{background-color: #F0B6C9;} */
.ordr_info{margin-top:50px;}
.ship_txt{clear:both;position:relative;top:10px;float:left;}
.title-header{background:#FFC0CB !important;}
.red{color:#CC3467;}
.ui-dialog{border-color:#EF0F5C !important;}
@media screen and (max-width: 380px) {
#headerLinks {
float: right;
margin-top: 9px;
color: #FFF;
position: absolute;
right: 100px;
}
}
/* .flnk{text-transform: uppercase;
width: auto;
float: left;
padding: 5px 29px 0px 28px !important;}
.fit{position:relative;left:24%;}
.fbdr{border-left:1px solid;} */
.flnk{float: left; padding: 0 12px 0 13px !important;font-weight:normal !important;}
.fbdr{border-right: 1px solid;}