/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[xxx] feature name
*/




/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url("standard.css");
@import url("boxes.css");
@import url("primary-navigation.css");
@import url("secondary-navigation.css");
@import url("my-account-navigation.css");
@import url("shopping-cart-navigation.css");
@import url("section-colors.css");


/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/

body {
	text-align: center;
	margin: 0;
	padding: 0;

}

/*****************************************************************************************
 *			Standard link colours
 ****************************************************************************************/

a {
	color: #AC3A6D;
	text-decoration: underline;
}

a:link {

}

a:visited {
	color: #732C4A;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
}

/* only want to do this in paragraph tags, otherwise we end up with borders all over the shop
   on images and whatnot and this is bad */
/*#content p a:visited, 
#content h4 a:visited, 
#content ul a:visited, 
#content li a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #722B4B;
	position: relative;
	zoom: 1;
}

#content p a:hover, 
#content h4 a:hover, 
#content ul a:hover, 
#content li a:hover {
	text-decoration: none;
	border-bottom: none;
}*/

/*****************************************************************************************
 *			Overridden heading colours
 ****************************************************************************************/

h2 {
}

/*****************************************************************************************
 *			Page details
 ****************************************************************************************/

#page {
	position: relative; zoom: 1;
	z-index: 2;
	width: 900px;
	text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
	margin: 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
	padding: 0;
	margin-top: 100px;
}

#page #page-inner {
	position: relative;
	z-index: 2;
	min-height: 376px;
	_height: 376px;
}

/************************
 * header, primary navigation and breadcrumb
 ************************/
#page #header {
	position: absolute;
	zoom: 1;
	top: -100px;
	left: 0;
}

#page #primary-navigation {
	float: left;
	width: 0;
	height: 0;
}

#page #primary-navigation ul {
	position: absolute;
	top: -34px;
	left: 219px;
	width: 397px;
	height: 33px;
	z-index: 99999;
}

/* ie don't like #breadcrumb being position absolute in some designs,
   so float it and make it 0 size to not affect layout then position absolute the 
   ol inside */
#page #breadcrumb {
	width: 0;
	height: 0;
	float: left;
	display: none;
}

body.has-breadcrumb #page #breadcrumb {
	display: block;
}

#breadcrumb ol {
	position: absolute;
	line-height: 1.0em;
	top: -5px; /* just below primary navigation */
	left: 219px; /* line up with content when there's secondary nav in place */
	padding: 0;
	margin: 20px 0 0 0;
	width: 440px;
	z-index: 10;
}

body.is-my-account #breadcrumb ol {
	margin: 60px 0 0 0;
}

body.is-shopping-cart #breadcrumb ol {
	display:none;
}

/************************
 * secondary navigation & content columns
 ************************/
 
/* no secondary nav */
#page #content {
	margin-right: 25px;
	margin-top: -18px;
}

/* breathe in at the left a little to make room for secondary nav */
body.has-secondary-navigation #page #content {
	float: right; display: inline;
	margin-left: -220px;
	width: 100%;
}

/* push content away from space where secondary nav will be */
body.has-secondary-navigation #page #content-inner {
	padding-left: 220px;
}

/* move into the space we created next to #content */
#page #secondary-navigation {
	float: left; display: inline;
	width: 180px;
	padding: 0;
	margin-bottom: 50px;
	margin-top: 240px; /* clear primary navigation */
	z-index: 10000; /* make sure this isn't hidden underneath #content in FF */
	position: relative;
	margin-left: -4px;
}


/************************
 * misc
 ************************/

#page #footer {
	margin: 0;
	clear:both;
	width: 880px;
	height: 60px;
	position: absolute;
	bottom: -110px;
	padding: 45px 10px 10px 10px;
}

body.home-section #page #footer {
	bottom: -115px;
}	


#page #goblin {
	xbackground: url(../images/backgrounds/bg_goblin.gif) top left no-repeat;
	position: absolute;
	bottom:130px;
	cursor:pointer;
	position:absolute;
	left:847px;
	z-index: 1;
}

#page #goblin-inner {
	background: url(../images/backgrounds/bg_goblin.gif) top left no-repeat;
	height:97px;
	width:101px;
	z-index: 1;
}

