body {
background-color:#fcf3e4;
margin: 0px;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #242323
}


img, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
}

h1 {
font-size: 16px;
}

#wrapper {
width: 995px;
background-color:#fcf3e4;
text-align:left
}

#subheader {
height: 42px;
line-height: 42px;
}

#subheader a {
color: #577d89;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding-right: 25px;
}

#subheader a:hover {
color: #a63550;
}

.header-left {
float: left;
width: 695px;
}

.header-right {
float: right;
width: 510px;
}

.searchinput {
width: 224px;
padding: 3px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
}

.searchbutton {
background-image:url(images/searchbutton.jpg);
background-repeat: repeat-x;
border: 1px solid #9c2e46;
color: #9f1939;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
padding: 1px;
background-color: #fcbecc
}


#logo {
height: 100px;
}

.logo {
margin-left: 12px;
margin-top: 15px;
}

div.header {
border-top: 2px solid #ffffff;
background-color: #a63550;
color: #fcf3e4;
height: 32px;
font-size: 12px;
line-height: 32px;
text-align:center;
}

div.header a {
color: #fcf3e4;
text-decoration: none
}

div.header a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #fcf3e4
}

#subcontent {
position:absolute;
visibility: hidden;
border: 4px solid #577d89;
background-color: #fcf3e4;
width: 300px;
padding: 8px;
margin-top: 10px;	
}

#subcontent a {
color: #a63550;
text-decoration:none;
}

#subcontent a:hover {
color: #577d89;
}


div.close {
text-align:right;
}


div.close a {
color: #FA4C00;
}


.lastannouncements {
float: left;
width: 614px;
}

.lastannouncementstitle {
line-height: 28px;
height: 28px;
background-color: #577d88;
border-bottom: 1px solid #5e696b;
color: #fcf3e5;
font-weight: bold;
text-transform:uppercase;
padding-left: 10px;
margin-bottom: 1px;
}

.previewtitle {
line-height: 28px;
background-color: #577d88;
border-bottom: 1px solid #5e696b;
color: #fcf3e5;
font-weight: bold;
text-transform:uppercase;
padding-left: 10px;
margin-bottom: 1px;
}

.previewimages {
margin-top: 10px;
margin-bottom: 10px;
}

.previewimages img {
border: 1px solid #cac7c2;
padding: 2px;
margin-right: 5px;
}

.announcementbox {
width: 284px;
float: left;
border: 1px solid #dbd6cd;
height: 156px;
background-color:#FFF;
margin-top: 9px;
margin-right: 4px;
margin-left: 5px;
padding: 6px;
color: #000;
font-size: 12px;
}

.announcementbox a {
color: #A63550;
text-decoration:none;
font-weight:bold;
}

.announcementbox  img {
border: 1px solid #cac7c2;
padding: 2px;
}

.announcementboxleft {
float: left; 
width: 123px;
}

.announcementboxtitle {
color: #a63550;
font-weight:bold;
margin-bottom: 7px;
}

.announcementboxtitle a {
color: #a63550;
text-decoration:none;
font-size: 14px;
}

.previewbox {
border: 1px solid #dbd6cd;
background-color:#FFF;
margin-top: 9px;
padding: 6px;
color: #000;
margin-bottom: 9px;

}

.previewbox  img {
border: 1px solid #cac7c2;
padding: 2px;
}

.pricehome {
color: #a63550;
font-weight:bold;
}

.resulthome {
border: 1px solid #dbd6cd;
background-color:#FFF;
padding: 6px;
color: #000;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}

.resulthome  img {
padding: 2px;
border: 1px solid #577d88;}

.resulthome:hover {
border: 1px solid #577D88;
}

.advrightcolumn {
float: right;
width: 122px;
}

.advrightcolumnobject {
margin-bottom: 10px;
border: 1px solid #c5c2bd;
}


.previewleft {
float: left; 
width: 120px;
margin-top: 10px;
}

.previewright {
float: right; 
width: 460px;
margin-top: 10px;

}

div.partners {
background-color: #fff;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #887755
}

div.partners a {
color: #887755;
text-decoration: none;
}

div.partners a:hover {
color: #887755;
text-decoration: underline;
}

#main {
padding-top: 10px;
}

#searchform {
background-color: #DDD8CE;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #27241D;
text-transform: uppercase;
font-weight: bold
}

#searchform a {
color: #CC3322;
text-decoration:none
}


#searchform a:hover {
color: #CC3322;
text-decoration: underline
}

.inputbox {
margin-left: 15px;
background-color: #F6F6F5;
border: 1px solid #887755;
width: 450px;
color: #000000;
padding: 3px;
cursor: text;
}

.inputbox:hover {
border: 1px solid #E27E02;
}

