
/*------------ General Page Rules ----------------------------------------------------------*/

html
{

}

BODY { margin:0; height:100%; width:100%; background: #bc9457 url(http://www.defineyourstyle.co.nz/images/style/background.jpg) center top repeat-x;}

BODY, TABLE {font-family: Arial, Helvetica, sans-serif;	font-size:12px;	color:#3333333; }

form { margin: 0; padding: 0; }

form input { }

form textarea { }

h1 {font-weight: normal; color:#5a544a; padding: 0; margin: 0; font-size: 22px; }

h2 { }

h3 { }

h4 { }

p { line-height: 20px;  word-spacing: 0.1em;}

a { color: #333333; text-decoration: underline;}

.content a { }

a:hover { text-decoration: none; color: #000000; }

* img { behavior: url(iepngfix.htc) }

a:focus {
outline:none;
}



/*------------ Template Specific Rules ----------------------------------------------------------*/


#container
{
margin-left: auto;
margin-right: auto;
width: 1020px;
text-align: left;

}

#bgcontainer
{
width: 852px;
padding: 0px 84px;
float: left;
position: relative;
background: #FFF;
background: url(http://www.defineyourstyle.co.nz/images/templates/bg_tile.png) repeat-y;
}

#header
{
float: left;
position: relative;
width: 852px;
height: 220px;
background: url(http://www.defineyourstyle.co.nz/images/templates/header_bg.jpg) top left no-repeat;
}

	#header a#logo
	{
	position: absolute;
	top: 42px;
	left: 70px;
	border: none;
	}

	#header a#logo img
	{
	border: none;
	}

#header #headerNav
{
position: relative;
float: right;
width: 265px;
height: 220px;
border-left: 1px solid #9a8f76;
}

#header #headerNav ul
{
margin: 32px 0px 0px 0px;
padding: 0;
list-style: none;
border-top: 1px solid #ae7f49;
}

#header #headerNav ul li
{
border-bottom: 1px solid #ae7f49;
}

#header #headerNav ul li a
{
display: block;
width: 235px;
padding: 4px 0px 4px 15px;
text-transform:uppercase;
color: #FFF;
text-decoration: none;
}

#header #headerNav ul li a:hover
{
color: #303030;
}


#header #headerNav ul li ul
{
display:none;
position:absolute;
border:0;
background:url(http://www.defineyourstyle.co.nz/images/templates/bg_nav_sub.png) no-repeat;
margin:-23px 0 0 75px;
width:189px;
}
#header #headerNav ul li:hover ul {
display:block;
position:absolute;
}
#header #headerNav ul li ul li
{
}
#header #headerNav ul li ul li a
{
color:#fff;
padding-left:33px;
}
#header #headerNav ul li ul li a:hover
{
color: #303030;
}

.content
{
float: left;
position: relative;
width: 852px;
min-height: 740px;
background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg_tile.jpg) top left repeat-y;
}

.contentTop
{
background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg.jpg) top left no-repeat;
padding: 13px 0px 0px 0px;
}


	.content #leftCol
	{
	float: left;
	position: relative;
	width: 463px;
	padding: 35px 50px;
margin: 0px 0px 0px 10px;
	background: #f2ede0;
	border-left: 1px solid #9a8f76;
	}

	.content #rightCol
	{
	float: left;
	position: relative;
	width: 256px;
	padding: 0px 0px 0px 12px;
margin: -13px 0px 0px 0px;
	}

	.content #rightColGradient
	{
	float: left;
	position: relative;
	background: url(http://www.defineyourstyle.co.nz/images/templates/right_col_gradient.jpg) left repeat-y;
	border-left: 1px solid #9a8f76;
	}


		.content #rightColGradient #siteSearchContainer
		{

		}

#siteSearchContainer
{
float: left;
margin: 20px 0px 0px 18px;

}

#siteSearchContainer form
{
margin: 0;
padding: 0;
}

#siteSearchContainer input
{

}

.siteSearchInput
{
background: url(http://www.defineyourstyle.co.nz/images/templates/search_bg.jpg) top left no-repeat;
float: left;
border: 1px #c1bbb6 solid;
width: 179px;
height: 22px;
font-size: 11px;
padding: 0px 3px 0px 3px;
margin: 0px 10px 0px 0px;
}

.siteSearchSubmit
{
float: left;
width: 24px;
height: 24px;
padding: 0;

cursor:pointer;
margin: 0px 0px 0px 0px;
border: none;
background: url(http://www.defineyourstyle.co.nz/images/templates/go_button_bg.jpg) top left no-repeat;
font-size: 11px;
}

		.content #rightColGradient a#productCallout, .content #rightColGradient a#giftVouchersCallout
		{
		float: left;
		position:relative;
		width: 245px;
		height: 83px;
padding: 42px 20px 0px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/product_callout_bg.jpg) top left no-repeat;
		color: #5a544a;
		font-size: 12px;
		text-transform: uppercase;
text-decoration: none;
text-align: right;
		}

		.content #rightColGradient a#giftVouchersCallout
		{
width: 245px;
		height: 80px;
padding: 28px 20px 0px 0px;
		margin: 10px 0px 0px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/gift_voucher_callout_bg.jpg) top left no-repeat;
		}

			.content #rightColGradient a#productCallout span, .content #rightColGradient a#giftVouchersCallout span
			{
			font-size: 29px;
			}
.content #rightColGradient a#productCallout:hover, .content #rightColGradient a#giftVouchersCallout:hover
		{
		color: #443e37;
		}

	#basket
	{
	float: left;
	position:relative;
	width: 265px;
	height: 22px;
margin: 15px 0px 0px 0px;
	background: url(http://www.defineyourstyle.co.nz/images/templates/shopping_basket_bg.jpg) left repeat-y;
	}

	a#basket
	{
	text-decoration: none;
	color: #FFF;
	padding: 8px 0px 4px 8px;
	}

	a#basket:hover span
	{
	color: #000000;
	}

		#basket span
		{
		display: block;
		float: left;
		color: #FFF;
		margin: 0px 0px 0px 5px;
		}

		#basket .greyText
		{
	width: auto;
margin: 0px 3px 0px 0px;
		color: #FFF;
		}

#leftIcons
{
float: left;
width: 50%;
margin: 8px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#rightIcons
{
float: right;
width: 50%;
margin: 8px 0px 0px 0px;
}

#leftIcons img
{
float: left;
margin: 7px 0px 7px 13px;
}

#leftIcons img#moroccan
{
position: relative;
right: 11px;
margin-left: 0px;
width: 272px;
border: none;
}

#rightIcons img
{
float: right;
margin: 7px 0px;
}


h2#productsTitle
{
float: left;
width: 241px;
height: 44px;
padding: 10px 23px 0px 0px;
margin: 20px 0px 1px 0px;
background: url(http://www.defineyourstyle.co.nz/images/templates/products_heading_bg.jpg) top left no-repeat;
font-size: 29px;
font-weight: normal;
text-transform: uppercase;
text-align: right;
color: #5a544a;
}

#products #rightCol h3 a
{
float: left;
display: block;
width: 265px;
text-decoration: none;
font-weight: bold;
color: #5a544a;
background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
margin: 1px 0px;
padding: 6px 0px 6px 12px;
}

#products #rightColGradient a span
{
color: #FFF;
font-weight: normal;
}

#products #rightColGradient a:hover
{
background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
color: #443e37;
}

#products #rightCol ul
{
list-style: none;
padding: 0;
}

#products #rightCol ul li
{
float: left;
margin: 1px 0px;
}

#products #rightCol ul li a
{
float: left;
display: block;
width: 253px;
text-decoration: none;
color: #5a544a;
background: url(http://www.defineyourstyle.co.nz/images/templates/product_li_a_bg.jpg) top left repeat-y;
padding: 6px 0px 6px 20px;
}

.bottomRight
{
position: absolute;
bottom: 0;
right: 12px;
}

ul#storeLinks
{
float: left;
margin: 14px 0px 0px 0px;
padding: 0;
}

ul#storeLinks li
{
text-align: right;
}


#products #rightCol ul#storeLinks li a
{
background: none;
padding: 0px;
font-size: 11px;
}

#products #rightCol ul#storeLinks li a:hover
{
text-decoration: underline;
}

#products #rightCol ul#storeLinks li a span
{
color: #d6b898;
}

	.content #footer
	{
	float: left;
	position: relative;
	width: 563px;
	border-top: 1px solid #9a8f76;
border-left: 1px solid #9a8f76;
margin: 0px 0px 0px 10px;
background: #f5ede4;
}

	.content #footer p
	{
	margin: 10px 0px 60px 50px;
	padding: 0;
font-size: 11px;
	}

.content #footer a
{

text-decoration:none;
color:#000;
}

/*------------ General CMS Rules ----------------------------------------------------------*/


	h1.contentPageTitle {font-weight: normal; color:#5a544a; padding: 0; margin: 0px 0px 15px 0px; font-size: 22px; text-transform: uppercase; }
	.textAndImagesTitle	{font-weight:bold;}

	.emailFormLabel {font-weight:bold}

	/* standard text input class */


	.ftxt {font-family: Arial; font-size:11px; width: 328px; border: 1px solid #333333; }
	.finttxt {font-family: Arial, Helvetica, sans-serif; font-size:10pt; width: 6em; }

	.ftxtarea {font-family: Arial, Helvetica, sans-serif;font-size:10pt;width: 20em; }

	.ftxtquery {font-family: Arial, Helvetica, sans-serif; font-size:10pt; width: 10em;	}

	/* standard submit button */

	.fsub {width:8em; }

	/* standard select list */

	.fsel {width:20em; }


	/* DIV For email form and the likes */

	.buttonBar {text-align: left; padding-top:1em; }

.emailFormHorizontalName
{
width: 100px;
padding: 0px 15px 0px 0px;
vertical-align: top;
}

td.emailFormHorizontalElement
{
vertical-align: top;
width: 200px;
}

.emailFormHorizontalElement input {font-family: Arial; font-size:11px; width: 328px; border: 1px solid #333333;}
.emailFormHorizontalElement input#field_9879,
.emailFormHorizontalElement input#field_9880,
.emailFormHorizontalElement input#field_9881,
.productCartFormHorizontalElement.subscribe #df_cb_field_91
{
width: 20px; border: none;
}
.emailFormHorizontalElement input:hover, .emailFormHorizontalElement input:focus {width: 328px; border: 1px solid #B07C30;}

.emailFormHorizontalElement textarea {font-family: Arial; font-size:11px; width: 328px; border: 1px solid #333333;}


/* standard submit button */


.fsub {width:80px; background: #938166; border: 1px solid #938166; font-weight: bold; font-size: 11px; color: #FFF; cursor: pointer; }
.fsub:hover { background: #938166; }

/* DIV For email form and the likes */

.buttonBar {text-align: center; padding: 10px 0px;}

/*------------ Blog Module Styles ----------------------------------------------------------*/



.blogEntry {/*border-bottom:solid #999999 1px;	*/
}
.blogEntry HR {height:0.5px;color:#E3CBAF;background-color:#E3CBAF;/*	background-color:#999999;*/
}
.blogDate {font-weight:bold; }
.blogTitle {font-weight:bold; }
.blogText{ }

/*------------ Breadcrumb Styles ----------------------------------------------------------*/


#breadCrumbs { margin: 0px 0px 10px 0px; color: #333; }

#breadCrumbs a { margin: 0px 0px 10px 0px; color: #666; }

/*------------ Calendar Module Styles ----------------------------------------------------------*/


.calendarOuterDay {background-color:#dddddd; }
.calendarInnerDay {height:60px;font-size:8pt;text-align:left; }
.calendarEarDate {font-size:8pt; font-weight:bold; color:#C54333; }
.calendarHeader { background-color:#efefef; text-align:center; padding:4px; font-size:8pt; }
.calendarDetailTitle {font-weight:bold;margin:0 0 1em 0;}
.calendarDetailDescription { /*width:60%; margin:0 0 2em 0;	border-bottom:1px solid #B3143A; padding-bottom:1em;*/
}
.calendarDetailImage {border:solid 1px #000000;	margin:0 1em 1em 0; }
.calendarListDate { font-weight:bold; color:#7d5848; }
.calendarCurrentLink { font-weight:bold; }
.calendarBullets { color:#ac9b8c;}
.calendarTableBg { background-color:#F5EBE2;}
.calendarHeaderDateLinks {text-align:center;border-bottom:1px solid #B3143A;padding-bottom:1em;}
.calendarImageCell { padding:10px 0 0 10px;	width:110px; text-align:center; }
.calendarDateCell {	padding:10px 0 0 10px; width:110px;	vertical-align:top;}
.calendarTitleCell{	padding:10px 0 0 0;	vertical-align:top;	}
.categoryLinkHeader {text-align:center;}
.categoryLinkText {	text-align:center;}
.login-msg { color:#900;font-style:italic;	padding:10px 0 15px 0;}
.msg {/* status and error */
color:#900;font-style:italic;	padding:5px 0 5px 0; }

/*------------ Contacts Module Styles ----------------------------------------------------------*/


/* container & elements of Contacts page */


.contactsIntro {}
.contactsRegionHeader {color:#999;	font-size:3; font-weight:bold; }
.contactsContactHeader {font-size:2;font-weight:bold;}
.required {color:#000000; font-weight:bold;}

 /*------------ Document Group Module Styles ----------------------------------------------------------*/


.documentGroupFiles {padding:2em 0 2em 0;line-height:2.0em;}
/* only when there's a single group on display - instead of SELECT element */

.documentGroupHeader {font-weight:bold;}

/*------------ FAQ Module Styles ----------------------------------------------------------*/


.faq-topic-header {font-weight:bold;}
.faq-question {color:#000000; font-weight:bold;}
.faq-answer {}

/*------------ Forum/Message Board Module Styles ----------------------------------------------------------*/


.forumName {font-weight:bold;}
.forumColumnHeader { font-weight:bold;border-bottom:solid #999999 1px;padding:3px;}
.forumColumnData1 {font-size:8pt;border-bottom:solid #cccccc 1px;padding:3px;}
.forumColumnData2 {font-size:8pt;border-bottom:solid #cccccc 1px;padding:3px;}
.forumViewSubject {font-weight:bold;text-transform:uppercase;}
.forumViewAuthorDate {font-size:8pt;}
.forumReplySubject {font-weight:bold;}

/*------------ Latest News Module Styles ----------------------------------------------------------*/



/* List of News title links for inserting into site pages */

.latestNewsComponent { padding: 4px 0px; text-decoration:none; text-align: left; font-size:8pt; }

.latestNewsComponent a { text-decoration:none; text-align: left; font-size:8pt;}

.latestNewsComponent a:hover { text-decoration:underline; text-align: left; font-size:8pt;}

/* container & elements of Latest News Page story */

.latestNews {}
.latestNewsDate {font-style:normal;	color:#999;}
.latestNewsTitle {font-weight:bold;	color: #673A01;	font-size:11pt;}


/* text of displayed story */

.latestNewsSource {	margin-right:0;}

/* listing of story 'Links' on News Release Page */

.latestNewssListing {  }

/* Items within latestNews sListing */

.latestNewssListingItem {  }
.latestNewssListingItem A {text-decoration:underline;  }

/*------------ Latest News Directory Module Styles ----------------------------------------------------------*/


#latestNews #textContent
{
float:left;
width: 480px;
margin: -15px 30px 20px 30px;
}

#latestNews #textContent h2
{
font-size: 14px;
font-weight: bold;
color: #000000;
}

#latestNews #textContent .newsListing
{
border: 1px dashed #DDD;
border-width: 0px 0px 1px 0px;
padding: 15px 0px 20px 0px;
height: 94px;
}

#latestNews #textContent .newsListing h4
{
margin: 3px 0px 0px 0px;
padding: 0;
font-size: 12px;
font-weight: bold;
color: #000000;
}

#latestNews #textContent .newsListing h4 span
{
color: #000000;
}

#latestNews #textContent .newsListing img
{
float: left;
margin: 0px 10px 0px 0px;
}

#latestNews #textContent .newsListing p
{
margin: 5px 0px;
padding: 0;
}

#latestNews #textContent .newsListing p a
{
}

#topNewsContainer
{
position: absolute;
top: 0px;
right: -169px;
background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_1.jpg) top left no-repeat;
width: 180px;
height: 154px;
}

#topNewsContainer h3
{
margin: 12px 0px 22px 0px;
padding: 0px 0px 0px 53px;
font-weight: bold;
font-size: 13px;
color: #000000;
}



#topNewsContainer a
{
color: #000000;
}

#bottomNewsContainer
{
position: absolute;
top: 154px;
right: -169px;
background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_2.jpg) top left no-repeat;
width: 180px;
height: 350px;
}


#bottomNewsContainer h3
{
margin: 12px 0px 16px 0px;
padding: 0px 0px 0px 42px;
font-weight: bold;
font-size: 13px;
color: #000000;
}

#bottomNewsContainer form
{
margin: 0;
padding: 0;
}

#bottomNewsContainer p
{
margin: 0;
padding: 0;
color: #000000;
}

/*----------- Menu and Sub-Menu Rules (Non-slideout style) ----------------------------------------------------------*/


		/*------------ Menu Rules ----------------------------------------------------------*/

		/*
		.menu { color: #000000;	text-decoration: none;	}

		.menu:hover	{color: #000000;text-decoration: underline;	}


		.menuin	{color: #000000; text-decoration: none;}

		.menuin:hover {color: #000000; text-decoration: underline; }

		.submenu {color: #000000; margin-left: 25px; text-decoration: none;	}



		.submenu:hover {color: #000000; margin-left: 25px; text-decoration: underline;	}

		.submenuin {color: #000000; font-weight:bold; margin-left: 25px; text-decoration: none;}

		.submenuin:hover {color: #000000; font-weight:bold;	margin-left: 25px;	text-decoration: underline;	}
		*/


		/*------------ Secondary Menu Styles ----------------------------------------------------------*/

		/*
		.smenu {color: #000000;	text-decoration: none;}

		.smenu:hover {color: #000000; text-decoration: underline;}

		.smenuin {color: #000000; text-decoration: none; }

		.smenuin:hover { color: #000000; text-decoration: underline;}

		.ssubmenu {	color: #000000;	margin-left: 25px; text-decoration: none;}

		.ssubmenu:hover	{color: #000000; margin-left: 25px;	text-decoration: underline;	}

		.ssubmenuin	{color: #000000; font-weight:bold; margin-left: 25px; text-decoration: none; }

		.ssubmenuin:hover {	color: #000000;	font-weight:bold; margin-left: 25px; text-decoration: underline; }
		*/


/*----------- Menu and Sub-Menu Rules (Non-slideout style) ----------------------------------------------------------*/


		.menu:hover	{ text-decoration: none;}

		.menu { float: right; font-family: Tahoma, Arial, Sans-Serif; font-size:11px; }

		.menu ul { z-index:500; padding:0; margin:0; list-style-type:none; width:176px	}

		.menu li {background:#d3b597;  float:left; width:176px;}

		.menu_popup	{ position: absolute; left: -1000px; border:1px solid #FFFFFF; border-width: 1px 1px 0 1px; }

		.menu a, .menu a:hover{display:block;  text-decoration:none; line-height:14px; color:#605E5F;


		padding: 4px 5px 4px 23px; border:1px solid #FFFFFF; border-width: 0 0 1px 0px;	}

		* html .menu a, * html .menu a:visited 	{ width:165px; w\idth:148px;}

		/* TOPLEVEL */


		/* Items with no sub menu */


		.menu a:hover {	 background: #cdac8b;}

		.menu a.selected, .menu .level1 a.selected:hover { font-weight: bold; color: #F58A20; background: #FFF;}

		.menu a.sub	{ background: #d3b597 url(http://www.defineyourstyle.co.nz/images/triangle_normal.gif) no-repeat 152px 5px;}

		.menu a.subtopselected,
		.menu a.subselected,
		.menu a.subtopselected:hover,
		.menu a.subselected:hover
		{ background: #cdac8b url(http://www.defineyourstyle.co.nz/images/triangle_hover.gif) no-repeat 148px 5px; font-weight: bold;}

		.menu a.sub:hover { background: #cdac8b url(http://www.defineyourstyle.co.nz/images/triangle_white.gif) no-repeat 152px 5px;}

		/* POPUP */


		.menu .menu_popup a	{ background: #d3b597;}

		.menu .menu_popup a:hover { background: #cdac8b;}

		.menu .menu_popup a.sub	{background: #d3b597 url(http://www.defineyourstyle.co.nz/images/triangle_orange_green.gif) no-repeat 152px 5px;}

		.menu .menu_popup a.sub:hover { background: #cdac8b url(http://www.defineyourstyle.co.nz/images/triangle_white.gif) no-repeat 152px 5px;}

		/* LEVEL 2 */


		.menu .level2 a	{ background: #e3d0be; padding: 4px 5px 4px 35px;}

		.menu .level2 a:hover { background: #cdac8b; }

		.menu .level2 a.topselected	{ font-weight:bold;	background: #e3d0be}


		.menu .level2 a.sub	{ background: #e3d0be url(http://www.defineyourstyle.co.nz/images/triangle_orange_green.gif) no-repeat 152px 5px;}

		.menu .level2 a.sub:hover { background: #d3b597 url(http://www.defineyourstyle.co.nz/images/triangle_white.gif) no-repeat 152px 5px;}

		.menu .level2 a.subtopselected,
		.menu .level2 a.subselected,
		.menu .level2 a.subtopselected:hover,
		.menu .level2 a.subselected:hover
		{ background: #e3d0be url(http://www.defineyourstyle.co.nz/images/triangle_orange_orange_down.gif) no-repeat 148px 5px; font-weight: bold;}


		/* LEVEL 3 */

		.menu .level3 a,
		.menu .level3 a:hover { background: #e3d0be; padding: 4px 5px 4px 45px;}



		.menu .level3 a:hover {}


/*------------ Newsletter Module Styles ----------------------------------------------------------*/



.newsletterError { font-weight:bold; color:#ff0000;}
.newsletterSuccess { font-weight:bold; color:#009900;}

/*------------ Poll Module Styles ----------------------------------------------------------*/



.pollName {font-weight:bold;padding-top:1em; color:#000000;}
.pollChoiceName {font-weight:bold;}
.pollChoiceDescription{}
.pollChoiceDescription p {margin: 0; padding: 0;}
.pollVoteButton { background-color:#ff6600; color:#ffffff; border:none; font-weight:bold; width:100px; cursor:pointer; }
.pollChoiceRow { border-bottom: none; padding: 0px 0px; }
.pollChoiceRow a { border-bottom:none;}
.pollVoteButton { background-color:#B07C30; color:#623700; border: 1px solid #623700; font-weight:bold; width:120px; padding: 5px 0px;font-size: 11px; font-weight: normal; cursor:pointer; }
.pollVoteButton:hover { background-color:#623700; color:#B07C30; border: 1px solid #623700; }
.pollComponentVoteButton { background-color:#317082; color:#ffffff; border:none; font-weight:bold; width:100px; cursor:pointer; }

/*------------ Testimonial Module Styles ----------------------------------------------------------*/


.testimonials1 { width: 15px; height: 99px; }
.testimonialsphoto1 { width: 68px; height: 99px; }
.testimonialsread1 { width: 137px; height: 99px;  font-size:7pt; padding: 8px;}

.testimonials2 { width: 13px; height: 19px; }
.testimonialsphoto2 { width: 75px; height: 19px; }
.testimonialsread2 { width: 137px; height: 19px; font-size:7pt; padding: 8px;}

/*------------ Products Module Styles ----------------------------------------------------------*/



.productPageTitle {
	font-weight: bold;
	padding:0px 0px 0px 0px;
	border-bottom: none;
	margin: 0px 0px 15px 0px;
	font-size: 15px;

	color: #5a544a;
}

.productPath{

	/* category breadcrumbs */

	float:none;
position: relative;
margin: 0px 0px 15px 0px;
text-align: right;
font-size: 11px;
}

#detail.productPath{
position: absolute;
right: 50px;
top: 46px;
}

.productListingThumb{

	border:1px solid #5a544a;
}

.productListingThumb:hover{

	border:1px solid #000000;
}

#categoryDescription
{

}

#categoryDescription p
{
margin: 0px 0px 10px 0px;
}


H2.categoryName{

	margin: 5px 0px 15px 0px;
}

H2.categoryName a {

	font-weight: normal;
	color: #58585A;

	text-decoration: none;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
	border: none;
}

H2.categoryName a:hover {

	text-decoration: underline;
}

H2.productName {
	margin: 5px 0px 15px 0px;
}

H2.productName a {

	font-weight: normal;
	color: #58585A;
	text-decoration: none;
	border: none;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
}

H2.productDetailName {
	float: left;
	display: block;
	width:100%;
	font-weight: normal;
	padding:0px 0px 4px 0px;
	border-bottom: 0px dotted #000000;
	margin: -20px 0px 35px 0px;
font-style: normal;
font-size: 22px;
color: #5a544a;
}


DIV.productListingItem{

	margin: 10px 27px 0px 0px;
	float:left;
	width:120px;
height: 230px;
	text-align:left;
}


DIV.productListingItem div a{
border: none;
}

DIV.productListingItem a{
border: none;
}


SELECT.productOptions{

	width:15em;
}

.productOptionText{
/* single-value attributes[single-type SELECTS, textfields, text boxes] */


	width:15em;
}
.productOptionHeader{

	font-weight:bold;
}

.productPrices span{
display: block;
	padding: 10px;
}

.productCartLink a{
border: none;
	text-decoration:none;
}

SPAN.productPrice, SPAN.productSpecialPrice{
displaY: inline;
margin: 0 7px;
padding: 0;
	color:#900;
}

DIV.productBackLink{

	margin: 10px 0px 0px 0px;
	float:left;
}

DIV.productBackLink a {
border: none;
	color: #865138;
}

DIV#productCartComponent{


/* Main cart status container */

	text-align:center;
	background:#d3b597;
    padding:1em;
	margin-bottom:1em;
}

DIV#productCartComponent H3 a{

/* component header - link to cart page */

	font-size:10pt;
	font-weight:bold;
	color:#000000;border: none;
}

DIV.productCartComponentStatus{
/* info line in component */

}

DIV.productCartComponentStatus, DIV.productCartComponentStatus a{
border: none;
	color:#000000;
}

SPAN#productCartComponentItems{
/* num items in component */

}

SPAN#productCartComponentValue{
/* $total in component */

}

DIV#productDetailCartStatus{

/* Ajax status messages etc */

	float:none;
	color:#900;
	padding: 15px 20px 0px 20px;
}

TABLE#productCartForm{ }


TABLE#productCartForm input { width: 230px; font-size: 11px; border: 1px solid #58585A;}

TABLE#productCartForm textarea { font-family: Arial; color: #58595B; width: 230px; font-size: 11px; border: 1px solid #58585A;}

TABLE#productCartForm select { width: 230px; color: #58595B; font-size: 11px; border: 1px solid #58585A;}

TABLE#productCartForm input:hover, TABLE#productCartForm textarea:hover, TABLE#productCartForm select:hover, TABLE#productCartForm input:focus, TABLE#productCartForm textarea:focus, TABLE#productCartForm select:focus {

	border: 1px solid #B07C30;
}

DIV#productCartContainer{ margin: 15px 0px 0px 0px; }

DIV#productCartContainer h2 {

	font-size: 13px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-weight: bold;
	color: #B07C30;
}

DIV#productCartContainer #productCartFormHeaderText {

	border-top: 1px solid #000000;
	margin: 17px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
font-weight: bold;
}

DIV#productCartContainer .productCartFormHeaderText p {

	border-top: 1px solid #000000;
	margin: 17px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
font-weight: bold;
}

DIV#productCartFormHeaderText{

	font-weight:bold;
}

DIV#productCartContainer .productUsageText{

	font-size: 11px;
	font-weight: normal;
	background: #f4faee;
	border: 1px dashed #000000;
	margin: 0px 0px 8px 0px;
	padding: 10px;
}

DIV#productCartContainer .viewCartItem {

	border-bottom: 1px solid #000000;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
font-weight: bold;
}


DIV#productCartContainer .viewCartItem h3{

	font-size: 11px;
	margin: 10px 0px 5px 0px;
padding: 0;
	font-weight: bold;
	color: #B07C30;
}

DIV#productCartContainer .viewCartItem img {

	margin: 10px 10px 0px 0px;
	border: 1px solid #58585A;
}

DIV#productCartContainer .viewCartItem p.cartItemFields {

	margin: 0;
	padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemPrice{

	margin: 10px 0px 0px 0px;
	padding: 0;
}


DIV#productCartContainer .viewCartItem p.cartItemQuantity{

	margin: 0;
	padding: 0;
}

DIV#productCartContainer .viewCartItem a.delete{border: none;}

TD.productCartLabel{
vertical-align:top;
text-align:right;
}
TD.productCartFormVerticalElement{ }
TD.productCartFormVerticalName{  }
TD.productCartFormHorizontalElement{ }
TD.productCartFormHorizontalName{  }

DIV.productCartFormCheckoutButtons {

	float:right;
	padding: 1em 0;
	margin: 0px 0px 0px 10px;
}


DIV.productCartFormCheckoutButton a img {

	display: inline-block;
	float: left;
	width: auto;
border: none;
}

A.productCartFormCheckoutButton{  }
A.productCartFormCheckoutButton{  }

#productDetail {

	float: left;
	width:100%;
margin: 20px 0px 0px 0px;
}

#productDetail #left {
	float: left;
	width: 180px;
}

#productDetail #left a {
border: none;
}

#productDetail #left img {

	border:1px solid #8B5E3B;
}

#productDetail #left img:hover{

	border:1px solid #000000;
}

#left a.enlarge {
border: none;
	display: block;
	text-decoration: none;
	margin: 6px 0px 0px 0px;
}

#productDetail #left a.enlarge:hover {

	text-decoration: underline;
}

#productDetail #left a.enlarge img {

	margin: 0px 0px -2px 0px;
	border: none;
}

#productDetail #right {

	float: left;
	width: 273px;
	margin: 0px 0px 0px 10px;
}

DIV#colourSwatch{

    padding:3px;
    width:200px;
    margin:0.5em 0;
}

.swatchItem{

    border:none;

    height:30px;
    width:30px;
    background:#eee;
    float:left;
    margin:4px 9px 4px 0px;
}

DIV.swatchItem a img{
border: none;
	margin: 0;
	padding: 0;
}



.productOptionElement {

	margin: 2px 0px;
}

.productOptionHeader{

	margin: 10px 0px 0px;
}

.productOptionElement select{

	width: 190px;
	font-size: 11px;
	color: #58585A;
	border: 1px solid #58585A;
}


#productFields {

	float: left;
	width: 200px;
	margin: 2px 0px 15px;
}

.productPrices th{

	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	background: #fff8f2;
	padding: 4px;
	text-align: left;
}

.productPrices table{

	width: 100%;
	background: #FFF;
	border: none;
}

.productPrices .priceWas, .productPrices .priceSpecial{

	border-bottom: none;
}

.productPrices .price{

	color: #000;
}

.productPrices .priceSpecial{

	color: #B07C30;
	font-weight: bold;
}

.productPrices {

	padding: 0;
	margin: 0;
	background: #FFF;
	border: 1px #CCC solid;
	padding: 1px;
	text-align: left;
}

.productPrices strong {

	display: block;
	padding: 5px;
	margin: 0px;
	background: #f8f8f8;
	border-bottom: 1px solid #ccc;
	margin: 0;
color: #8B5E3B;
}


.productPrices span.productPrice {

	display: inline;
	padding: 0px;
	margin: 0 7px;
	color: #58585A;

}



.confirmCartItem {

	border-bottom: 1px dashed #000000;
	padding: 10px 0px 10px 12px;
}



#cart_shipping_totals {

	float: right;
	width: 100%;
	text-align: right;
	border-bottom: 3px double #000000;
	padding: 10px 0px 10px 369px;
	margin: 0px 0px 10px 0px;
}

#cart_shipping_totals th {

	padding: 0px 8px 0px 0px;
}

.productCartFormCheckoutButtonsTop{

	float: right;
	margin: 10px 0px 0px 0px;
}

.productCartFormCheckoutButtonsBottom{

	float: right;
	width: 347px;
	height: 65px;
	position: relative;
}

.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {
border: none;
	position: absolute;
	bottom: 0px;
	left: 0;
}

.productCartFormCheckoutButtonsBottom a.checkout {

	position: absolute;
	top: 35px;
	left: 176px;
border: none;
}

.productCartFormCheckoutButtonsBottom a img
{
border: none;
}

.productCartFormCheckoutButtonsBottom a.checkoutBottom {
border: none;
	position: absolute;
	top:0;
	right: 0px;
}

DIV.viewCartItem H3, DIV.confirmCartItem H3{

	padding:0 0 0 0;
    /*color:#000000;*/

    margin:0 0 0.5em 0;
	font-weight:bold;
font-size: 12px;

}
DIV.viewCartItem P{

	margin:0;
}

DIV.confirmCartItem P{

	padding:0 0 0 2em;
	margin:0;
}


DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{

	font-weight:normal;
	color:#000000;
}

TABLE#cart_shipping_totals{

	margin-top:1em;
}


TABLE#cart_shipping_totals TD{

	text-align:right;
}

DIV#colourSwatch{

    padding:3px;

    width:190px;
    margin:0.5em 0;
}

DIV.swatchItem{

    border:none;
    height:31px;
    width:31px;
    background:#eee;
    float:left;
    margin:5px 5px 5px 4px;
}


/* video_library */

#videoContent	{
margin:0;
padding:0;
}

#videoContent DIV	{
margin:0;
padding:0;
}

#videoPageWrap	{
width:736px;
margin:40px auto 0 auto;
}

#videoPageWrap p.description	{
width:425px;
font-size:12px;
line-height:15px;
color:#000;
}

#videoCategorySelect	{
margin-bottom:17px;
padding:17px;
}
#videoCategorySelect select	{
width:300px;
font-size:13px;
margin-top:20px;
}

#videoMain	{
width:425px;
float:left;
}

#videoCategories	{
width:300px;
float:right;
}
#videoCategories h2	{
background:url(http://www.defineyourstyle.co.nz/images/arrow_down.gif) no-repeat 0px 4px;
font-size:17px;
font-weight:normal;
margin:-3px 0 5px 0;
padding:0 0 0 15px;
}
#videoCategories #results	{
height:405px;
width:275px;
border:1px solid #ccc;
overflow:auto;
}
#videoCategories #results div	{
width:272px;
margin:7px 0 0 7px;
height:58px;
}
#videoCategories #results div div	{
float:left;
width:94px;
height:58px;
margin:0 9px 0 0;
padding:0;
}
#videoCategories #results div img	{
border:1px solid #999;
padding:1px;
}
#videoCategories #results div div #iconPlus	{
float:none;
width:93px;
height:15px;
margin:-19px 0 0 3px;
padding:0;
}
#videoCategories #results div div #iconPlus img	{
border:0;
padding:0;
}
#videoCategories #results div div #videoLength	{
float:none;
width:94px;
height:15px;
text-align:right;
margin:-13px 0 0 0;
padding:0;
opacity:0.7;
filter:alpha(opacity=70);
}
#videoCategories #results div div #videoLength span	{
float:none;
background:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
padding:1px 2px 2px 2px;
margin-right:3px;
}
#videoCategories #results div h1	{
font-size:11px;
line-height:14px;
color:#0033cc;
margin:0;
padding:0;
}
#videoCategories #results div h1 a	{
color:#0033cc;
text-decoration:none;
font-size:11px;
border:none;
}
#videoCategories #results div h1 a:hover	{
text-decoration:underline;
}
#videoCategories #results div p	{
font-size:11px;
line-height:14px;
color:#666;
margin:0;
padding:0;
}
DIV#productDetailCartStatusBox {
position:absolute;
color:#fff;
font-weight:bold;
background:#938166;
border:1px solid #666666;
padding:20px 10px 10px 0px;
display:none;
width:200px;
height: 120px;
text-align:right;
margin:-200px 0 0 146px;
}

DIV#productDetailCartStatus {
color:#fff;
text-align:left;
vertical-align:top;
}
DIV#productDetailCartStatusButton {
text-align:right;

}
DIV#productDetailCartStatusButton a {
text-decoration:none;
position: absolute;
top: 10px;
right: 10px;
color: #000;
border:none;
}

#galleryThumbs td img
{
margin: 3px 0px;
border: 1px solid #B07C30;
}

#galleryThumbs td a
{
border: none;
}

#galleryThumbs td img:hover
{
border: 1px solid #C2B59B;
}

li.selected a
{
font-weight: bold;
border:none;
}

#coupon_code
{
width: 230px;
border: 1px solid #666;
font-size: 11px;
font-family: Arial;
}

#coupon_code:hover,
#coupon_code:focus
{
border: 1px solid #B07C30;
}


#galleryDescription
{
float: left;
width: 330px;
}

#galleryThumbs
{
float: right;
width: 224px;
}

a.heroShot
{
border: none;
margin: 0px 0px 3px 40px;
}

.heroShot img
{

border: 1px solid #99C965;
}

td
{
vertical-align:top;
}

td p
{
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#products #right img
{
position:absolute;
left:60px;
top:450px;
z-index:2000;
}

#products #footer
{
margin-top:80px;
padding:0px;
}



/*-------------------------------------------------*/


/*---- BP1 ------*/


@media screen and (max-width: 1100px) {


		html {
		}
		BODY {

		min-width:740px;
		  height:100%;
		  background: #bc9457 url(http://www.defineyourstyle.co.nz/images/style/background.jpg) center top repeat-x;
		}
		BODY, TABLE {
			font-size:12px;
			color:#3333333;
		 }
		form {
		   }
		form input {
		 }
		form textarea {
		 }
		h1 {
			font-size: 22px;
		 }
		h2 {
		 }
		h3 {
		 }
		h4 {
		 }
		p {
		 line-height: 20px;
		  word-spacing: 0.1em;
		}
		a {
		 color: #333333;
		 }
		.content a {
		 }
		a:hover {
		   }
		* img {
		 behavior: url(iepngfix.htc) }
		a:focus {
		outline:none;
		}
		/*------------ Template Specific Rules ----------------------------------------------------------*/
		#container{
		width: 740px;
		}
		#bgcontainer{
		width: 740px;
		padding: 0px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/bg_tile.png) repeat-y;
		}
		#header{
		width: 740px;
		height: 220px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/header_bg.jpg) -47px 0px no-repeat;
		}
		#header a#logo{
		top: 42px;
		left: 70px;
		}
		#header a#logo img{
		}
		#header #headerNav{
		width: 200px;
		height: 220px;
		}
		#header #headerNav ul{
		margin: 32px 0px 0px 0px;
		}
		#header #headerNav ul li{
		}
		#header #headerNav ul li a{
		width: 95%;
		padding: 4px 0px 4px 5%;
		}
		#header #headerNav ul li a:hover{
		}
		#header #headerNav ul li ul{

		display: none !important;

		}
		#header #headerNav ul li:hover ul {
		}
		#header #headerNav ul li ul li{
		}
		#header #headerNav ul li ul li a{
		padding-left:33px;
		}
		#header #headerNav ul li ul li a:hover{
		}
		.content{
		width: 740px;
		min-height: 740px;
		background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg_tile.jpg) top left repeat-y;
		background-size: 74.3% auto;
		}
		.contentTop{
		background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg.jpg) top left no-repeat;
		padding: 13px 0px 0px 0px;
		}
		.content #leftCol{
		width: 470px;
		padding: 25px 20px;
		margin: 0px 0px 0px 10px;
		}
		.content #rightCol{
		float: right;
		width: 200px;
		overflow:hidden;
		padding: 0px 0px 0px 12px;
		margin: -13px 0px 0px 0px;
		}
		.content #rightColGradient{
		background: url(http://www.defineyourstyle.co.nz/images/templates/right_col_gradient.jpg) left repeat-y;
		}
		.content #rightColGradient #siteSearchContainer{
		}
		#siteSearchContainer {
		margin: 20px 0px 0px 18px;
		}
		#siteSearchContainer form {
		 }
		#siteSearchContainer input {
		 }
		.siteSearchInput {
		 background: url(http://www.defineyourstyle.co.nz/images/templates/search_bg.jpg) top left no-repeat;
		 width: 120px;
		 height: 22px;
		 font-size: 11px;
		 padding: 0px 3px 0px 3px;
		margin: 0px 10px 0px 0px;
		}
		.siteSearchSubmit {
		 width: 24px;
		height: 24px;
		margin: 0px 0px 0px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/go_button_bg.jpg) top left no-repeat;
		 font-size: 11px;
		}
		.content #rightColGradient a#productCallout, .content #rightColGradient a#giftVouchersCallout{
		width: 180px;
		height: 83px;
		padding: 42px 20px 0px 0px;
		color: #fff;
		background: url(http://www.defineyourstyle.co.nz/images/templates/product_callout_bg.jpg) top left no-repeat;
		font-size: 12px;
		}
		.content #rightColGradient a#giftVouchersCallout{
		width: 180px;
		height: 80px;
		padding: 28px 20px 0px 0px;
		margin: 10px 0px 0px 0px;
		color: #fff;
		background: url(http://www.defineyourstyle.co.nz/images/templates/gift_voucher_callout_bg.jpg) top left no-repeat;
		}
		.content #rightColGradient a#productCallout span, .content #rightColGradient a#giftVouchersCallout span{
		font-size: 29px;
		}
		.content #rightColGradient a#productCallout:hover, .content #rightColGradient a#giftVouchersCallout:hover{
		color: #443e37;
		}
		#basket{
		width: 265px;
		height: 22px;
		margin: 15px 0px 0px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/shopping_basket_bg.jpg) left repeat-y;
		}
		a#basket{
		padding: 8px 0px 4px 8px;
		}
		a#basket:hover span{
		}
		#basket span{
		margin: 0px 0px 0px 5px;
		}
		#basket .greyText{
		margin: 0px 3px 0px 0px;
		}
		#leftIcons{
		width: 50%;
		margin: 8px 0px 0px 10px;
		padding: 5px 0px 0px 0px;
		}
		#rightIcons{
		width: 50%;
		margin: 8px 0px 0px 0px;
		}
		#leftIcons img{
		margin: 7px 0px 7px 13px;
		}
		#leftIcons img#moroccan{
		right: 0px;
		margin-left: 12px;
		width: 100%;
		height: auto;
		}
		#rightIcons img{
		margin: 7px 0px;
		}
		h2#productsTitle{
		width: 190px;
		height: 44px;
		padding: 10px 23px 0px 0px;
		margin: 20px 0px 1px 0px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/products_heading_bg.jpg) top left no-repeat;
		font-size: 29px;
		}
		#products #rightCol h3 a{
		width: 265px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
		margin: 1px 0px;
		padding: 6px 0px 6px 12px;
		}
		#products #rightColGradient a span{
		}
		#products #rightColGradient a:hover{
		background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
		color: #443e37;
		}
		#products #rightCol ul{
		}
		#products #rightCol ul li{
		margin: 1px 0px;
		}
		#products #rightCol ul li a{
		width: 165px;
		background: url(http://www.defineyourstyle.co.nz/images/templates/product_li_a_bg.jpg) top left repeat-y;
		padding: 6px 0px 6px 20px;
		}
		.bottomRight{
		right: 12px;
		}
		ul#storeLinks{
		margin: 14px 0px 0px 0px;
		}
		ul#storeLinks li{
		}
		#products #rightCol ul#storeLinks li a{
		font-size: 11px;
		}
		#products #rightCol ul#storeLinks li a:hover{
		}
		#products #rightCol ul#storeLinks li a span{
		}
		.content #footer{
		width: 500px;
		border-top: 1px solid #9a8f76;
		margin: 0px 0px 0px 10px;
		background: #f5ede4;
		}
		.content #footer p{
		margin: 10px 0px 60px 50px;
		font-size: 11px;
		}
		.content #footer a{
		}
		/*------------ Latest News Directory Module Styles ----------------------------------------------------------*/
		#latestNews #textContent{
		width: 480px;
		margin: -15px 30px 20px 30px;
		}
		#latestNews #textContent h2{
		font-size: 14px;
		}
		#latestNews #textContent .newsListing{
		border: 1px dashed #DDD;
		border-width: 0px 0px 1px 0px;
		padding: 15px 0px 20px 0px;
		height: 94px;
		}
		#latestNews #textContent .newsListing h4{
		margin: 3px 0px 0px 0px;
		font-size: 12px;
		}
		#latestNews #textContent .newsListing h4 span{
		}
		#latestNews #textContent .newsListing img{
		margin: 0px 10px 0px 0px;
		}
		#latestNews #textContent .newsListing p{
		margin: 5px 0px;
		}
		#latestNews #textContent .newsListing p a{
		}
		#topNewsContainer{
		top: 0px;
		right: -169px;
		background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_1.jpg) top left no-repeat;
		width: 180px;
		height: 154px;
		}
		#topNewsContainer h3{
		margin: 12px 0px 22px 0px;
		padding: 0px 0px 0px 53px;
		font-size: 13px;
		}
		#topNewsContainer a{
		}
		#bottomNewsContainer{
		top: 154px;
		right: -169px;
		background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_2.jpg) top left no-repeat;
		width: 180px;
		height: 350px;
		}
		#bottomNewsContainer h3{
		margin: 12px 0px 16px 0px;
		padding: 0px 0px 0px 42px;
		font-size: 13px;
		}
		#bottomNewsContainer form{
		}
		#bottomNewsContainer p{
		}
		/*------------ Products Module Styles ----------------------------------------------------------*/
		.productPageTitle {
		margin: 0px 0px 15px 0px;
		font-size: 15px;
		}
		.productPath{
		/* category breadcrumbs */
		margin: 0px 0px 15px 0px;
		font-size: 11px;
		}
		#detail.productPath{
		right: 50px;
		top: 46px;
		}
		.productListingThumb{
		}
		.productListingThumb:hover{
		}
		#categoryDescription{
		}
		#categoryDescription p{
		margin: 0px 0px 10px 0px;
		}
		H2.categoryName{
		margin: 5px 0px 15px 0px;
		}
		H2.categoryName a {
		font-size: 12px;
		background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
		}
		H2.categoryName a:hover {
		}
		H2.productName {
		margin: 5px 0px 15px 0px;
		}
		H2.productName a {
		font-size: 12px;
		background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
		}
		H2.productDetailName {
		padding:0px 0px 4px 0px;
		border-bottom: 0px dotted #000000;
		margin: -20px 0px 35px 0px;
		font-size: 22px;
		}
		DIV.productListingItem{
		margin: 10px 30px 0px 0px;
		width:120px;
		height: 230px;
		}
		DIV.productListingItem div a{
		}
		DIV.productListingItem a{
		}
		SELECT.productOptions{
		width:15em;
		}
		.productOptionText{

		/* single-value attributes[single-type SELECTS, textfields, text boxes] */
		width:15em;
		}
		.productOptionHeader{
		}
		.productPrices span{
		padding: 10px;
		}
		.productCartLink a{
		}
		SPAN.productPrice, SPAN.productSpecialPrice{
		margin: 0 7px;
		}
		DIV.productBackLink{
		margin: 10px 0px 0px 0px;
		}
		DIV.productBackLink a {
		}
		DIV#productCartComponent{
		/* Main cart status container */
		padding:1em;
		margin-bottom:1em;
		}
		DIV#productCartComponent H3 a{
		/* component header - link to cart page */
		font-size:10pt;
		}
		DIV.productCartComponentStatus{
		/* info line in component */
		}
		DIV.productCartComponentStatus, DIV.productCartComponentStatus a{
		}
		SPAN#productCartComponentItems{
		/* num items in component */
		}
		SPAN#productCartComponentValue{
		/* $total in component */
		}
		DIV#productDetailCartStatus{
		/* Ajax status messages etc */
		padding: 15px 20px 0px 20px;
		}
		TABLE#productCartForm{
		 }
		TABLE#productCartForm input {
		 width: 230px;
		 font-size: 11px;
		 }
		TABLE#productCartForm textarea {
		   width: 230px;
		 font-size: 11px;
		 }
		TABLE#productCartForm select {
		 width: 230px;
		  font-size: 11px;
		 }
		TABLE#productCartForm input:hover, TABLE#productCartForm textarea:hover, TABLE#productCartForm select:hover, TABLE#productCartForm input:focus, TABLE#productCartForm textarea:focus, TABLE#productCartForm select:focus {
		}
		DIV#productCartContainer{
		 margin: 15px 0px 0px 0px;
		 }
		DIV#productCartContainer h2 {
		font-size: 13px;
		margin: 0px 0px 15px 0px;
		}
		DIV#productCartContainer #productCartFormHeaderText {
		margin: 17px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		}
		DIV#productCartContainer .productCartFormHeaderText p {
		margin: 17px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		}
		DIV#productCartFormHeaderText{
		}
		DIV#productCartContainer .productUsageText{
		font-size: 11px;
		border: 1px dashed #000000;
		margin: 0px 0px 8px 0px;
		padding: 10px;
		}
		DIV#productCartContainer .viewCartItem {
		border-bottom: 1px solid #000000;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 20px 0px;
		}
		DIV#productCartContainer .viewCartItem h3{
		font-size: 11px;
		margin: 10px 0px 5px 0px;
		}
		DIV#productCartContainer .viewCartItem img {
		margin: 10px 10px 0px 0px;
		}
		DIV#productCartContainer .viewCartItem p.cartItemFields {
		}
		DIV#productCartContainer .viewCartItem p.cartItemPrice{
		margin: 10px 0px 0px 0px;
		}
		DIV#productCartContainer .viewCartItem p.cartItemQuantity{
		}
		DIV#productCartContainer .viewCartItem a.delete{
		}
		TD.productCartLabel{
		}
		TD.productCartFormVerticalElement{
		 }
		TD.productCartFormVerticalName{
		  }
		TD.productCartFormHorizontalElement{
		 }
		TD.productCartFormHorizontalName{
		  }
		DIV.productCartFormCheckoutButtons {
		padding: 1em 0;
		margin: 0px 0px 0px 10px;
		}
		DIV.productCartFormCheckoutButton a img {
		}
		A.productCartFormCheckoutButton{
		  }
		A.productCartFormCheckoutButton{
		  }
		#productDetail {
		margin: 20px 0px 0px 0px;
		}
		#productDetail #left {
		width: 180px;
		}
		#productDetail #left a {
		}
		#productDetail #left img {
		border:1px solid #8B5E3B;
		}
		#productDetail #left img:hover{
		}
		#left a.enlarge {
		margin: 6px 0px 0px 0px;
		}
		#productDetail #left a.enlarge:hover {
		}
		#productDetail #left a.enlarge img {
		margin: 0px 0px -2px 0px;
		}
		#productDetail #right {
		width: 273px;
		margin: 0px 0px 0px 10px;
		}
		DIV#colourSwatch{
		padding:3px;
		width:200px;
		margin:0.5em 0;
		}
		.swatchItem{
		height:30px;
		width:30px;
		margin:4px 9px 4px 0px;
		}
		DIV.swatchItem a img{
		}
		.productOptionElement {
		margin: 2px 0px;
		}
		.productOptionHeader{
		margin: 10px 0px 0px;
		}
		.productOptionElement select{
		width: 190px;
		font-size: 11px;
		}
		#productFields {
		width: 200px;
		margin: 2px 0px 15px;
		}
		.productPrices th{
		border-bottom: 1px solid #ccc;
		padding: 4px;
		}
		.productPrices table{
		}
		.productPrices .priceWas, .productPrices .priceSpecial{
		}
		.productPrices .price{
		}
		.productPrices .priceSpecial{
		}
		.productPrices {
		border: 1px #CCC solid;
		padding: 1px;
		}
		.productPrices strong {
		padding: 5px;
		border-bottom: 1px solid #ccc;
		}
		.productPrices span.productPrice {
		margin: 0 7px;
		}
		.confirmCartItem {
		border-bottom: 1px dashed #000000;
		padding: 10px 0px 10px 12px;
		}
		#cart_shipping_totals {
		border-bottom: 3px double #000000;
		padding: 10px 0px 10px 369px;
		margin: 0px 0px 10px 0px;
		}
		#cart_shipping_totals th {
		padding: 0px 8px 0px 0px;
		}
		.productCartFormCheckoutButtonsTop{
		margin: 10px 0px 0px 0px;
		}
		.productCartFormCheckoutButtonsBottom{
		width: 347px;
		height: 65px;
		}
		.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {
		bottom: 0px;
		left: 0;
		}
		.productCartFormCheckoutButtonsBottom a.checkout {
		top: 35px;
		left: 176px;
		}
		.productCartFormCheckoutButtonsBottom a img {
		}
		.productCartFormCheckoutButtonsBottom a.checkoutBottom {
		}
		DIV.viewCartItem H3, DIV.confirmCartItem H3{
		padding:0 0 0 0;
		/**/
		margin:0 0 0.5em 0;
		font-size: 12px;
		}
		DIV.viewCartItem P{
		}
		DIV.confirmCartItem P{
		padding:0 0 0 2em;
		}
		DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{
		}
		TABLE#cart_shipping_totals{
		margin-top:1em;
		}
		TABLE#cart_shipping_totals TD{
		}
		DIV#colourSwatch{
		padding:3px;
		width:190px;
		margin:0.5em 0;
		}
		DIV.swatchItem{
		height:31px;
		width:31px;
		margin:5px 5px 5px 4px;
		}
		/* video_library */
		#videoContent	{
		}
		#videoContent DIV	{
		}
		#videoPageWrap	{
		width:736px;
		margin:40px auto 0 auto;
		}
		#videoPageWrap p.description	{
		width:425px;
		font-size:12px;
		line-height:15px;
		}
		#videoCategorySelect	{
		margin-bottom:17px;
		padding:17px;
		}
		#videoCategorySelect select	{
		width:300px;
		font-size:13px;
		margin-top:20px;
		}
		#videoMain	{
		width:425px;
		}
		#videoCategories	{
		width:300px;
		}
		#videoCategories h2	{
		background:url(http://www.defineyourstyle.co.nz/images/arrow_down.gif) no-repeat 0px 4px;
		font-size:17px;
		margin:-3px 0 5px 0;
		padding:0 0 0 15px;
		}
		#videoCategories #results	{
		height:405px;
		width:275px;
		border:1px solid #ccc;
		}
		#videoCategories #results div	{
		width:272px;
		margin:7px 0 0 7px;
		height:58px;
		}
		#videoCategories #results div div	{
		width:94px;
		height:58px;
		margin:0 9px 0 0;
		}
		#videoCategories #results div img	{
		border:1px solid #999;
		padding:1px;
		}
		#videoCategories #results div div #iconPlus	{
		width:93px;
		height:15px;
		margin:-19px 0 0 3px;
		}
		#videoCategories #results div div #iconPlus img	{
		}
		#videoCategories #results div div #videoLength	{
		width:94px;
		height:15px;
		margin:-13px 0 0 0;
		opacity:0.7;
		filter:alpha(opacity=70);
		}
		#videoCategories #results div div #videoLength span	{
		font-size:10px;
		padding:1px 2px 2px 2px;
		margin-right:3px;
		}
		#videoCategories #results div h1	{
		font-size:11px;
		line-height:14px;
		}
		#videoCategories #results div h1 a	{
		font-size:11px;
		}
		#videoCategories #results div h1 a:hover	{
		}
		#videoCategories #results div p	{
		font-size:11px;
		line-height:14px;
		}
		DIV#productDetailCartStatusBox {
		border:1px solid #666666;
		padding:20px 10px 10px 0px;
		width:200px;
		height: 120px;
		margin:-200px 0 0 146px;
		}
		DIV#productDetailCartStatus {
		}
		DIV#productDetailCartStatusButton {
		}
		DIV#productDetailCartStatusButton a {
		top: 10px;
		right: 10px;
		}
		#galleryThumbs td img{
		margin: 3px 0px;
		}
		#galleryThumbs td a{
		}
		#galleryThumbs td img:hover{
		border: 1px solid #C2B59B;
		}
		li.selected a{
		}
		#coupon_code{
		width: 230px;
		border: 1px solid #666;
		font-size: 11px;
		}
		#coupon_code:hover, #coupon_code:focus{
		}
		#galleryDescription{
		width: 330px;
		}
		#galleryThumbs{
		width: 224px;
		}
		a.heroShot{
		margin: 0px 0px 3px 40px;
		}
		.heroShot img{
		border: 1px solid #99C965;
		}
		td{
		}
		td p{
		margin:3px 0px 0px 0px;
		}
		#products #right img{
		left:60px;
		top:450px;
		z-index:2000;
		}
		#products #footer{
		margin-top:80px;
		}



}

