/* CSS Document */

/* CSS for Chan Chan website at chanchan.co.uk
Contains main styling for entire site
Copyright Chan Chan 2008 */

/* Generic Redefined HTML tags */
* {margin:0em; padding:0em; border:0em;}
html {font-size: 62.5%;}
body {background-image:url('http://www.chanchan.co.uk/images/tile.gif');font-family: verdana, arial, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {}
h2 {font-size:2.2em; padding:0.5em 0em 0.3em 0em;}
h3 {font-size:2.2em; padding:0.5em 0em 0.3em 0em;}
h4 {font-size:1.8em; padding:0.6em 0em 0.4em 0em;}
h5 {font-size:1.6em; padding:0.4em 0em 0.2em 0em;}
h6 {}
input,textarea {border:solid 1px #dddddd; background-color:#eeeeee; font-family: verdana, arial, helvetica, sans-serif; color:#000000;}
select {font-size: 1em; border:solid 1px #dddddd; background-color:#eeeeee;}
table td {font-size:1.4em;}

/* Generic Class Styles */

.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#000000;}
.colour2 {color:#B444B4;}
.colour3 {color:#FF0000;}
.strikeout {text-decoration:line-through;}


/* Main Layout */

#container {margin:0em; width:100%; height:100%; }
#content {	width:800px; background-color:#ffffff; margin: 0 auto 0 auto; text-align: left;}

/* Styles for Middle Container */


/* Header */
#headerBar {float:left; height:97px; width:800px;
background-image:url('http://www.chanchan.co.uk/images/topbanner.gif');
border-bottom: solid 3px #000000;}
#logo {position:relative; top:32px; left:40px;}

/* Main Menu */
#menu {float:left; width:800px; background-color:#000000; text-align:center;}
#nav1 { height:1.5em; font-size:1.2em;}
#nav1 li {display: inline; border-right: solid 1px #fff;padding:0 10px 0 10px;}
#nav1 li.last {padding:0 10px 0 10px;border-right: none;}
#nav1 li a {color:#ffffff; text-transform:lowercase;}

/* Page Content*/
#pageContent {float:left; background-color:#ffffff;width:800px; position:relative;}
#mainPanel {padding:0px 0px 20px 10px; margin:25px 0 0 0;
width:540px; float:left;border-right: dotted 1px #FF0066;}
#garmentPanel {float:left;}
div.garmentDetails {float:left; width:152px; border: solid 1px #666666; padding:5px; margin:5px; color:#333;}
div.garmentDetails:hover {float:left; width:152px; border: solid 1px #FF3399;
 color:#000}
.garmentDetails a {color:#333;cursor:pointer;}
.garmentDetails a:hover {color:#222; text-decoration:none;}
div.garmentDetails:hover a {color:#000; cursor:pointer;}
.garmentDetails .imageThumb {}
.garmentDetails p {padding:0 10px 4px 10px; font-size:1.1em;}
#flash {padding:30px 0px 40px 0px; background-color:#fff; color:#fff; text-align:center; margin:0px;}

p.garmentName {height:2.3em;}
p.garmentColl {height:1.4em; font-size:1em;}

#dropinflash {background-color:#000;}

.productPanel {float:left; padding:5px; margin:0px; width:540px;}
.productPanel h3 {font-size:1.4em;}
.productPanel .basketText {float:left;}
.productPanel .basketThumb {float:right;}
#basketForm {text-align:right; margin:0px 30px 0px 0px;}

#pageContent .contactPanel {float:left; padding:20px 20px 20px 150px; width:470px;}
#pageContent .contactPanel h2 {color:#666;}
#pageContent .contactPanel form .label {float:left;
font-weight:normal; color:#666; font-size:1.2em; clear:left;
padding:3px 0px 10px 0px}
#pageContent .contactPanel form .box {float:right; clear:right;}
input.textfield {width:22.5em; padding:1px 4px 2px 5px; background-color:#FFF; border-color:#666;}
textarea.textfield {float:left; width:28.1em; background-color:#FFF; height:8em; border-color:#666; font-size:1.1em;}
#pageContent .contactPanel form #contactText {float:left; margin:10px 0px 20px 158px;}
input.submit {font-weight:bold; font-size:1.1em;background-color:#949494; color:#FFF; padding:2px 10px 3px 10px; margin:2px 10px 15px 0px; text-transform:lowercase;}
#send {float:left;}
input.submit:hover {background-color:#ff3399; color:#FFF; cursor:pointer;}
#pageContent .contactPanel form #contactText p {color:#666; font-size:1.1em;}
#pageContent .contactPanel form #contactText p a {color:#666; font-weight:bold;}
#pageContent .contactPanel form #contactText p a:hover {color:#000;}

/* Basket Buttons*/

p.button a{background-color:#949494; color:#FFF; padding:3px 15px 4px 15px; 
margin:2px 10px 15px 0px; text-transform:lowercase; border:1px solid #ddd; margin:5px 0px 5px 0px; float:left;
}
p.button:hover a{background-color:#ff3399; color:#FFF; cursor:pointer; text-decoration:none;}
p.basket a{background-image:url('http://www.chanchan.co.uk/images/basket_white.gif');
background-repeat:no-repeat; background-position:92% 40%; padding:6px 45px 7px 15px; width:130px; font-weight:bold;
font-size:1.1em; margin:15px 0px 5px 0px;}
p.checkout a{background-image:url('http://www.chanchan.co.uk/images/arrow_white.gif');
background-repeat:no-repeat; background-position:92% 50%;padding:6px 35px 7px 15px; width:140px;font-weight:bold;
font-size:1.1em;}

/* Checkout Button*/

input.button {background-color:#949494; color:#FFF; padding:3px 15px 4px 15px; 
margin:2px 10px 15px 0px; text-transform:lowercase; border:1px solid #ddd; margin:5px 0px 5px 0px; float:left;
}
input.button:hover {background-color:#ff3399; color:#FFF; cursor:pointer; text-decoration:none;}
input.checkout {background-image:url('http://www.chanchan.co.uk/images/arrow_white.gif');
background-repeat:no-repeat; background-position:92% 50%;padding:6px 35px 7px 15px; width:140px;font-weight:bold;
font-size:1.1em;}
input.right {float:right;}


#basketPanel {float:right; margin:25px 10px 10px 0px; padding:0px 10px 10px 10px; width:205px;}
#basketPanel h4 {padding:0px 0 10px 0; margin:0 0 10px 0; border-bottom: dotted 2px #666;
font-size:1.6em;}
#altPanel {width:0px; height:0px; position:relative; top:0px left:0px;
background-image: url('http://www.chanchan.co.uk/images/out_of_stock.gif');}
#productViewer {width:305px; float:left; padding:0 15px 0px 10px;}
.productDetails {padding:0 10px 0 0; width:200px; float:right;}
.productDetails h2 {font-size:2em;}
.productDetails h3 {font-size:1.4em;}
.productDetails h4 {font-size:1.2em; color:#666; padding-top:15px;}
p.productPrice {font-weight:bold; color:#333; font-size:1.4em; padding:8px 0 8px 0;}
p.backLink {font-size:1.3em; padding:20px 0 20px 0px;}

#basketForm {padding:0 0 20px 20px;}

p.buyNow {font-weight:bold; font-size:1.8em; color:#ff3399; clear:both;
padding:20px 0px 20px 0px}

#basketForm p {padding: 5px 0 5px 0;}
#basketForm input {cursor:pointer; padding:5px 10px 7px 10px;
font-weight:bold; font-size:1.3em; color:#ff1188;}

#basketForm input:hover {cursor:pointer; padding:5px 10px 7px 10px;
font-weight:bold; font-size:1.3em; color:#000; background-color:#ff3399;}
#basketForm2 {float:right;}
#basketForm2 p {padding: 10px 30px 5px 10px;}
#basketForm2 input {cursor:pointer; padding:5px 10px 7px 10px;
font-weight:bold; font-size:1.3em; color:#ff1188;}

#basketForm2 input:hover {cursor:pointer; padding:5px 10px 7px 10px;
font-weight:bold; font-size:1.3em; color:#000; background-color:#ff3399;}

.sidecartItem {float:left; width:180px; padding:10px; border-bottom: 1px solid #666;}
.sidecartItem .sidecartLabels {float:left;width:120px;}
.sidecartItem .sidecartLabels p {font-size:1.1em; padding: 0px;}
.sidecartItem .sidecartImage {float:right;  padding:10px 0px 0px 0px;}
#sidecartTotals {float:left; padding:20px 0 0 0;}
#sidecartTotals p {padding:2px 0 4px 0;}
input.textButton {background:none; margin:4px 0px 0px 0px; border:none; color:#ff1188; cursor:pointer;}
input.textButton:hover {color:#000;}

#sb_empty {float:right;}
#sb_empty.submit:hover {background-color:#666;}

#basketTable {padding:10px 0px 20px 0px;}
#basketTable h3 {color:#f71583; background-color:#000;
padding:15px 20px 5px 10px; font-size:1.6em;}
#basketMain {padding:10px 0px 20px 0px;}
#basketMain h3 {color:#f71583; background-color:#000;
padding:15px 20px 5px 40px; font-size:1.6em;}


p.empty_basket {padding:10px 0px 200px 10px; font-size:1.2em;}

#basket {width:665px; padding:20px 20px 0px 20px; float:left;}
.basketTotal {font-weight:bold; font-size:1.1em; float:right; padding:0px 10px 0px 0px; width:160px;}
#basketBase {float:right; text-align:left;}
#basketBase p {float:right; padding:0px 10px 0px 0px;}
.tdTitle {font-weight:bold; font-size:1.1em; color:#666; padding:0px 0px 10px 0px;}
#basket td {font-size:1.1em;}
#basket2 {width:665px; padding:0px 0px 0px 20px; margin:0px 0px 40px 0px; float:left;}
#mb_buttons {float:right; width:200px;}
p.mb_total {float:right; font-weight:bold; font-size:1.2em;padding:10px 0px 10px 0px;}
.right {float:right;}
#mb_update {margin:20px 10px 0px 10px;}
/* Footer */

#footerBar {float:left; width:800px; background-color:#000000; 
text-align:center; padding:5px 0 0 0; }

#nav2 { height:1.5em; font-size:1.2em;}
#nav2 li {display: inline; border-right: solid 1px #fff;padding:3px 10px 0 10px;}
#nav2 li.last {padding:0 10 0 10;border-right: none;}
#nav2 li a {color:#ffffff; text-transform:lowercase;}






#temp {background-color:#fff; color:#666; text-align:center; height:475px;
background-image:url(http://www.chanchan.co.uk/images/collections/images/01.jpg);
background-repeat:no-repeat; background-position: top right;}
#temp h2 {color:#aaa;}
#temp p {font-size:1.1em;}
#menu {height:10px;}

#paypal_logos {float:left; margin:80px 0px 0px 0px;}