@charset "UTF-8";

/*----------------------------------------------------------
	THIS IS THE MAIN STYLESHEET FOR STUCTURAL AND LAYOUT CHANGES
	
	What this stylesheet **IS** for:
	
	1) The main styles relating to the major sections of the site for example the header div or the primary navigation. 
	2)If you are setting the default styles for  section for example #header a or #column_1 p then it would go in here
	
	What this stylesheet is **NOT** for:
	1) If you were adding styles to p or a tags that were outside these section default styles then they would go in the style_type.css file for example

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

/*CHANGE LOG - Anytime this stylesheet is changed please add in a descriptive comment here together with the date*/

/*-------------------------------------------------------
[TABLE OF CONTENTS]

(**PLEASE NOTE the although sometimes the order of the HTML element in a page may be in the same  as the TOC below a lot of times it may differ for example #image_container and primary naviagtion usually go within the header structrually within the HTML but dont have to depending on the structure of the site)

0.0 IMPORTS
	0.1 Reset
	0.2 Form

1.0 BODY
	1.1. Wrapper / #wrapper
	1.2. Container / #container

2.0 HEADER / #header 
    2.1 Primary Navigation / #navigation_primary
	2.2 Container for the main page image / #image_container
	2.3 Secondary Navigation / #navigation_secondary
	2.4 Local Navigation / #navigation_local

3.0 CONTENT / #content
	3.1. Column 1 / #column_1
	3.2. Column 2 / #column_2
	3.3. Column 3 / #column_3

4.0 FOOTER/ #footer

5.0 MISCELLANEOUS (Please update this )
	5.1 - Miscellaneous - Sidebox
	5.2 - Miscellaneous - Defaults styles
	
6.0 TABLES (Default styles and any others you want to add)

7.0 RECYCLE BIN (old CSS or disable CSS for testing)

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

/* 0.0 - IMPORTS*/

	
/* 1.0 - BODY
------------------------------------------------------------*/

body {
	background: url(/Assets/website-background.jpg) no-repeat center top #000;
}

/* 1.1 - Body / Wrapper
------------------------------------------------------------*/
#wrapper {
	width: 980px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}


/* 1.2 - Body / Container
------------------------------------------------------------*/
#container {
	width: 980px;
	position: relative;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #fff;
}

/* 2.0 - HEADER
------------------------------------------------------------*/
#header {
	background-image: url(../Assets/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 160px;
	width: 960px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#logo a {
	padding-left: 30px;
	background-image: url(../Assets/ypg_logo.jpg);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	display: block;
	width: 249px;
	float: left;
	height: 70px;
	margin-top: 25px;
	margin-right: 318px;
}
#logo span {
	display: none;
}
#ecommerce {
	float: left;
	height: 160px;
	width: 352px;
}
.checkout {
	width: 332px;
	float: left;
	height: 68px;
	font-size: 12px;
	line-height: 68px;
	color: #FFFFFF;
	background-image: url(../Assets/icon.jpg);
	background-repeat: no-repeat;
	background-position: 80px 0px;
	text-align: right;
}
.checkout a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.checkout a:hover {
	text-decoration: underline;
}
.payment {
	background-image: url(../Assets/cards.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	float: left;
	width: 352px;
	height: 68px;
}
.payment span {
	display: none;
}
#navigation_primary li.selected a{
	color: #FFF;
}
#navigation_primary {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #36312b;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
	height: 29px;
	background-color: #28221c;
}
p.blog { display: block;
    font-size: 12px;
    position: absolute;
    left: 668px;
    top: 46px;
}

p.blog a { color: #fff; text-decoration: none; }
p.blog a:hover { text-decoration: underline; }
/* 2.1 - Header / Primary Navigation
------------------------------------------------------------*/
#navigation_primary ul {
	list-style-type: none;
	padding-left: 30px;
	font-size: 12px;
	line-height: 28px;
	text-transform: uppercase;
}
#navigation_primary li {
	float: left;
	padding-right: 12px;
}
#navigation_primary a {
	color: #eb973a;
	text-decoration: none;
}
#navigation_primary a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* 2.2 - Header / Image Container
------------------------------------------------------------*/

#image_container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 300px;
}

/* 3.0 - Content / Feature Boxes
------------------------------------------------------------*/