/*---- BP2 --- Other phones --*/


@media screen and (max-width: 450px) {

body
{
min-width: 320px;
}
/*-----------------------------------------*/



html {
}
BODY {

min-width:320px;
  height:100%;
  background: #bc9457;
}
BODY, TABLE {
	font-size:12px;
	color:#3333333;
 }
form {
   }
form input {
 }
form textarea {
 }
h1 {
    font-size: 22px;
 }
h2 {
 }
h3 {
 }
h4 {
 }
p {
 line-height: 20px;
  word-spacing: 0.1em;
}
a {
 color: #333333;
 }
.content a {
 }
a:hover {
   }
* img {
 behavior: url(iepngfix.htc) }
a:focus {
outline:none;
}
/*------------ Template Specific Rules ----------------------------------------------------------*/
#container{
width: 320px;
}
#bgcontainer{
width: 320px;
padding: 0px 0px;
background: none;
}
#header{
width: 320px;
height: 140px;
background: url(http://www.defineyourstyle.co.nz/images/templates/header_bg.jpg) -50px 0px no-repeat;
background-size: 170% auto;
}
#header a#logo{
top: 42px;
left: 70px;
}
#header a#logo img{
}
#header #headerNav{
width: 200px;
height: 220px;
}
#header #headerNav ul{
margin: 32px 0px 0px 0px;
}
#header #headerNav ul li{
}
#header #headerNav ul li a{
width: 95%;
padding: 4px 0px 4px 5%;
}
#header #headerNav ul li a:hover{
}
#header #headerNav ul li ul{

