/* CSS Document */

html { min-height:100%; margin-bottom:1px; background-color:#fbbe32;}

body { margin:0; padding:0; font-size:62.5%; color:#FFFFFF; text-align:center; background-color:#fbbe32; font-family:Arial, Helvetica, sans-serif; background:url(/images/top_border.gif) top repeat-x;}

h1 { font-size:2.1em; color:#FFFFFF;}

h2 {font-size: 2.1em; padding:0;}
p {font-size:1.2em; }

.spacer_s {line-height:0.5em;}

.spacer_ss { line-height:2px;}

#container {
	margin: 0 auto;
	padding: 0 0;
	}

#topbar {
	margin: 0 auto;
	padding: 0;
	width: 755px;
	text-align:left;
	height:127px;
	background:url(/images/topbar_back.gif) no-repeat top left;
	}

.logo {
	float:left;
	vertical-align:bottom;
	margin: 43px 100px 10px 3px;
	}

.top_links {
	font-size:1.1em; 
	text-decoration:none; 
	color:#1c1c71; 
	vertical-align:bottom;
	margin-bottom:10px;}


#topbar a, #topbar img {
	text-decoration:none;
	border: none;
	color:#1c1c71;
	}

#nav {
	text-align:left;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0 0;
	width:755px;
	font-size: 14px;
	height: 25px;
	}
	
#nav ul {
	list-style-image:none;
	margin: 7px 0px 0px 0px;
	list-style:none;
	padding-left:0;

}

#nav li {
	margin: 2px 5px 0px 0px;
	padding: 0;
	float:left;
	vertical-align:bottom;
	list-style:none;
	}

#nav a {
	display:block;
	background:url(/images/navleft.gif) no-repeat bottom left;
	background-position:0 0px;
	color:#ffffff;
	text-align:center;
	padding: 4px 0px 4px 10px;
http://localhost/us/Beryl-Cook-USA/Beryl-Cook/Beryl-Cook-Paintings/default.aspx	color:#ffffff;
	text-decoration:none; font-weight:bold;
	}

#nav a span {
	display:inline;
	background:url("../images/navright.gif") no-repeat bottom right; 
	background-position: 100% 0px;
	height:25px;
	text-decoration: none;
	padding: 4px 0px 4px 10px;
	color:#ffffff;
	text-decoration:none; font-weight:bold;
	}
	
#nav  a.selected { background-position: 0 -49px; color:#1c1c71; }
#nav  a.selected span { background-position: 100% -49px; color:#1c1c71;}

#nav a:hover { background-position: 0 -49px; color:#1c1c71; }
#nav a:hover span { background-position: 100% -49px; color:#1c1c71;}

#head1 {
	width: 755px;
	margin:0 auto;
	text-align:left;
	padding:0;
	margin-bottom: 7px;
	}
	/*
div.flag {background: url(/images/head_flag.jpg) no-repeat top left; height:141px;}
div.stripper {background: url(/images/head_stripper.jpg) no-repeat top left; height:141px;}
div.dancers {background: url(/images/head_dancers.jpg) no-repeat top left; height:141px;}
div.no_img {background: url(/images/head.gif) no-repeat top left; height:69px;}
*/
#head1_a {
	float: left;
	margin:41px 0px 7px 75px;
	width:458px;}

#no_img_a {margin: 30px 0px 7px 10px; float:left; text-align:left;}
html>body #no_img_a {margin: 30px 0px 7px 10px;} 

html>body #head1_a {margin: 41px 0px 7px 150px;}

#head1_a h1, #no_img_a h1 { margin:0 0 7px 0; }
#head1_a h3 {font-size:1.5em; color:#ffff00; font-weight:bold; margin:0 0 7px 0; }
#head1_a p {margin:0 0 7px 0; }



#head1_b {
	float:right;
	margin: 41px 8px 7px 0px;
	padding: 0;
	width: 105px;}

html>body #head1_b {margin: 25px 20px 7px 0px;}

#head1_b .top {font-size:1.5em; color:#ffff00; margin-bottom:50px;}
#head1_b .bot {font-size:1.4em; font-weight:bold; color:#ffff00; vertical-align:baseline;}

#content { padding-left: 2px; padding-right:2px; width:755px; margin:0 auto; text-align:left; }

#col_main { 
width: 605px; margin-right:0px; float:left; padding:3px 0px 3px 3px; margin-top:0px;}

html>body #col_main {margin-top: 0px; }