.inputbox:focus {
border: 1px solid #E27E02;
}

#maincontent {
float: right;
width: 741px;
margin-top: 4px;
margin-bottom: 10px;
}

#indexcontent {
float: right;
width: 982px;
margin-top: 4px;
margin-bottom: 10px;
background-color:#FFF;
border: 1px solid #A63550;
padding: 5px;
	
}

#indexcontent a {
color: #577D88;
font-weight: bold;
text-decoration:none;
}

#indexcontent a:hover {
color: #A63550;
}


#loginrightpanel {
width: 245px;
padding-bottom: 15px;
float: left;
}

#loginrightpanel a {
color: #577D88;
text-decoration:none;
font-weight:bold;
}

#loginrightpanel a:hover {
color: #A63550;
text-decoration:none;
font-weight:bold;
}



#rightpanel {
width: 245px;
padding-bottom: 15px;
float: left;
}

.rightpanelobject {
border: 1px solid #c5c2bd;
width: 234px;
height: 60px;
}



#catlinks{
margin:0;
padding:0;
padding-bottom:4px;
padding-top:4px;
}


#catlinks li{
display: inline;
}

#catlinks a{
display:block;
margin-bottom:2px;
font-size:12px;
line-height:29px;
padding-left:20px;
}

#catlinks a:hover{
text-decoration:underline;
}


.categoryname a {
background-color:#577d89;
color: #fcf3e4;
text-decoration:none;
}

.subcategoryname a {
background-color:#e6e0d7;
color: #a63550;
text-decoration:none;
}

.subcategorynameactive a {
color: #a63550;
text-decoration: underline;
font-weight:bold
}

.othercategories a {
background-color:#a63550;
color: #fcf3e4;
text-decoration:none;
}


.titleadminleft a {
background-color:#a63550;
color: #fcf3e4;
text-decoration:none;
cursor:text;
}



#footer {
border-top: 9px solid #a63550;
padding-top: 16px;
}

.footerleft {
float: left;
margin-bottom: 17px;
}

.footerright {
float: right;
font-size: 12px;
color: #717070;
text-align:right;
}

.footerright a {
color: #717070;
text-decoration:none;
}

.footerright a:hover {
color: #577d89;
}

.itadvancedlink a {
color: #a63550;
text-decoration:none;
}

.itadvancedlink a:hover {
color: #577d89;
}


div.googlecanal {
margin-left: 15px;
}


div.resulthome2 {
text-align:left;
color:#887755;
}

div.resulthome2  p {
color: #887755;
}

div.resulthome2 a{
color: #CC3322;
text-align:center;
text-decoration:none
}

div.resulthome2 a:hover{
text-decoration:underline
}




.resulthomeurl {
font-size: 12px;
text-decoration:underline;
color: #887755
}

.resulthometitle {
color:#CC3322;
font-weight:bold;
text-decoration:none;
margin: 0;
font-size: 15px;
}



#seclinks{
margin:0;
padding:0;
background-color:#ECECEC;
padding-bottom:4px;
padding-top:4px;
}

#seclinks li{
display: inline;
}

#seclinks a{
background-color:#fff;
display:block;
color:#474747;
margin-bottom:2px;
text-decoration:none;
font-family:verdana, sans-serif;
font-size:12px;
line-height:26px;
padding-left:20px;
}
#seclinks a:hover{
text-decoration:underline;
}

#seeforarea{
margin:0;
padding:0;
background-color:#FFFFFF;
padding-bottom:0px;
padding-top:0px;
}
#seeforarea li{
display: inline;
}
#seeforarea a{
background-color:#ffffff;
display:block;
color:#CC3322;
margin-bottom:2px;
text-decoration:none;
font-family:verdana, sans-serif;
font-size:12px;
line-height:26px;
padding-left:20px;
}
#seeforarea a:hover{
text-decoration:underline;
}



.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color: #887755;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example2{ /*Demo 2 main container*/
width: 500px;
height: 180px;
padding: 4px;
color: #333333;
}

#example2 a { 
color: #CC3322;
text-decoration:none
}

#example2 a:hover { 
color: #CC3322;
text-decoration:underline
}

#example2 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}


code{ /*CSS for insructions*/
color: red;
}


div.detailspage img {
border: 0px solid #DADFE3;
padding: 2px;
}

div.detailspage a img {
border: 3px solid #DADFE3;
}

div.detailspage a:hover img  {
border: 3px solid #CC3322;
}

.details-title {
color:#CC3322;
font-weight:bold;
margin: 0;
font-size: 15px;
text-decoration:none;
}

.details-link {
color:#CC3322;
text-decoration: none;
font-weight:bold
}

.details-link:hover {
color:#CC3322;
text-decoration: underline;
font-weight:bold
}