/*****************************************************************************************
 *			Page layout / styles
 ****************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: url(../images/backgrounds/bg_body.jpg) left top; 
	color: #5f5f5f;
}

#page {
	background: url(../images/backgrounds/bg_page.gif) top left repeat-y;
}

#page-inner {
	background: url(../images/backgrounds/bg_page_innerpageborder.gif) bottom left no-repeat;
}

#page-border {
	background: url(../images/backgrounds/bg_page_innerpage.gif) bottom left no-repeat;
}

body.home-section #page-inner {
	background: url(../images/backgrounds/bg_page_border.gif) bottom left no-repeat;
}

body.home-section #page-border {
	background: url(../images/backgrounds/bg_page_inner.gif) bottom left no-repeat;
}




/*****************************************************************************************
 *			Header internal layout / styles
 ****************************************************************************************/

#header {
	padding: 0;
	margin: 0;
	color: #fff;
	width: 902px;
	height: 118px;
	background: url(../images/backgrounds/bg_header_bottom.gif) transparent bottom left no-repeat;
}

#header #logo
{
}

#header #logo a {
	position: absolute;
	left: 16px;
	top: 10px;
	height: 308px;
	width: 161px;
	background: transparent url(../images/logo_giftgoblin.gif) 0 -2px no-repeat;
}

#header #logo img {
	display:none !important;
}

#header #sign-in { 
	position: absolute;
	left: 243px;
	top: 40px;
}

#header #sign-in a,
#header #sign-in a:hover,
#header #sign-in a:active {
	color: #fff;
}

#header #shopping-details {
	margin: 0;
	float: right; 
	margin-right: 8px;
	width: 448px;
	height: 50px;
	background:url(../images/backgrounds/bg_cartdetails.gif)  no-repeat bottom left;
	padding: 0 0 10px 0;
	font-size: 0.91667em;
	font-family: Arial, Helvetica, sans-serif;
}

#header #shopping-details #shopping-title a {

	height: 32px;
	width: 199px;
	margin-left: 15px;
	float: left;
	margin-top: 10px;
}

#header #shopping-details #shopping-title a span {
	background-image: url(../images/buttons/but_shoppingcart.gif);
}

#header #shopping-details #shopping-links {
	margin: 10px 0px 0 0;
	padding-left: 218px;
}

#header #shopping-details #cart-link {
	border-bottom: 1px solid #f77414; 
	padding: 0 0 2px 0;
	margin-right: 15px;
}

#header #shopping-details #cart-details {
	padding-top: 2px;
}

#header #shopping-details #carttotal,
#header #shopping-details #cartlink,
#header #shopping-details #cartcheckout {
	display: inline;
	padding-right: 0.85em;
}

#header #shopping-details #cartlink {
	background: url(../images/icons/ico_cart.gif) top left no-repeat;
	padding-left: 18px;
}

#header #shopping-details #cartcheckout {
	background: url(../images/icons/ico_checkout.gif) top left no-repeat;
	padding-left: 18px;
}

#header #shopping-details a,
#header #shopping-details a:hover,
#header #shopping-details a:active {
	color: #fff;
	text-decoration: none;
}

#header #shopping-details a:hover {
	text-decoration: underline;
}

#header #shopping-details a.shoppingcart-login 
{
	text-transform: uppercase;
}


/*****************************************************************************************
 *			Footer internal layout / styles
 ****************************************************************************************/

#footer {
	background: url(../images/backgrounds/bg_footer_innerpage.gif) 0 0 no-repeat;
	text-align: center;
	font-size: 0.91667em;
	font-family: Arial, Helvetica, sans-serif;
}

body.home-section #footer {
	background: url(../images/backgrounds/bg_footer.gif) 0 0 no-repeat;
	
}

#footer a:link,
#footer a:visited {
	text-decoration: none;
}

/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
	line-height: 17px; /*should be the height of the areeba logo*/
	float: left;	
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


/************************
 * Footer Links
 ************************/
 
#footer #footer-links {
	float: left;
	display: block;
	margin: 7px 0 0 0;
	padding: 0;
	width: 680px;
	margin-left: 110px;
	text-align: center;
	display: inline;
}

#footer #footer-links ul {
	margin: 0;
	padding: 0;
	display: inline;
}


#footer #footer-links li {
	display: inline;
	line-height: 14px; /*should be the height of the areeba logo*/
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(../images/bullets/bul_footer_links.gif);
	border: none;
	padding: 0 0.25em 0 14px;
	margin: 0 0.25em 0 0;
	color: #fff;
}