#about { margin: 0 0 0 0; padding:0 10px 0 0; text-align:left; float:left; }
#about p { font-size:1.3em; color:#000; }
div.pic {margin: 0 0 1em 2em;}
#about_img { margin: 0; padding:0; float:left; }
#about_img img{
	border:3px solid #1c1c71; display:block; margin-bottom:3px;
	}
/* Small item preview */
#p_item { padding-bottom:10px; display:inline-table; float:left; width:287px; margin: 0px 5px 0px 0px; text-align:left; }
html>body #p_item {margin: 0px 14px 0px 0px;}

#p_item span.title {font-size:1.4em; font-weight:bold; float:left; color:#1c1c71; }
#p_item span.price {font-size:1.4em; font-weight:bold; float:right; color:#1c1c71; }
#p_item p {font-size:1.2em; color:#1c1c71; float:left; padding:0;}

/* Full item */
#full_item { padding-bottom:10px; display:inline-table; float:left; margin: 0px 0px 0px 0px; text-align:left; }
html>body #full_item {margin: 0px 0px 0px 0px;}

#full_item span.title {font-size:1.4em; font-weight:bold; float:left; color:#1c1c71; margin-top: 10px; }
#full_item span.price {font-size:1.4em; font-weight:bold; float:right; color:#1c1c71; margin-top: 10px; margin-bottom:0; }
#full_item span.desc {float: left; margin-top: 10px;  }
#full_item p {font-size:1.2em; color:#1c1c71; float:left; padding:0; margin-top: 10px; }

#full_item span.addtobasket { float:right; margin-top: 0px; }

#full_item span.addtobasket a {background: url(/images/button_v4.gif) no-repeat; color:#ffffff; text-decoration:none; font-size:12px; padding: 2px 14px 4px 8px; font-weight:bold; right: 0; line-height:26px;}


#full_item img {
	border:none;
	display:block;
	margin-bottom:3px;
	margin: 0;
	padding:0;
}




/* SHADOW DROP  */
	.wrap1, .wrap2, .wrap3, .wrap4 {
	  display:inline-table;
	  /* \*/display:block;/**/
	  }
	.wrap1 {
	  float:left;
	  background:url(/css/shadow_imgs/shadow.gif) right bottom no-repeat;
	  }
	.wrap2 {
	  background:url(/css/shadow_imgs/corner_bl.gif) left bottom no-repeat;
	  }
	.wrap3 {
	  padding:0 3px 3px 0;
	  background:url(/css/shadow_imgs/corner_tr.gif) right top no-repeat;
	  }
	  
	  .wrap4 {float: right; background:url(/css/shadow_imgs/shadow.gif) right bottom no-repeat; max-width:200px;}
	  
/* Spacing the different wraps */

.cat { margin-right: 5px; }
.pro { margin-right: 0px; margin-top: 5px; }
.abt {margin-right: 5px; }

.product {
	float:left;
	margin: 0;
	padding:0;
	}

.product img {
	border:3px solid #1c1c71;
	width: 287px;
	display:block;
	 margin-bottom:3px;
}


.category {
	border:3px solid #1c1c71;
	min-height:197px;
	width: 275px;
	padding: 6px;
}

.category_337 {
	background: #3123ab url(/images/paint_wino.gif) no-repeat bottom right;
	min-height:197px;
}

.category_338 {
	background: #3123ab url(/images/print_tango.gif) no-repeat bottom right;
	min-height:197px;
}


div.definition {
	padding: 0;
	margin: 0 0 50px 0;
	}

div.definition h2 {margin: 0; padding:0;}
div.definition p {padding:0 4.8em 0 0; line-height:1.4em;}
div.arrow a {text-decoration:none; display:block; color:#FFFFFF;}
div.arrow p {font-size:1.8em; 
font-weight:bold; margin: 0px 10px 8px 20px; color:#FFFFFF; text-decoration:none;}

/* BASKET */ 

#col_cart { 
	margin-right:0px; 
	margin-left:0px; 
	margin-top:3px;
	float:right;
	padding: 0;
	display:block;}

#basket {
	border: 3px solid #cc2102;
	padding: 0 0 0 0;
	background-color:#e52402;
	margin: 0 0 0 0;
	width: 134px;
	}

p.cart_title {
	color:#1c1c71;
	font-size: 1.5em;
	font-weight:bold;
	padding: 3px 3px 10px 6px;
	margin: 0;
	text-align:left;
	}

#basket img {
	width: 50px;
	float:left;
	margin: 3px 6px 0px 6px;}

#basket div.item { 
	height: 50px;
	vertical-align:text-top;
	clear:both;
	display:block;
	margin: 5px 0; 
	}

