@charset "utf-8";
/* PETROL INDEX CSS STYLES */

body {
background: transparent url(../../product_images/wrap_images/bg_secondary.jpg) top left repeat-x;
}

#header {
height: 98px;
}

/* BODY */
#body {
width: 100%;
margin: 20px 0 0 0;
}

/* LEFT COLUMN */
#left-column {
width: 161px;
float: left;
margin: 8px 0 0 0;
}

#left-column #bucket {
width: 125px;
text-align: center;
margin: 0 auto 0 auto;
padding: 8px 0 10px 0;
border-bottom: 1px solid #b0b1b4;
}

#left-column #bucket.last {
border-bottom: none;
}

#left-column #bucket.left, #left-column .left {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: left;
}

#left-column #bucket.left p, #left-column .left p {
font-size: 15px;
color: #77787B;
font-weight: bold;
text-align: left;
}

#left-column #bucket.left img, #left-column .left img {
margin: 0 5px 0 15px;
}

#left-column #bucket.left p small, #left-column .left p small {
font-size: 11px;
text-align: left;
color: #212120;
}

#left-column #bucket p, #left-column #bucket h2 {
color: #212120;
font-size: 16px;
margin: 5px 0 5px 0;
}

#left-column #bucket ul {
text-align: left;
list-style: none;
margin: 0 0 0 15px;
}

#left-column #bucket ul li {
font-size: 11px;
color: #231F20;
list-style-image: url(../../product_images/wrap_images/li_plus.jpg);
margin: 2px 0 1px 0;
}

#left-column #bucket ul li a {
font-size: 11px;
color: #4667a4;
text-decoration: underline;
}

#left-column #bucket ul li a:hover {
text-decoration: none;
}

#left-column #bucket.testimonial p {
color: #212120;
font-size: 14px;
margin: 5px 0 5px 0;
text-align: left;
}

#left-column #bucket.ingredients p {
color: #212120;
font-size: 12px;
margin: 5px 0 5px 0;
text-align: left;
}

#left-column #bucket.ingredients h2 {
color:#754C28;
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 17px;
margin: 0 0 5px 0;
text-align: left;
}

#left-column #bucket.credit p {
color: #212120;
font-size: 12px;
margin: 5px 0 5px 0;
text-align: left;
line-height: 16px;
}

#left-column #bucket p a {
color: #4667a4;
font-size: 14px;
text-decoration: none;
}

#left-column #bucket p a:hover {
text-decoration: underline;
}

/* END OF LEFT COLUMN */

/* RIGHT COLUMN */
#right-column {
width: 698px;
min-height: 850px;
float: left;
clear: right;
padding: 0 0 25px 0;
margin: 0 0 25px 0;
border-left: 2px dashed #b0b1b4;
}

#right-column #copy img#main {
width: 663px;
height: 292px;
border-top: 15px solid #ec231c;
margin: 0 0 30px 5px;
}

#right-column #intro {
width: 720px;
display: block;
padding: 0 0 20px 0;
margin: 0 0 0 15px;
border-bottom: 2px dashed #b0b1b4;
}

#right-column #copy h1 {
color: #231F20;
font-size: 28px;
font-weight: normal;
margin: 0 0 15px 15px;
display: block;
}

#right-column #copy h1 span {
color: #754c28;
font-size: 21px;
font-weight: normal;
}

#right-column #intro img {
padding: 0 25px 0 20px;
}

#right-column #copy h2 {
font-size: 19px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
font-weight: normal;
padding: 0 0 20px 15px;
border-bottom: 1px solid #b0b1b4;
}

#right-column #copy #buttons {
margin: 25px 0 0 0;
padding: 0 0 25px 0;
border-bottom: 1px solid #b0b1b4;
}

#right-column #copy #buttons a.left {
float: left;
border-right: 2px dashed #b0b1b4;
padding: 0 20px 0 0;
margin: 0 20px 0 10px;
}

#right-column #copy #buttons a.right {
float: right;
}

#right-column #copy #buttons a img {
margin: 0;
}

#right-column #copy h2.secondary {
width: 94%;
}

#right-column #copy h2 img {
padding: 0 10px 0 0;
}

#right-column #copy {
width: 100%;
padding: 0 0 0 20px;
}

#right-column #copy blockquote.main {
	background: transparent url(../../product_images/wrap_images/img_quote1.jpg) top left no-repeat;
	width: 64%;
	float: left;
	padding: 0 0 0 20px;
}

#right-column #copy blockquote {
	background: transparent url(../../product_images/wrap_images/img_quote3.jpg) top left no-repeat;
	width: 95%;
	float: none;
	margin: 15px auto 0 auto;
	padding: 0 0 10px 8px;
}

#right-column #copy blockquote.main p {
	font-size: 17px;
	line-height: 22px;
	color: #000000;
	background: transparent url(../../product_images/wrap_images/img_quote2.jpg) 100% 70% no-repeat;
	padding: 0;
	margin: 15px 0 0 0;
}

