/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
* { margin:0; padding:0; }
body { background: #A8906E url(../images/background-01.jpg) fixed center center no-repeat;margin-top: 0;padding-top: 0;margin-bottom: 0; padding-bottom: 0; }
img { border:0; vertical-align:top; }
a { color:#959FA1; text-decoration:underline;}
a:hover { text-decoration:none;}
a:hover img { position:relative;}
:focus { outline: 0; }
/* Headings */
h1 { font-size:20px; font-weight:normal; line-height:1.3; }
h2 { font-size:18px; font-weight:normal; line-height:1.34; }
h3 { font-size:16px; font-weight:bold; line-height:1.375; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }
h6 { font-size:11px; font-weight:bold; }
/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none; }
/* Table */
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
/* Content */
address { font-style:normal; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { font-size:1em; }
sup { font-size:1em; vertical-align:top; }
/* Lists */
ul,ol { list-style:none; }
/* Tools */
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
/************************* New Shivaji ***************************************/
/* -----------------------------------------------------------------------
BlueTrip CSS Framework
Mike Crittenden
mike@capsizedesigns.com
Copyright 2008 Mike Crittenden
License - MIT or GPL (whichever suits you better)
----------------------------------------------------------------------- */
/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* BASIC TYPOGRAPHY */
html { font-size: 62.5%; font-family: Verdana, "Liberation Sans", Helvetica, Arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
/* BASE SIZES */
.container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
/* LISTS */
ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }
/* TABLES */
table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em; }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }
/* COLORS */
a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
/* 21 COLUMN GRID */
.container {width:903px;margin:0 auto;}
.showgrid {background:url(../img/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {float:left;margin-right:10px;}
div.span-24 {float:left;}
.last {margin-right:0;}
.span-1 { width: 25px;}
.span-2 { width: 68px;}
.span-3 { width: 111px;}
.span-4 { width: 154px;}
.span-5 { width: 197px;}
.span-6 { width: 240px;}
.span-7 { width: 283px;}
.span-8 { width: 326px;}
.span-9 { width: 369px;}
.span-10 { width: 412px;}
.span-11 { width: 455px;}
.span-12 { width: 474px;}
.span-13 { width: 495px;}
.span-14 { width: 584px;}
.span-15 { width: 627px;}
.span-16 { width: 670px;}
.span-17 { width: 713px;}
.span-18 { width: 756px;}
.span-19 { width: 799px;}
.span-20 { width: 842px;}
.span-21, div.span-21 { width: 885px; margin: 0; }
.suffix-1 { padding-right: 43px;}
.suffix-2 { padding-right: 86px;}
.suffix-3 { padding-right: 129px;}
.suffix-4 { padding-right: 172px;}
.suffix-5 { padding-right: 215px;}
.suffix-6 { padding-right: 258px;}
.suffix-7 { padding-right: 301px;}
.suffix-8 { padding-right: 344px;}
.suffix-9 { padding-right: 387px;}
.suffix-10 { padding-right: 430px;}
.suffix-11 { padding-right: 473px;}
.suffix-12 { padding-right: 516px;}
.suffix-13 { padding-right: 559px;}
.suffix-14 { padding-right: 602px;}
.suffix-15 { padding-right: 645px;}
.suffix-16 { padding-right: 688px;}
.suffix-17 { padding-right: 731px;}
.suffix-18 { padding-right: 774px;}
.suffix-19 { padding-right: 817px;}
.suffix-20 { padding-right: 860px;}
.prefix-1 { padding-left: 43px;}
.prefix-2 { padding-left: 86px;}
.prefix-3 { padding-left: 129px;}
.prefix-4 { padding-left: 172px;}
.prefix-5 { padding-left: 215px;}
.prefix-6 { padding-left: 258px;}
.prefix-7 { padding-left: 301px;}
.prefix-8 { padding-left: 344px;}
.prefix-9 { padding-left: 387px;}
.prefix-10 { padding-left: 430px;}
.prefix-11 { padding-left: 473px;}
.prefix-12 { padding-left: 516px;}
.prefix-13 { padding-left: 559px;}
.prefix-14 { padding-left: 602px;}
.prefix-15 { padding-left: 645px;}
.prefix-16 { padding-left: 688px;}
.prefix-17 { padding-left: 731px;}
.prefix-18 { padding-left: 774px;}
.prefix-19 { padding-left: 817px;}
.prefix-20 { padding-left: 860px;}
div.border {padding-right:8px;margin-right:9px;border-right:1px solid #e5e0d3;}
div.colborder {padding-right:17px;margin-right:16px;border-right:1px solid #e5e0d3;}
.pull-1 { margin-left: -43px;}
.pull-2 { margin-left: -86px;}
.pull-3 { margin-left: -129px;}
.pull-4 { margin-left: -172px;}
.pull-5 { margin-left: -215px;}
.pull-6 { margin-left: -258px;}
.pull-7 { margin-left: -301px;}
.pull-8 { margin-left: -344px;}
.pull-9 { margin-left: -387px;}
.pull-10 { margin-left: -430px;}
.pull-11 { margin-left: -473px;}
.pull-12 { margin-left: -516px;}
.pull-13 { margin-left: -559px;}
.pull-14 { margin-left: -602px;}
.pull-15 { margin-left: -645px;}
.pull-16 { margin-left: -688px;}
.pull-17 { margin-left: -731px;}
.pull-18 { margin-left: -774px;}
.pull-19 { margin-left: -817px;}
.pull-20 { margin-left: -860px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, {float:left;position:relative;}
.push-0 {margin: 0 0 1.5em 0;} /* Right aligns the image. */
.push-1 {margin: 0 -43px 1.5em 43px;}
.push-2 {margin: 0 -86px 1.5em 86px;}
.push-3 {margin: 0 -129px 1.5em 129px;}
.push-4 {margin: 0 -172px 1.5em 172px;}
.push-5 {margin:0 -215px 1.5em 215px;}
.push-6 {margin:0 -258px 1.5em 258px;}
.push-7 {margin:0 -301px 1.5em 301px;}
.push-8 {margin:0 -344px 1.5em 344px;}
.push-9 {margin:0 -387px 1.5em 387px;}
.push-10 {margin:0 -430px 1.5em 430px;}
.push-11 {margin:0 -473px 1.5em 473px;}
.push-12 {margin:0 -516px 1.5em 516px;}
.push-13 {margin:0 -559px 1.5em 559px;}
.push-14 {margin:0 -602px 1.5em 602px;}
.push-15 {margin:0 -645px 1.5em 645px;}
.push-16 {margin:0 -688px 1.5em 688px;}
.push-17 {margin:0 -731px 1.5em 731px;}
.push-18 {margin:0 -774px 1.5em 774px;}
.push-19 {margin:0 -817px 1.5em 817px;}
.push-20 {margin:0 -860px 1.5em 860px;}
.push-21 {margin:0 -903px 1.5em 903px;}
.push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, {float:right;position:relative;}
.push-image {text-align: right; margin-right: 0; float:right;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* to create serif italic dramatic text, use this class */
.fancy {
color: #666;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* creates small caps */
.caps {
font-variant: small-caps;
letter-spacing: 1px;
text-transform: lowercase;
font-size:1.2em;
font-weight:bold;
padding:0 2px;
}
/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }
/* Make sure the icons are not cut */
#content a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
#content a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
#content a[href$=".rdf"], a[href^="aim:"] {
padding:2px 22px 2px 0;
margin:-2px 0;
background-repeat: no-repeat;
background-position: right center;
}
/* External links */
#content a[href^="http:"] { background-image: url(../img/icons/external.png); padding-right: 14px; }
#content a[href^="mailto:"] { background-image: url(../img/icons/email.png); }
/* Files */
#content a[href$=".pdf"] { background-image: url(../img/icons/pdf.png); }
#content a[href$=".doc"] { background-image: url(../img/icons/doc.png); }
#content a[href$=".xls"] { background-image: url(../img/icons/xls.png); }
/* Misc */
#content a[href$=".rss"],
#content a[href$=".rdf"] { background-image: url(../img/icons/feed.png); }
#content a[href^="aim:"] { background-image: url(../img/icons/im.png); }
#content a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }
/* TEXT CLASSES */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {
background-color: #FFFFFF;
}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
Change Password
Cancel
*/
a.button, button {
display: inline-block;
float: left;
margin:0 0.583em 0.667em 0;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
background-color:#f5f5f5;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
}
button {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
padding:4px 10px 4px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html .container button[type] {
padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
float:none;
}
/* Standard Buttons */
button:hover, a.button:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
a.button:active, button:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* Positive */
body .positive {
color:#529214;
}
a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active, button.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* Negative */
body .negative {
color:#d12f19;
}
a.negative:hover, button.negative:hover {
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
a.negative:active, button.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}