#footer a,
#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #footer-links li.first {
	background-image: none;
	border: none;
}


/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link {
	padding: 0;
	margin: 0;
	float: right;
	text-align: right;
	margin-top: 15px;
}

#footer #site-by-areeba-link a span {
	vertical-align: middle;
}

#footer #site-by-areeba-link img {
	vertical-align: middle;
	text-decoration: none;
}




/*****************************************************************************************
 *		 	Breadcrumb internal layout / styles
 ****************************************************************************************/

#breadcrumb ol {

}

#breadcrumb ol li {
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
	padding: 0 7px 0 9px;
	margin: 0 7px 0 -9px;
	line-height: 1.2em;
	
}

#breadcrumb ol li a,
#breadcrumb ol li a:hover,
#breadcrumb ol li a:active {
	color: #5f5f5f;
	
}

#breadcrumb ol li:first-child {
	background-image: none;
}

/*****************************************************************************************
 *		 	Page Title internal layout / styles
 ****************************************************************************************/
#page-title {
	padding-top: 2.25em;
}

body.is-my-account #page-title {
	padding-top: 5.75em;
}

body.is-shopping-cart #page-title {
	padding-top: 5.75em;
}

body.home-section #page-title {
	padding-top: 0;
}


#page-title h1 
{
	font-weight: normal;
	letter-spacing: -0.1em;
	_letter-spacing: -1px;
}




/*****************************************************************************************
 *		 	Content area internal layout
 ****************************************************************************************/

#content {

}

/************************
 * No sub content
 ************************/

#content #main {
	margin-top: 15px;
	position:relative;
	z-index: 5;
}
body.is-subpage #content #main {
	padding-bottom: 5px;
}

#content #main-inner {
	
}


/************************
 * With sub content
 ************************/

/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #main {
	float: left; display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-right: -231px; /* sub content width + margin each side of sub content  */
}

/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #main-inner {
	xmargin-right: 231px; /* sub content width + margin each side of sub content  */
}

/* shift the sub content into the space left by #main-inner */
body.has-sub-content #content #sub {
	float: right; display: inline;
	width: 221px;
}


/************************
 * Top of page Link
 ************************/
 
#top-page-link {
	margin-top: 3em;
	display: none;
}

#top-page-link a {
}

/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/


/************************
 * Main Product Box
 ************************/
#content .product-content {
	background: url(../images/backgrounds/bg_main_middle.png) 0 0 repeat-y;
	padding: 0;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
	margin: 35px 0 36px 0;
	float: left;
	width: 680px;
	_width: 677px;
}

#content .product-content-bottom{
	background: url(../images/backgrounds/bg_main_bottom.png) bottom left no-repeat;
	margin: -174px 0 -36px 0;
	height: 210px;
	_height: 195px;
	position: relative;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

#content .product-content-inner {
	background: url(../images/backgrounds/bg_main_top.png) top left no-repeat;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	margin: -35px 0 0 0;
	position: relative;
	min-height: 155px;
	_height: 155px;
	z-index: 1;
	padding-top: 1.5em;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

body.home-section #content .product-content-inner {
	min-height: 155px;
	_height: 155px;
}

#content .product-image {
	float: right;
	width: 52%;
	text-align: left;
	margin-top: 1em;
}

#content .product-image-proper {
	text-align: center;
}

#content .product-description {
	float: left;
	width: 45%;
	display: block;

}

#content .product-description .you-save-group,
#content .product-image .you-save-group,
#content .product-description .rrp-group,
#content .product-image .rrp-group,
#content .product-description .price,
#content .product-image .price {
	
	font-weight: bold;
	padding-bottom: 1em;
	margin-left: 20px;
	float:none;
}

#content .product-description .price_value,
#content .product-image .price_value {
	font-weight: normal;
	color: #d93200;
	font-size: 1.5em;
	float:left;
}

#content .product-description .price .site-price-label,
#content .product-image .price .site-price-label 
{
	float:left;
	margin-top: 0.2em;
	width: 80px;
	padding-right: 1em;
}

#content .product-description #CategoryDescription 
{
	font-size: 1.17em;
}

#content #view-category-link,
#content #view-item-link {
	float: left;
	height: 28px;
	text-indent: -1000px;
}

#content #view-category-link {
	width: 165px;
}

#content #view-item-link {
	width: 107px;
}