display: none !important;

}
#header #headerNav ul li:hover ul {
}
#header #headerNav ul li ul li{
}
#header #headerNav ul li ul li a{
padding-left:33px;
}
#header #headerNav ul li ul li a:hover{
}
.content{
width: 320px;
min-height: 740px;
background: #fff;
background-size: 74.3% auto;
}
.contentTop{
background: #FFF;
padding: 0px 0px 0px 0px;
}
.content #leftCol{
width: 300px;
padding: 25px 10px;
margin: 0px;
border: none !important;
}
.content #leftCol p
{
position: static !important;
}
.content #rightCol{
float: left;
width: 270px;
overflow:hidden;
padding: 0px 25px;
margin: 0px 0px 0px 0px;
border: none !important;
}
.content #rightColGradient{
background: none;
border: none !important;
}
.content #rightColGradient #siteSearchContainer{
margin: 20px 0px 20px;
}
#siteSearchContainer {
margin: 20px 0px 0px 18px;
}
#siteSearchContainer form {
 }
#siteSearchContainer input {
 }
.siteSearchInput {
 background: #f2ede0;
 width: 220px;
 height: 22px;
 font-size: 13px;
 padding: 0px 3px 0px 3px;
margin: 0px 10px 0px 0px;
}
.siteSearchSubmit {
 width: 24px;
height: 24px;
margin: 0px 0px 0px 0px;
background: url(http://www.defineyourstyle.co.nz/images/templates/go_button_bg.jpg) top left no-repeat;
 font-size: 13px;
}
.content #rightColGradient a#productCallout, .content #rightColGradient a#giftVouchersCallout{
width: 240px;
height: 83px;
padding: 42px 20px 0px 10px;
color: #5a544a;
background: url(http://www.defineyourstyle.co.nz/images/templates/product_callout_bg.jpg) top left no-repeat;
font-size: 14px;
}
.content #rightColGradient a#giftVouchersCallout{
width: 240px;
height: 80px;
padding: 28px 20px 0px 10px;
margin: 10px 0px 0px 0px;
color: #5a544a;

background: url(http://www.defineyourstyle.co.nz/images/templates/gift_voucher_callout_bg.jpg) top left no-repeat;
}
.content #rightColGradient a#productCallout span, .content #rightColGradient a#giftVouchersCallout span{
font-size: 29px;
}
.content #rightColGradient a#productCallout:hover, .content #rightColGradient a#giftVouchersCallout:hover{
color: #443e37;
}
#basket{
width: 300px;
padding: 0 10px;
height: 22px;
margin: 15px 0px 0px 0px;
background: url(http://www.defineyourstyle.co.nz/images/templates/shopping_basket_bg.jpg) left repeat-y;
}
a#basket{
padding: 8px 0px 4px 8px;
}
a#basket:hover span{
}
#basket span{
margin: 0px 0px 0px 5px;
}
#basket .greyText{
margin: 0px 3px 0px 0px;
}
#leftIcons{
width: 100%;
margin: 8px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}
#rightIcons{
width: 100%;
margin: 8px 0px 0px 0px;
}
#leftIcons a
{
float:left;
max-width: 50%;
display: inline-block;
min-height: 60px;
}
#leftIcons img{
width: auto;
height: auto;