#right-column #copy blockquote p {
	font-size: 14px;
	line-height: 19px;
	color: #000000;
	background: none;
	padding: 10px 0 0 0;
	margin: 0;
}

#right-column #copy blockquote p span {
	color: #754c28;
}

#right-column #copy form table.checkoutTable {
font-size: 12px;
margin: 0 0 0 15px;
}

#right-column #copy form table.checkoutTable td {
font-size: 12px;
}

#right-column #copy form table.checkoutTable tr.SubTotal {
border: 1px solid #000000;
}

#right-column #copy .TabContent ul li a, #right-column #copy .ShippingAddressList p a {
font-size: 14px;
color: #4667a4;
text-decoration: underline;
}

#right-column #copy .TabContent ul li a:hover, #right-column #copy .ShippingAddressList p a:hover {
text-decoration: none;
}

#right-column #copy #LoginForm p.Submit a {
font-family: Arial, Helvetica, sans-serif;
color: #4667a4;
font-size: 11px;
text-decoration: underline;
}

#right-column #copy #LoginForm p.Submit a:hover {
text-decoration: none;
}

#right-column #copy #CheckoutGuestForm, #right-column #copy #LoginForm, #right-column #copy #NewBillingAddress, #right-column #copy #LoginForm {
border-bottom: 1px solid #b0b1b4;
padding: 0 0 20px 0;
}

#right-column #copy .productDivide {
border-top: 1px solid #b0b1b4;
}

#right-column #copy .ProductList li {
/*margin: 0 0 20px 0;*/
width: 155px;
float: left;
clear: right;
height: 245px;
padding: 0 10px 0 0;
}

/* Express Checkout */
#right-column #copy .ExpressCheckoutBlock .ExpressCheckoutTitle {
position: relative;
}

#right-column #copy .ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
display: none;
}

#right-column #copy .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
display: none;
}

#right-column #copy .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
display: inline;
font-size: 12px;
font-weight: normal;
margin: 6px 0 0 0;
}

#right-column #copy .ExpressCheckoutBlock a.ChangeLink {
display: none;
}

#right-column #copy .ExpressCheckoutCompletedContent {
position: absolute;
left: 275px;
}

#right-column #copy .ExpressCheckoutBlock a.ChangeLink {
display: none;
}

#right-column #copy .ExpressCheckoutBlockCompleted a.ChangeLink {
display: inline;
position: absolute;
top: 5px;
right: 0;
color: #4667A4;
font-size: 12px;
text-decoration: underline;
font-weight: normal;
}

#right-column #copy .ExpressCheckoutBlock a.ChangeLink:hover, #right-column #copy .ExpressCheckoutBlockCompleted a.ChangeLink:hover {
text-decoration: none;
}

#right-column #copy .ExpressCheckoutBlock .ExpressCheckoutTitle {
position:relative;
}
/* END OF EXPRESS CHECKOUT */

#right-column #copy .CreateAccount a {
text-decoration: none;
}

#right-column #copy .CreateAccount a:hover {
text-decoration: underline;
}

#right-column #copy dd {
margin: 3px 0 0 15px;
}

#right-column #copy dt {
margin: 10px 0 0 15px;
}

#right-column #copy dl, #right-column #copy dd, #right-column #copy dt {
font-size: 12px;
}

#right-column #copy dd input.Textbox, #right-column #copy dd select.FormField, #right-column #copy dd select, #right-column #copy dd input {
border: 1px solid #000000;
padding: 3px;
width: 175px;
}

#right-column #copy dd input#checkout_type_guest, #right-column #copy dd input#checkout_type_register, #right-column #copy dd input.FormFieldOption {
width: auto;
}

#right-column #copy dd input.FormFieldOption {
border: none;
}

#right-column #copy dd textarea {
border: 1px solid #000000;
}

/* PRODUCT */
#right-column #copy form ul.ProductList li, #right-column #copy ul.ProductList li {
list-style: none;
}

#right-column #copy form ul.ProductList li .ProductImage a img {
border: none;
}

#right-column #copy form ul.ProductList li .ProductDetails, #right-column #copy ul.ProductList li .ProductDetails {
margin: 5px 0 5px 0;
}

#right-column #copy form ul.ProductList li .ProductDetails strong a, #right-column #copy ul.ProductList li .ProductDetails strong a {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #754C28;
font-size: 18px;
text-decoration: none;
}

#right-column #copy form ul.ProductList li .ProductDetails strong a:hover, #right-column #copy ul.ProductList li .ProductDetails strong a:hover {
text-decoration: underline;
}

#right-column #copy form ul.ProductList li .ProductActionAdd, #right-column #copy ul.ProductList li .ProductActionAdd {
margin: 5px 0 0 0;
}

#right-column #copy form ul.ProductList li .ProductActionAdd a, #right-column #copy ul.ProductList li .ProductActionAdd a {
color: #4667a4;
font-size: 14px;
text-decoration: underline;
}

#right-column #copy form ul.ProductList li .ProductActionAdd a:hover, #right-column #copy ul.ProductList li .ProductActionAdd a:hover {
text-decoration: none;
}

