@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------------------------------------------

* Filename				style.css
* Description			Global CSS
* Version				1.0.0 (2009-09-16) YYYY-MM-DD
* Website				http://www.beatrixong.com/
* Author				Andrew

==STRUCTURE=============================================================================================

* Page width			980px
* Page body width		980px
* Number of columns		2

==ANCHORS===============================================================================================

Use these to jump to the relevant section in the CSS document. Simply copy and paste the anchor name of the section you need to edit then FIND.

$_header				Header definitions
$_menu					Global site navigation
$_content				Global content styling
$_footer				Global footer styling
$_styles				Global text stying
$_news					News page styling

------------------------------------------------------------------------------------------------------*/

/* $_reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,div { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
select {
	font-size:11px;
	margin:5px 0 0 120px;
	width:270px;
}
/* $_header */

body {
	margin:0 auto;
	background:#fff;
	outline:none;
	height:100%;
}

a:active, a:focus
{
  outline: none;
}


#popup_outer {
	width:100%;
	scroll:none;
	background:#fff;
}

#popup {
	width:980px;
	background:#fff;
}

#content {
	width:980px;
}

#container {
	width:980px;
}

#container.popup {
	background-color:#ffffff;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}







#delivery {
	font-size:13px;
	margin:5px 0 0 12px;
	width:270px;
	float:left;
	height:20px;
}

#country {
	float:left;
	font-size:13px;
	margin:5px 0 0 13px;
	width:270px;
	height:20px;
}









/* $_footer */
#clear-footer {
	background:#FFF;
	width:100%;
	clear:both;
}

#clear-footer.home {
	margin-top:130px;
}


/* $_styles */
h1,h2,h3,h4 {
	padding-bottom: 15px;
}

h2, h3 {
	padding-top: 15px;

}



h1 a, h2 a, h3 a {
	color:#000;	
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color:#9c9485;	
}

#column-left{
	width:475px;
	padding-right:30px;
	float:left;
}

#column-right{
	width:475px;
	float:right;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
	padding:10px 0px;
	color:#868686;
}

td {
	text-align: center;
	color:#a3a3a3;
	font-size:12px;
}

td a{
	font-style:italic;
	color:#000;
	text-decoration:none;
}

td a:hover{
	color:#9c9485;
}

td.even {
	background:#f5f5f5;	
}

tr.last {
	border-bottom:#e7e7e7 1px solid;	
}

tr img {
	float:left;	
	margin-right:25px;
}

tr.second {
	background-color:#E7E7E7;
}

tr p {
	float:left;
	border-bottom:none;
	padding-top:20px;
	
}

th {
	font-size:12px;
	text-align: center;
	border-bottom:#e7e7e7 1px solid;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:none;
	color:#9c9485;
}

a.button {
	background:#cacaca;
	padding:10px;
	color:#FFF;
	font-style:normal;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}

a.button:hover {
	background:#ffffff;
	color:#000;
	border:1px #000 solid;
}

/* $_page-titles */

#page-title {
	text-indent:-9999px;
	padding-top:20px;
	margin-top:0px;
	padding-bottom:0px;
}

#page-title.text {
	background:url(http://beatrixong.com/images/header-header.jpg) no-repeat;
}

#page-title.news {
	background:url(http://beatrixong.com/images/header-news.jpg) no-repeat;
}

#page-title.collections {
	background:url(http://beatrixong.com/images/header-collections.jpg) no-repeat;
}

#page-title.basket {
	background:url(http://beatrixong.com/images/header-basket.jpg) no-repeat;
}

#page-title.contact {
	background:url(http://beatrixong.com/images/header-contact.jpg) no-repeat;
}

#page-title.press {
	background:url(http://beatrixong.com/images/header-press.jpg) no-repeat;
}

/* $_home */
body.home{
	background-position:bottom-left;
}

#latest-news {
	background:url(http://beatrixong.com/images/latest-news.png);
	width:980px;
	height:96px;
	margin-top:360px;
}

#latest-news p{
	border-bottom:none;	
	padding-bottom:0px;
	padding-top:0px;
}


#news-left {
	padding:15px 75px 15px 188px;
	width:815px;
	float:left;
}

#news-right{
	padding-top:15px;
	padding-right:30px;
	width:315px;
	float:right;
}

#news-right h3, #news-left h3 {
	padding-top: 0px;
	padding-bottom:0px;

}

.category { font-weight: normal; font-style: normal; font; font-size: 8pt; color: #999999; text-decoration:underline; padding:0px; margin: 0px 0px;}

/* $_news */
p.last {
	margin-bottom:10px;
}

h4.news {
	width:100%;	
	border-bottom:#e7e7e7 1px solid;
	margin-top:10px;
}

h4.news a {
	text-decoration:none;	
	font-size:12px;
	font-style:italic;
	color:#000;
	padding-bottom:10px;
}

h4.news a:hover {
	color:#9c9485;	
}

/* $_collections */


#top-row, #bottom-row {
	width:980px;
	height:160px;
}
	


tr .total-amount {
	color:#000;	
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	
}

td.total {
	font-style:italic;
	font-size:16px;
}

/* $_article details */
#article-details {
	width:980px;
	height:406px;
}
#article-left {
	float:left;
	width:500px;
}

#article-right {
	float:right;
	width:470px;
	padding-left:10px;
}

#article-details p {
border-bottom:none;
font-size:10px;
padding-bottom:5px;
}



#product-details p {
border-bottom:none;
font-size:10px;
padding-bottom:5px;
}