margin: 15px 20px 12px 20px;
}
#leftIcons br{
display: none;
}
#leftIcons img#moroccan{
right: 0px;
margin-left: 12px;
width: 100%;
height: auto;
}
#rightIcons img{
margin: 7px 0px;
}
h2#productsTitle{
width: 250px;
padding: 0 10px;
height: 44px;
line-height: 44px;
margin: 10px 0px 1px 0px;
background: none;
font-size: 29px;
text-align: left;
border-top: 5px solid #c0b597;
}
#products #rightCol h3 a{
width: 260px;
padding: 5px 10px;
background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
margin: 1px 0px;
}
#products #rightColGradient a span{
}
#products #rightColGradient a:hover{
background: url(http://www.defineyourstyle.co.nz/images/templates/product_h3_bg.jpg) top left repeat-y;
color: #443e37;
}
#products #rightCol ul{
text-align: left;
}
#products #rightCol ul li{
margin: 1px 0px;
}
#products #rightCol ul li a{
width: 260px;
padding: 5px 10px;
text-align: left;
background: url(http://www.defineyourstyle.co.nz/images/templates/product_li_a_bg.jpg) top left repeat-y;
}
.bottomRight{
right: 12px;
}
ul#storeLinks{
margin: 14px 0px 0px 0px;
}
ul#storeLinks li{
}
#products #rightCol ul#storeLinks li a{
font-size: 14px;
margin: 3px 0px;
}
#products #rightCol ul#storeLinks li a:hover{
}
#products #rightCol ul#storeLinks li a span{
}
#footer{
width : 100%;
}
.content #footer{
width: 280px;