#content #view-category-link a span {
	background:url(../images/buttons/but_viewcategory.gif) -2px 0  no-repeat;
}

#content #view-category-link a:hover span {
	background:url(../images/buttons/but_viewcategory.gif) -2px -30px no-repeat;
}


#content #view-item-link a span {
	background:url(../images/buttons/but_viewitem.gif) top left no-repeat;
}

#content #view-item-link a:hover span {
	background:url(../images/buttons/but_viewitem.gif) 0 -30px no-repeat;
}


/************************
 * Category
 ************************/
#content .category-image {
	padding-bottom: 1em;
}

/************************
 * Product Boxes
 ************************/
 #content .related-product-boxes {
 float:left;
}
 
 body.home-section  #content #product-boxes {
	float: left; display: inline;
	margin-right: -210px;
	float: left;
 }
 
 body.home-section #content #search-panel {
  	float: right;
	width: 220px;
	margin-top: 42px;
	padding-right: 8px;
	_padding-right: 4px;
 } 
 
 #content .product-boxes-inner {
 	clear: both;
 }
 
 #content  #product-boxes .product-box {
	background: url(../images/backgrounds/bg_box_middle.png) top left repeat-y;
	padding: 0;
	margin-bottom: 23px;
	margin-top: 23px;
	float: left;
	width: 226px;
	_width: 224px;
	_margin-right: -1px;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
 }

 #content  #product-boxes .product-box-bottom {
	background: url(../images/backgrounds/bg_box_bottom.png) bottom left no-repeat;
	padding: 0;
	margin: -88px 0 -23px 0;
	height: 96px;
	position: relative;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

#content  #product-boxes .product-box-inner {
	background: url(../images/backgrounds/bg_box_top.png) top left no-repeat;
	padding-left: 12px;
	padding-right: 15px;
	margin: -23px 0 0 0;
	position: relative;
	z-index: 1;
	min-height: 160px;
	height: 160px;
	_height: 160px;
	padding-top: 1em;
	padding-bottom: 1.25em;
	position: relative;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
	overflow: hidden;
}

#content  #product-boxes .small-product-image {
	float: left;
	width: 48%;
	text-align: center;
	height: 160px;
}

#content #product-boxes .small-product-price {
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 90px;
	color: #D93200;
	*margin-left: -90px;
	font-weight: bold;
}

#content  #product-boxes .small-product-desc {
	float: right;
	width: 48%;
}

#content  #product-boxes .small-product-desc h3 {
	margin: 0;
	padding: 0.25em 0 0.5em 0;
	color: #72bf41;
	font-size: 1.333em;
}

#content  #product-boxes .small-product-desc h3 a {
	color: #72bf41;
	text-decoration: none;
}

#content  #product-boxes .small-product-desc h3 a:hover {
	text-decoration: underline;
}

#content  #product-boxes .small-product-desc p,
#content  #product-boxes .small-product-desc {
	font-size: 0.9667em;
	color: #444444;
	margin-bottom: 0.5em;
	margin-right: 5px;
}

#content  #product-boxes .view-details-link {
	height: 25px;
	width: 80px;
	text-indent: -1000px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
}

#content  #product-boxes .view-details-link a span {
	background: url(../images/buttons/but_viewdetails.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
}

#content  #product-boxes .view-details-link a:hover span {
	background: url(../images/buttons/but_viewdetails.gif) 0 -23px no-repeat;
}

#content .property_name,
#content .property_value 
{
	float: left;
}

#content .property_name 
{
	font-weight: bold;
	padding-right: 1em;
	width: 90px;
}

#content .product_property_dropdown
{
	padding-top: 1em;
}

#content .product_property_dropdown .property_value,
#content .product_property_dropdown .property_value
{
	float: none;	
	display: block;
	clear: both;
}

#content #lstProperties 
{
	padding-top: 1em;
}

/************************
 * Search Panel
 ************************/
 #content  #search-panel .search-box {
	background: url(../images/backgrounds/bg_search_middle.png) top left repeat-y;
	padding: 0;
	margin-bottom: 43px;
	_margin-bottom: 46px;
	float: left;
	width: 226px;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
 }

 #content  #search-panel .search-box-bottom {
	background: url(../images/backgrounds/bg_search_bottom.png) bottom left no-repeat;
	padding: 0;
	margin: -90px 0 -41px 0;
	height: 111px;
	position: relative;
	width: 226px;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

