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

www.geremenswear.co.uk

Core styles by damienmajer.com

Last updated: June 2009

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

* {
	margin:0;
	padding: 0;
	border: 0;
	font-size: 1em;
	list-style: none;
}
body {
	font-size: 62.5%; /* Reset font size (.625 * 16px = 10px). */
	background: #485965 url(http://www.geremenswear.co.uk/storeimages/template2/grid_6px.gif) top center repeat-y;
	color: #000;
	text-align: center;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
	font-family: "Trebuchet MS", Lucida Grande, Verdana, Arial, sans-serif;
	font-weight: normal;
}

/* Dividers
-------------------------------------------------------------- */


#pages_nav {
 	width: 58.3333em;
 	color: #b2b2b2;
 	padding-right: 1.5em;
 	float: right;
 	position: relative;
 	height: 64px;
 	font-size: 1.2em;
}

#site_search form div {
 	margin: 0;
 	float: right;
}

#branding,
#content_wrapper {
	width:99em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 3.8em;
}
#content_wrapper {
	padding-top: 3.8em;
}
#sub_nav {
	float: left;
	width: 15.9em;
	margin-right: 1.8em; 
	padding-left: 0.9em;
}
#category_nav {
	background: #364854 url(http://www.geremenswear.co.uk/storeimages/template2/cnav_tr.gif) top right no-repeat;
	margin-bottom: 1.8em;
}
#category_nav div {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/cnav_tl.gif) top left no-repeat;
	padding: 0.9em;
}
#category_nav #cnav_bl {
	height: 6px;
	padding: 0;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/cnav_bl.gif) bottom left no-repeat;
}
#category_nav #cnav_br {
	height: 6px;
	padding: 0;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/cnav_br.gif) bottom right no-repeat;
}
div#brand_list {
	text-align: center;
}
#sidebar {
	float: right;
	width: 15em;
	padding: 0 1.8em 0 0;
}
#bag {
	background: #b3d751 url(http://www.geremenswear.co.uk/storeimages/template2/bag_tr.gif) top right no-repeat;
	margin-bottom: 1.8em;
}
#bag div {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/bag_tl.gif) top left no-repeat;
	padding: 0.9em;
	padding-bottom: 0.4em;
}
#bag div#bag_br {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/bag_br.gif) top right no-repeat;
	height: 7px;
	padding: 0;
}
#bag div#bag_bl {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/bag_bl.gif) top left no-repeat;
	height: 7px;
	padding: 0;
}

#twitter {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tr.gif) top right no-repeat;
	margin-top: 1.8em;
}
#twitter div {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tl.gif) top left no-repeat;
	padding: 0.9em;
	padding-bottom: 0.4em;
}
#twitter div#twitter_br {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/bag_br.gif) top right no-repeat;
	height: 7px;
	padding: 0;
}
#bag div#twitter_bl {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/bag_bl.gif) top left no-repeat;
	height: 7px;
	padding: 0;
}

#mailing_list {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tr.gif) top right no-repeat;
	margin-top: 1.8em;
}
#mailing_list div {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tl.gif) top left no-repeat;
	padding: 0.9em;
	padding-bottom: 0.4em;
}
#whats_new {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tr.gif) top right no-repeat;
	margin-top: 1.8em;
}
#whats_new div {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tl.gif) top left no-repeat;
	padding: 0.9em;
	padding-bottom: 0.4em;
}
#main_content {
	float: left;
	width: 61.8em;
}
div#prod_thumbs {
	margin-left: -1.8em;
	margin-top: 1.5em;
	overflow: hidden;
}
div#prod_thumbs div {
	width: 14.1em;
	float: left;
	margin-left: 1.8em;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tr.gif) top right no-repeat;
}
div#prod_details {
	float: right;
	width: 200px;
}
#footer {
	padding-left: 2%;
	padding-top: 1em;
	margin-top: 2em;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.hidden {
	display: none;
}
div.clear_it {
	clear: both;
}

/* Headers
-------------------------------------------------------------- */

h1 {
	font-size: 4em;
	line-height: 1.125em;
	font-weight: normal;
	margin-bottom: 0;
	padding-left: 0.45em;
	overflow: hidden;
	float: left;
	width: 194px;
	height: 64px;
}
h1 span {
	margin-left: -9999px;
}
h2 {
	font-size: 2.4em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	color: #b3d651;
}
h3 {
	font-size: 1.4em;
	line-height: 1.35em;
	font-weight: bold;
	margin-top: 1.7143em;
	margin-bottom: 0.4286em;
	color: #b3d651;
}
h3 + p {
	margin-top: 0.5em;
}
#sub_nav h3 {
	margin-top: 0;
	margin-bottom: 0.8571em;
	padding-top: 1em;
	padding-left: 0.6429em;
}
#bag h3 span,
#whats_new h3 span {
	margin-left: -9999px;
}
#bag h3 {
	margin-bottom: 1em;
	margin-top: 0.8751em;
}
#whats_new h3 {
	margin-top: 0.8751em;
}
h4 {
	font-size: 1.8em;
	line-height: 1.286em;
	font-weight: bold;
	margin-top: 1.286em;
	margin-bottom: 0.6429em;
}
div#prod_thumbs div h4 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.8182em;
	margin-bottom: 0.4545em;
}
#whats_new h4 {
	color: #b3d651;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 0.4286em;
}
h5 {
	font-size: 1.3em;
	line-height: 1.385em;
	font-weight: bold;
	margin-top: 1.385em;
	margin-bottom: 0.6923em;
}
h6 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}