#right-column #copy form table {
width: 665px;
}

#right-column #copy form table tr#FirstRow {
width: 645px;
height: 26px;
}

#right-column #copy form table tr#FirstRow th {
color: #ffffff;
text-transform:uppercase;
line-height: 26px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#right-column #copy form table {
padding: 10px;
}

#right-column #copy form table tr, #right-column #copy form table tr a {
color: #000000;
font-size: 1.2em;
text-decoration: none;
}

#right-column #copy form table tr td.CartItemQuantity a.CartRemoveLink, #right-column #copy form table tr a.EstimateShippingLink {
font-size: .9em;
color: #4667a4;
text-decoration: underline;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
}

#right-column #copy form table tr td a.EstimateShippingLink:hover, #right-column #copy form table tr td.CartItemQuantity a.CartRemoveLink:hover {
text-decoration: none;
}

#right-column #copy form table tr td.CartItemTotalPrice {
font-weight: bold;
font-style: normal;
}

#right-column #copy form table tr td .ProductPrice {
font-size: 1.2em;
}

#right-column #copy .KeepShopping, #right-column #copy .Quantity {
padding: 0 0 0 10px;
}

#right-column #copy .Quantity {
float: left;
}

#right-column #copy .ProceedToCheckout {
float: right;
margin: 0 43px 0 0;
}

#right-column #copy form table tr td img {
border: none;
}

#right-column #copy form table tr td h4 {
color: #231F20;
text-transform: uppercase;
font-size: 1.2em;
padding: 0;
margin: 0;
}

/* SIGN UP */
#right-column #copy label.ss-q-title {
font-size: 1.2em;
height: 19px;
display: inline-block;
}

#right-column #copy input.ss-q-short, #right-column #copy .ss-form-entry select, #right-column #copy input.ss-q-other {
padding: 3px;
border: 1px solid #000000;
}

#right-column #copy .ss-form {
margin: 0 0 0 15px;
}

#right-column #copy .ss-form ul.ss-choices {
margin: 0 0 0 15px;
}

#right-column #copy .ss-form ul.ss-choices li {
list-style: none;
}
/* END OF SIGN UP */

/* END OF PRODUCT */
#right-column #copy form#multiAddressForm {
margin: 20px 0 0 0;
border-top: 1px solid #b0b1b4;
}

#right-column #copy table.General tr th {
font-size: 19px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
font-weight: normal;
text-align: left;
padding: 5px 0 5px 0;
}

#right-column #copy table.CartContents {
width: 645px;
padding: 0;
}

#right-column #copy table.CartContents tr th {
color: #ffffff;
text-transform:uppercase;
line-height: 26px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding: 0;
}

#right-column #copy table.CartContents tr td.CartThumb img {
margin: 0 auto 0 auto;
}

#right-column #copy table.CartContents tr td p.availability {
width: 75%;
margin: 6px auto 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 14px;
}

#right-column #copy table.CartContents tr td.ProductName {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 14px;
}

#right-column #copy table.General tr td {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
font-weight: normal;
padding: 5px 0 5px 0;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#right-column #copy table.General tr td.borderLeft {
border-left: 1px solid #000000;
}

#right-column #copy table.CartContents tr td {
font-family: Arial, Helvetica, sans-serif;
}

#right-column #copy table.General tr td select {
padding: 3px;
border: 1px solid #000000;
}

#right-column #copy h3 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #754C28;
font-size: 21px;
margin: 15px 0 0 15px;
}

#right-column #copy h3 a {
color: #754C28;
font-size: 21px;
text-decoration: underline;
}

#right-column #copy h3 a:hover, #right-column #copy h4 a:hover {
text-decoration: none;
}

#right-column #copy h3.faq-title {
cursor: pointer;
}

#right-column #copy h4 {
color: #231F20;
text-transform: uppercase;
font-size: 15px;
margin: 18px 0 0 15px;
}

#right-column #copy h4 a {
color: #4667a4;
text-decoration: underline;
}

#right-column #copy p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #231F20;
margin: 15px 0 10px 15px;
}

#right-column #copy p a, #right-column #copy h2 a {
color: #231F20;
text-decoration: underline;
}

#right-column #copy p a:hover, #right-column #copy h2 a:hover {
text-decoration: none;
}

#right-column #copy p.open {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #231F20;
margin: 5px 0 5px 43px;
}

#right-column #copy p.toggle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #231F20;
margin: 5px 0 5px 43px;
}

#right-column #copy img {
margin: 5px 30px 0 0;
}


#right-column #copy ul {
margin: 10px 0 0 33px;
}


#right-column #copy ul li {
font-size: 15px;
color: #231F20;
list-style-image: url(../../product_images/wrap_images/li_plus.jpg);
margin: 8px 0 8px 0;
}

#right-column #copy ul li a {
font-size: 15px;
color: #231F20;
text-decoration: underline;
}

#right-column #copy ul li a:hover {
text-decoration: none;
}
/* END OF RIGHT COLUMN */
/* END OF BODY */