#content  #search-panel .search-box-inner {
	background: url(../images/backgrounds/bg_search_top.png) top left no-repeat;
	padding-left: 12px;
	padding-right: 15px;
	margin: -41px 0 0 0;
	min-height: 120px;
	padding-top: 1em;
	z-index: 1;
	position: relative;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

#content  #search-panel .search-box-inner .searchtitle {
	text-align: right;
	clear: both;
	margin-right: 5px; 	
}

#content  #search-panel .search-box-inner fieldset {
	text-align: center;
	border: none;
	padding: 0.25em 0;
}

#content  #search-panel .search-box-inner select {
	width: 190px;
	margin-bottom: 0.4em;
}

#content  #search-panel #welcome {
	position: relative;
	top: 15px;
	padding-left: 0.75em;
	width: 215px;
	padding-bottom: 2em;
}

#content  #search-panel #welcome img {
	margin-bottom: 0.5em;
}

/***************************
 * Admin Styles
 ***************************/
#content .display-col
{
	float: left;
	width: 28%;
	padding: 0 1em 0 0;
}

#content .display-col-float
{
	float: left;
	width: 28%;
	padding: 0 2em 0 0;
	display: block;
}

#content .cols
{
	padding-bottom: 1em;
	display: block;
	clear: both;
}

#content table.datatable-subtotal 
{
	border: none;
	width: 50%;
	float: right;
	clear: both;
	border-collapse: collapse;
}

#content table.datatable tr.subtotal td 
{
	border: none;
	border-bottom: 1px solid #313030;
	background-color:#F6FAF2 !important;
}

#content table.datatable tr.subtotal td.subtotal-title 
{
	font-weight: bold;
	text-align: right;
	padding: 0.5em 0;
}

#content table.datatable tr.subtotal td.subtotal-value 
{
	font-weight: bold;
	text-align: center;
	padding: 0.5em 0;
}

#content table.datatable-subtotal th
{
	text-align: right;
	vertical-align: top;
}

#content table.datatable-subtotal td
{
	padding-right: 10px;
	text-align: right;
	padding-bottom: 10px;
	font-weight: bold;
	vertical-align: top;
}

#content table.datatable-subtotal td.grand-total,
#content table.datatable-subtotal th.grand-total
{
	border-top: 1px solid #6c6c6c;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}

#content table.datatable-subtotal td.gst 
{
	text-align:right;
	font-weight:normal;
	font-size: 0.91135em;
}

#content .edit_buttons
{
	padding: 0.3em 0;
}

#content .table-summary 
{
	font-size: 1em;
	padding: 0 0;
	margin-bottom: 1em;
}

#content #AddressList .address_details
{
	border-right: 1px solid black;
	padding-left: 2em;
	padding-right: 2em;
	margin-bottom: 1em;
}

#content #AddressList .address_details_first
{
	border: none;
	padding-left: 2.5em;
	padding-right: 2em;
	margin-bottom: 1em;
}

#content .buttons 
{
	margin-top: 1em;
	margin-left: 155px;
}

#content .box-buttons 
{
	margin-top: 1em;
}

#content .cartfield 
{
	text-align: right;
}

#content .shipping-cost,
#content .hint 
{
	color: #21a121;
}

#content .shipping-cost b
{
	font-size: 1.5em;
}

#content .admin-button-checkout {
	xclear:both;
	display:block;
	float:right;
}

body.is-popup #page 
{
	width: 90%;
	margin: 0;
	padding: 0 2em;
	background: none;
}

body.is-popup 
{
	background: none;
}

body.is-popup #page table
{
	border: none;
	padding: 0;
	margin: 0;
}

body.is-popup #page h1
{
	padding: 0;
	margin: 0;
}

/************************
 * font and print page controls
 ************************/

ul#page-controls {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul#page-controls li {
	float: left; display: inline;
	margin: 0 7px 0 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

ul#page-controls li.arb-hover {
	cursor: hand;
	cursor: pointer;
}

ul#page-controls li#print-control span {
	background-image: url(../images/buttons/but_print.gif);
}

ul#page-controls li#font-size-up-control span {
	background-image: url(../images/buttons/but_fontUp.gif);
}

ul#page-controls li#font-size-down-control span {
	background-image: url(../images/buttons/but_fontDown.gif);
}


/************************
 * Link lists
 ************************/

ul.links-list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