/* General paragraphs and lists
-------------------------------------------------------------- */

p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 1em 0;
	color: #fff;
}
#footer p {
	font-size: 0.85em;
	font-family: Verdana, Geneva, sans-serif;
}
#footer p#footer_links {
	color: #a3acb1;
}
#bag p {
	color: #364854;
	margin: 0.5em 0;
}
#whats_new p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div#prod_thumbs div p {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #b3d651;
	margin-top: 0.4615em;
}
div#prod_details p {
	margin-top: 0;
}
div#prod_details table b {
	color: #b3d651;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2857em;
	font-weight: normal;
	float: left;
}
div#prod_details table p {
	text-align: left;
}
div#prod_details table p select {
	float: right;
	font-size: 0.85em;
}
form p {
	clear: both;
}
div#prod_details form p.prod_price {
	font-size: 1.4em;
	line-height: 1.2857em;
	color: #b3d651;
	position: relative;
	margin-top: 3em;
	margin-bottom: 1.5em;
}
p.prod_price strong {
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 0;
	right: 40px;
}
p.disclaimer {
	font-size: 1.1em;
}
.default_text {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.intro {
	margin-top: .563em;
	margin-bottom: .563em;
}
ul, ol {
	font-size: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}
ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	list-style: none;
	background: url(http://www.geremenswear.co.uk/storeimages/template2/standard_bullet.gif) no-repeat left 4px;
	padding-left: 18px;
        color: #fff; 
}
ol li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	list-style: decimal;
	margin-left: 1.8em;
}
abbr, acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Navigation
-------------------------------------------------------------- */

#pages_nav ul {
	margin-top: 14px;
	margin-bottom: 0;
	clear: both;
	position: absolute;
	right: 18px;
	bottom: 0;
	width: auto;
}
#pages_nav li {
	display: inline;
	padding-left: 0;
	margin-left: 0.5em;
	margin-top: 0;
	margin-bottom: 0;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/pnav_r.gif) top right no-repeat;
	float: left;
}
#pages_nav li a:link, #pages_nav li a:visited {
	font-size: 1.0833em;
	text-decoration: none;
	color: #dddcdc;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/pnav_l.gif) top left no-repeat;
	display: block;
	float: left;
	height: 23px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 3px;
}
#pages_nav li a:hover, #pages_nav li a:active, #pages_nav li a:focus {
	color: #b3d651;
}
#category_nav li {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
        background-image: none; 
}
#category_nav li a:link, #category_nav li a:visited  {
	font-size: 1.0833em;
	padding: 0.4em 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 1px #4a5b66 solid;
}
#category_nav li a:hover, #category_nav li a:active, #category_nav li a:focus {
	color: #b3d651;
}


/* Images
-------------------------------------------------------------- */

div#brand_list img {
	margin-right: 1.2em;
	margin-left: 1.2em;
	margin-bottom: 0.6em;
}
div#prod_thumbs div img {
	margin-top: 2.05em;
	margin-left: 2.05em;
}
img#prod_image {
	float: left;
	width: 400px;
	margin-top: 0.6em;
}


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: undeline;
}
a#home_module img {
	margin-bottom: 2.4em;
}
#bag a:link, #bag a:visited {
	font-size: 1.2em;
	color: #364854;
}
#bag a:hover, #bag a:active, #bag a:focus {
	text-decoration: underline;
}
#bag p.btn {
	height: 26px;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/btn_r.gif) top right no-repeat;
	margin-bottom: 0;
	margin-top: 1em;
}
#bag p.btn a:link, #bag p.btn a:visited {
	text-align: center;
	height: 23px;
	padding-top: 3px;
	color: #fff;
	display: block;
	text-decoration: none;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/btn_l.gif) top left no-repeat;
}
#bag p.btn a:hover, #bag p.btn a:active, #bag p.btn a:focus {
	color: #b3d751;
}
div#prod_thumbs div a {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/prod_tl.gif) top left no-repeat;
	display: block;
}
div#prod_thumbs div h4 a {
	background: none;
	display: inline;
}
#footer p#footer_links a:link, #footer p#footer_links a:visited {
	color: #a3acb1;
	text-decoration: none;
}
#footer p#footer_links a:hover, #footer p#footer_links a:active, #footer p#footer_links a:focus {
	color: #fff;
}
.pages_nav {
	color: #6a7e89;
	margin-top: 1.8em;
        font-size: 14px;

}
.pages_nav span {
	color: #ffffff;

}

