#tabs #readymades a
{
	background-color:RGB(251,96,2);
	color:white;
	background:url(../images/backgrounds/TabSelected.jpg) top left no-repeat;
	border:1px solid black;
}

#collectionstable
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*border: 5px solid red;*/
	margin-top:8px;
	width:575px;
	margin-bottom:20px;
}

#collectionstable td
{
	text-align:center;
	padding:1px;
	padding-bottom:10px;
	padding-top:10px;
}

#collectionstable td a
{
	height:125px;
	width:179px;
	display:block;
	text-align:center;
	margin:auto;
}

#s10x12
{
	background: url("../images/backgrounds/swept-picture-frame-10x12.png") no-repeat;
	background-position:top;
}

#s10x12:hover
{
	background: url("../images/backgrounds/swept-picture-frame-10x12.png") no-repeat;
	background-position:bottom;
}


#s10x8
{
	background: url("../images/backgrounds/swept-picture-frame-10x8.png") no-repeat;
	background-position:top;
}

#s10x8:hover
{
	background: url("../images/backgrounds/swept-picture-frame-10x8.png") no-repeat;
	background-position:bottom;
}

#s11x14
{
	background: url("../images/backgrounds/swept-picture-frame-11x14.png") no-repeat;
	background-position:top;
}

#s11x14:hover
{
	background: url("../images/backgrounds/swept-picture-frame-11x14.png") no-repeat;
	background-position:bottom;
}

#s12x15
{
	background: url("../images/backgrounds/swept-picture-frame-12x15.png") no-repeat;
	background-position:top;
}

#s12x15:hover
{
	background: url("../images/backgrounds/swept-picture-frame-12x15.png") no-repeat;
	background-position:bottom;
}

#s12x45
{
	background: url("../images/backgrounds/swept-picture-frame-12x45.png") no-repeat;
	background-position:top;
}

#s12x45:hover
{
	background: url("../images/backgrounds/swept-picture-frame-12x45.png") no-repeat;
	background-position:bottom;
}

#s12x16
{
	background: url("../images/backgrounds/swept-picture-frame-12x16.png") no-repeat;
	background-position:top;
}

#s12x16:hover
{
	background: url("../images/backgrounds/swept-picture-frame-12x16.png") no-repeat;
	background-position:bottom;
}

#s20x16
{
	background: url("../images/backgrounds/swept-picture-frame-20x16.png") no-repeat;
	background-position:top;
}

#s20x16:hover
{
	background: url("../images/backgrounds/swept-picture-frame-20x16.png") no-repeat;
	background-position:bottom;
}

#s20x24
{
	background: url("../images/backgrounds/swept-picture-frame-20x24.png") no-repeat;
	background-position:top;
}

#s20x24:hover
{
	background: url("../images/backgrounds/swept-picture-frame-20x24.png") no-repeat;
	background-position:bottom;
}


#s20x30
{
	background: url("../images/backgrounds/swept-picture-frame-20x30.png") no-repeat;
	background-position:top;
}

#s20x30:hover
{
	background: url("../images/backgrounds/swept-picture-frame-20x30.png") no-repeat;
	background-position:bottom;
}


#s24x36
{
	background: url("../images/backgrounds/swept-picture-frame-24x36.png") no-repeat;
	background-position:top;
}

#s24x36:hover
{
	background: url("../images/backgrounds/swept-picture-frame-24x36.png") no-repeat;
	background-position:bottom;
}


#s25x48
{
	background: url("../images/backgrounds/swept-picture-frame-25x48.png") no-repeat;
	background-position:top;
}

#s25x48:hover
{
	background: url("../images/backgrounds/swept-picture-frame-25x48.png") no-repeat;
	background-position:bottom;
}


#s30x40
{
	background: url("../images/backgrounds/swept-picture-frame-30x40.png") no-repeat;
	background-position:top;
}

#s30x40:hover
{
	background: url("../images/backgrounds/swept-picture-frame-30x40.png") no-repeat;
	background-position:bottom;
}

#s36x48
{
	background: url("../images/backgrounds/swept-picture-frame-36x48.png") no-repeat;
	background-position:top;
}

#s36x48:hover
{
	background: url("../images/backgrounds/swept-picture-frame-36x48.png") no-repeat;
	background-position:bottom;
}



#main
{
	background-color:#FFFFFF;
	background-position:center;
	background-repeat:repeat-y;
	width:575px;
	margin:auto;
}

#divtextheader
{
	background-image: url(../images/backgrounds/Decorative_picture_frames_header.png);
	background-repeat:no-repeat;
	height:20px;
	width:535px;
	position:relative;
}

p
{
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#000000;
	margin-top:10px;
	padding:4px;
	padding-bottom:70px;
}

.divtextbox
{
	margin-top:10px;
	margin-bottom:10px;
}

#divheader
{
	position:relative;
	height:auto;
	padding-bottom:10px;
	width:575px;
	margin-top:8px;
}

#divsizecontainer
{
	background-image:url(../images/backgrounds/Choose_frames_by_size_inches_centimeters.png);
	background-repeat:no-repeat;
	position:relative;
	width:117px;
	height:125px;
	width:575px;
	padding-bottom:20px;
}

#divcolourcontainer
{
	background-image:url(../images/backgrounds/Choose_decorative_frames_by_colour.jpg);
	height:159px;
	padding-bottom:10px;
	width:575px;
	position:relative;
	background-repeat:no-repeat;
}