#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #FFF;
}
#catCartDetails {
	min-height: 400px;
}
#catCartDetails a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #de8735;
	text-decoration: none;
	padding-left: 40px;
}
#catCartDetails a:hover{
	color: #28221c;
	text-decoration: none;
}
#featureBox {
	position: relative;
	width: 930px;
	height: 140px;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	background-color: #FFFFFF;
}
#featureBox span {
	display: none;
}
#featureBox h2 {
	height: 100px;
}
#titleBox {
	position: relative;
	width: 930px;
	height: 150px;
	padding-left: 30px;
	float: left;
	background-color: #d4d0c5;
	background-image: url(/Assets/cat-back.png);
}

body.Cobra #titleBox {
	position: relative;
	width: 930px;
	height: 150px;
	padding-left: 30px;
	float: left;
	background-color: #d4d0c5;
	background-image: url(/Assets/960x150_cobrabrandbanner_yesplease.jpg);
}

#titleBox h3 span {
	display: none;
}

#titleBox h3 {
	float: left;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 50px;
}
#titleBox a {
	font-style: italic;
	color: #FFF;
	text-decoration: none;
}
#titleBox a:hover {
	text-decoration: underline;
}
#titleBox img {
	float: right;
}
.topBrands a {
	border: 1px solid #d4d2cf;
	background-image: url(../Assets/top_brands.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 118px;
	width: 288px;
	text-align: right;
	margin-right: 16px;
}
.topBrands a:hover, .freedelivery a:hover, .offers a:hover, .fj a:hover, .cobra a:hover {
	text-decoration: none;
	color: #29221c;
	background-position: 0px -118px;
	border-top-color: #29221c;
	border-right-color: #29221c;
	border-bottom-color: #29221c;
	border-left-color: #29221c;
}

.freedelivery a {
	border: 1px solid #d4d2cf;
	background-image: url(/Assets/freedelivery.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 118px;
	width: 288px;
	text-align: right;
	margin-right: 16px;
}

.offers a {
	border: 1px solid #d4d2cf;
	background-image: url(../Assets/special_offers.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 118px;
	width: 288px;
	text-align: right;
}

.fj a {
	display: block;
	border: 1px solid #d4d2cf;
	background-image: url(../Assets/fj.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 118px;
	width: 288px;
	margin-right: 16px;
	margin-top: 10px;
}

.cobra a {
	display: block;
	border: 1px solid #d4d2cf;
	background-image: url(../Assets/cobra.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 118px;
	float: left;
	width: 288px;
	margin-top: 10px;
}


#column_1 {
	float: left;
	width: 650px;
	padding-left: 30px;
	padding-right: 20px;
	margin-top: 30px;
	padding-bottom: 30px;
}
.padBoth {
	margin-top: 10px;
	margin-bottom: 10px;
}
.padBase {
	margin-bottom: 20px;
}
#column_1 h1 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #28221c;
}
#column_1 h2 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #28221c;
}
#column_1 .shop-checkout h2 {
	font-size: 20px;
	color: #d4d0c5;
	line-height: 24px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#column_1 p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #28221c;
}
#column_1 h1 span {
	font-weight: normal;
}
#column_1 a {
	color: #de8735;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#column_1 .more a{
	text-decoration: none;
	font-size: 12px;
}
#column_1 ul {
	font-size: 13px;
	color: #333;
	padding-left: 20px;
	margin-bottom: 20px;
	line-height: 16px;
}
.thumbRight {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#column_1 a:hover {
	color: #28221c;
	text-decoration: none;
}
#column_1 h3 {
	font-size: 16px;
	color: #FFF;
	margin-bottom: 10px;
}
#column_1 .contactDetails h3{
	color: #aaa69e;
	margin-bottom: 4px;
}
#column_1 h4 {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}
.contactDetails {
	width: 300px;
	margin-right: 10px;
	float: left;
}
.googleMap {
	float: left;
	width: 338px;
	border: 1px solid #aaa69e;
}
#column_2 {
	float: left;
	width: 228px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#column_2 h2 {
	color: #aaa69e;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

#newsletter {
	border: 1px solid #d4d2cf;
	float: left;
	height: 125px;
	width: 260px;
	padding: 10px;
	background-color: #FFFFFF;
	
}

