/* CSS Document */

/****************************************************************

Partylicious - "partylicious.com.au"

Written by Robert Spriggs for CanvasDesign, (c)2007 Robert Spriggs and Canvas Design, all rights reserved

The code will remain the copyright of Robert Spriggs and Cavas Design, but may be freely modified
for the The Designer Gift website only (currently thedesignergift.com.au),
or further developed for that website only, without additional permission.

The code will only be used on one server to host one domain's site at any
one time and will not be resold (unless sold as part of the website and services,
in which case this copyright condition continues and is passed to the new owner)
or made publicly available.

Robert Spriggs and Canvas Design reserves the right to use the code elsewhere, but will not divulge
that the code is used for the The Designer Gift site or make the
code publicly available.

No part of this copyright message may be edited or removed.

*****************************************************************/

body {
   background: #fff;
   font-family: arial, helvetica, sans-serif;
   margin-top: 0;
   padding-top:0;
}

#header img { border:0; display: block;}



#header {
   background: #fff;
}

#menu {
   background: #f28002;
   width: 100%;
}

#menu ul.leftright {
   font-size: 80%;
   margin-left: 130px;
   background: #666;
}

#menu li.first {

}

#menu ul.leftright li.current {
    background: #fff;
    color: #f28002;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#menu ul.leftright li.current a {
    padding-top: 0;
    padding-bottom: 0;
	color: #f28002;
}

#menu ul.leftright li a, ul.leftright li a , ul.leftright li a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    color: #fff;
}

#menu ul.leftright li a:hover, ul.leftright li a:active , ul.leftright li a:focus {
/*    background: #e0e0e0;
    color: #cd0f0f;  */
    background: #fff;
    color: #f28002;
    text-decoration: none;
}

#bglineholder {

	width:900px;
	background:url(../images/site/bg.gif) repeat-x 0 0;
	padding-bottom:30px;
	text-align:left;
	margin:0;

}

#wrapper {
   width: 796px;
   background: #fff url(../images/site/wrapback2.gif) repeat-y;
}


.sideborder {

	padding:0 7px 0 7px;
	background:url(../images/site/sideborders.gif) repeat 0 0;

}


#twocol #leftcol {
   margin: 10px 3px;
   width: 104px;
   background: #7fc028;
}

#twocol #leftcol h2 a.morebutton {
   font-size:80%;
   color:#7fc028;
}

#twocol #content {

   font-size: 75%;
   width:632px;
   
}



#home-images img {

	border:0;
	display: block;

}

	



#home-images #leftcolumn {

	width:307px;
	float:left;

}

#home-images #1-whatsnew {

	

}

#home-images #2-salesale {

	

}

#home-images #3-joml {

	

}

#home-images #rightcolumn {

	width:325px;
	float:right;

}


#home-content {

	width:632px;
	float:left;

}

#home-content #text {

	padding: 0 0 10px 24px;
	width:390px;
	float:left;

}

#home-content #sidegraphics {

	padding: 0;
	width:206px;
	float:right;

}

#home-content #sidegraphics .imageitem {

	float:right;

}

#home-content #sidegraphics .imageitempadding {

	float:right;
	margin-bottom:15px;

}


















#content-padding {

   margin: 0 7px 7px 7px;
   padding: 0;

}

#content #maincol {
   width: 383px;
}

#HomeImages img {
   margin: 0 9px 9px 0;
   border: 2px solid #e0e0e0;
}
#HomeImages img.noright {
   margin-right: 0;
}
#HomeImages p {
   margin: 0 0 1em 0;
}

#wrapper .sideborder #leftcol {

	width:127px;

}

#leftcol hr {
  width: 95%;
  text-align: center;
  margin: 0 auto;
}

#leftcol .block {
   font-size: 80%;
   margin-bottom: 20px;
   border: none;
   background: #7fc028;
}
#leftcol .block h2 {
   background-color: #fff;
   font-size: 130%;
   width: 121px;
   color:#850d82;
   font-weight: bold;
   text-transform:lowercase;
}

#leftcol .block p {
   margin: 2px 3px 2px 3px;
   padding: 0;
   color:#fff;
}

#leftcol .block ul {
   list-style-type:none;
   margin: 0 3px 2px 3px;
   padding: 0;
}
#leftcol .block img {
   margin: 0 auto;
}
#leftcol .block a {
   color: #fff;
   text-decoration: none;
}
#leftcol .block h2 a {
   color: #fff;
}
#leftcol .block a:hover, #leftcol .block a:active, #leftcol .block a:focus {
   text-decoration: underline;
   font-weight:normal;
}

#footer {
   width: 796px;
   height:30px;
   margin: 0 auto 20px;
   padding:10px 0 0 0;
   text-align:center;
   background:url(../images/site/footerbg.gif) no-repeat 0 100%;
   font-size: 80%;
   color: #fff;
}