#thumbnails {
	width: 310px;
	padding-left:10px;
}

#thumbnails a img {
	margin-right:13px;
	text-decoration:none;
	border:1px solid #FFF;
}

#thumbnails a img:hover {
	border: 1px solid #000;
}


/* $_press article */
#article-right p.date {
	padding:10px 0 10px 0px;	
	font-size:11px;
	border-bottom:#e7e7e7 1px solid;
	margin-left:35px;
	color:#000;
}

#article {
	padding:0px 15px 10px 0px;
	margin-left:35px;
	height:350px;
	overflow: auto;
}

#article p{
	font-size:11px;	
	padding-top:10px;
	line-height:1.5;
}

#article-right h1{
	font-size:25px;	
	padding:10px 0 10px 0px;
	margin-left:35px;
	line-height:1.5;
}

/* $_checkout */
#checkout-bottom{
	width:980px;
	border-bottom:#e7e7e7 1px solid;
	height:30px;
}

#checkout-page {
	margin-left:45px;
}

#checkout-bottom p{
	height:500px;	
	border-bottom:#e7e7e7 1px solid;
	float:left;
}

#step-box {
	padding:5px 10px;
	margin:60px 85px 17px 100px;
	width:55px;
	height:40px;
	text-align:center;
	color:#777;
	background:#eae7e1;
	float:left;
}

#step-box span{
	font-size:23px;
	color:#c9c2b5;
}

#step-box.active {
	background:#000;
}

#step-box.active span{
	color:#FFF;
}

#steps{
	font-style:italic;
	font-size:13px;
	width: 980px;
	float:left;
	margin:0px 0 30px 50px;
}

#steps img {
	float:left;	
	margin:73px 0 0 0;
}

#checkout-page table {
	float:left;
	text-align:left;
	margin-left:103px;
}

#checkout-page1 td {	
	text-align:left;
}

#checkout-page td.disclaimer {
	padding-left:58px;	
}

#checkout-page td input.disclaimer {
	height:15px;
	margin-left:0px;
	padding-top:0px;
	margin-right:10px;
	width:15px;
	float:left;
	margin-top:6px;
}

#checkout-page td p {	
	color:#8a8a8a;	
	padding-top:5px;
}

#checkout-page td input {
	float:right;
	margin-left:10px;
	background:#e0e0e0;
	height:20px;
	border:none;
	width:565px;
	text-indent:5px;
	padding-top:5px;
}

#checkout-page td input.validation {
	border:#C00 solid 1px;
	margin-left:9px;
	height:18px;
	width:563px;
	padding-top:4px;
}

#contact td input.validation {
	border:#C00 solid 1px;
	margin-left:9px;
	height:18px;
	width:398px;
	padding-top:4px;
}

input.button {
	background:#cacaca;
	padding:10px;
	color:#FFF;
	font-style:normal;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	border:none;
	margin:10px 663px 0 0;
	cursor:pointer;
	float:right;
}

.exclamation {
	background:#FEF7E6 url(../images/exclamation.gif) no-repeat scroll 8px 4px;
	border:1px solid #D9D2C2 !important;
	font-size:12px !important;
	color:#DB001B;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 5px 5px 35px;
}

.thankyou {
	background:8px 4px #F7F7F7;
	border:1px solid #868686 !important;
	font-size:12px !important;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 5px 5px 35px;
	color:#8A8A8A;
	margin:20px;
	padding-top:5px;
	width:400px;
}

#checkoutpage .exclamation {
	text-align:left;
	width:580px;
	color:#DB001B;
}

#contact .exclamation {
	width:416px;
	margin-top:20px;
	text-align:left;
	color:#DB001B;
}

#checkout-page input.button:hover {
	background:#fff;
	color:#000;
	border:1px #000 solid;
	margin:9px 663px -1px -1px;
}

/* $_contact */
#contact-top {
	border-bottom:#e7e7e7 1px solid;
	min-height:205px;
	padding-bottom:15px;
}

#contact-bottom {
	width:980px;
	float:left;
}

#contact-address {
	width:177px;
	float:left;
	padding-right:50px;
	min-height:170px;
}

#contact-address2 {
	width:200px;
	float:left;
	padding-right:50px;
	min-height:170px;
}

#contact-address2 p{
	border-bottom:none;
}


#contact-address p{
	border-bottom:none;
}

#contact td input {
	width:400px;
}

#contact td textarea {
	width:400px;
	float:right;
	margin-left:10px;
	background:#e0e0e0;
	border:none;
	text-indent:5px;
	padding-top:5px;
	height:120px;
}


#contact td h2, #checkoutpage td h2 {
	color:#000000;
	text-align:left;
}

#checkout-page table.contact {
	width:460px;
	margin-left:0;
}

#contact-bottom input.button {
	float:right;
	margin-right:379px;
}

#contact-bottom input.button:hover {
	float:right;
	margin:9px 378px -1px -1px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 4px;
background-color: white;
}
.vscrollerbar {
width: 4px;
background-color: black;
}
.hscrollerbase {
height: 4px;
background-color: #cccccc;
}
.hscrollerbar {
height: 4px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 4px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #cccccc;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 970px;
height: 380px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
padding-top: 15px;
padding-bottom: 15px;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
height: auto;
position: relative;
color: black;
padding: 1px;
}

#stockist_add p {
	border-bottom:0px none;	
}

#rokbox-close {
	position:relative; 
	top:60px;
}