div.editorgdata {
border: 1px solid #dbd6cd;
background-color:#FFF;
margin-top: 9px;
padding: 6px;
color: #000;
margin-bottom: 9px;
}

div.editorgdata a {
color: #A63550;
text-decoration:none;
font-weight:bold;
}

div.editorgdata a:hover {
color: #577D88;
}


div.editorgdata label {
width: 80px;
float: left;
padding: 3px;
margin-bottom: 15px;
}


div.editorgdata input, select, textarea {
padding: 3px;
border: 1px solid #577d88;
font-size: 12px;
margin-bottom: 15px;
}


div.login {
padding: 20px;
float: left;
}

.logininput {
border: 1px solid #577d88;
padding: 3px;
font-size: 13px;
font-family: Verdana, Geneva, sans-serif;
width: 300px;
}


div.editorgdata2 {
border: 1px solid #dbd6cd;
background-color:#FFF;
margin-top: 9px;
padding: 6px;
color: #A63550;
margin-bottom: 9px;
}

div.editorgdata2 a {
color: #A63550;
text-decoration:none;
font-weight:bold;
}

div.editorgdata2 a:hover {
color: #577D88ff;
}




div.editorgdata2 label {
width: 150px;
float: left;
padding: 3px;
margin-bottom: 15px;
}


div.editorgdataloginp {
border: 1px solid #dbd6cd;
background-color:#fff8a9;
margin-top: 9px;
padding: 6px;
color: #000;
margin-bottom: 9px;
}

div.editorgdataloginp a {
color: #A63550;
text-decoration:none;
font-weight:bold;
}

div.editorgdataloginp a:hover {
color: #577D88;
}


div.editorgdataloginp label {
width: 80px;
float: left;
padding: 3px;
margin-bottom: 15px;
}


div.editorgdataloginp input, select, textarea {
padding: 3px;
border: 1px solid #577d88;
font-size: 12px;
margin-bottom: 15px;
}

.manageinput {
padding: 4px;
border: 1px solid #577d88;
font-size: 12px;
margin-bottom: 15px;
width: 250px;
}

.inputwidth {
padding: 3px;
border: 1px solid #577d88;
font-size: 12px;
margin-bottom: 15px;
width: 300px;
}

.inputprice {
padding: 3px;
border: 1px solid #577d88;
font-size: 12px;
margin-bottom: 15px;
width: 50px;
}

.button {
background-color: #FCF3E4;
color: #cc3322;
border: 2px solid #577d88;
padding: 3px;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold
}

#manageitems {
margin-top: 10px;
}

div.manageitem1 {
padding: 8px; 
background-color: #fff;
border: 1px solid #d7d7d7;
}

div.manageitem2 {
padding: 8px; 
}

div.manageitem3 {
padding: 8px; 
border-bottom: 2px solid #577d88
}

div.managepost-left {
float: left;
width: 500px;
}

.shortdesc {
font-size: 11px;
color: #333
}

.shortdescinactive {
font-size: 11px;
color: #123456
}

div.managepost-right {
float: right;
width: 350px;
color: #0D4C8A;
}

div.manageitem-left {
float: left;
}

div.manageitem-left a {
color: #035482
}

div.manageitem-left a:hover {
color: #035482;
text-decoration:none
}

div.manageitem-right {
float: right;
}

div.manageitem-right li {
display: inline;
padding-right: 5px;
}

div.manageitem-right li a {
text-decoration:none;
color: #577d88
}

div.manageitem-right li a:hover {
text-decoration:none;
color: #035482
}


div.managesubmit {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 370px;
}

div.productgallerybox2 {
float: left;
width: 111px;
height: 111px;
margin-right: 4px;
}

div.productgallerybox {
float: left;
margin-right: 2px;
width: 111px;
height: 111px;
position:relative;
z-index:1;
padding: 6px;
}

div.productgallerybox img {
border: 1px solid #0691D2;
}

.productprofilebrowse { 
color: #fff;
font-family: Verdana;
font-size: 10px;
position:absolute;
top:0px;
left:0px;
z-index:2;
border:1px solid #d9d9d9;
padding:3px;
background-image:url(/images/mask.png);
}

.productprofilebrowse:hover { 
color: #fff;
font-family: Verdana;
font-size: 10px;
position:absolute;
top:0px;
left:0px;
z-index:2;
border:1px solid #d9d9d9;
padding:3px;
background-color:#577d88;
}

.productprofilebrowse a { 
color: #FFF;
text-decoration:none
}


.noteleft {
float: left; width: 135px;
padding-left: 15px;
margin-top: 8px;
}

.noteright {
float: right; 
width: 385px
}

.noteright a {
color: #CC3322;
text-decoration:none
}

