@import url("domtab.css");

/* page width was set on 775px but is changed to 850px for
better visibility and separation of the elements. To set
it back to 775, change width at headerIn, navigationIn, 
cartnavigationIn, contentIn, footerIn and navigationIn ul
*/

/* BASIC ELEMENTS
==========================================================*/
* {
	padding: 0;
	margin: 0;
}
body {
	background: #e2e5e1 url('../styleImages/body-bg.gif') repeat-x;
	font: 62.5% 'lucida grande',tahoma, sans-serif;
	color: #000;
}
img {
	border: 0;
}
a {
	color: #ee3a43;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}

/* MAIN LAYOUT ELEMENTS
==========================================================*/
#header {
	/*background: #404040 url('../styleImages/header-bg.gif') no-repeat;*/
}
#navigation {
	/*background-color: #9f2a2a;*/
	padding-bottom: 8px;
}
#cartnavigation {
	/*background-color: #7a5353;*/
}
#content {
	/*background-color: white;*/
}
#footer {
	/*background-color: #404040;*/
	padding: 10px 0 25px 0;
}
#headerIn {
	background: url('../styleImages/header-logo.gif') top left no-repeat;
	height: 117px;
	width: 860px;
	margin: 0 auto;
}
#navigationIn {
	background-color: #FFF;
	height: 24px;
	width: 860px;
	margin: 0 auto;
 	border: 1px solid #d0d2ce;
	padding: 0px 0px 0px 10px;
}
#cartnavigationIn {
	height: 24px;
	width: 850px;
	margin: 0 auto;
}
#contentIn {
	background-color: #FFF;
 	border: 1px solid #d0d2ce;
	padding: 10px;
	width: 850px;
	margin: 0 auto;
	font: 1.2em/1.5em 'lucida grande',tahoma, sans-serif;
	color: #3E3E3E;
}
#footerIn {
	width: 850px;
	margin: 0 auto;
	color: #7b7b7b;
}
#homepics {
	clear: both;
}
/*  HEADER
==========================================================*/
#headerContent {
	padding-top: 25px;
	color: #000;
	font: 1.2em 'lucida grande',tahoma, sans-serif;
}
.headerBox {
	float: right;
	padding: 10px 15px 10px 15px;
	border-right: 1px solid #c8cbc7;
	height: 45px;
}
.headerBox .title {
	padding-bottom: 5px;
}
.headerBoxLast {
	display: block;
	text-align: right;
	line-height: 1.4em;
	height: 45px;
	background: url('../styleImages/header-cart.gif') 100% 50% no-repeat;
	float: right;
	padding: 9px 38px 0 13px;
}

/*  TOP NAVIGATION
==========================================================*/
#navigationIn ul,
#cartnavigationIn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#navigationIn ul li,
#cartnavigationIn ul li {
	float: left;
}
#navigationIn ul a,
#cartnav ul.beginCart {
	display: block;
	float: left;
	padding: 0 1.1em;
	line-height: 2.1em;
	font-size: 1.1em;
	color: #000;
	text-transform: uppercase;
	border-left: 1px solid #d0d2ce;
}

#cartnav ul.beginCart {
	color: #FFF;
	background:  #000 url('../styleImages/basketarrow.gif') 3px 9px  no-repeat ;
}
#navigationIn ul a:hover {
	color: #666;
}
#cartnav {
	float: right;
	background-color: #FFF;
}
#navigationIn ul .first a{
	border-left: none;
	padding: 0 1.1em 0 0;
}

/*  FOOTER
==========================================================*/
#footerIn #nav {
	width: 700px;
}
#footerIn #payment {
	float: left;
	margin-bottom: 20px;
	background: url('../styleImages/logo-paypal.gif') top right no-repeat;
	width: 850px;
}
#footerIn #payment #mailinglist {
	padding-top: 15px;
}
#footerIn #payment #mailinglist .mailinglist_title {
	text-transform: uppercase;
	font-weight: bold;
}
#footerIn #mailinglistform {
	padding-top: 5px;
}
#footerIn #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 700px;
	height: 15px;
	float: left;
}
#footerIn #nav ul li {
	float: left;
}
#footerIn #nav ul a {
	display: block;
	float: left;
	padding: 0 .7em;
	font-size: .9em;
	color: #7b7b7b;
	border-left: 1px solid #7b7b7b;
}
#footerIn #nav ul a:hover {
	color: #000;
}
#footerIn #nav ul .first a {
	border-left: none;
	padding: 0 .9em 0 0;
}
#nav p {
	float: left;
	margin-top: 10px;
	width: 700px;
}