#divsizebuttoncontainer
{
	position:relative;
	width:178px;
	margin:0;
	clear:both;
	top:15px;
	left:320px;
}

#divsizebuttons
{
	position:relative;
	width:178px;
	margin:0;
	clear:both;
	top:20px;
	left:350px;
}

#divcolourbuttons
{
	position:relative;
	width:195px;
	margin:0;
	clear:both;
	top:15px;
	left:325px;
	border:thick #c1a99e solid;
	height:120px;
}

#divsizebox
{
	height:38px;
	float:left;
}

.divsizebox a
{
	height:39px; /* the height of that part of the image we want to show */
	width:146px; /* the width of that part of the image we want to show */
	display:inline;
	text-align:center;
	margin:auto;
	float:left;
	border:0px solid #FFFFFF;
	outline:none;
}

/* the button's outer container */
.divbutton
{
	height:120px;
	float:left;
}

/* the link CLASS */
.divbutton a
{
	height:120px; /* the height of that part of the image we want to show */
	width:39px; /* the width of that part of the image we want to show */
	display:block;
	text-align:left;
	float:left;
	border:0px solid #FFFFFF;
	outline:none;
	background-position:bottom;
}

/* the specific link id that will allow us to click on the button the next 3 definitions describe the state of the button (normal, hover or clicked) each new button MUST be given a new and unique id eg a colour button for swept frames might have an id of "btnsweptred" and then this id changed below on a new file */ 
#divgoldbutton
{
	background:url(../images/buttons/button_gold_decorative_frames.png) no-repeat;
	background-position:top;
	width:39px;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divgoldbutton:hover
{
	background:url(../images/buttons/button_gold_decorative_frames.png) no-repeat;
	background-position:0 -120px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	width:39px;
}

#divgoldbutton:active
{
	background:url(../images/buttons/button_gold_decorative_frames.png) no-repeat;  /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you          want and DW will insert the correctly formatted URL) */
	background-position:0 -239px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	outline: none;
	width:39px;
}

#divsilverbutton
{
	background:url(../images/buttons/Button_silver_decorative_frames.png) no-repeat;
	background-position:top;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divsilverbutton:hover
{
	background: url(../images/buttons/Button_silver_decorative_frames.png) no-repeat;
	background-position:0 -120px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divsilverbutton:active
{
	background: url(../images/buttons/Button_silver_decorative_frames.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will            insert the correctly formatted URL) */
	background-position:0 -239px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	outline: none;
}

#divbrownbutton
{
	background:url(../images/buttons/Button_brown_decorative_frames.png) no-repeat;
	background-position:top;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divbrownbutton:hover
{
	background: url(../images/buttons/Button_brown_decorative_frames.png) no-repeat;
	background-position:0 -120px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divbrownbutton:active
{
	background: url(../images/buttons/Button_brown_decorative_frames.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will            insert the correctly formatted URL) */
	background-position:0 -239px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	outline: none;
}

#divwhitebutton
{
	background:url(../images/buttons/Button_white_decorative_frames.png) no-repeat;
	background-position:top;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divwhitebutton:hover
{
	background: url(../images/buttons/Button_white_decorative_frames.png) no-repeat;
	background-position:0 -120px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divwhitebutton:active
{
	background: url(../images/buttons/Button_white_decorative_frames.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will            insert the correctly formatted URL) */
	background-position:0 -239px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	outline: none;
}

#divblackbutton
{
	background:url(../images/buttons/Button_black_decorative_frames.png) no-repeat;
	background-position:top;
	width:39px;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divblackbutton:hover
{
 background: background:url(../images/buttons/Button_black_decorative_frames.png) no-repeat;
	background-position:0 -120px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	width:39px;
}

#divblackbutton:active
{
 background: background:url(../images/buttons/Button_black_decorative_frames.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will            insert the correctly formatted URL) */
	background-position:0 -239px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
	outline: none;
	width:39px;
}

#divinchbutton
{
	background:url(../images/buttons/Decorative-frames-choose-by-size-button_inches.png) no-repeat;
	background-position:top;
	margin-bottom:10px;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divinchbutton:hover
{
	background: url(../images/buttons/Decorative-frames-choose-by-size-button_inches.png) no-repeat;
	background-position:0 -39px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divinchbutton:active
{
	background: url(../images/buttons/Decorative-frames-choose-by-size-button_inches.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will            insert the correctly formatted URL) */
	background-position:0 -78px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divcmbutton
{
	background:url(../images/buttons/Decorative-frames-choose-by-size-button_centimeters.png) no-repeat;
	background-position:top;
}

/* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
#divcmbutton:hover
{
	background:url(../images/buttons/Decorative-frames-choose-by-size-button_centimeters.png) no-repeat;
	background-position:0 -39px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

#divcmbutton:active
{
	background:url(../images/buttons/Decorative-frames-choose-by-size-button_centimeters.png) no-repeat; /* this will point to the png file on the O: drive to start with (type in "background:" and then navigate to the file you want and DW will insert the correctly formatted URL) */
	background-position:0 -78px; /* adjust the position by the the height of that part of the image we want to show - a negative figure means we are mving the view up by that many px */
}

img.floatLeft
{
	float: right;
	margin: 4px;
	padding: 20px;
}