#news {
	border: 1px solid #d4d2cf;
	margin-bottom: 20px;
	float: left;
	height: 150px;
	width: 260px;
	padding: 10px;
	background-color: #FFFFFF;
}
#news a {
	text-transform: uppercase;
	font-size: 12px;
	color: #de8735;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
#news a:hover {
	text-decoration: underline;
}
#news h3 {
	color: #28221c;
	font-size: 13px;
	line-height: 15px;
}
#column_1 .search-result h3 span{
	color: #333;
	font-weight: normal;
}
.categoryList {
	border: 1px solid #d4d2cf;
	width: 208px;
	float: left;
	background-image: url(/Assets/categoryList_panel.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.categoryList h2 a{
	text-decoration: none;
	color: #aaa69e;
}
.categoryList h2 a:hover{
	color: #de8735;
}
.categoryActive {
	border: 1px solid #d4d2cf;
	width: 208px;
	float: left;
	background-image: url(/Assets/catergoryActive.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.categoryActive h2 {
	color: #aaa69e;
}
.catalogueitemdump  {
	font-size: 14px;
	line-height: 24px;
	list-style-type: none;
}
.catalogueitemdump a {
	scolor: #de8735;
	text-decoration: none;
	font-style: normal;
	color: #ea973a;
}
.catalogueitemdump a:hover {
	text-decoration: underline;
}
#column_2 #news ol {
	list-style-image: none;
	list-style-type: none;
	font-size: 13px;
	line-height: 15px;
	color: #28221c;
}
#column_2 #news .date{
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
}
#column_2 #news li {
	padding-bottom: 4px;
}
#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 320px;
	background-color: #fff;
}
#footer_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
}
#footer .left {
	float: left;
	height: 240px;
	width: 228px;
	background-color: #000000;
	background-image: url(../Assets/contact_details_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 20px;
}
#footer .left h2 {
	color: #ea973a;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #452d12;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#footer .left p {
	color: #d1cdc3;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