#nav p.address {
	margin-top: 10px;
	background: url('../styleImages/logo-small.gif') no-repeat;
	padding-left: 28px;
	height: 40px;
	float:left;
	width: 700px;
}
.txtCopyright {
	visibility: hidden;
}
/*  CONTENT PAGES
==========================================================*/
#patrickisback {
	font-size: 1.1em;
	line-height: 1.3em;
}
.boxContent span.txtContentTitle {
	font-size: 2em;
	color: #000000;
	clear: both;
	/*display: block;*/
	/*height: 25px;*/
}
.pagination {
	width: 850px;
	clear: both;
}
.Box {
	background: url('../styleImages/doth.gif') bottom left repeat-x;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
a.txtCheckout,
a.txtUpdate,
a.txtButton
 {
	padding: 5px 15px 5px 15px;
	line-height: 30px;
	background: url('../styleImages/button-bg.gif') left center repeat-x;
	color: #000;
	border: 1px solid #b2b2b2;
}
input.submit {
	padding: 0px 15px 0px 15px;
	background: url('../styleImages/button-bg.gif') left center repeat-x;
	color: #000;
	border: 1px solid #b2b2b2;
}
/*  COLLECTION
==========================================================*/
.latestProds,
.catProducts {
	float: left;
	width: 185px;
	padding: 5px;
	margin: 5px 6px 5px 6px;
	border: 1px dotted #999999;
}
.latestProds .txtOldPrice,
.catProducts .txtOldPrice {
	text-decoration: line-through;
	color: #ee3a43;
}
.latestProds .txtSale,
.catProducts .txtSale {
	color: #000;
	font-size: 1.6em;
	padding-bottom: 5px;
}
.catProducts .txtStock {
	color: #000;
	background-color: #ee3a43;
	font-size: .7em;

}
.latestProds .catDetails,
.catProducts .catDetails {
	background: transparent url('../styleImages/backgrounds/catDetailsBg.gif') bottom right no-repeat;
	padding-left:8px;
	border-bottom: 5px solid #ee3a43;
}

/*  PRODUCT DETAIL
==========================================================*/
#detailImage {
	width: 600px;
	float: left;
	background: url('../styleImages/detail-shadow.gif') 95% 0 no-repeat;
}
#detailImage div#more-images {
	background: url('../styleImages/more-images.gif') 0 50% no-repeat;
	padding-left: 27px;
	height: 20px;
}
div#more-images a {
	color: #000000;
}
div#more-images a:hover {
	color: #d4c629;
}
div#more_images_2 a img {
	border: 1px solid #e2e5e1;
}
div#more_images_2 a:hover img {
	border: 1px solid #cfd1cd;
}
#detailData {
	width: 250px;
	float: left;
}
.article {
	padding-bottom: 30px;
	background: url('../styleImages/doth.gif') bottom left repeat-x;
}
.articlename {
	font-size: 2em;
	color: #000000;
	font-weight: bold;
}
#detailData span.price {
	color: #ee3a43;
	font: bold 2em 'lucida grande',tahoma, sans-serif;
}
#detailData span.description {
	font: normal .9em 'lucida grande',tahoma, sans-serif;
}
#detailData span.txtOldPrice {
	text-decoration: line-through;
	font: normal .7em 'lucida grande',tahoma, sans-serif;
	color: #ee3a43;
}
#detailData div.option {
	padding: 8px 0 11px 0;
	background: url('../styleImages/doth.gif') bottom left repeat-x;
}
div.option div.color {
	background: url('../styleImages/icon-color.gif') 100% 50% no-repeat;
}
div.option div.size {
	background: url('../styleImages/icon-size.gif') 100% 50% no-repeat;
}
#detailData div.code {
	padding: 8px 0 11px 0;
	background: url('../styleImages/doth.gif') bottom left repeat-x;
}
#detailData div.option select {
	width: 100px;
}
#detailData div.friend {
	padding: 11px 0 11px 0;
	background: url('../styleImages/tell-friend.gif') 0 50% no-repeat;
	padding-left: 33px;
}
#detailData div.friend a {
	color: #000000;
}
#detailData div.add {
	margin-top: 50px;
}