#basket p.cart_txt { font-size:1.1em; color:#ffffff; font-weight:normal; }

#basket .total_r {float:right; font-size:1.1em;  margin: 0px 2px 20px 6px; }
#basket .total_l {float:left; font-size:1.1em; margin: 0px 2px 20px 6px; }


#basket .checkout a {
	display:block;
	background: url(/images/checkout.gif) no-repeat; 
	font-size: 1.4em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	height:32px;
	padding: 5px 10px 0px 10px;
	margin-left: 6px;
	}
	
#basket .editbasket a {
	display:block;
	background: url(/images/editbasket.gif) no-repeat; 
	font-size: 1.4em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	height:34px;
	padding: 5px 10px 0px 10px;
	margin-left: 6px;
	}

#basket h6 { font-size: 1.6em; color:#ffffff; font-weight:bold; padding: 0 5px; margin: 0; }

#basket p { font-size: 1.2em; line-height:1.4em; padding: 0 5px 0 5px; }


<!--  LOGIN -->

#login {margin: 0 0; padding:0 0; text-align:left; float:left;  }

#login table {background-color:#3123ab; padding:5px; border: 2px solid #1c1c71; width:595px; font-size:1.4em; }

#login td { padding:5px 5px 5px 15px;}

#login .pwd { font-size: 0.8em; color:#FFFFFF;}

#login a {color:#FFFFFF; }

div.arrow a {text-decoration:none; display:block; color:#FFFFFF;}
div.arrow p {font-size:1.8em; 
font-weight:bold; margin: 0px 10px 8px 20px; color:#FFFFFF; text-decoration:none;}

.login_btn { background:url(/images/blue_arrow.gif) no-repeat left bottom; padding: 50px 290px 10px 10px; line-height:4em; text-decoration:none; color:#ffffff; font-weight:bold; width:269px; font-size:18px;}

/* REGISTER */
#account {margin: 0 0; padding:0 0; text-align:left; float:left; width:595px;  }

html>body #account {margin-top:0px; padding-top:0;}

#account td {padding: 5px; padding-left: 15px;}

#col_account_a {float:left; margin: 10px 0px 10px 0; width: 290px; }
#col_account_b {float:right; margin: 10px 0px 10px 0; width: 290px; }

.register {background-color:#3123ab; padding:0px 0; border: 2px solid #1c1c71; font-size:1.2em;  width: 100%; margin:0 0;  }

.columnheads { padding-top: 5px; padding-bottom: 5px; text-align:left; padding-left: 15px; font-size:1.8em; font-weight:bold; }

#submit {width:590px; border:2px solid #1c1c71; background-color:#3123ab; padding: 5px 5px 5px 5px; margin:0 0 0 0; font-size: 1.2em; padding:0 0 0 0;}

#submit .blue_arrow a {
	display:block;
	background: url(/images/arrow_bl.gif) no-repeat; 
	font-size: 1.2em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	height:34px;
	width:180px;
	padding: 8px 0px 0px 10px;
	margin-top: 10px;
	float:right;
	}
	
#submit .blue_arrow table {width: 590px;}

.problems {color:#1c1c71; font-size:1.2em; line-height: 1.4em; }

.account_error {display:none; }

/*EDIT BASKET */

#edit {width:590px; padding: 0px; background-color:#3123ab; border: 2px solid #1c1c71; display:block;  }

#edit a { color:#ffffff; }

#edit p{ text-align:left; padding: 5px }

#edit table {width: 590px; padding: 0; margin:0;}

#edit td { text-align:left; padding: 5px 5px 0 5px; }

#edit img {width: 50px; margin: 3px 6px 3px 0; display:block; float:left; }

#edit span.description { display: block; float:left; vertical-align:baseline; margin: 10px 0; font-size:1.2em;} 

#edit .price {text-align:right; padding-right:15px; font-size:1.2em;}

#edit .totalright {text-align:right; padding:0; font-size:1.2em;} 

#edit .totaldesc {font-size:1.2em;}

#edit .remove { text-decoration:none; border:0; width: 44px; height:14px; }

#edit input.tiny {width:40px;}

.artist_img {height:132px; }

p.contact_details { color:#3123ab; font-weight:bold; font-size:1.2em; }

.smallbutton { font-weight:bold; font-size:11px; background:url(/images/sm_button_v3.gif) no-repeat; color:#ffffff; text-decoration:none; font-weight:bold; padding: 5px 12px 12px 13px; line-height:36px;  }