.noteright a:hover {
text-decoration: underline
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*adcentre*/

.tdtitle {
background-color: #A63550;
line-height: 20px;
color: #FFF;
font-weight: bold;
padding: 3px;
text-align: center;
}

.tdtitle a {
color: #FCF3E4;
}

.tdtitleorders {
background-color: #A63550;
color: #FFF;
padding: 3px;
text-align: center;
font-size: 12px;
border-right: 1px solid #FCF3E4
}

.tdtitleorders a {
color: #FCF3E4;
}

.tdrow {
color: #A63550;
padding: 3px;
border-bottom: 1px solid #A63550;
text-align: center;

}

.tdrow a {
color: #577D89;
text-decoration:none;
}

.tdrowl {
color: #A63550;
padding: 3px;
border-bottom: 1px solid #A63550;
text-align: left;

}

.tdrowl a {
color: #577D89;
text-decoration:none;
}


.tdrowirders {
color: #A63550;
padding: 2px;
border-bottom: 1px solid #A63550;
border-right: 1px solid #A63550;
text-align: left;
font-size: 11px;
}

.tdrowirders a {
color: #577D89;
text-decoration:none;
}

.tdrowirderscenter {
color: #A63550;
padding: 2px;
border-bottom: 1px solid #A63550;
border-right: 1px solid #A63550;
text-align: center;
font-size: 11px;
}


.spacerow {
line-height: 20px;
color: #A63550;
padding: 3px;
border-bottom: 1px solid #A63550;
text-align: left;
}

.addspacerow {
line-height: 20px;
color: #A63550;
padding: 2px;
border-bottom: 1px solid #A63550;
text-align: left;
background-color: #E6E0D7;
font-size: 11px;
}

.addspacerow select {
margin: 0px;
border: 1px solid #A63550;
}

.addspacerow input {
margin: 0px;
border: 1px solid #A63550;
background-color: #A63550;
color: #FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px;
font-size: 12px;
font-weight: bold;
}

.trrow:hover {
background-color:#FFF;
cursor: inherit
}

#requestweb  {
padding: 5px;
background-color:#FFF;
border: 1px solid #577D89;
}

#requestweb label {
width: 250px;
float: left;
padding: 3px;
margin-bottom: 15px;
}

#requestweb input, textarea {
padding: 3px;
border: 1px solid #258ec9;
font-size: 12px;
margin-bottom: 15px;
width: 400px;
}

#requestweb select {
padding: 3px;
border: 1px solid #258ec9;
font-size: 12px;
margin-bottom: 15px;
}


/* FACEBOOK POPUP WINDOWS WIKI START */

#facebox .b {
background:url(/images/b.png);
}

#facebox .tl {
background:url(/images/tl.png);
}

#facebox .tr {
background:url(/images/tr.png);
}

#facebox .bl {
background:url(/images/bl.png);
}

#facebox .br {
background:url(/images/br.png);
}

#facebox {
position: absolute;
width: 100%;
top: 0;
left: 100;
z-index: 100;
text-align: center;
}

#facebox .popup {
position: relative;
}

#facebox table {
margin: auto;
border-collapse: collapse;
}

#facebox .body {
padding: 10px;
background: #fff;
width: 650px;
}

#facebox .loading {
text-align: center;
}

#facebox .image {
text-align: center;
}

#facebox img {
border: 0;
}

#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}

/* FACEBOOK POPUP WINDOWS WIKI END */

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #E6E0D7;
border: 1px solid #A63550;
padding: 10px;
font-size: 12px;
line-height: 13px;
}

div.htmltooltip img {
margin-bottom: 10px;
border: 1px solid #577D89;
}

.adspacesrow {
width: 100px;
border-bottom: 1px solid #A63550;
}

.adspacesrow-left {
float: left;
width: 400px;	
}

.adspacesrow-right {
float: right;
width: 300px;
}


/**********************************************************************************
* GENERIC JQUERY																  *
**********************************************************************************/


.ui-scroller { margin-bottom:20px;  }

.yourwebsites {	height: 200px; }

.ui-scroller .next:hover { background-position: 0 -68px }
.ui-scroller .prev:hover { background-position: 0 -204px }

.ui-spinner { height:220px; width:410px; position: relative; margin-top:50px }
.ui-spinner a { position: absolute; left:90px }
.ui-spinner img { display: block; border: none; width: 208px; height: 168px; border: 1px solid #a63550 }
 
#preamble	#intro	 { width:410px; margin-left: -470px; }
#preamble	p { background:none; margin: 0; padding: 0}
#preamble .ui-spinner { position: absolute; top:0; right: 50%; left: 50%}
#preamble	#intro	h1 { color: #A63550; margin: 0px; padding: 0px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }





