/* --- Common --- */
body {font: 12px/18px "Trebuchet MS", Helvetica, Jamrul, sans-serif; color: #aaa;}
h1{
	font-size: 25px;
	margin-bottom: 15px;
	line-height: 22px;
}
h2{ color: #AAAAAA; font-size: 18px; margin-bottom: 12px;}
a{ color: #AAA; text-decoration: none;}
a:hover{ text-decoration: underline;}
label{ display: block; font-weight: bold;}
p{ margin: 15px 0px;}
select{ border: 1px solid #c9c9c9; font-size: 11px; color: #aaa; padding: 4px 6px; margin-bottom: 10px;height: inherit;margin-right: 10px;padding: 0px;}
textarea{ width: 305px; height: 105px; padding: 4px 6px; margin-bottom: 10px; border: 1px solid #c9c9c9; font-size: 11px; color: #aaa; overflow: hidden;}
.wrapper{ width: 1020px; padding: 0 10px; margin: 0 auto;}
.main {	background: url('/images/logo.jpg') right bottom no-repeat;}
.content {float: left; width: 670px; margin-bottom: 0px; padding-top: 30px;}
.sidebar { float: left; width: 194px; padding: 30px 60px 128px 30px;}
.button{ border: none; color: white; background-color: #f67ab3; padding: 5px 0px; font-size: 11px; width: 84px; height: 26px; text-align: center; background-image: url("/images/button_bg.gif");}
.button:hover{ cursor: pointer;}
.hr{ margin:0px; height: 1px; border-bottom: 1px solid #fcd1e4;}
.menu a:hover{text-decoration:none;}
#content{ min-height: 568px;}
.underline{text-decoration: underline;}
.hide{display: none;}
.invisible{visibility: hidden;}
.long{ background-image: url("/images/button_long_bg.gif"); 	width: 132px; 	height: 24px; 	padding: 2px 5px; 	margin-right: 17px;}
.column{width: 280px; text-align: justify; margin-right: 5px; float: left;}
.right{float: right;}
.left{float: left;}
.nopushdown{ padding-top: 0px;}
.pushdown{ padding-top: 30px;}
.error{color: red;}
.extend{ width: 280px;}
.short{ width: 80px; margin-right: 10px;}

/* --- Sidebar Menu --- */
.menu li {margin-bottom: 18px; position: relative}
.menu a {font-size: 14px; color: #f67ab3; text-decoration: none;}
.menu span {display: none; width: 6px; height: 6px; position: absolute; background: url('../images/bullet.gif') no-repeat; left: -14px; top: 6px}
.menu .active span {display: block}

/* --- Footer --- */
.footer{ width: 900px; padding-top: 15px; border-top: 1px solid #f67ab3;}
.footer a{ margin-right: 25px;}
#footer_links{float: left;}
#social_container{ float: right; margin-top: 25px;}
#social_container .last{ margin-left: 10px;}
#social_container a{margin: 0px;}
#copyright{ font-size: 11px;float: right;}

/* --- Wholesale Signin --- */
h1, .authorization-right a, .pink, label{ color: #f67ab3;}
h3, .authorization-right a{font-size: 11px;}
.authorization-right a{text-decoration: underline;}
#email_address, #password-text, #password, input
{width: 177px; height: 13px; border: 1px solid #c9c9c9; font-size: 11px; color: #aaa; padding: 4px 6px; margin-bottom: 10px}
.authorization-left{ float: left;}
.authorization-left a{font-size: 10px;}	
.authorization-right{float: right;}

/* --- Home Images --- */
#home-images {width: 660px; height: 598px; overflow: hidden;}

/* --- Data Grids --- */
.row{ border-bottom: solid 1px #fcd1e4; padding: 15px; padding-left: 0px; margin-bottom: 15px; clear: both;	}
.cell{ float: left; width: 220px; font-size: 12px; border-right: solid 1px #fcd1e4; padding-left: 20px;	}
.first{ padding-left: 0px;}
.wide{width: 702px;}
.last{border: none;}
.pipe_spacer{ margin: 0px 15px;}

/* --- Contact -- */
#contact_links{ margin-bottom: 15px;}
#contact_content{ margin-right: 10px;}
#international_contacts_content{ height: 568px;}

/* --- Collections --- */
#collections_container{ margin-top:  10px;}
#collections_container_thin{ margin-top:  3px;}
#collections_container .column{ width: 200px; margin-right: 20px;}
#collections_container_thin .column{ width: 153px; margin-right: 10px;}
#collections_container .last{ margin-right: 0px;}
#collections_container img, #collections_container_thin img{ border: solid 1px #AAAAAA;	}
#pagination_container{width: 645px; text-align: center; margin-bottom: 10px;}
#pagination_container span{margin-right: 10px;}
.pagination{ position: relative; top: 5px; width:475px; float: left;}
#product_column{ margin-left: 35px;}
.products_container .column{ margin-top: 15px; margin-bottom: 43px; width: 260px;}
#collections_container_thin.products_container .column{ margin-bottom: 15px;}
#product_column.last{ margin-left: 0px;}

/* --- Season --- */
.season_content .header{ padding-right: 10px;}

/* --- Mailing List --- */
#mailing_list_content{ background: url('/images/mailing_list_bg01.jpg') right bottom no-repeat; height: 568px; width: 660px;}
#map_container{ width: 300px; height: 260px; margin: auto;}
.postcode{width: 110px;}
#mailing_list_content .column{ width: 310px; text-align: left;}
#mailing_list_content{ margin-right: 10px;}

/* --- Press --- */
#press_table{ width: 600px;}
#press_table .image_container{ border: solid 1px #f8f8f8; background-color: #fbfbfb; margin-right:  10px; margin-bottom: 30px; width: 73px; height: 120px;}
#press_content{ height: 568px;}

/* --- Admin --- */
#admin_form_container{ height: 348px; padding-top: 220px; padding-left:  45px; width: 191px;}
#admin_container, #wholesale_apply_container{ background:transparent url(/images/create_account_bg.jpg) no-repeat scroll right bottom;}
#wholesale_apply_container{ padding-top: 60px; height: 538px;}

/* --- Forgotten Password --- */
#password_reset_content{ height: 568px; background:transparent url(/images/password_bg.jpg) no-repeat scroll right bottom;}

/* -- About Us --- */
#aboutus_content{ background:transparent url(/images/aboutus_photo01.jpg) no-repeat scroll right bottom; width: 660px; margin-right: 10px;}

/* --- Wholesale --- */
#wholesale_content{ margin-top: 70px; height:  498px;}
#wholesale_main .sidebar h2{ margin-top:  68px;}
ul.pdf_downloads{ margin-left: 35px; list-style-image: url(/images/pdf_icon.png);}
.pdf_downloads li{ padding-left: 7px; margin-bottom: 10px;}
.pdf_downloads li a{ position: relative; top: -2px; font-weight: bold; cursor: pointer;}
#wholesale_articles_container{ margin-top:  20px; border-right: solid 1px #fcd1e4;}
#wholesale_articles_container .first{ width: 310px; padding: 20px; padding-left: 0px;}
#wholesale_articles_container .last{ width: 290px; padding: 20px;}
#wholesale_articles_container .row{ width: 100%; padding: 0px;}

/* --- Stockists --- */
#canvas{ position: absolute;}
#canvas img{ cursor: pointer;}
#stockists_info_container .cell{ width: 185px; padding-right: 5px;}
#stockists_info_container{height: 240px; overflow:auto;}
#stockists_info_container a{color: #f67ab3;}