border-top: none;
margin: 0px 0px 0px 0px;
background: #f5ede4;
border: none;
padding: 0 20px !important;
}
.content #footer p{
margin: 10px 0px 60px 0px;
font-size: 13px;
}
.content #footer a{
}
/*------------ Latest News Directory Module Styles ----------------------------------------------------------*/
#latestNews #textContent{
width: 300px;
padding: 0 10px;
margin: -15px 0px 20px 0px;
}
#latestNews #textContent h2{
font-size: 14px;
}
#latestNews #textContent .newsListing{
border: 1px dashed #DDD;
border-width: 0px 0px 1px 0px;
padding: 15px 0px 20px 0px;
height: 94px;
}
#latestNews #textContent .newsListing h4{
margin: 3px 0px 0px 0px;
font-size: 12px;
}
#latestNews #textContent .newsListing h4 span{
}
#latestNews #textContent .newsListing img{
margin: 0px 10px 0px 0px;
}
#latestNews #textContent .newsListing p{
margin: 5px 0px;
}
#latestNews #textContent .newsListing p a{
}
#topNewsContainer{
top: 0px;
right: -169px;
background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_1.jpg) top left no-repeat;
width: 180px;
height: 154px;
}
#topNewsContainer h3{
margin: 12px 0px 22px 0px;
padding: 0px 0px 0px 53px;
font-size: 13px;
}
#topNewsContainer a{
}
#bottomNewsContainer{
top: 0x;
right: 0px;
background:#fff url(http://www.defineyourstyle.co.nz/images/right_news_container_2.jpg) top left no-repeat;
width: 300px;
padding: 0 10px;
height: 350px;
}
#bottomNewsContainer h3{
margin: 12px 0px 16px 0px;
padding: 0px 0px 0px 42px;
font-size: 13px;
}
#bottomNewsContainer form{
}
#bottomNewsContainer p{
}
/*------------ Products Module Styles ----------------------------------------------------------*/
.productPageTitle {
margin: 0px 0px 15px 0px;
font-size: 15px;
}
.productPath{
float: left;
/* category breadcrumbs */
margin: 15px 0px;
font-size: 13px;
text-align: left;
line-height: 19px;
width: 100%;
}
#detail.productPath{
position: relative;
right: 0px;
top: 0px;
}
.productListingThumb{
}
.productListingThumb:hover{
}
#categoryDescription{
}
#categoryDescription p{
margin: 0px 0px 10px 0px;
}
H2.categoryName{
margin: 5px 0px 15px 0px;
}
H2.categoryName a {
font-size: 12px;
background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
}
H2.categoryName a:hover {
}
H2.productName {
margin: 5px 0px 15px 0px;
}
H2.productName a {
font-size: 12px;
background: url(http://www.defineyourstyle.co.nz/images/arrows.gif) 3px 5px no-repeat;
}
H2.productDetailName {
padding:0px 0px 4px 0px;
border-bottom: 0px dotted #000000;
margin: 0px 0px 25px 0px;
font-size: 22px;
}
DIV.productListingItem{
margin: 10px 15px 0;
width:120px;
height: 200px;
}
DIV.productListingItem div a{
}
DIV.productListingItem a{
}
SELECT.productOptions{
width:15em;
}
.productOptionText{

/* single-value attributes[single-type SELECTS, textfields, text boxes] */
width:15em;
}
.productOptionHeader{
}
.productPrices span{
padding: 10px;
}
.productCartLink a{
}
SPAN.productPrice, SPAN.productSpecialPrice{
margin: 0 7px;
}
DIV.productBackLink{
margin: 10px 0px 0px 0px;
}
DIV.productBackLink a {
}
DIV#productCartComponent{
/* Main cart status container */
padding:1em;
margin-bottom:1em;
}
DIV#productCartComponent H3 a{
/* component header - link to cart page */
font-size:10pt;
}
DIV.productCartComponentStatus{
/* info line in component */
}
DIV.productCartComponentStatus, DIV.productCartComponentStatus a{
}
SPAN#productCartComponentItems{
/* num items in component */
}
SPAN#productCartComponentValue{
/* $total in component */
}
DIV#productDetailCartStatus{
/* Ajax status messages etc */
padding: 15px 20px 0px 20px;
}
TABLE#productCartForm{
 }