#footer .left span {
	font-size: 12px;
	text-transform: uppercase;
	color: #ea973a;
}
#footer .left strong {
	color: #FFFFFF;
	font-size: 32px;
	display: block;
	margin-top: 10px;
}
#footer  .twitter a {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ea973a;
	line-height: 36px;
}
#footer .twitter a:hover {
	text-decoration: underline;
}
#footer .twitter {
	padding-top: 10px;
}
#footer .twitter img {
	float: left;
	margin-right: 10px;
}
#footer .right {
	background-image: url(../Assets/footer_links.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	float: left;
	width: 642px;
	padding: 20px;
}
.linkBox  a, .linkBoxEnd a  {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.linkBox a:hover, .linkBoxEnd a:hover {
	text-decoration: underline;
}
.linkBox h2, .linkBoxEnd h2  {
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c77f32;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.linkBox {
	float: left;
	width: 154px;
}

.linkBoxEnd {
	float: left;
	width: 170px;
}
.linkBox  ul, .linkBoxEnd  ul  {
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}
.copyright {
	float: left;
	width: 960px;
	color: #79746a;
	font-size: 12px;
	line-height: 40px;
}
.copyright a {
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #79746a;
}
.copyright a:hover {
	text-decoration: underline;
}
.copy {
	float: left;
	width: 480px;
}
.urban {
	float: left;
	width: 480px;
	text-align: right;
}

/* 7.0 - Search Facility
------------------------------------------------------------*/

fieldset.search {
	border: none;
	width: 260px;
	float: left;
	padding-left: 72px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #94908b;
	font-size: 12px;
	width: 168px;
	height: 20px;
	margin-right: 10px;
	background-image: url(../Assets/searchbox.jpg);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top: 4px;
}
.search button.btn {
	width: 78px;
	height: 24px;
	cursor: pointer;
	background-image: url(../Assets/search.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	background-color: #eb983a;
}
.search button.btn:hover {
	background-position: 0px -24px;
}

#newsletter .subscribe-btn {
	width: 82px;
	height: 24px;
	cursor: pointer;
	background-image: url(../Assets/subscribe-button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	background-color: #eb983a;
	cursor: pointer;
	border: 0px none;
	background-color: Transparent;
}

#newsletter .subscribe-btn:hover {
	background-position: 0px -24px;
}

#column_2 #newsletter p {
	font-size: 12px;
	margin-top: 10px;
	color: #666666;
}


.rule {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4d2cf;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#navigation_primary .menu-item-selected{
	color: #FFF;
}

.textbox {
	width: 255px;
	background-color: #ededed;
	border-style: none;
	height: 18px;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #AAAAAA;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


#featureBox2 {
	position: relative;
	width: 900px;
	height: 320px;
	padding-left: 30px;
	padding-top: 10px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

#featureBox2 h2 {
	background: #e79934;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3OTkzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODgxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e79934 0%, #d88131 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e79934), color-stop(100%,#d88131));
	background: -webkit-linear-gradient(top,  #e79934 0%,#d88131 100%);
	background: -o-linear-gradient(top,  #e79934 0%,#d88131 100%);
	background: -ms-linear-gradient(top,  #e79934 0%,#d88131 100%);
	background: linear-gradient(top,  #e79934 0%,#d88131 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e79934', endColorstr='#d88131',GradientType=0 );
	border-radius: 5px 5px 5px 5px;
    padding: 10px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}



/* my_carousel 1
------------------------------------------------------------*/

#my_carousel ul { }
#my_carousel ul li { display: inline; float: left; margin-right: 31px; }

#my_carousel h4 a { color: #222222;
    font-size: 12px;
    font-style: italic;
    text-decoration: none; }

#my_carousel .shop-product-small .image { margin-bottom: 5px; }
#my_carousel .shop-product-small .price { color: #A97640; margin-top: 10px; margin-bottom: 10px; }

#my_carousel .shop-product-small .more a, #my_carousel .shop-product-small .remove10 a, #my_carousel2 .shop-product-small .more a, #my_carousel2 .shop-product-small .remove10 a, #my_carousel3 .shop-product-small .more a, #my_carousel3 .shop-product-small .remove10 a {
	color: #DE8735; font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#my_carousel .shop-product-small .more a:hover, #my_carousel .shop-product-small .remove10 a:hover, #my_carousel2 .shop-product-small .more a:hover, #my_carousel2 .shop-product-small .remove10 a:hover, #my_carousel3 .shop-product-small .more a:hover, #my_carousel3 .shop-product-small .remove10 a:hover {
		text-decoration: underline;
}

div.carousel div.arrow.left {
    background-position: 0 0;
    left: 1px;
}

div.carousel div.arrow {
    background: url("/Assets/carousel_arrows.png") no-repeat scroll 50% 0 transparent;
    cursor: pointer;
    height: 28px;
    position: absolute;
    top: 65px;
    width: 20px;
}

div.carousel div.arrow.right {
    background-position: -20px 0;
    right: 32px;
}

div.carousel div.arrow {
    background: url("/Assets/carousel_arrows.png") no-repeat scroll 50% 0 transparent;
    cursor: pointer;
    height: 155px;
    position: absolute;
    top: 1px;
    width: 20px;
	z-index: 100;
}

div.carousel {
    clear: both;
    padding: 0;
    position: relative;
}


/* my_carousel 2
------------------------------------------------------------*/

#my_carousel2 ul { }
#my_carousel2 ul li { display: inline; float: left; margin-right: 31px; }

#my_carousel2 h4 a { color: #222222;
    font-size: 12px;
    font-style: italic;
    text-decoration: none; display: block; margin-bottom: 10px; }

#my_carousel2 .shop-product-small .image { margin-bottom: 5px; }
#my_carousel2 .shop-product-small .price { color: #A97640; margin-top: 10px; margin-bottom: 10px; }
	
	/* my_carousel 3
------------------------------------------------------------*/

#my_carousel3 ul { }
#my_carousel3 ul li { display: inline; float: left; margin-right: 31px; }

#my_carousel3 h4 a { color: #222222;
    font-size: 12px;
    font-style: italic;
    text-decoration: none; display: block; margin-bottom: 10px; }

#my_carousel3 .shop-product-small .image { margin-bottom: 5px; }
#my_carousel3 .shop-product-small .price { color: #A97640; margin-top: 10px; margin-bottom: 10px; }
	
.addthis_toolbox { margin-bottom: 10px; }
.shop-product-large .image img { max-width: 320px; }