/*  CART
==========================================================*/
ul.view_cart {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 16px;
}
ul.view_cart li  {
	padding-bottom: 15px;
}
#cartText {
	width: 180px;
	padding-right: 20px;
	min-height: 424px;
	float: left;
	background: url('../styleImages/detail-shadow.gif') 95% 0 no-repeat;
}
/* for Internet Explorer */
/*\*/
*html #cartText {
	height: 424px;
}
#cartText p {
	padding-top: 10px;
	font-size: .9em;
}
#cartData {
	width: 650px;
	float: left;
}
.cartProgress {
	text-transform: uppercase;
	font-size: 1.1em;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #fff;
	text-align: center;
	margin-bottom: 20px;
	color: #3e3e3e;
}
.txtcartProgressCurrent {
	font-weight: bold;
	color: #fff;
	background-color: #000;
	padding: 0px 3px 0px 3px;
}
.cartTable th {
	background-color: #e2e5e1;
	padding: 3px;
}
tr.cartRow {
	background: url('../styleImages/doth.gif') top left repeat-x;
	height: 160px;
}
tr.cartRow2 {
	height: 25px;
	background: url('../styleImages/doth2.gif') top left repeat-x;
}
tr.cartRow3 {
	height: 25px;
	background: url('../styleImages/pixel-darkgrey.gif') top left repeat-x;
}
div.buttonLeft {
	float: left;
	width: 425px;
	height: 40px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.buttonRight {
	float: right
	width: 225px;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
}

.tdcartTitle {
	background: #e2e5e1 url('../styleImages/doth.gif') bottom left repeat-x;
	font: bold 1.1em 'lucida grande',tahoma, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
}
/*  REGISTRATION
==========================================================*/
.regTable,
.profileTable,
.orderTable {
	margin-top: 15px;
}
.regTable tr,
.profileTable tr,
.orderTable tr {
	height: 30px;
}

p.txtError {
	color: #ee3a43;
	margin-top: 15px;
	height: 24px;
	background: url('../styleImages/important.gif') top left no-repeat;
	padding-left: 25px;
	padding-top: 2px;
	font-weight: bold;
}
/*  INVOICE ADDRESS AND DELIVERY ADDRESS
==========================================================*/
.addressTable {
	margin-bottom: 25px;
}
.addressTable tr {
	height: 30px;
}
.addressTable td {
	padding-left: 5px;
}

/*  ACCOUNT / ORDERS
==========================================================*/
ul#accountList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.profileTable td {
	padding-right: 15px;
}
.orderTable .tdcartTitle {
	background: #e2e5e1 url('../styleImages/doth.gif') bottom left repeat-x;
	font: bold 1.1em 'lucida grande',tahoma, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	color: #000;	
}
.orderTableDetails td {
	border: .3px solid #404040;
	padding: 0 5px 0 5px;
}

/*  FORMS
==========================================================*/
input.textbox {
	background: #FFF;
	border: 1px solid #b7b7b7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 20px;
}
input.textboxDisabled {
	background-color: #FFFFFF;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
textarea {
	background: #FFF url('../styleImages/input-bg.gif') bottom left repeat-x;
	border: 1px solid #b7b7b7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
input:focus,
textarea:focus {
	background: url('../styleImages/input-focus-bg.gif') bottom left repeat-x;
}
select {
	background-color: #FFFFFF;
}
/*  SITE DOCUMENTS
==========================================================*/
div.boxContent h3 {
	padding-bottom: 6px;
	padding-top: 18px;
	text-transform: uppercase;
	font-size: 11px;
}

.sizeTable {
	border: 1px solid black;
}
.sizeTable td {
	border: .5em solid #e8dbdc;
}
.sizeTable td.color {
	background-color: #c7a7aa;
	color: #FFFFFF;
	font: bold 1.1em 'lucida grande',tahoma, sans-serif;
}
.sizeTable td {
	padding: 10px;
	text-align: center;
}
.sizeTable {
	margin-top: 15px;
}
#patrickpeoplepress {
	height: 140px;
	margin-top: 20px;
}
#patrickpeople, #patrickpress {
	float:left;
}
#buttons {
	margin-top: 8px;
}
#buttons a {
	background-color: black;
	font-size: 12px;
	padding: 3px 9px 3px 9px;
	color: #fff;
}
/*  GATEWAY
==========================================================*/
.chooseGateway {
	width: 100%;
	text-align: center;
}
.chooseGateway p {
	margin-bottom: 15px;
}
/*  SIZE CHART
==========================================================*/
table.sizechart {
	width:850px;
	margin:15px 0 10px 0;
	padding:0;
	border-top:1px solid #d0d2ce;
	border-left:1px solid #d0d2ce;
}	
table.sizechart td {
	width:80px;
	margin:0;
	padding:4px 0 4px 5px;
	color:#3e3e3e;
	font-size:11px;
	border-right:1px solid #d0d2ce;
	border-bottom:1px solid #d0d2ce;
	text-transform:uppercase;
}
table.sizechart h4 {
	margin:0;
	padding:0;
	color:#303030;
	font-size:11px;
}
table.sizechart .header {
	background-color: #e2e5e1;	
}
table.sizechart .grayBg {
	background:#fbfbfb;
}
/*  HERITAGE
==========================================================*/
div.floatheritage {
	width: 150px;
	padding: 5px;
	margin: 12px;
	border: 1px dotted #d0d2ce;
	float: left;
}

/*  SUBCATS
==========================================================*/
#subCats {
	margin-top: 15px;
}
.subCat a {
	text-transform: uppercase;
}
.subCat {
	padding-bottom: 15px;
}


/*  PEOPLE
==========================================================*/
.group ul.setup {
	padding-left: 30px;
	margin-bottom: 12px;
	list-style-type: none;
	font-size:.9em;
}
.group ul.setup li {
	font-style: italic;
}
.group p {
	margin-bottom: 8px;
}
.group img.photo {
	float: left;
	padding-right: 15px;
}
.group {
	height: 272px;
}
.group div.title {
	color: #ee3a43;
	text-transform: uppercase;
	font-size: 1.4em;
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999999;
	padding-top: 20px;
}
