/*	CSS Document for Bramblings Toys
	Designed by Website Development
	Designer name : Steve

*/

/*------------------------------
			GLOBAL
-------------------------------*/

body {
	padding: 0;
	margin: 0;
	background: #b2cadc url(../images/strip.gif) repeat-y 50% 0;
	background-attachment: fixed;
}

table td img {
	width: 150px;
	height: 150px;
}

.important {
	display: none;
}

/*------------------------------
			LAYOUT
-------------------------------*/


#top {
	height: 235px;
	background: #b2cadc url(../images/body.jpg) no-repeat top center;
	padding-top: 15px;
	padding-right: 25px;
}



#container {
	width: 760px;
	margin: 0 auto;
	border: 1px solid #B1C8DA;
}


#header {
	width: 760px;
	height: 82px;
	background: #b2cadc url(../images/header.jpg) no-repeat top left;
}
#header-softtoy {
	width: 760px;
	height: 82px;
	background: #b2cadc url(../images/header-caterpillar.jpg) no-repeat top left;
}
#header-none {
	width: 760px;
	height: 82px;
	background: #b2cadc url(../images/header-none.jpg) no-repeat top left;
}

#sidebar {
	float: left;
	width: 155px;
	height: 500px;
	background: #8cbc54 url(../images/sidebar.gif) repeat-y;
	text-align: left;
}

#content {
	width: 605px;
	float: left;
	background: white;

}

.content_inner {
	margin: 0 50px;
	background: white;
	text-align: left;
}




.productpic {
	width: 150px;
	height: 150px;
	float: left;
	margin-left: 20px;

}

.productpic img {
	border: 6px solid #8cbc54;
}

.productdesc {
	width: 300px;
	float: left;
	margin-left: 20px;
	text-align: left;
}


#footer {
	clear: both;
	width: 760px;
	height: 144px;
	background: url(../images/footer.jpg) no-repeat;
}

#base {
	height: 120px;
	background: url(../images/base.jpg) no-repeat;
}



/*------------------------------
			NAVIGATION
-------------------------------*/

#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-size: 1.2em;
	border-bottom: 1px solid #000;
}

#sidebar ul li {
	border-top: 1px solid #000;
	height: 27px;
}

#sidebar ul li a { display: inline-block; }  /* These 2 lines are a workaround to get the left-hand lists to display correctly in */
#sidebar ul li a { display: block; }         /* All browsers. With these 2 lines,  the whitespace no longer shows */

#sidebar ul li a {
	text-decoration: none;
	color: #000;
	padding: 6px 0 6px 10px;
}

#sidebar ul li a:hover {
	background: #b8d696;
}




/*------------------------------
			TEXT
-------------------------------*/



.keyword1, .keyword2, .keyword3, .keyword4, .keyword5, .keyword6 {
	text-indent: -9999px;
	padding: 10px 0;
}


.keyword1 {
	background: url(../images/keyword1.gif) no-repeat;
}

.keyword2 {
	background: url(../images/keyword2.gif) no-repeat;
}

.keyword3 {
	background: url(../images/keyword3.gif) no-repeat;
}

.keyword4 {
	background: url(../images/keyword4.gif) no-repeat;
}

.keyword5 {
	background: url(../images/keyword5.gif) no-repeat;
}

.keyword6 {
	background: url(../images/keyword6.gif) no-repeat;
}


/*------------------------------
			LISTS
-------------------------------*/

ul {
	font-size: 1.3em;
}


/*------------------------------
			LINKS
-------------------------------*/

a:link, a:visited {
	color: #204734;
	font-weight: bold;
}

a:hover, a:active {
	color: #000;
}



/*------------------------------
			HEADINGS
-------------------------------*/

#header h1 {
	text-indent: -9999px;
}



/*------------------------------
			IMAGES
-------------------------------*/

.logo {
	padding-top: 80px;
}

/*------------------------------
			FORMS
-------------------------------*/



fieldset {
	border: none;
}

legend {
	text-align: left;
	font-size: 1.4em;
	padding-left: 40px;
	line-height: 1.8em;
}

/*--------------------------------
       FORMS
---------------------------------*/

.box {
	border: 1px solid #ccc;
	width: 15px;
	height: 15px;
	margin-right: 20px;
	float: left;
	margin-top: 23px;
	margin-left: 10px;
}

.qty {
	float: left;
	padding-top: 23px;
}