@charset "utf-8";
/* CSS Document */

body {padding: 0; margin: 0; background-color: #b7b7b7; background-image: url(/cool-t-shirts.nl/media/img/background.jpg); background-position: top left; background-repeat: repeat;}
body, td {font-family: Arial, Verdana, Helvectica, sans-serif; font-size: 13px; color: #555; line-height: normal;}

h1 {margin:0 0 40px 0; padding: 0 0 0 240px; font-family: Arial, Verdana, Helvectica, sans-serif; font-size: 30px; color: #000; font-weight: normal;}
h2 {margin: 0 0 5px 10px; font-family: Arial, Verdana, Helvectica, sans-serif; font-size: 20px; color: #000; font-weight: bold;}
.content-primary h2 {margin-left: 0; font-size: 18px;}

p {margin: 0 0 10px 0; padding: 0;}
span.small {font-size: 10px;}

img {border: 0;}

a:link, a:visited {text-decoration: underline; color: #000000;}
a:hover, a:active {text-decoration: underline; color: #939393;}

div.wrapper {width: 960px; margin: 8px auto; border: 2px solid #000; background-color: #fff; background-image: url(/cool-t-shirts.nl/media/img/back_topright_logo.jpg); background-position: top right; background-repeat: no-repeat;}
div.maincontent {padding-top: 200px; background-image: url(/cool-t-shirts.nl/media/img/logo_cool_t_shirts.gif); background-position: top left; background-repeat: no-repeat;}
div.content-secondary {float: left; width: 135px; margin-right: 105px;}
div.content-primary {float: left; width: 650px;}
div.content-tertiary {clear: both; padding: 20px 40px;}
div.footer {clear: both; background-color: #e9e9e9; margin: 10px; padding: 3px 10px; font-size: 10px; text-align: center; color: #999;}

/* nav-shop */
ul.nav {list-style: none; margin: 0 0 20px 0; padding: 0; background-color: #e9e9e9;}
ul.nav-shop li {list-style: none; margin: 0; padding: 0;}
ul.nav a:link, ul.nav a:visited {display: block; padding: 0 10px; color: #000; line-height: 27px; text-decoration: none; border: 1px solid transparent; background-image: url(../img/nav_back.gif); background-position: top left; background-repeat: no-repeat;}
ul.nav a:hover, ul.nav a:active {border: 1px solid #ccc;}
ul.nav li.active a:link, ul.nav li.active a:visited {font-weight: bold;}

/* photogallery */
ul.photogallery {list-style: none; padding: 0; margin: 0;}
ul.photogallery li {list-style: none; padding: 0; margin: 0; float: left; margin: 0 10px 7px 0;}
ul.photogallery img {border: 1px solid #000000;}

/* shirts */
ul.shirts {list-style: none; padding: 0; margin: 0; overflow: hidden;}
ul.shirts li {list-style: none; width: 200px; padding: 0; margin: 0; float: left; margin: 0 10px 7px 0;}
ul.shirts img {border: 1px solid #000000;}
ul.shirts a:link, ul.shirts a:visited {text-decoration: none;}
ul.shirts a:hover, ul.shirts a:active {text-decoration: underline; color: #000000;}

/* paging */
.paging {margin-top: 20px; text-align: center;}
.paging a:link, .paging a:visited {margin: 0 10px; text-decoration: none; color: #000000;}
.paging a:hover, .paging a:active {text-decoration: underline; color: #000000;}

/* shirt */
img.shirt {float: left; margin-right: 40px;}
div.shirt-data {float: left; width: 310px;}
div.order {border: 1px solid #000; padding: 10px 10px 5px; background-color: #ededed; overflow: hidden;}

/* basket */
thead {font-weight: bold;}
td.line {border-top: 1px solid #000; font-weight: bold;}

/* form */
form {border: 0; margin: 0; padding: 0; overflow: hidden;}
fieldset {border: 0; margin: 0; padding: 0;}
fieldset span {position: absolute; width: 0; height: 0; overflow: hidden;}

form p {clear: both; overflow: hidden; line-height: normal;}
form p.nolabel {padding-left: 130px;}
form p.fakelabel {width: 70px; float: left;}
.error {color: red;}

label {display: block; float: left; width: 120px; margin: 0 10px 0 0; padding: 0; padding-top: 1px;}
input.field {float: left; margin: 0; padding: 3px 0 3px 2px; width: 200px; font-family: Arial,Verdana,Helvectica,sans-serif; font-size: 13px;}
select, option {float: left; margin: 0; padding: 3px 0 0 0; width: 200px; font-family: Arial,Verdana,Helvectica,sans-serif; font-size: 13px;}
textarea {float: left; width: 198px; font-family: Arial,Verdana,Helvectica,sans-serif; font-size: 13px;}
.radio input {float: left; margin-right: 5px; width: auto;}
.radio label {width: auto; margin: 0 20px 0 0;}
input.button {width: auto; height: 26px; padding: 0 8px;}
.small {width: 50px;}

/* shirtdetails */
form.shirtdetails label {width: 60px;}
form.shirtdetails .field, form.shirtdetails select, form.shirtdetails option {width: 200px; margin-bottom: 10px;}
form.shirtdetails .small {width: 50px;}
span.label {height: auto; position: static; width: 60px; margin-right: 10px; float: left;}
div.type_colors {display: none;}
div.type_sizes {display: none;}

/* colorselector */
ul.colorselector {float: left; list-style: none; margin: 0 0 10px 0; padding:0;}
ul.colorselector li {list-style: none; margin: 0 5px 0 0; padding:0; display: block; float: left; width: 20px;}
ul.colorselector label {display: block; width: 20px; height: 20px; border: 1px solid #000000;}
ul.colorselector input {display: block; height: 22px;}