ul.links-list li {
	background: url(../images/bullets/bul_breadcrumb.gif) transparent 0 6px no-repeat;
	padding: 0 0 0 12px;
	margin: 1px 0;
}


/************************
 * More Link
 ************************/
 
.more-link {

} 

.more-link a:link,
.more-link a:visited {

}
 

/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .cancelled {
	padding: 20px 20px 20px 88px;
	min-height: 40px;
	_height: 40px;
	margin: 1em auto;
	width: 80%;
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

.important h2, .success h2, .error h2, .cancelled h2 {
	color: inherit;
	margin-top: 0;
}

.important {
	color:#725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #FFFAE6;
	border: 1px solid #FAC71E;
}

.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}

.error {
	color: #FF0000;
	background-image: url(../images/icons/ico_error.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
	color: #666;
}



/*****************************************************************************************
 *			Sub content styles
 ****************************************************************************************/

/************************
 * Image with caption
 ************************/
 
#content #sub dl.captioned-image {
	margin: 0 0 2.5em 0;
}

#content #sub dl.captioned-image dd {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 0.92em;
}


/************************
 * blockquote
 ************************/
 
#content #sub blockquote {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 11px 23px;
	font-size: 1.27em;
}







/*****************************************************************************************
 *			General utility styles
 ****************************************************************************************/

#main .product_property_dropdown .property_name
{
	float:none;
}

#main #qty-box .product_property_dropdown
{
	padding-top: 0.2em;
}

#main #qty-box dl
{
	margin-top: 0;
	margin-bottom: 0;
}

#main #qty-box .product_property_dropdown .property_name,
#main #qty-box .product_property_dropdown .property_value
{
	text-align: left;
	display: inline;
	clear: none;
}

#main #qty-box .product_property_dropdown .property_name
{
	margin-left: 20px;
	width: 80px;
	float:left;
}

#main #qty-box .product_property_dropdown .property_value,
#main #qty-box .product_property_dropdown .property_value input
{
	width: 200px;
}

#main #qty-box .product_property_dropdown .property_value select
{
	width: 205px;
}

#main #qty-box .product_property_dropdown .property_value small {
	margin-left: 115px;
}

#main .product_property_dropdown .property_value ul
{
	margin-top: 0;
	margin-bottom: 0;
}

#main .product_property_dropdown .property_value ul li
{
	margin-top:0.4em;
}


#main #qty-box input
{
	border: 1px solid #999999;
	display:inline;
	font-size:1.1em;
	padding:1px !important;
}

#main #qty-box #qty-box-field input
{
	text-align: right;
	width: 80px;
}

#main #qty-box select
{
	border: 1px solid #999999;
	display:inline;
	font-size:1.1em;
	padding:1px !important;
}

input.buynow
{
	margin-left: 112px;
	margin-top: 1em;
	text-align: left;
}

#main #qty-box .ProductPropertyLabel
{
	margin-left: 10px;
}

#main #qty-box .YouSave
{
	color: #D93200;
}

#content .product-description #qty-box .discount,
#content .product-image #qty-box .discount {
	
	margin-left: 20px;
}

#content .product-description #qty-box dd.discount,
#content .product-image #qty-box dd.discount 
{
	margin-left: 83px;
}

#content .product-description #qty-box dd.discount span,
#content .product-image #qty-box dd.discount span
{
	font-weight: bold;
}

#content .product-description #qty-box dt.discount,
#content .product-image #qty-box dt.discount 
{
	float:left;
	*margin-top: 0.4em;
	_margin-top: 0.4em;
}

h2.order-details-subheader
{
	display:block;
	clear:both;
	line-height: 1.4em;
	border-bottom:1px solid #999;
	width:100%;
}

td.gst p
{
	margin-right: 0;
}

div.terms-accept-box
{
	clear:both;
	display:block;
	padding-bottom:0pt;
	padding-top:1em;
	text-align:right;
}

.rrp-group,
.you-save-group
{
	clear: both;
}

.price-rrp,
.you-save
{
	float: left;
}

.price-rrp-value,
.you-save-value
{
	position: absolute;
	clear:right;
	float: left;
	margin-left:88px;
	padding-left:0.25em;
	font-weight: normal;
}

.price-rrp-value,
.you-save-value
{
	margin-top: 0;
	margin-bottom: 0;
}

#related-items h2
{
	margin-top: 1em;
	margin-left: 5px;
	clear:both;
}