TABLE#productCartForm input {
 width: 260px;
padding: 4px 10px;
 font-size: 13px;
 }
TABLE#productCartForm textarea {
 width: 260px;
padding: 4px 10px;
 font-size: 13px;
 }
TABLE#productCartForm select {
 width: 270px;
padding: 4px 10px;
  font-size: 13px;
 }
TABLE#productCartForm input:hover, TABLE#productCartForm textarea:hover, TABLE#productCartForm select:hover, TABLE#productCartForm input:focus, TABLE#productCartForm textarea:focus, TABLE#productCartForm select:focus {
}
DIV#productCartContainer{
 margin: 15px 0px 0px 0px;
 }
DIV#productCartContainer h2 {
font-size: 13px;
margin: 0px 0px 15px 0px;
}
DIV#productCartContainer #productCartFormHeaderText {
margin: 17px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
DIV#productCartContainer .productCartFormHeaderText p {
margin: 17px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
DIV#productCartFormHeaderText{
}
DIV#productCartContainer .productUsageText{
font-size: 13px;
border: 1px dashed #000000;
margin: 0px 0px 8px 0px;
padding: 10px;
}
DIV#productCartContainer .viewCartItem {
border-bottom: 1px solid #000000;
margin: 0px 0px 10px 0px;
padding: 0px 0px 20px 0px;
}
DIV#productCartContainer .viewCartItem h3{
font-size: 11px;
margin: 10px 0px 5px 0px;
}
DIV#productCartContainer .viewCartItem img {
margin: 10px 10px 0px 0px;
width: 65% !important;
}
DIV#productCartContainer .viewCartItem p.cartItemFields {
}
DIV#productCartContainer .viewCartItem p.cartItemPrice{
margin: 10px 0px 0px 0px;
}
DIV#productCartContainer .viewCartItem p.cartItemQuantity{
}
DIV#productCartContainer .viewCartItem a.delete{
}
TD.productCartLabel{
}
TD.productCartFormVerticalElement{
 }
