/* CSS Document */

/*main*/
body {
	font-family: "Times New Roman", Times, serif;
	font-size:0.7em;
	color: #5b5c5b;
	margin: 0 ;
	background: #06b0d4 url("/images/body-bg.gif") repeat-x top left;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color:#0182aa;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: none;
	color:#45b7e3;
}

h1 {font-size: 0.85em;font-weight:normal; color:#ffffff; margin: 0px 0px 10px 0px; padding: 5px 0px 0px; text-transform: uppercase;}
h2 {font-size: 1.3em;color:#0186b0;margin: 0px 0px 2px 0px;padding: 6px 0px 6px 0px; text-transform: uppercase;}
h3 {font-size: 1.3em;color:#0186b0;margin: 0px 0px 2px 0px;padding: 6px 0px 6px 0px; }
h4 {font-size: 1.3em;font-weight:normal;color:#9d0404;margin: 0px;padding: 6px 0px 6px 10px; background:url("/images/h4-bg.gif") no-repeat top left; }
h5 {color:#2974ae;font-size: 1.1em;margin: 0px;margin-right: 4px;padding: 3px;background: #c1daef;}
h6 {text-align: left;color:#1286c2;font-size: 1.2em;margin: 0px;padding: 0px;}
h2 .big {font-size: 1.1em; font-weight: bold; color:#273235;}

/*content*/
#bg2 {margin: 0; background: url("/images/bg2.gif") repeat-x top left; padding: 0px; height: 250px;}

#container { margin: auto; width:800px; background: url("/images/container-bg.gif") repeat-x top left; }

#shortlist { background: url("/images/shortlist-bg.gif") repeat-x top left; width:222px; height: 80px; padding:10px 0px 10px 10px; text-align: right; margin:28px 0px 10px 568px; color:#44bbe0;}
#shortlist h3 {font-weight:normal; color:#44bbe0; text-transform: uppercase; margin: 0px; padding: 0px 10px 0px;}
#shortlist p { font-size: 1.2em; padding: 0px; margin: 10px 0px;}
#shortlist .highlight {font-size: 1.3em; padding-right: 10px;}
#shortlist img {margin-right: 10px;}

#paypal { float: left; width: 231px; padding-top: 18px;}

/*largepanel*/
#largepanelhome { margin:0px; height: 109px; background: url("/images/large-panel-bg.gif") no-repeat top left; padding: 90px 0px 0px 35px;}
#largepanelhome h3 {margin: 0px; padding: 0px;}
#cp-large-hover {text-indent : -9999px; float:left;}
#cp-large-hover a {background: url("/images/cp-lg-bg.gif") no-repeat top left; width:400px; height:336px; display: block;}
#cp-large-hover a:hover {background-position: bottom left;}
#ha-large-hover {text-indent : -9999px; float:left;}
#ha-large-hover a {background: url("/images/ha-lg-bg.gif") no-repeat top left; width:400px; height:336px; display: block;}
#ha-large-hover a:hover {background-position: bottom left;}

#largepanelhome img {float: right; margin: 10px 42px 0px 0px;}
#largepanelhome p { padding:0px 0px 5px 0px; margin: 0px; font-size: 1.2em; color: #403f3f;}
#largepanelhome .box {width: 170px; margin-right: 15px; float: left;}
#largepanelhome select {padding: 3px;}

/*horinav*/
#horinav { margin:0px; background: url("/images/horinav-bg.gif") no-repeat top left; height: 45px;text-align: center;}
#horinav ul { padding: 15px 0px 0px 230px; margin: 0px; }
#horinav li { float: left; list-style: none; text-transform: uppercase; margin: 0px; }
#horinav li a {color:#9bc2ce; padding:7px 15px; background:url("/images/horinav-li-bg.gif") no-repeat top right; font-weight: normal; font-size: 1.1em;}
#horinav li a:hover { color: #ffffff;}
#horinav li a.end {background: none;}

/*leftnav*/
#leftside {float: left; margin-top: 10px; width:200px; text-transform: uppercase; margin-bottom: 10px;}
#leftnav {background: #d1cfcf url("/images/leftnav-bg.gif") no-repeat top left; width: 170px;  padding:15px;}
#leftnav ul { margin: 10px 0px 0px 0px; padding:0px;}
#leftnav li { list-style: none; border-bottom: 1px solid #e4e4e4; margin: 0px; padding: 0px;}
#leftnav li a { padding: 6px 0px 7px 0px; color: #383939; font-weight: normal; display: block; font-size: 1em;}
#leftnav a:hover { color:#017aa0;}
#leftnav h3 { font-weight: normal; margin:0px; padding:0px; color:#273235;}
.viewall { background: url("/images/left-viewall-bg.gif") no-repeat top left; width: 200px; height: 25px; padding-top: 14px;}
.viewall p {margin: 0px; padding: 0px;}
.viewall a {color: #9bc2ce; font-weight: normal; padding: 10px 0px 10px 40px;}
.viewall a:hover {color: #ffffff;}

/*maincontent*/
#block-content {height: 100%; overflow: auto; padding-bottom: 10px;}
#maincontent { width:590px; float: right; margin-top: 10px;}
.featured-heading { background: url("/images/featured-heading-bg.gif") no-repeat top left; height: 33px; padding: 2px 0px 0px 10px;}
.featured-heading h3 { color: #0186b0; font-weight: normal; text-transform: uppercase;}

.feature-panel {background: #ffffff; margin: 0px; overflow: auto; height: 100%; padding: 10px 0px; margin-bottom: 10px;}
.feature-panel p {text-align: justify; font-size: 1.1em; color:#023b4e; padding: 0px 15px 5px 15px;}
.feature-panel h3 {font-size: 1.3em; color:#023b4e; padding: 5px 15px 5px 15px;}
.prodfeat {border:4px solid #d8d6d6; width:172px; height: 249px; background: url("/images/prodfeat-bg.gif") no-repeat top center; float: left; margin: 0px 0px 10px 12px;}
.prodfeat h3 { font-size: 1.1em;  padding: 5px 0px 5px 10px; width: 120px; height: 30px;}
.prodfeat h3 a { font-weight: normal; color:#023b4e;}
.prodfeat h3 a:hover { color:#0186b0;}
.prodfeat p {text-align: right; color: #023b4e; padding: 15px 10px 0px 0px; font-size: 1.1em; margin:0px;}
.prodfeat .price { font-size: 1.5em; font-weight: bold;}

#content-text {background: #e1e0e0 url("/images/content-text-bg.gif") no-repeat top left; padding: 15px; clear: both; margin-bottom: 10px;}
#content-text p { text-align: justify; color: #394245; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 7px 0px;}
#content-text h2 {font-size: 1.2em; color:#039fc7; margin: 0px 0px 10px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px dotted #b5b3b3; font-weight: normal; text-transform: uppercase;}
#content-text ul {font-family: Arial, Helvetica, sans-serif;}
p.calltoaction { height: 37px; margin:0px 0px 0px 15px; font-size: 12px; width: 185px; padding: 0px; background: none; clear: both; text-transform: uppercase;}
p.calltoaction a {display:block; background: url("/images/calltoaction-btn.gif") no-repeat top left; height: 20px; color: #008db9; padding: 10px 35px 7px 10px;}
p.calltoaction a:hover { color:#025873; background-position: bottom left;}

/*propdetails*/

#goback { width:223px; margin: 15px;}
#goback a {background: url("/images/goback-bg.gif") no-repeat top left; color: #ffffff; display: block; padding: 7px 0px 9px 35px; font-weight: normal; font-size: 1.1em; text-transform: uppercase;}
#goback p {margin: 0px; padding: 0px;}
#goback a:hover { color: #0186b0;}

#overview { background: #dbd9d9 url("/images/overview-bg.gif") no-repeat top left; height:327px; border-top: 2px solid #bcbbbb; margin: 0px 15px;}
#gallery { float: left; width:215px; margin: 15px;}
#gallery img {border: 1px solid #d7d3d3;}
#thumbs {margin-top: 10px;}
.thumbmargin {margin-left: 10px;}
#overview-txt { float: right; width: 293px; margin:15px 0px 15px 0px; padding-right: 15px;}
#overview-txt h3 { border-bottom: 1px dotted #bfbfbf; text-transform: uppercase; font-weight: normal; padding-top: 0px;}
#overview-txt p {font-size: 1.1em; color: #023b4e; margin: 0px; padding: 6px 0px; text-align: justify;}
#overview-txt p.right {text-align: right;}
#overview-txt p.ourprice {text-align: right; background: #ffffff; padding: 8px; color: #0186b0; font-size: 1.4em;}
#overview-txt .price {font-weight: bold; font-size: 1.2em;}
#overview-txt p.right img {vertical-align: middle; margin-right: 5px;}
#overview-txt p.add {text-align: right; margin-top: 20px;}

/*footer*/
#footer {background: url("/images/footer-bg.gif") repeat-x bottom left; height:309px; clear: both; padding-top: 20px;}
#footermid {background: url("/images/footermid-bg.gif") no-repeat top left; height: 230px; margin: auto; width: 800px; margin-top: 0px;}
#footercontact { float: left; width:170px; margin: 10px 43px 0px 15px;}
#footercontact h3 {color: #ffffff; text-transform: uppercase; margin: 0px; padding: 0px; font-size: 1.4em;}
#footercontact p {font-size: 1.3em; color: #ffffff; margin: 10px 0px; padding: 0px;}

#footermid .footernav {width:270px; float: left; margin:10px 15px 0px 0px; height: 200px;}
#footermid .footernav h3 {color: #273235; text-transform: uppercase; margin: 0px; padding: 0px; font-size: 1.4em; }
#footermid .footernav ul {margin: 15px 0px 0px 0px; padding: 0px;}
#footermid .footernav li { list-style: none; border-bottom: 1px solid #c0bfbf; margin: 0px; padding: 0px;}
#footermid .footernav li a { padding: 8px 0px 9px 0px; color: #017da4; font-weight: normal; display: block; font-size: 1em; text-transform: uppercase;}
#footermid .footernav a:hover { color:#4c4d4d;}

#footerlogos { height: 73px; float: right; width: 300px;}
#footerlogos p {margin: 0px; padding: 45px 0px 0px;}
#footerlogos a {float: right; text-indent: -9999px; margin-left: 25px;}
#footerlogos a.pw {background: url("/images/pw-logo.gif") no-repeat top left; width:123px; height:43px;}
#footerlogos a.plaggy {background: url("/images/plaggy-logo.gif") no-repeat top left; width:126px; height:43px;}
#footerlogos a:hover {background-position: bottom left;}

#footercopyright { float: left; width: 450px; text-transform: uppercase; color: #ffffff; margin-top: 25px; clear: both; padding-top: 10px;}
#footercopyright a {text-transform: none; font-weight: normal; color: #ffffff; text-decoration: underline; margin: 0px 5px; font-size: 1em;}

.pagination-bar {margin:10px 14px 10px 13px; background:#d8d6d6 url("/images/pagination-bg.gif") repeat-x top left; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; clear: both;}
.searchnav {margin-bottom: 0px;}
.searchnav p {margin:0px; padding:15px; font-size: 1em;}
.searchnav a {padding: 3px 8px 3px 8px; background: #ffffff; border: 1px solid #cfcdcd; margin: 0px 5px 0px 0px;}
.searchnav a:hover {border: 1px solid #0186b0; color: #023b4e;}
.filtersort {float:right; padding: 11px 15px;}


/*shopping-bag*/
.bagitem {background: url("/images/bagitem-bg.gif") repeat-x top left; height:72px; margin: 0px 15px 10px 15px; padding: 10px;}
.bagitem img {margin: 0px; float: left; padding: 0px; border: 3px solid #d9d7d7;}
.bagitem p {float: left; padding: 0px 0px 0px 10px; margin:0px;}
.bagitem p.product {width: 210px;}
.bagitem p.others {width: 50px;}
.blue-text {color: #0186b0;}
.bagitem p.remove { height: 23px; padding: 0px 15px 0px 0px; background: none; text-align: right; float: right; margin-top: 12px;}
.bagitem p.remove img {border: none; margin-left: 10px;}
#maincontent p.totalcost {text-align: right; font-size: 1.4em; padding: 10px; border: 1px solid #cecdcd; margin: 15px 15px 15px 352px;}
#maincontent p.checkout { height: 32px; width: 223px; padding: 0px; background: none; text-align: right; margin: 15px 15px 15px 352px;}
#maincontent p.checkout a {display:block; background: url("/images/checkout-bg.gif") no-repeat top left; height: 17px; color: #ffffff; padding: 7px 30px 8px 0px; font-weight: normal; font-size: 1.2em;}
#maincontent p.checkout a:hover { color:#d5d3d3;}

/*classes*/
.white-text {color: #ffffff;}
.green-text {color: #017aa0;}

/*forms*/

#searchtable tr
{
    height:22px;
    }
#searchtable td
{
    text-align:left;
    padding: 4px 4px 4px 4px;
    
}

.fixwidth
{
    font-size:1em;
    width:170px;
    height: 22px;
    }

#sellerform table
    {
    margin:5px 0px 15px 15px;
    }


#sellerform td
    {
        font-size: 1.2em; color:#023b4e;
    }
    
#sellerform input, select
    {
    font-size: 1em;
    width:160px;
    }

#cardform td
    {
     
        font-family: Arial, Helvetica, sans-serif;

    }

#cardform .cards { width:110px}    
#cardform .dates { width:60px}

.createaccountbox {width: 258px; float: left; padding: 10px; border: 1px solid #dedede; margin-left: 10px; background: #e9e9e9; height: 270px; border-top: 4px solid #0186b0;}
.createaccountbox h3 {font-size: 1.3em; color:#023b4e; padding: 5px 15px 10px 15px; border-bottom: 1px solid #cecfcf;}

.googmap {border: 4px solid #ced0d0;}