#related-items .related-item
{
}

#content .product-price .product_property_dropdown
{
	padding-top:0.1em;
}

#content .product-price .main-price .product_property_dropdown .property_name
{
	padding-top:0.2em;
}

#paging-and-sort span.paging
{
	display:inline;
	float:right;
	margin-left: 0px;
}

#paging-and-sort span.records-found,
#paging-and-sort span.no-records-found
{
	display: inline;
	float:left;
	margin-left: 10px;
	width: 280px;
}

#paging-and-sort span.no-records-found
{
	width: 100%;
}


#content #product-boxes #paging-and-sort .product-box-bottom
{
	background:transparent url(../images/backgrounds/bg_main_bottom_short2.png) no-repeat scroll left bottom;
	height:26px;
	margin:-18px 0pt -23px;
}

#content #product-boxes #paging-and-sort .product-box
{
	background:transparent url(../images/backgrounds/bg_main_middle_short2.png) repeat-y scroll left top;
	width:677px;
}

#content #product-boxes #paging-and-sort .product-box-inner
{
	background:transparent url(../images/backgrounds/bg_main_top_short2.png) no-repeat scroll left top;
	height: 14px;
	min-height: 14px;
	margin:-20px 0pt 0pt;
}

#content #product-boxes #paging-and-sort span.CurrentPage
{
	font-weight: bold;
	padding-left: 10px;
}

#content #product-boxes #paging-and-sort .paging a
{
	padding-left: 10px;
}

/*****************************************************************************************
 *			Home page styles
 ****************************************************************************************/

#pnlInstuctions 
{
	/* make sure we show the little pretty gift card beside the text area in IE */
	width: 600px;
}




/*****************************************************************************************
 *			Section index page styles
 ****************************************************************************************/

/************************
 * section index boxes
 ************************/




/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pipe-list li {
	float:  left; display: inline;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}

.pipe-list li:first-child { 
	border-left: 0;
	border-right: 0;
}


/************************
 * links list
 ************************/

ul.links-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

ul.links-list li {
	background: url(../images/bullets/bul_links-list.gif) transparent 0 4px no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
}

ul.links-list li a {
	color: #000;
	text-decoration: none;
}

ul.links-list li a:hover {
	text-decoration: underline;
}





/************************
 * definition item list
 ************************/

dl.labelled-items-list {

}

dl.labelled-items-list dt {
	float: left;	
	clear: both;
	width: 45%;
	margin: 0 0 5px 0;
	padding: 0;
}

dl.labelled-items-list dd {
	padding: 0;
	margin: 0;
	float: right; 
	width: 52%;
}


/************************
 * sortable headers
 ************************/

a.sorted-asc {
	background: url(../images/icons/ico_sort-asc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}

a.sorted-desc {
	background: url(../images/icons/ico_sort-desc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}


/************************
 *  ie png fix
 ************************/
{
  _behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

/************************
 *  transfer box
 ************************/
 
.transferBox {
	border: 1px solid #333;
	position: absolute;
	z-index: 100000;
}


/* **********************
 * address book list
 * **********************/
table.address-book-list
{
	margin-top: 1.5em;
}


p.product-info-short-description
{
	font-weight: bold;
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}


.image-replaced span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * collapsible regions
 ************************/
 
html.js #content .collapsible-body {
	overflow: hidden;
	margin-left: 10px;
}

html.js #content .collapsed .collapsible-body * {
	display: none;
}

html.js #content .collapsible-heading a {
  padding-left: 10px;
  background: url(../images/bullets/bul_collapsible-open.png) transparent 0 50% no-repeat;
  color: inherit;
  _behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}

html.js #content .collapsible-heading a:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

html.js #content .collapsed .collapsible-heading a {
	background: url(../images/bullets/bul_collapsible-closed.png) transparent 0 50% no-repeat;
	_behavior: url(/giftgoblin/common/style/iepngfix.htc); 
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}


/************************
 * flash inclusion
 ************************/

/* These are standard flash inclusion styles... do not modify */
@media screen {
	.flash-text-replaced embed,
	.flash-text-replaced object {
		visibility: visible !important;
		margin: 0;
		clear: none;
		_margin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
	}
	
	html.flash-text-has-flash span.alt {
		display: block;
	}
	.flash-text-replaced span.alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
	}
}

.flash-replaced .alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
}