TD.productCartFormVerticalName{
  }
TD.productCartFormHorizontalElement{
 }
TD.productCartFormHorizontalName{
  }
DIV.productCartFormCheckoutButtons {
padding: 1em 0;
margin: 0px 0px 0px 10px;
}
DIV.productCartFormCheckoutButton a img {
}
A.productCartFormCheckoutButton{
  }
A.productCartFormCheckoutButton{
  }
#productDetail {
margin: 0px 0px 0px 0px;
}
#productDetail #left {
width: 180px;
}
#productDetail #left a {
}
#productDetail #left img {
border:1px solid #8B5E3B;
}
#productDetail #left img:hover{
}
#left a.enlarge {
margin: 6px 0px 0px 0px;
}
#productDetail #left a.enlarge:hover {
}
#productDetail #left a.enlarge img {
width: 14px !important;
height: 14px !important;
margin:  0px 0px -2px 0px;
}
#productDetail #right {
width: 100%;
margin: 0px 0px 0px 0px;
}
DIV#colourSwatch{
padding:3px;
width:200px;
margin:0.5em 0;
}
.swatchItem{
height:30px;
width:30px;
margin:4px 9px 4px 0px;
}
DIV.swatchItem a img{
}
.productOptionElement {
margin: 2px 0px;
}
.productOptionHeader{
margin: 10px 0px 0px;
}
.productOptionElement select{
width: 190px;
font-size: 13px;
}
#productFields {
width: 200px;
margin: 2px 0px 15px;
}
.productPrices th{
border-bottom: 1px solid #ccc;
padding: 4px;
}
.productPrices table{
}
.productPrices .priceWas, .productPrices .priceSpecial{
}
.productPrices .price{
}
.productPrices .priceSpecial{
}
.productPrices {
border: 1px #CCC solid;
padding: 1px;
}
.productPrices strong {
padding: 5px;
border-bottom: 1px solid #ccc;
}
.productPrices span.productPrice {
margin: 0 7px;
}
.confirmCartItem {
border-bottom: 1px dashed #000000;
padding: 10px 0px 10px 12px;
}
#cart_shipping_totals {
border-bottom: 3px double #000000;
padding: 10px 0px 10px 369px;
margin: 0px 0px 10px 0px;
}
#cart_shipping_totals th {
padding: 0px 8px 0px 0px;
}
.productCartFormCheckoutButtonsTop{
margin: 0px 0px 0px 0px;
}
.productCartFormCheckoutButtonsBottom{
width: 280px;
float: left;
height: auto;
margin: 20px 0px 0px 0px;
}
.productCartFormCheckoutButtonsBottom a.productCartFormCheckoutButton {
bottom: 0px;
left: 0;
height: auto;
position: relative;
margin: 10px;
display: block;
width: 70%;
}
.productCartFormCheckoutButtonsBottom a.checkout {
top: 0px;
left: 0px;
height: auto;
display: block;
position: relative;
margin: 10px;
width: 70%;
}
.productCartFormCheckoutButtonsBottom a img {
}
.productCartFormCheckoutButtonsBottom a.checkoutBottom {
top: 0px;
left: 0px;
height: auto;
display: block;
position: relative;
margin: 10px 10px -15px 10px;
width: 70%;
}
DIV.viewCartItem H3, DIV.confirmCartItem H3{
padding:0 0 0 0;
/**/
margin:0 0 0.5em 0;
font-size: 12px;
}
DIV.viewCartItem P{
}
DIV.confirmCartItem P{
padding:0 0 0 2em;
}
DIV.confirmCartItem STRONG, DIV.viewCartItem STRONG{
}
TABLE#cart_shipping_totals{
margin-top:1em;
}
TABLE#cart_shipping_totals TD{
}
DIV#colourSwatch{
padding:3px;
width:190px;
margin:0.5em 0;
}
DIV.swatchItem{
height:31px;
width:31px;
margin:5px 5px 5px 4px;
}
/* video_library */
#videoContent	{
}
#videoContent DIV	{
}
#videoPageWrap	{
width:736px;
margin:40px auto 0 auto;
}
#videoPageWrap p.description	{
width:425px;
font-size:12px;
line-height:15px;
}
#videoCategorySelect	{
margin-bottom:17px;
padding:17px;
}
#videoCategorySelect select	{
width:300px;
font-size:13px;
margin-top:20px;
}
#videoMain	{
width:425px;
}
#videoCategories	{
width:300px;
}
#videoCategories h2	{
background:url(http://www.defineyourstyle.co.nz/images/arrow_down.gif) no-repeat 0px 4px;
font-size:17px;
margin:-3px 0 5px 0;
padding:0 0 0 15px;
}
#videoCategories #results	{
height:405px;
width:275px;
border:1px solid #ccc;
}
#videoCategories #results div	{
width:272px;
margin:7px 0 0 7px;
height:58px;
}
#videoCategories #results div div	{
width:94px;
height:58px;
margin:0 9px 0 0;
}
#videoCategories #results div img	{
border:1px solid #999;
padding:1px;
}
#videoCategories #results div div #iconPlus	{
width:93px;
height:15px;
margin:-19px 0 0 3px;
}
#videoCategories #results div div #iconPlus img	{
}
#videoCategories #results div div #videoLength	{
width:94px;
height:15px;
margin:-13px 0 0 0;
opacity:0.7;
filter:alpha(opacity=70);
}
#videoCategories #results div div #videoLength span	{
font-size:10px;
padding:1px 2px 2px 2px;
margin-right:3px;
}
#videoCategories #results div h1	{
font-size:11px;
line-height:14px;
}
#videoCategories #results div h1 a	{
font-size:11px;
}
#videoCategories #results div h1 a:hover	{
}
#videoCategories #results div p	{
font-size:11px;
line-height:14px;
}
DIV#productDetailCartStatusBox {
border:1px solid #666666;
padding:20px 10px 10px 0px;
width:200px;
height: 120px;
margin:-200px 0 0 50px;
box-shadow: 0px 0px 10px 1px  rgba(0,0,0,0.4);
}
DIV#productDetailCartStatus {
}
DIV#productDetailCartStatusButton {
}
DIV#productDetailCartStatusButton a {
top: 10px;
right: 10px;
}
#galleryThumbs td img{
margin: 3px 0px;
}
#galleryThumbs td a{
}
#galleryThumbs td img:hover{
border: 1px solid #C2B59B;
}
li.selected a{
}
#coupon_code{
width: 230px;
border: 1px solid #666;
font-size: 13px;
}
#coupon_code:hover, #coupon_code:focus{
}
#galleryDescription{
width: 330px;
}
#galleryThumbs{
width: 224px;
}
a.heroShot{
margin: 0px 0px 3px 40px;
}
.heroShot img{
border: 1px solid #99C965;
}
td{
}
td p{
margin:3px 0px 0px 0px;
}
#products #right img{
left:60px;
top:450px;
z-index:2000;
}
#products #footer{
margin-top:80px;
}