* HTML #footer {
   font-size: 70%;
}


.ContentLeft {
   width: 440px;
   display: block;
   float: left;
   margin:0 0 0 10px;
   background:#fff;
   float:left;
}

.ContentRight {
   width: 157px;
   display: block;
   text-align: right;
   float: right;
   margin:15px 0 0 0;
}


.smallleft {
   width: 120px;
   display: block;
   float: left;
   margin:0 0 0 15px;
}

.smallright {
   width: 430px;
   display: block;
   text-align: right;
   float: right;
   margin:15px 0 0 0;
   background:#fff;
}

h1 {
   color: #850d82;
   margin-bottom: 1em;
   font-size: 180%;
}

h2 {
   color: #850d82;
   margin-top: 1.5em;
   margin-bottom: 0.5em;
   font-size: 125%;
}

p {

	font-size:110%;
	line-height:17px;

}

#content fieldset p, #content fieldset legend {
   color: #850d82;
}

#content fieldset {
   padding: 0.5em;
}

#content fieldset p.buttons {
   text-align: left;
}
#content fieldset input.button,  #content input.button {
   color: #850d82;
   border: 1px solid #850d82;
   background: #fee;
   font-size: 90%;
}

#content a {
   color: #000;
   text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus  {
    color: #850d82;
}

ul.sitemap {
   list-style-type: none;
   margin: 2em 0;
   padding: 0;
}

.BrowseNav {
   margin: 15px 0;
}
.BrowseNavback {
   width: 180px;
   display: block;
   float: left;
}
.BrowseNavmore {
   width: 435px;
   display: block;
   text-align: right;
}
.BrowseNavmore ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.BrowseNavmore li {
   display: inline;
   padding: 0 3px;
}
.BrowseNavcheck {
   font-size: 120%;
   text-align: right;
   width: auto;
}
#content .BrowseNavcheck a {
   border: 1px solid #850d82;
   padding: 0.2em 0.7em;
   background-color: #fff;
   color: #850d82;
}









/* FOR WHEN YOU WANT THE CART TO HAVE ITEMS THAT TAKE UP AN ENTIRE ROW*/

/*

#content form fieldset.prodpagerow {
   border: none;
   padding: 0;
   margin: 0;
 
}

hr.hrgreen-thick {

	border-top:1px solid #7fc02f;

}

hr.hrgreen {

	border:1px dashed #7fc02f;

}


#content form fieldset.prodpagerow legend {
   display: none;
}
#content form fieldset.prodpagerow label {
   width: 5em;
   color: #000;
}

#content fieldset.prodpagerow input.button {
   border: 1px solid #850d82;
   color: #850d82;
   background: #eee;
   padding: 0;
   font-size: 80%;
}

fieldset.prodpagerow .prodpagerowleft {
   width: 150px;
   display: block;
   float: left;
   text-align: center;
   margin: 10px 0;
}

fieldset.prodpagerow .prodpagerowleft img {
  border: 3px solid #7fc02f;
}

fieldset.prodpagerow .prodpagerowrest {
   width: 150px;
   display: block;
   margin: 10px 0 0 10px ;
   float: left;
}

fieldset.prodpagerow .prodpagerowmiddle {
   width:170px;
   display: block;
   float: left;
}

#content fieldset.prodpagerow .prodpagerowmiddle h2 {
   color: #000;
   font-size: 110%;
   font-weight: normal;
   margin: 0 0 1em 0.1em;
}

fieldset.prodpagerow .prodpagerowright {
   margin: 0 0 10px 230px;
   width: 180px;
   display: block;
}

*/








#content form fieldset.prodpagerow .buttons {

	text-align:left;
	margin-top:10px;

}



#content form fieldset.prodpagerow {
   border: none;
   padding: 0;
   margin: 0;
   
   width:145px;
   height:282px;
   
   float:left;
   
}

hr.hrgreen-thick {

	border-top:1px solid #7fc02f;

}

hr.hrgreen {

	border:1px dashed #7fc02f;

}


#content form fieldset.prodpagerow legend {
   display: none;
}
#content form fieldset.prodpagerow label {
   width: 4em;
   color: #000;
}

#content fieldset.prodpagerow input.button {
   border: 1px solid #850d82;
   color: #850d82;
   background: #eee;
   padding: 0;
   font-size: 90%;
}


#content fieldset.prodpagerow p.buttons {
   color: #850d82;
   padding: 0;
   text-align:left;
   
   border: 1px solid #850d82;
}

fieldset.prodpagerow .prodpagerowleft {
   
   display: block;
   float: left;
   text-align: center;
   margin: 10px 0;
}

fieldset.prodpagerow .prodpagerowleft img {
  border: 2px solid #e0e0e0;
}

fieldset.prodpagerow .prodpagerowrest {
   width: 145px;
   display: block;
   margin: 8px 0 0 5px ;
   float: left;
}

fieldset.prodpagerow .prodpagerowmiddle {
   width:145px;
   display: block;
   float: left;
}

#content fieldset.prodpagerow .prodpagerowmiddle h2 {
   color: #850d82;
   font-size: 110%;
   font-weight: normal;
   margin: 0 0 1em 0.1em;
}

fieldset.prodpagerow .prodpagerowright {
   margin: 0;
   width: 145px;
   display: block;
}


#content h2.modelline {

	margin:0;
	padding:0;

}

#content p.modelline {

	margin:0;
	padding:0;

}

#Latest {

   /*margin-top: 20px;*/
   padding: 2em 0 0 0;
   width: 100%;
  /* border: 1px solid #7fc02f;*/
   
   clear:both;
}

#Latest #RedBar {
   background: #7fc02f;
   padding: 1em 0.5em;
   margin: 0 0 0 0;
}
#Latest h1 {
   color: #fff;
   font-size: 140%;
   width: auto;
   display: inline;
   padding-right: 10px;
}
#Latest #RedBar p {
   display: inline;
   color: #fff;
   margin-right: 1em;
}
#Latest #RedBar p a {
   color: #fff;
}
#Latest #RedBar p a:hover, #Latest #RedBar p a:focus, #Latest #RedBar p a:active {
   color: #fff;
   text-decoration: underline;
}

.LatestImage {
   display: inline;
   width: 146px;
   float: left;
   margin: 5px 0 10px 5px;
}

#Latest p {
   margin: 0 0 0.1em 0;
}

#Latest img {
  border: 2px solid #e0e0e0;
}


p.center {
   text-align: center;
}

table {
   border: 1px solid #7fc02f;
}

thead th {
        background: #7fc02f;
        border-bottom: 1px solid #7fc02f;
}

th, td {
   border-right:1px solid #7fc02f;
   border-bottom:1px dashed #7fc02f;
}

div.formerror {
      
}

#content .prodpagerow .formerror {
   padding-top: 12px;
   padding-bottom: 15px;
   padding-left:40px;
   padding-right:10px;
   font-weight: bold;

/*   width: 90px;
   float:left;
   margin:0;
   z-index:9999;
   position:absolute;
   top:209px;*/

   
}




div.formerror {

      background: #f7f7f7 url(../images/site/exclamation.gif) no-repeat 2px 2px;
      color: #000;
      margin: 0 10px 15px 0;
}
div.formerror p {
        margin: 0.2em 0 0.2em 0;
}
div.formerror ul {
        margin: 0 0 0.3em 1em;
        list-style-type: none;
        padding-left: 0px;
}
div.formerror li {
        padding: 0 0 0 35px;
        background: url(../images/site/arr3.gif) no-repeat 0 50%;
}

















textarea {
   font-size: 120%;
}

blockquote.message {
   border: 1px solid #7fc02f;
   margin: 0.5em 0 1em 0;
   padding: 0.5em 0.5em 0.5em 56px;
   background: #ffefef url('../images/site/gift42.gif') no-repeat 5px 5px;
}

blockquote.message p.editlink {
   text-align: right;
   padding-right: 0.5em;
}

p.addmessage {
   border: 1px solid #7fc02f;
   margin: 0.5em 0 1em 0;
   padding: 0 0 0 28px;
   background: #ffefef url('../images/site/gift20.jpg') no-repeat 5px 50%;
}

p.addmessage a {
   padding: 0.5em 0 0.5em 0;
   width: 100%;
   display: block;
}

#content ul.tabs {
   list-style: none;
   margin: 0 0 0.5em 0;
   padding: 0;
   float: left;
   width: 99%;
}

#content ul.tabs li {
      background: url(../images/site/tab_left.gif) no-repeat left top;
      border-bottom: 1px solid #7fc02f;
      display: block;
      float: none;
      float/* \ */:left;
      float:left;
      /* \*/ float:left; /* */
      margin: 0 1px 0 0;
      padding:0 0 0 2px;
      font-weight: bold;
}

#content ul.tabs div {
      background:url(../images/site/tab_right.gif) no-repeat right top;
}

#content ul.tabs div.noselect {
      background:url(../images/site/tab_right_noselect.gif) no-repeat right top;
      color: #aaa;
      display: block;
      clear: left;
      font-size: 1em;
      padding: 4px 6px 5px 2px;
      width: auto;
}

#content ul.tabs a  {
      display: block;
      clear: left;
      font-size: 1em;
      padding: 4px 6px 5px 2px;
      text-decoration: none;
      width: auto;
}

#content ul.tabs a:hover, ul.tabs a:active {
        background: #fff;
        border-top: #ddd 1px solid;
        border-right: #ddd 1px solid;
        padding: 3px 5px 5px 2px;
        text-decoration: underline;
}

#content ul.tabs li.current {
      background: url(../images/site/tab_current_left.gif) no-repeat 0 0;
      margin-bottom:0;
}

#content ul.tabs li.current div {
      background: url(../images/site/tab_current_right.gif) no-repeat 100% 0;
      color: #333;
      padding: 4px 6px 5px 2px;
}

p.secure {
      background: #AFD89E url(../images/site/rapidssl_ssl_certificate.gif) no-repeat 5px 50%;
      height: 35px;
      border: 1px solid #51AA67;
      margin: 0.5em 0 1em 0;
      padding: 20px 0 0 100px;
      font-size: 110%;
      font-weight: bold;
}

p.subtitle {
   margin: 0 0 1em 1em;
   font-size: 130%;
   color: #cd0f0f;
}
ul.SubCategories {
   margin: 0 0 1em 0;
   padding: 0;
   list-style-type: none;
   font-size: 120%;
}
ul.SubCategories li {
   padding: 0 0 0 20px;
   background: url('../images/site/diamond.gif') no-repeat 5px 2px;
}



















/*//////////////////////////////////////////////////////*/
/*//////////////// GALLERY MENU STYLING////////////////*/
/*////////////////////////////////////////////////////*/



/*///////////////// PORTFOLIO PARTS ///////////////////*/


#portmenus {

	width:110px;
	float:left;
	border:1px dotted #850d82;
	margin:10px 0 0 10px;

}

#portmenus h1 {

	color:#850d82;
	font-size:120%;
	font-weight:normal;
	padding: 3px 0 3px 0;
	margin:0 0 0 15px;
	font-weight:bold;
	text-transform:lowercase;

}

#portitem  {

	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	
	text-align:left;

}

#portitem img {

	border: 4px solid #7fc02f;

}


#detailholder {

	background:#fff;

}


#content #description {

	margin: 15px 0 0 0;
    padding: 2px;
	
	font-size:110%;
	
	color:#850d82;
	clear:both;
	
	border:1px solid #7fc02f;
	

}

#content-gal {

	width:480px;
	float:right;
	
	

}



.pagenav {
	  
	  margin: 15px 20px 0 0 ;
      padding: 2px;
	  padding-right:20px;
      background: #fff;

	  float:left;
	  
	  background:none;
	  
	  border-top:1px solid #7fc02f;
	  border-bottom:1px solid #7fc02f;
	  
	  color:#850d82;

}

.pagenav h2 {
      font-weight: normal;
      display: inline;
	  
	  background:none;
}

.pagenav ul {
      display: inline;
      margin: 0;
      padding: 0;
	  
	  background:none;
}

.pagenav li {
      display: inline;
      padding: 5px;
	  
	  background:none;
}

.pagenav li.first {
      background: none;
      padding-left: 0;
	  
	  background:none;
}

.pagenav li a {
        color: #850d82;
        text-decoration: underline;
		
		background:none;
}

.pagenav li a:hover {
        color: #7fc02f;
        text-decoration: underline;
		
		background:none;
}


/*//////////////// DISCIPLINES MENU STYLES ///////////////////*/


.disc {
   padding: 0;
   margin: 0 20px 0 0;
   width: auto;
   color:#7fc02f;
   
}

.disc ul {
   margin: 0 0 0 0;
   padding: 0 0 1.5em 0;
   list-style-type: none;
   
}

.disc h1 {
   margin: 0;
}

.disc li {
	color: #850d82;
	text-decoration:none;
	padding: 2px 0 2px 0;

}

.disc li.last {


}

.disc li.current, .disc li.currentlast {

	padding: 3px 0 3px 0;
	text-decoration:none;

}

.disc li.currentnone , .disc li.currentnonelast {
   color: #850d82;
}

.disc li.currentnone a, .disc li.currentnonelast a {
   color: #850d82;
}

.disc li.current a, .disc li.currentlast a {
   color: #850d82;
}

.disc li.current li a, .disc li.currentlast li a {
   color: #850d82;
}

.disc li.current li.current a, .disc li.currentlast li.currentlast a {
   color: #777;

}

.disc a {
   padding: 3px 0 3px 15px;
	text-decoration:none;
	color:#7fc02f;
}


.disc a:hover, .disc a:active {
   color:#7fc02f;
	padding: 3px 0 3px 15px;
	text-decoration:underline;
	background:url(../images/site/arrow-yellow.gif) no-repeat 0 5px;
}