/* Form
-------------------------------------------------------------- */

.btn_fav,
.btn_email {
	font-size: 1.2em;
	padding: 0.25em;
	background-color: #ccc;
}
form div {
	float: left;
}
form div#form_clear {
	clear: both;
	margin-bottom: 1.2em;
}
form#contactform div label {
	font-size: 1.2em;
	line-height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #fff;
	width: 12em;
	float: left;
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/search_l.gif) top right no-repeat;
}
form#contactform div label#label_tarea {
	 width: 11.3333em;
	 background: none;
}
form#contactform div input {
	color: #c8cdd0;
	padding-top: 5px;
	padding-right: 5px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height: 21px;
	width: 20em;
	font-size: 1.2em;
	background: #40525d url(http://www.geremenswear.co.uk/storeimages/template2/search_r.gif) top right no-repeat;
	float: left;
}
form#contactform div textarea {
	color: #c8cdd0;
	padding: 5px;
	padding-left: 8px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height: 95px;
	width: 20em;
	font-size: 1.2em;
	background: #40525d url(http://www.geremenswear.co.uk/storeimages/template2/form_tarea.gif) top left no-repeat;
	float: left;
}
#prod_details form input#prod_quantity {
	color: #c8cdd0;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1.6667em;
	margin-bottom: 0;
	margin-right: 5px;
	height: 22px;
	width: 20px;
	font-size: 1.2em;
	background: #40525d url(http://www.geremenswear.co.uk/storeimages/template2/form_quantity.gif) top right no-repeat;
	float: left;
	text-align: center;
}
form input.cart_edit_quantity {
	color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 0;
	height: 22px;
	width: 20px;
	font-size: 1.2em;
	background: #40525d url(http://www.geremenswear.co.uk/storeimages/template2/form_quantity.gif) top right no-repeat;
	text-align: center;
}
#site_search form div {
	margin: 0;
}
#site_search img {
	float: left;
}
#site_search input {
	color: #c8cdd0;
	padding-top: 5px;
	height: 21px;
	width: 15em;
	font-size: 1.3em;
	margin-top: 0;
	background: #40525d url(http://www.geremenswear.co.uk/storeimages/template2/search_r.gif) top right no-repeat;
	float: left;
}
#site_search input#search_submit,
form div input#mailing_submit {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/btn_search.gif) top left no-repeat;
	height: 26px;
	padding: 0;
	width: 64px;
	color: #fff;
	float: right;
	text-align: center;
}
form div input#mailing_submit {
	float: none;
	margin-top: 0.5em;
}
#site_search input#search_submit,
form div input#form_submit {
	background: transparent url(http://www.geremenswear.co.uk/storeimages/template2/btn_search.gif) top left no-repeat;
	height: 26px;
	padding: 0;
	width: 64px;
	color: #fff;
	margin-left: 0.5em;
	margin-bottom: 0;
	float: right;
	text-align: center;
}
form div input#form_submit {
	float: none;
	margin-top: 0.5em;
	margin-left: 11.3333em;
}
#site_search input#search_submit:hover, #site_search input#search_submit:active, #site_search input#search_submit:focus,
form div input#form_submit:hover, form div input#form_submit:active, form div input#form_submit:focus {
	color: #b3d651;
	cursor: pointer;
}


/* Tables
-------------------------------------------------------------- */
div#prod_details table {
	width: 160px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td {
	font-size: 1.2em;
	color: #fff;
}
table td input,
div#cart_edits input {
	width: auto;
	float: none;
}
form div#cart_edits {
	width: auto;
	position: relative;
	top: -33px;
	left: 9px;
	float: none;
	text-align: left;
}
form div#cart_edits input {
	background: none;
	width: auto;
	height: auto;
}
table td.colored_cell_header {
	font-size: 1.4em;
	font-weight: bold;
	color: #b3d651;
	text-align: left;
	padding-bottom: 5px;
}
table td.cartcontents {
	padding: 5px;
	text-align: left;
}
table td.cart_totals_labels {
	text-align: right;
	padding: 12px 2px 12px 6px;
	color: #b3d651;
	font-size: 1.15em;
	font-weight: bold;
	background-color: #364955;
}
table td.cart_totals {
	text-align: left;
	padding: 12px 0 12px 5px;
	font-size: 1.15em;
	background-color: #364955;
}
table td.cartcontents a:link, table td.cartcontents a:visited {
	text-decoration: underline;
}