.emailFormHorizontalElement textarea,
.emailFormHorizontalElement input,
.emailFormHorizontalElement input:hover,
.emailFormHorizontalElement input:focus
{
width: 260px;
padding: 5px 10px;
border: 1px solid #B07C30;
font-family: Arial;
font-size:11px;
width: 260px;
padding: 5px 10px;
}

.fsub
{
padding: 4px 10px;
font-size: 16px;
}

#leftCol img {
width: 100% !important;
height: auto !important;
}

table
{
display: block;
width: 100% !important;
max-width: 320px !important;
padding: 0% !important;
}

td,
th
{
float: left;
display: block;
width: 96% !important;
padding: 1% 2% !important;
}
iframe {
max-width: 100%;
}
#header #headerNav {
border-bottom: 0 none;
border: none;
width: 100%;
height: auto;
}
#header a#pull {
position: absolute;
top: 35px;
right: 10px;
display: inline-block;
width: 45px;
height: 45px;
background: #efefef;
border-radius: 100%;
padding: 0;
}
#header a#pull:after {
content:"";
background: url(http://www.apata.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}
#header #headerNav {
border-bottom: 0;
margin: 0 !important;
}
#header #headerNav ul {
display: none;
height: auto;
padding: 0;
margin: 0px 0px 0px 0px;
width: 320px;
position: absolute;
z-index: 100;
top : 140px;
left: 0px;
}
#header #headerNav li {
display: block;
float: none;
width: 100% !important;
height: auto;
line-height: 40px;
border-bottom: none;
padding: 0 0 0px;
}
#header #headerNav ul li ul {
display: block !important;
overflow: visible !important;
position: relative !important;
float: left !important;
opacity: 1 !important;
height: auto !important;
left: 0;
top: 0;
margin:0;
width: 100% !important;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
}
#header #headerNav ul li ul li {
margin: 0;
padding: 0;
width: 100%;
border: none;
border-bottom: 1px solid #efefef;
background: #666;
text-align: center;
}

#header #headerNav ul li ul li a:hover,
#header #headerNav ul li ul li a.menuSelected
{
color: #fff !important;
background: #e72f29;
}


#header #headerNav ul li ul li a {
margin: 0;
padding: 0 4%;
width: 92%;
line-height: 45px;
color:  #666!important;
border: none;
background: #fff;
text-align: left;
}
#header #headerNav li a {
color: #545454 !important;
display: block;
font-size: 18px !important;
line-height: 48px;
text-decoration: none;
text-indent: 0px;
background: none repeat scroll 0 0 #efefef;
text-shadow: none;
font-weight: normal !important;
}

#header #headerNav li a:hover {
background: #666 !important;
color: #fff !important;
}

}


/************Landing Page******************/

.landingPage #header{
background: url(http://www.defineyourstyle.co.nz/images/templates/header_bg_landing.jpg) top left no-repeat;
height:80px;
width:100%;
background-size:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage #header{
	background: url(http://www.defineyourstyle.co.nz/images/templates/header_bg_landing.jpg) top left no-repeat;
	width:852px;
	height:220px;
	}

}

.landingPage #header #headerNav{
border-left: 0px solid #9a8f76;
}


.landingPage .content{
float: left;
position: relative;
width: 100%;
min-height: 640px;
background: #f5ede4;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage .content{
	width: 852px;
	min-height: 640px;
	background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg_tile_landing.jpg) top left repeat-y;
	}

}



.landingPage .contentTop
{
background: #f5ede4;
padding: 13px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage .contentTop
	{
	background: #FFF url(http://www.defineyourstyle.co.nz/images/templates/content_bg_landing.jpg) top left no-repeat;
	padding: 13px 0px 0px 0px;
	}

}

.landingPage #fullwidth{
float: left;
position: relative;
box-sizing:border-box;
padding:13px 15px;
}

.landingPage #fullwidth a{
text-decoration:none;
}

.landingPage #fullwidth img{
float:left!important;
width:80%;
height:auto;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage #fullwidth{
	padding:40px 40px;
	}

	.landingPage #fullwidth img{
		float:right!important;
    width:auto;
    height:auto;
    }

}

.landingPage #fullwidth hr{
border:none;
}

.landingPage #fullwidth .stockistsContainer{
float: left;
position: relative;
border-top:1px solid #9a8f76;
width:100%;
padding-top:25px;
margin-top:30px;
}


.landingPage #fullwidth .stockistsContainer p{
font-size:16px;
font-weight:600;
}

.landingPage #fullwidth .stockistsContainer img{
position:relative;
float:left;
width:auto;
height:150px!important;
float:left!important;
margin-right:20px;
margin-bottom:20px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage #fullwidth .stockistsContainer img{
	width:auto;
	height:150px!important;
	float:left!important;
	margin-right:30px;
	margin-bottom:0px;
	}

}

/***********Landidng**************/

.landingPage .content #footer{
position:relative;
float:left;
width:100%;
box-sizing:border-box;
border:none;
border-top: 1px solid #9a8f76;
border-bottom:0px;
margin-left:0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage .content #footer{
	width:827px;
	box-sizing:border-box;
	border: 1px solid #9a8f76;
	border-bottom:0px;
	margin-left:13px;
	}

}

.landingPage #fullwidth table{
float: left;
position: relative;
box-sizing:border-box;
margin:0px 0px 0px 0px;
}


.landingPage #fullwidth div{
float: left;
position: relative;
width:100%;
box-sizing:border-box;
margin:0px 0px 0px 0px;
}


.landingPage #fullwidth .buttonBar{
text-align: center;
padding: 10px 0px;
float: left;
position: relative;
width:100%;
margin:10px 0px 0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 450px) {

	.landingPage #fullwidth .buttonBar{
	padding: 10px 0px;
	width:744px;
	margin:10px 0px 0px 0px;
	}


}
