html {background: #fefdf7 url("http://oldhead.com/images/main/main_bg.gif") repeat-x;}
body {font : normal 75% Georgia, "Times New Roman", Times, serif;width:100%;}
html>body {font-size:12px;margin: auto;color: #000000;width:100%;}
/* LINKS
-------------------------------------------------------------------- */
a,a:link, a:visited { color : #2d3d70; text-decoration : underline; }
a:active, a:focus { color : #2d3d70; text-decoration : underline; }
a:hover { color : #000000; text-decoration : none;}
p {font:normal normal 1.3em/1.8em Georgia, "Times New Roman", Times, serif;margin-top: 1em;margin-bottom: 1em;clear:left;text-align: justify;color:#000000;}
h3{font:normal normal 1.8em/1.6em Georgia, "Times New Roman", Times, serif;color:#2d3d70;margin-top:50px;margin-bottom:15px;margin-left:20px;font-variant: small-caps; }
h4{font:normal bold 1.2em/1.2em Georgia, "Times New Roman", Times, serif;color:#5c5a5a;margin-top:15px;margin-bottom:10px;margin-left:20px;font-variant: small-caps; }
#cartWrap{margin-top:20px;}
#productcontainer{margin-right:15px;margin-left:15px;}
#productcontainer h3{font:normal normal 1.8em/1.6em Georgia, "Times New Roman", Times, serif;color:#d5bb75;margin-top:0px;margin-bottom:15px;margin-left:0px;font-variant: small-caps;}
.optiontitle {float:left;font:normal bold 1.4em/1.6em Georgia, "Times New Roman", Times, serif;color:#2d3d70;margin-top:0px;margin-bottom:15px;margin-right:5px;font-variant: small-caps;}
#productcontainer h3 em{color:#2d3d70;}
#productleft{float:left;width:250px;border:1px solid #ff0000;}
#productright{float:left;width:300px;}
#productright p{font:normal normal 1.2em/1.8em Georgia, "Times New Roman", Times, serif;margin-left:0;margin-right:0;margin-top: 1em;margin-bottom: 1em;clear:left;text-align: justify;color:#000000;padding:0;}
.formhint{margin-left:40px;padding:0;font:normal normal 85% Georgia, "Times New Roman", Times, serif;color:navy;}
#bigwrap {position:relative;width:100%;}
.wrapper {width:980px;margin-left:auto;margin-right:auto;background: url("http://oldhead.com/images/main/wrapbg.gif") no-repeat 0 0;}
#main {width:950px;margin: auto;position:relative;background: #2d3d70 url("http://oldhead.com/images/nav/silver.jpg") no-repeat top left;}
#galleryheader{width:970px;margin-left:5px;margin-right:auto;height:380px;clear:both;margin-top:0;}
#content {width:920px;margin-left: 14px;margin-right: 15px;position:relative;background: #FFFFFF;}
#content .one{float : left;position : relative;width:242px;background: #FFFFFF url("http://oldhead.com/images/nav/one-bg.gif") repeat-y;}
#content .one .onetop{width:242px;background: url("http://oldhead.com/images/nav/one-top.gif") no-repeat top left;}
#content .one .onebottom{background: #FFFFFF;}
#content .one #extras {background: #FFFFFF url("http://oldhead.com/images/nav/one-bottom.gif") no-repeat top left;height:210px;position:relative;}
#content .one #extras ul{position:relative;}
#content .one #extra {margin:0 0 0 20px;padding:0;}
#content .two{float : left;position : relative;width:660px;background: #FFFFFF url("http://oldhead.com/images/main/shad_bottom.gif") no-repeat top left;}
#content .two p {font:normal normal 1.0em/1.9em Georgia, "Times New Roman", Times, serif;margin-left:20px;margin-right:30px;margin-top: 0;margin-bottom: 1em;clear:left;text-align: justify;color:#000000;}
#content .two .photo{ background:url(http://oldhead.com/images/main/shadbr.gif) no-repeat bottom right;float:left;}
#content .two .photo img {display: block;}
#content .two .frame{border-bottom: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-top: 1px solid #e0e0e1;border-left: 2px solid #efefef;padding:8px;margin:6px;background:#fff5e2;}
#content .two .photo:after {
background:url(http://oldhead.com/images/main/shadbl.gif) no-repeat bottom left;
display:block;
width:25px;
height:12px;
content:"";
margin:-12px 0px 0px 0px;
}
#content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden;}
/* FLASH CHECK
-------------------------------------------------------------------- */
.flash{font:normal normal 1.0em/1.9em Georgia, "Times New Roman", Times, serif;margin:0;padding-left:40px;padding-right:40px;padding-top: 280px;clear:left;text-align: center;color:#FFFFFF;}
.flash a:link,.flash a:visited{color:#FFFFFF;text-decoration:underline;}
/* PATTERN
-------------------------------------------------------------------- */
#pattern{background: #FFFFFF url("http://oldhead.com/images/nav/pattern.gif") repeat-x;height:20px;width:950px;margin-left:auto;margin-right:auto;margin-top:-2px;}
/* DOCUMENTS
-------------------------------------------------------------------- */
.document{background:url(http://oldhead.com/images/icons/pdf.gif) no-repeat top right;padding:0 25px 2px 0;margin-right:20px;margin-top:10px;width:180px;}
/* HEADER
-------------------------------------------------------------------- */
#header{background:transparent url("http://oldhead.com/images/nav/header-bg.gif") no-repeat;width:951px;height:25px;margin:0;padding:0;}
#header #headtitle{color:#2d3d70;text-align:right;font:normal normal 16px/16px Georgia, "Times New Roman", Times, serif;width:350px;float:left;background:transparent;}
#header #journey{color:#d0ad68;text-align:left;font: italic 14px/14px Georgia, "Times New Roman", Times, serif;width:550px;float:left;padding-top:4px;padding-left:20px;}
#memberwrapper{position:absolute;top:0;left:0;right:0;width:100%;background: url("http://oldhead.com/images/main/drop-bg.gif") repeat-x;}
#memberlogin{width:100%;height:40px;}
#memberbutton{width:920px;margin: 0 auto;position:relative;}
#memberbutton #slick-toggle{position:absolute;left:680px;top:0;}
#drop{width:920px;margin: 0 auto;padding-top:10px;}
/* FOOTER
-------------------------------------------------------------------- */
#eagle{width:950px;_width:951px;background:#2d3d70 url("http://oldhead.com/images/nav/eagle.gif") no-repeat top center;height:43px;margin-left:auto;margin-right:auto;}
p.footer {font : normal 85% Georgia, "Times New Roman", Times, serif;text-align:center;color:#bab8b3;margin-top:15px;margin-bottom:15px;}
p.footer a, p.footer a:link, p.footer a:visited {color:#bab8b3; text-decoration:none;}
p.footer a:hover {color:#868480; text-decoration:underline;}
.clearsix{clear:both;height:20px;}
.clearfive{clear:both;height:5px;margin:0;padding:0;}
/* TOP NAVIGATION
-------------------------------------------------------------------- */
#nav ul.top {position: relative;background: url("http://oldhead.com/images/nav/bg.gif") repeat-x;height:44px; margin:0;}
#nav ul li {float: left;display: block;}
#nav ul.top li {}
#nav ul li a {display: block;text-indent: -9999px;overflow: hidden;height: 44px;}
#nav ul li.home a {width: 69px;background: url(http://oldhead.com/images/nav/home.gif) no-repeat;}
#nav ul li.golf a {width: 63px;background: url(http://oldhead.com/images/nav/golf.gif) no-repeat;}
#nav ul li.suitesspa a {width: 105px;background: url(http://oldhead.com/images/nav/suitesspa.gif) no-repeat;}
#nav ul li.experience a {width: 124px;background: url(http://oldhead.com/images/nav/experience.gif) no-repeat;}
#nav ul li.kinsale a {width: 75px;background: url(http://oldhead.com/images/nav/kinsale.gif) no-repeat;}
#nav ul li.newsmedia a {width: 115px;background: url(http://oldhead.com/images/nav/newsmedia.gif) no-repeat;}
#nav ul li.membership a {width: 104px;background: url(http://oldhead.com/images/nav/membership.gif) no-repeat;}
#nav ul li.members {width: 104px;background: url(http://oldhead.com/images/nav/members.gif) no-repeat;}
#nav ul li.rates a {width: 172px;background: url(http://oldhead.com/images/nav/rates.gif) no-repeat;}
#nav ul li.shop a {width: 93px;background: url(http://oldhead.com/images/nav/shop.gif) no-repeat;}
#nav ul li a:hover, #nav ul li a.selected {background-position: 0 -44px;}
/* LEFT NAVIGATION
-------------------------------------------------------------------- */
.onetop li{
width:240px;
width:auto;
width: expression('240px');
}
.onetop li a {
height: 32px;
font : normal bold 100% Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
height: 24px;
text-decoration: none;
}
.onetop li a:link, .onetop li a:visited {
color: #2d3d70;
display: block;
padding: 8px 0 0 15px;
border-bottom:1px solid #e9e9e9;
text-decoration: none;
}
.onetop li a:hover {
color: #d9b769;
padding: 8px 0 0 15px;
}
.onetop li a.selected, .onetop li a:visited.selected, .onetop li a:active.selected {
color: #d9b769;
}
.onetop li a:active {
color: #d9b769;
padding: 8px 0 0 15px;
text-decoration: none;
}
fieldset{margin:30px 20px 20px 20px;}
.inputleft{float:left;width:230px;text-align:right;}
.inputleft label{}
.inputbig{border:1px #d0b35a solid;margin:0 0 15px 0px;padding:0;width:386px;height:25px;float:right;}
.inputbig input{background:#fffbf5;border:2px #FFFFFF solid;margin:1px;padding:2px 5px 2px 5px;width:370px;height:15px;font:normal normal 1em/1.1em Georgia, "Times New Roman", Times, serif;}
.inputsmall{border:1px #d0b35a solid;margin:0 0 15px 0px;padding:0;width:46px;height:25px;float:left;}
.inputsmall input{background:#fffbf5;border:2px #FFFFFF solid;margin:1px;padding:2px 5px 2px 5px;width:30px;height:15px;font:normal normal 1em/1.1em Georgia, "Times New Roman", Times, serif;}
.select{padding:0;width:206px;float:left;}
.select select{background:#f2f5fd;border:1px #CCCCCC solid;margin:0;padding:2px 5px 2px 5px;width:204px;font:normal normal 12px Georgia, "Times New Roman", Times, serif;}
.selectsmall{padding:0;width:156px;float:left;}
.selectsmall select{background:#f2f5fd;border:1px #CCCCCC solid;margin:0;padding:2px 5px 2px 5px;width:154px;font:normal normal 12px Georgia, "Times New Roman", Times, serif;}
.selectsmaller{padding:0;width:56px;float:left;}
.selectsmaller select{background:#f2f5fd;border:1px #CCCCCC solid;margin:0;padding:2px 5px 2px 5px;width:54px;font:normal normal 12px Georgia, "Times New Roman", Times, serif;}
.textarea{border:1px #d0b35a solid;margin:0 0 15px 0px;padding:0;width:386px;float:left;}
.textarea textarea{background:#fffbf5;border:2px #FFFFFF solid;margin:1px;padding:2px 5px 2px 5px;width:370px;font:normal normal 12px Georgia, "Times New Roman", Times, serif;}
/*.inputbig input:focus,.inputmed input:focus,.inputsmall input:focus,.textarea textarea:focus, input.sffocus {border:2px #ddfcd9 solid;padding:2px 5px 2px 5px;}*/
fieldset img{border:none;}
.formtitle{
background:transparent;
color:#5c5a5a;
font:normal normal 1em/1.2em Georgia, "Times New Roman", Times, serif;
margin: 0;
padding:0;
font-variant: small-caps;
text-align:right;
}
.inputmed{border:1px #d0b35a solid;margin:0px;padding:0;width:186px;}
.inputmed input{background:#fafafa;border:2px #FFFFFF solid;margin:1px;padding:2px 5px 2px 5px;width:170px;font:normal normal 1em/1.1em Georgia, "Times New Roman", Times, serif;}
select{background:#f2f5fd;border:1px #CCCCCC solid;margin:0;padding:2px 5px 2px 5px;width:214px;font:normal normal 12px Georgia, "Times New Roman", Times, serif;}
.inputHighlighted
{color: #d0ad68;font:normal normal 1.2em/1.6em Georgia, "Times New Roman", Times, serif;margin-right:15px;}
#formWrapper {
visibility: hidden;
display:none;
background: #fefdf7 url("http://oldhead.com/images/main/front_bg.gif") repeat-x 0 0;
width: 460px;
margin: 0 auto;
min-width: inherit;
padding: 0px 20px 10px 20px;
text-align: left;
normal 12px/18px Georgia, "Times New Roman", Times, serif;
}
td {
normal 75% Georgia, "Times New Roman", Times, serif;
}
.stat_table {
border: black solid 1px;
}
.stat_top_row {
background-color: #d6d2be;
color: black;
font-weight: bold;
}
.stat_top_td {
border-bottom: solid black 1px;
}
.stat_td {
border-bottom: silver solid 1px;
}
.stat_td_alternate {
border-bottom: silver solid 1px;
background-color: #fffbe3;
}
.nav_block {
/*
Width was moved from here to the nav_block_content div because it wouldn't allow the
box to become wider if the content required it
width: 155px;
*/
border: black solid 1px;
background-color: #ffffff;
margin-bottom: 10px;
}
.nav_block div.nav_block_title {
background-color: #d6d2be;
color: black;
font-weight: bold;
border-bottom: black solid 1px;
padding: 3px;
margin-bottom: 10px;
}
.nav_block div.nav_block_content {
border-bottom: silver solid 1px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
width: 145px;
}
/* This is the width for IE only, due to its box model problem */
*html .nav_block div.nav_block_content {
width: 155px;
}
.nav_link_container {
}
.nav_link_container ul {
list-style-type: none;
margin: 0px;
padding-left: 0px;
}
.nav_link_container a {
display: block;
padding: 2px;
}
/* width here is only for IE's benefit :( */
* html .nav_link_container a {
width: 100%;
}
.nav_link_container a:link,
.nav_link_container a:visited {
color: blue;
text-decoration: none;
}
.nav_link_container a:hover {
/*background-color: #dfdfdf;*/
}
.nav_link_container a.selected {
font-weight: bold;
color: blue;
}
/* a little spacing above and below the links in the Account Options block */
.acct_options div.nav_link_container {
margin-top: 10px;
margin-bottom: 10px;
}
/* fix margins for best sellers ol */
.best_sellers ol {
margin: 0px;
padding-left: 27px;
text-align: left;
}
.best_sellers ol li {
vertical-align: top;
margin-bottom: 5px;
}
/* move the links a little closer to the bullets */
.best_sellers a {
position: relative;
left: -5px;
}
/* fix alignment of text with numbered bullet for IE only */
* html .best_sellers a {
position: relative;
top: -2px;
}
/* table that contains subcategory links, below category detail */
.subcategory_table {
width: 100%;
}
.subcategory_table td {
text-align:center;
}
/* vertical align elements with form fields, labels, etc... */
.valign_middle span,
.valign_middle a,
.valign_middle img,
.valign_middle input,
.valign_middle select {
vertical-align: middle;
}
/* drop shadow div */
.drop_shadow {
height: 10px;
background-repeat: repeat-x;
}
/* links inside header2 */
.header2 a {
text-decoration: none;
color: navy;
}
.tiny_gray {
color: gray;
font-size: 7pt;
}
.small_link {
font-size: 7pt;
font-weight: normal;
}
/**********************************************************************************
Bread Crumb and Page navigation
**********************************************************************************/
/* this is for the div that surrounds all the links */
.bread_crumb_nav {
width: 100%;
text-align: left;
}
/* this is for the link */
.bread_crumb_link {
normal 75% Georgia, "Times New Roman", Times, serif;
}
/* the div surrounding the entire page nav */
.page_nav_div {
text-align: center;
}
/* controls the spacing between the links */
.page_nav_spacing {
padding-left: 5px;
padding-right: 5px;
}
/* the current page number */
.page_nav_div .page_nav_current {
font-weight: bold;
}
/* page links */
.page_nav_div a:hover
{
text-decoration: underline;
}
.page_nav_div a
,.page_nav_div a:visited
{
text-decoration: none;
color: blue;
}
/* a disabled link */
.page_nav_disabled {
color: silver;
}
/**********************************************************************************
Messages to customer
**********************************************************************************/
/* this is usually used for error messages */
.action_msg {
color: red;
font-weight: bold;
}
/* instruction message to customer */
.cart_instruction {
font-size: 11px;
margin-bottom: 10px;
margin-top: -10px;
}
/* this is for the image of either a hand OR a balloon, and aligns it vertically with the msg text */
.cart_instruction img {
vertical-align: middle;
}
/* add to cart error messages (div) */
.add_cart_errors {
margin-top: 10px;
color: red;
text-align: center;
}
/* for messages that are informational (with Balloon image to left of text) */
.cart_info_msg {
margin-top: 5px;
color: blue;
font-weight: bold;
}
/**********************************************************************************
Category links in the "Product Catalog" nav block
**********************************************************************************/
/* this is for text inside the anchor for selected categories, and for parents that are expanded */
.cat_links .expanded .parent a
{
font-weight: bold;
color: blue;
background-color: #dfdfdf;
/*width: 100%;*/
}
/* this is the div surrounding an expanded parent and its children */
.cat_links .expanded
{
border: silver solid 1px;
margin-top: 4px;
margin-bottom: 4px;
width: 100%;
}
/* this is the div surrounding the expanded parent only */
.cat_links .expanded .parent {
border-bottom: silver solid 1px;
padding: 2px;
}
/* this is the div inside a parent category that contains the sub cats */
.cat_links .expanded .children {
padding: 2px;
}
/**********************************************************************************
Discount related styles
**********************************************************************************/
/* name of discount when it is advertised */
.discount_name {
font-style: italic;
text-align: left;
font-weight: bold;
margin-bottom: 4px;
}
/* image for discount when advertised */
.discount_image {
float: left;
}
/* description of discount when advertised */
.discount_description {
vertical-align: middle;
text-align: left;
}
.discount_description .image_div {
float: left;
}
/* hide margin from IE */
.discount_description>.image_div {
margin-right: 10px;
}
.discount_conditions, .discount_product_link {
color: gray;
margin-top: 5px;
}
.discount_separator {height: 20px}
.coupon {
border: black dashed 3px;
padding: 10px;
padding-top: 15px;
padding-bottom: 18px;
margin-top: 0px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
background-color: #DBFFDB;
width: 90%;
}
.coupon_code_field {
width: 100px; margin: 8px
}
/********************************************************************
Styles below are for the condition/rule/rule set descriptions
seen on discount advertisements and other places
********************************************************************/
/* div containing the word AND/OR */
.condition_and_or {
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.condition_parens {
padding-left: 5px;
margin-left: 0px;
border-left: silver dashed 1px;
}
/*****************************************************************
Styles below are for product options...
They control the way the options appear when viewing a product
******************************************************************/
/* table containing all options */
.options table {
margin-left: auto;
margin-right: auto;
}
/* keeps option rows evenly spaced vertically */
.options td {
height: 30px;
}
/* This is a break that appears below textarea/radio options, to maintain spacing
by default, it should be half of the height for the style immediately above this - ".options td"
*/
.options .extra_br {
height: 15px;
}
/* 1st td inside options table...contains instruction for selecting option */
.options .instruction {
text-align: right;
vertical-align: top;
padding-top: 3px;
}
/* 2nd td inside options table...contains actual form field */
.options .field {
text-align: left;
}
/* Custom Detail Link ... defaults to (details) */
.options .custom_detail_link {
font-size: 7pt;
}
.options select {
vertical-align: middle;
}
.options img {
vertical-align: middle;
}
.options span {
vertical-align: middle;
}
.options input {
vertical-align: middle;
}
.options textarea {
}
/* this is for the div surrounding the radio options */
.options .radios {
line-height: 170%;
}
/* below aligns radio buttons and checkboxes to the left, for IE only */
.radios input,
.options .checkbox {
margin-left: -3px;
}
/* below aligns radio buttons and checkboxes to the left, for all but IE */
.radios>input,
.checkbox_span>.checkbox {
margin-left: 0px;
}
/***********************************************************************
Styles below are for the product option detail page,
which opens when you click a link near an option for more detail
***********************************************************************/
.option_detail_body {
background-color: #ffffff;
font-size: 11px;
margin: 5px
}
/* div that surrounds the entire content, directly inside */
.option_detail_div {
text-align: left;
}
/* this is the div that surrounds the detail for the option itself */
.option_detail_div .option_detail {
}
/* this is the div that surrounds the name (or image of name) for the option */
.option_detail_div .product_section {
text-align: center;
padding-bottom: 0px;
}
/* image for option */
.option_detail .option_img {
float: left;
}
/* DIV separating option and choices */
.option_detail_div .separator {
clear: left;
height: 10px;
}
/* table cell containing a single choice */
.option_detail_div .choices_table td {
padding: 2px;
}
/* table containing choices for this option */
.option_detail_div .choices_table {
width: 100%;
background-color: lightblue;
}
/* name of choice */
.choices_table .choice_name {
font-weight: bold;
font-size: 12px;
text-align: center;
}
.choices_table .choice_price {
text-align: center;
}
/* DIV surrounding a choice's image */
.choices_table .choice_img_div {
float: left;
}
/* description of choice */
.choices_table .choice_description {
vertical-align: top;
text-align: left;
}
.choices_table .single_choice_table {
border: silver solid 1px;
background-color: white;
margin-left: auto;
margin-right: auto;
}
/******************************************************************
Styles below are for the best sellers nav block
******************************************************************/
#best_sellers_table td {
height: 40px;
vertical-align: top;
}
/******************************************************************
Styles below are for the cart options (advanced) nav block
******************************************************************/
/* table containing cart breakdown...IE doesn't like the width on this, so the > trick is used to exclude IE */
div.nav_block_content>#cart_options_advanced {
width: 100%;
}
/* controls all td (table cells) */
#cart_options_advanced td {
normal 75% Georgia, "Times New Roman", Times, serif;
}
/* controls the TD in the first row */
#cart_options_advanced .header_row_td {
padding-bottom: 5px;
}
/* the td that contains the qty */
#cart_options_advanced .qty_td {
text-align: left;
}
/* the td that contains the name of the item */
#cart_options_advanced .name_td {
text-align: left;
white-space: nowrap;
}
/* the td that contains the price of the item */
#cart_options_advanced .total_td {
text-align: right;
}
/* controls the TD in the first row */
#cart_options_advanced .footer_row_td {
text-align: right;
border-top: silver solid 1px;
padding-top: 5px;
}
/* keep links from looking visited */
#cart_options_advanced a,
#cart_options_advanced a:visited {
text-decoration: underline;
color: blue;
}
/******************************************************************
Styles below are for the Account Choice page
******************************************************************/
/* login form on account choice page */
.account_choice_form {
}
/* table containing login fields */
.account_choice_form .login_table{
margin-top: 10px;
}
/* username and password fields */
.account_choice_form .login_field {
width: 120px;
}
.account_choice_form input {
vertical-align: middle;
}
/* login button */
.account_choice_form .submit {
font-size: 10px;
width: 70px;
}
/* div containing text right below images for each choice..slightly larger than normal */
.sub_heading {
font-size: 13px;
text-align: center;
}
/* secondary text on page...field labels also use this */
.small_text
{
color: gray;
}
/* table td that contains field labels */
.account_choice_form .field_label_td {
text-align: right;
}
/* table td that contains fields */
.account_choice_form .field_td {
text-align: left;
}
/******************************************************************
Styles below are for the Address Form
******************************************************************/
/* Div surrounding form */
.address_form {
}
.address_form form {
margin: 0px;
}
/* header above each section of fields */
.address_form_header {
margin-bottom: 10px;
padding-left: 5px; padding-right: 10px;
}
/* fieldset surrounding each set of fields */
.address_form fieldset {
width: 85%;
margin-left: auto;
margin-right: auto;
}
/* table containing labels & fields*/
.address_form table {
margin-left: auto;
margin-right: auto;
}
/* fieldset properties hidden from IE :) */
.address_form_trick_ie>fieldset {
-moz-border-radius: 6px 6px 6px 6px;
border: solid silver 1px;
}
/* required and missing field indicator message */
.address_form .required_field_indicator {
float: right;
padding-top: 12px;
}
.address_form .required_field_indicator img
,.address_form .required_field_indicator span {
vertical-align: middle;
}
/* td containing label for form field */
.address_form .field_label_td {
text-align: right;
}
/* image inside field label td...usually the req. field indicator */
.address_form .field_label_td img
,.address_form .field_label_td span
,.address_form .field_td img
,.address_form .field_td select {
vertical-align: middle;
}
/* td containing form field */
.address_form .field_td {
text-align: left;
}
/* inputs */
.address_form .text_input {
width: 250px;
}
/******************************************************************
Styles below are for the Checkout
******************************************************************/
/* table that surrounds the items and other info */
.checkout_table {
width: 780px;
border: black solid 1px;
}
/* address blocks (table) */
.address_block {
border: black solid 1px;
height: 75px;
width: 130px;
}
/* address block TDs */
.address_block td{
text-align: left;
white-space: nowrap;
}
/* tracking number DIV inside address block */
.address_block .tracking_number {
margin-top: 4px;
text-align: center;
}
/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row
{
font-weight: bold;
height: 22px;
background-color: #d6d2be;
}
/* row that contains an item */
.checkout_table .item_row td {
vertical-align: top;
}
/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td
{
border-bottom: black solid 1px;
}
/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
text-align: left;
padding-left: 4px;
}
/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2,
.checkout_table .header_row .td_3,
.checkout_table .header_row .td_4
{
text-align: right;
padding-right: 4px;
}
/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1
{
width: 50%;
}
/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2
{
width: %30;
text-align:right;
line-height: 150%;
}
.checkout_table .item_row .td_2W {
line-height: 175%;
font-size: 7pt;
}
/* 3rd column in table */
.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3
{
width: 12%;
text-align:right;
line-height: 150%;
}
/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4
{
width: 8%;
text-align:right;
}
/* 1st td in item row */
.checkout_table .item_row .td_1 {
height: 100px;
}
/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2
{
border-right: silver solid 1px;
}
/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td
{
padding-right: 4px;
}
/* td inside qty row */
.checkout_table .qty_row td{
border-bottom: silver solid 1px;
border-top: silver solid 1px;
text-align: right;
background-color: #fffbe3;
}
/* payment method TD in footer row */
.checkout_table .footer_row .pay_method {
vertical-align: bottom;
padding: 4px;
}
/* quantity field & label */
.qty_row input,
.qty_row span
{
vertical-align: middle;
}
/* div containing thumbnail of product */
.checkout_table .product {
margin: 4px 0px 4px 4px;
width: 100%;
}
/* all tds in product table */
.checkout_table td {
text-align: left;
}
/* td for product name */
.checkout_table .prod_name {
margin-bottom: 5px;
padding: 2px;
}
/* div for product image */
.checkout_table .product .prod_img {
margin: 4px;
float: left;
}
/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
padding-top: 4px;
}
/* div for savings info for item */
.checkout_table .savings_info {
margin-top: 4px;
margin-bottom: 4px;
font-style: italic;
clear: left;
}
/* div for option detail */
.checkout_table .order_option_detail {
padding: 3px;
margin-top: 5px;
}
/* div for each option line */
.checkout_table .order_option_detail_line,
.checkout_table .order_option_detail_line_alt {
padding: 2px 2px 4px 2px;
border-bottom: silver solid 1px;
}
/* div for alternating option lines */
.checkout_table .order_option_detail_line_alt {
background-color: #f7f7f7;
}
/* label for option name */
.checkout_table .order_option_detail_line .label,
.checkout_table .order_option_detail_line_alt .label {
font-weight: bold;
margin-right: 4px;
color: #515151;
}
/* alternating color for label of option name */
.checkout_table .order_option_detail_line_alt .label {
color: green;
}
.checkout_table .opt_detail_btn {
border: 0px;
cursor: pointer;
}
/***************************************************************
Styles below are for the checkout progress indicator
above checkout form..."Step 1, Step 2, etc..."
***************************************************************/
/* table that contains the progress links */
.checkout_progress {
}
/* checkout progress links */
.checkout_progress a,
.checkout_progress a:visited {
color: green;
text-decoration: none;
vertical-align: middle;
}
.checkout_progress a:hover {
color: green;
text-decoration: underline;
}
.checkout_step_pending {
color: silver;
font-size: 10pt;
}
.checkout_step_active {
font-size: 10pt;
color: blue;
font-weight: bold;
font-style: italic;
}
.checkout_step_done {
color: green;
font-size: 10pt;
}
.checkout_step_pending,
.checkout_step_active,
.checkout_step_done {
width: 20%;
text-align: left;
normal 75% Georgia, "Times New Roman", Times, serif;
}
.checkout_step_active .checkout_step_num {
font-style: italic;
}
.checkout_buttons_row1,
.checkout_buttons_row2 {
text-align: center;
margin-left:50px;
}
.checkout_buttons_row2 {
margin-top: 15px;
}
.checkout_buttons_row1 img,
.checkout_buttons_row2 img {
border: 0px;
}
#checkout_button_w_gc {
margin-bottom: 17px;
border: 0px;
}
#checkout_or {
margin: 0px 4px 17px 6px;
}
/************************************************************************************
Form field styles
************************************************************************************/
/* for incomplete fields */
.error_field,
.error_field_radios {
background-color: #ff6767;
}
/* border around incomplete radio button fields */
.error_field_radios {
border: gray solid 1px;
padding-left: 2px;
}
/* readonly text input fields */
.readonly {
background-color: silver;
}
input, select {
font-size: 11px;
}
/**********************************************************************************
Styles for the Product Detail page (shown when a thumbnail is clicked)
**********************************************************************************/
/* surrounds the product description and image */
.product_description {
text-align: left;
vertical-align: top;
width: 100%;
}
/* surrounds the entire product detail area */
.product_display {
text-align: center;
width: 100%;
}
.product_name {
color: blue;
font-size: 16px;
font-weight: bold;
text-align: left;
width: 100%;
}
/* header for sections (Discounts, Buy Now, etc...) */
.product_section {
text-align: left;
color: blue;
font-size: 16px;
padding-top: 0px;
padding-bottom: 10px;
}
/***********************************************************************************
Styles for the Product Thumbnail
***********************************************************************************/
.product_price {
vertical-align: middle;
font: 18px/14px "Times New Roman", Times, serif;
}
.imgFrameBorder {border:1px solid #FFFFFF}
.thumber{position: relative; width: 100px; margin-left: auto; margin-right: auto}
.thumber img{border:1px solid #FFFFFF}
/*****************************************************************************
Styles for UPS tracking form
*****************************************************************************/
.ups_window {
border: black solid 1;
width: 100%;
}
.ups_window_header {
background-color: #804000;
height: 30px;
color: white;
font-size: 10pt;
font-weight: bold;
padding: 5px;
}
/*************************************************************************
The following styles control the appearance of HTML order emails
*************************************************************************/
.order_email_body {
background-color: #ffffff;
}
/* DIV surrounding HTML emails */
.order_email_htm {
background-color: #ffffff;
padding: 10px;
text-align: left;
font-size: 10pt;
width: 100%;
}
.order_email_htm .header {
margin-bottom: 5px;
}
/****************************************************************************
Styles for fedex tracking results
****************************************************************************/
/* body tag for fedex tracking */
.fedex_track_body {
background-color: white;
}
/* table surrounding results */
.fedex_track_table {
width: 100%;
}
/* other individual tables inside main one */
.fedex_track {
border: black solid 1px;
width: 100%;
}
.fedex_track td {
text-align: left;
}
.fedex_track .header_row {
background-color: #660099;
color: white;
padding: 4px;
}
.fedex_track .scantd {
border-bottom: black solid 1px;
}
.fedex_track .scantd_alt {
border-bottom: black solid 1px;
background-color: #fffbe3;
}
/***********************************
Styles for diag mode window
***********************************/
.diag {
padding: 8px;
border: gray solid 1px;
background-color:#F5F5F5;
text-align: left;
font-size: 8pt;
}
.diag_true {
color: green;
font-weight: bold;
}
.diag_false {
color: red;
font-weight: bold;
}
.diag_code {
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
margin-bottom: 10px;
font-family:"Courier New", Courier, mono;
background-color: silver
}
.diag_discount {
margin-left: 6px;
margin-bottom: 10px;
padding: 2px;
padding-bottom: 10px;
background-color:#E8E8E8;
}
.diag_discount_name {
text-decoration:underline;
margin-bottom: 2px;
}
/************************************
Div surrounding wait indicator
image in storefront
************************************/
.wait img {
vertical-align: middle;
}
.wait span {
vertical-align: middle;
padding-bottom: 2px;
}
/* to fix divs that have floated children, so they expand around them..
.. put this div at the bottom, inside the one that won't expand */
.clear_float {
clear: both; line-height: 0; height: 0;
}
.large_heading {
font-size: 16px;
}
.large_button {
font-size: 14px;
}
.pics {
width: 228px;
height: 200px;
padding: 0;
margin: 0 0 0 25px;
background:url(/images/main/pack-mask.gif) no-repeat left top;
position:relative;
}
/*#packages img {
padding: 0;
height: 171px;
width: 189px;
top: 0;
left: 0
} */
#packages {
height: 171px;
width: 189px;
padding:0;
margin:0;
overflow:hidden;
}
#prev2{
position:absolute;
top:110px;
left:-9px;
z-index:10;
}
#next2{
position:absolute;
top:110px;
right:30px;
z-index:10;
}