/*
|=================================================================|
|							          |	
| 		         FLORAL PINK		          	  |
|							          |	
|=================================================================|
|							          |
| Theme Name: Floral Pink				          |
| Theme URL: Serira Designs.com http://seriradesigns.com          |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 1.0						          |
| Copyright: International and domestic Copyright Laws apply      |
| 								  |
|=================================================================|
|								  |
|			LICENCE TYPE 			  	  |
|=================================================================|
| 								  |
| FloralPink is NOT General Public License (GPL) nor is it   	  |
| Open Source Software and limitations Do apply.		  |
|								  |
| You cannot copy, steal, duplicate, sell, modify, claim this 	  |
| theme, HTML or CSS as your own work, or publically display this |
| theme in or through any medium unless explicitly authorised by  |
| Serira Designs.com	  					  |		
|								  |
|=================================================================|
*/

body {margin: 5px;background: #FFFFFF;color: #696969;font:12px/20px Arial, Helvetica, Verdana, sans-serif;}
#Wrap {	background: #FFFFFF url(../styleImages/backgrounds/SwirlBg.jpg) no-repeat bottom right;	color: #696969;width:900px;margin: 0 auto;padding: 5px;border: 1px solid #CCCCCC;text-align:left;}
#Header {background-image:url(../styleImages/logo/header.gif);background-repeat:no-repeat;background-position:left top;width:900px;height: 315px;text-align: right;padding:0;margin:0;}
#Header a#Home  {float:left; height:160px; width:274px; text-decoration: none; cursor: pointer; }
#Header a#Home i { visibility: hidden; }

#facebook {float: right;display: inline;margin: 15px 10px 0 0}
#facebook a img {border: none;}

#MainNavigation {width:440px; background:#FFFFFF; height:150px; text-align:right; float:right; padding:0; margin:0;}
#MainNavigation a#Themes {background-image:url(../styleImages/navigation/Themes.png);}
#MainNavigation a#Clients {background-image:url(../styleImages/navigation/Clients.png);}
#MainNavigation a#Design {background-image:url(../styleImages/navigation/Design.png);}
#MainNavigation a#Mods { background-image:url(../styleImages/navigation/Mods.png);}

#MainNavigation a#Themes, #MainNavigation a#Design, #MainNavigation a#Clients, #MainNavigation a#Mods { width:110px; height:110px; background-repeat:no-repeat; background-position:left top; margin:0; padding:0; float:left; text-decoration: none; cursor: pointer; }
#MainNavigation a#Themes i,#MainNavigation a#Design i, #MainNavigation a#Clients i,#MainNavigation a#Mods i { visibility: hidden; }

#MainNavigation #describe {float:left; text-align:left; width:440px; height:40px; padding:0; margin:0;}
#MainNavigation #describe a.ThemeLink, #MainNavigation #describe a.DesignLink, #MainNavigation #describe a.ClientLink, #MainNavigation #describe a.ModLink {color: #FFFFFF; font-size:14px; padding-top:5px; padding-bottom:0; float:left; display:inline; text-decoration:none;}
#MainNavigation #describe .LTPinkBG, .DKPinkBG { background-repeat:no-repeat; width:440px; height:40px; border:none; position:relative; z-index:50; }
#MainNavigation #describe .LTPinkBG {background-image:url(../styleImages/navigation/onHoverLitePink.jpg);}
#MainNavigation #describe .DKPinkBG {background-image:url(../styleImages/navigation/onHoverDarkPink.jpg);}
#MainNavigation #describe .LTPinkBG a {background-color:#e7a0be;}
#MainNavigation #describe .DKPinkBG a {background-color: #CC0099;}

#MainNavigation #describe a.ThemeLink {margin-left:18px;}
#MainNavigation #describe a.DesignLink {margin-left:16px;}
#MainNavigation #describe a.ClientLink {margin-left:20px;}
#MainNavigation #describe a.ModLink {margin-left:22px;}
#MainNavigation #describe a.ThemeLink:hover,
#MainNavigation #describe a.DesignLink:hover,
#MainNavigation #describe a.ClientLink:hover,
#MainNavigation #describe a.ModLink:hover {text-decoration:underline;}
#TopLinks {width:440px; float:right; margin:0 auto; text-align:center; padding:0;}
#TopLinks a {font-size: 16px; color:#E7A0BE; background: #FFFFFF; text-decoration:none; margin: 0 10px;}
#TopLinks a:hover {color: #CC0099; background-color: #FFFFFF;}
#TopLinks img {vertical-align:middle;}
#ShoppingCart {text-align:right; margin:10px 10px 0 0; font-size:17px; height:40px;float: right;display: inline;}
#ShoppingCart .CartIcon {margin:0; padding:0;}
#ShoppingCart a {float:right;margin-top:18px;color: #E7A0BE; background-color: #FFFFFF; text-decoration:none;}
#ShoppingCart a:hover {color: #CC0099; background-color: #FFFFFF;}

/**CART LINKS
***************/
#CartLinks {margin:10px; text-align:right; }
#CartLinks a {font-size: 16px; color:#E7A0BE; background: #FFFFFF; text-decoration:none; margin: 0 10px;}
#CartLinks a:hover {color: #CC0099; background-color: #FFFFFF;}
#CartLinks img {vertical-align:middle;}

/**MAIN CONTENT
*****************/
#MainContent {width: 880px; padding:10px; margin:0;}
.boxContent {padding:0; margin-bottom:10px; float:left;	width:100%;}
#BreadCrumb a {color: #E7A0BE; text-decoration:none; }
#BreadCrumb a:hover {color: #CC0099; text-decoration:none; }
#noProds {height:150px;}

/**GRAPHIC HEADERS
********************/
#Title h2 img {position:relative; margin:0px; padding:0; vertical-align:top;}

#ExpressCheckoutTitle h2 img, 
#ExpressLogin h2 img, 
#ExpressRegister h2 img {
position:relative; 
margin:0 0 0 -5px; 
padding:0; 
vertical-align:top;
}


#ExpressCheckoutTitle h2, 
#ExpressLogin h2, 
#ExpressRegister h2, 
#CatTitle h2, 
#LatestProdTitle h2, 
#Title h2 {
font-size:28px;
line-height: 50px;
color: #E7A0BE; 
background-color:transparent; 
font-weight:normal; 
text-decoration:none;
}

#CatTitle h2 img, 
#LatestProdTitle h2 img {position:relative; margin:0 0 0 -10px; padding:0; vertical-align:top;}

#LatestProdTitle h2 span.blue, 
#Title h2 span.blue, 
#ExpressCheckoutTitle h2 span.blue,
#ExpressLogin h2 span.blue, 
#ExpressRegister h2 span.blue {color: #333366}

#LatestProdTitle h2 span.pink, 
#Title h2 span.pink {color: #E7A0BE;}

#CatTitle h2, #Title h2 {color: #333366;}

/**HOME PAGE SNIPPETS
***********************/
.HPTop {}
.HPBottom {float:left;display: inline;margin-bottom:100px;height:100%;width:880px;}
#QuickTips, #LatestNews {margin:0; padding:0;}
#QuickTips h2, #LatestNews h2, 
#QuickTips h2 a, #LatestNews h2 a {font-size:32px;line-height: 50px;color:#E7A0BE; background-color:transparent; font-weight:normal; text-decoration:none;}
#QuickTips h2 a:hover, #LatestNews h2 a:hover, 
#QuickTips h2 a:hover span.blue, #LatestNews h2 a:hover span.blue {color: #333366;}
#QuickTips h2 img, #LatestNews h2 img {position:relative; margin:0 0 0 -10px; padding:0; vertical-align:top;}
#QuickTips h2 span.blue, #LatestNews h2 span.blue {color: #333366}
#QuickTips h2 span.pink, #LatestNews h2 span.pink {color: #E7A0BE;}
#QuickTips h2,#LatestNews h2 {margin-top:0; margin-bottom:0;}
#QuickTips .Box {color: #333333; margin: 5px; padding: 10px; background: white;border: 1px dashed #DDDDDD;width: 405px;height: 180px;float:left;}
#QuickTips .Box h3, #LatestNews .Box h3 {font: normal 24px 'Impact';color: #888888;margin: 0 0 5px 0;text-transform: lowercase;}
#QuickTips .Box a, #LatestNews .Box a {color: #CC0099; background:#FFFFFF; text-decoration:none;}
#QuickTips .Box a:hover, #LatestNews .Box a:hover {text-decoration:underline;}
#LatestNews span.strong {font-weight: bold; color: #CC0099;}
#LatestNews .Box {color: #333333; margin: 0 20px; padding: 0; background: white;}
#QuickTips .Box p, #LatestNews .Box p{margin: 0 0 10px 0; font: 14px/18px "Trebuchet MS";}
#QuickTips .Box a, #LatestNews .Box a {color: #CC0099; background:#FFFFFF; text-decoration:none;}
#QuickTips .Box a:hover, #LatestNews .Box a:hover {text-decoration:underline;}

/** == LATEST PRODUCTS & CATEGORY PAGES == **/
#LatestProdTitle h2, #CatTitle h2 {margin-bottom:10px;}
.LPBox, .CPBox, .SCBox {width:210px; height:300px; float:left; margin:0 5px 10px 5px; text-align:center;}
.LPImageBox img, .CPImageBox img, .SCImageBox img {margin:0; float:left; border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE;}
.LPImageBox, .CPImageBox, .SCImageBox {background-image:url(../styleImages/backgrounds/thumbBg.jpg); background-repeat:no-repeat; width:210px; height:210px; margin:0; padding:0;border:none;}
.LPName h2, .LPName h2 a, .CPName h2, .CPName h2 a, .SCName h2, .SCName h2 a {font-size: 18px; color:#333366; background-color:transparent; font-weight:normal; text-decoration:none; margin-bottom:5px;}
.LPName h2 a:hover, .CPName h2 a:hover, .SCName h2 a:hover {color:#E7A0BE; background-color: transparent;}
.LPPrice, .CPPrice {font-size:16px; color:#E7A0BE; background-color:transparent;}

/**SUB CATEGORIES
**********************/
#SubCategories {float:left;height:400px;padding:0; margin:0 auto; text-align:center;}

/**CATEGORY PAGE
*****************/
#CategoryDescription {margin:0px 0 30px 0; padding:0; }
#CategoryDescription h3 {font-size: 18px; color:#E7A0BE; margin:0 0 18px 0; padding:0; line-height: 0;}
#CategoryDescription p {line-height:18px;}
.pagination {text-align: right;	padding-top: 5px;padding-bottom: 5px;}

/** == SINGLE PRODUCT PAGE == **/
#SPTitle h2 {font-size: 24px; color: #333366; background-color: #FFFFFF;font-weight: normal; text-decoration: none;margin: 10px 0;line-height: 30px;}
#SPTitle h2 img {position:relative; margin:-5px 0 0 -5px; padding:0; vertical-align:top;}
#LeftSide {float: left;width: 410px;margin-bottom: 50px;display: inline;}
#MainImage { background-repeat:no-repeat; width:410px; height:410px; float:left; margin-top:20px;}
#MainImage img {border:1px solid #EEEEEE;}
#RightSide {display: inline; float: left; width: 450px; margin-left: 10px; margin-bottom: 10px;}
#DescBox ul li {list-style-type:none;}
#DescBox {line-height:18px;}
#DescBox h3 {font-size: 18px; color:#E7A0BE;border-bottom:1px solid #CCCCCC;}
#DescBox ul {margin:0;}
#DescBox ul li {list-style-type: square;list-style-position: outside;margin: 5px 35px 5px 35px;color: black;}
table#SPInfo {width:100%;margin-bottom: 0px;}
table#SPInfo td {padding:3px 5px;}
table#SPInfo td.name {width:90px;font-weight:bold;}
table#SPBuy {width: 100%;margin: 0;color: #E7A0BE; }
table#SPBuy td.tag {font-size:16px; width:160px;}
table#SPBuy td.OptionsStyle, 
table#SPBuy td.sml {font-size:12px; color: #333366;}
table#SPBuy td img {vertical-align:middle; margin-left:10px;}
table#SPBuy td span {margin-left:30px;}
table#SPBuy td .Options, 
table#SPBuy td .textboxInfo {width:240px;background-color: #FFFFFF;border: 1px solid #CC0099;font-size: 12px;}
table#SPBuy td .textboxInfo {height: 18px;}
ul#SpecialFeatures li {list-style-type:square;margin:0 0 5px 20px;}
ul#SpecialFeatures li ol {color: #CC0099;margin-top:10px;margin-bottom:5px;}
ol#SFIndent li {color: #696969;}
ol#SFIndent li span {color: #CC0099; font-weight: bold;}

/** == RELATED PRODUCTS == **/
#RelatedProducts {float: left; width: 100%; height: 100%; margin: 0; padding: 0; display: inline;}
#RelatedProducts h3 {font-size: 22px; color: #E7A0BE; background-color: white;font-weight: normal; margin: 0; padding: 0;}
#SpecialTitle {color: #333366; font-size:14px;}
#highlight {color:#E7A0BE; background-color:#FFFFFF; }
.RPBox {float:left; display: inline; width: 260px; height: 410px; margin: 10px 30px 0 0;}
.RPImage {background-image:url(../styleImages/backgrounds/thumbBg.jpg); background-repeat:no-repeat; width:210px; height:210px; margin:0 auto; padding:0; border:none;}
.RPImage img {display: inline; float:left; border:none; margin:1px 0 0 2px;}
.RPName, .RPName h4, .RPName h4 a {color:#333366; margin:0 0 5px 0; padding:0; text-align:center; font-size: 16px; ; text-decoration:none;background: white;}
.RPName h4 a:hover {color: #CC0099; background: white;}

/** == SITE DOCUMENTS == **/
#SiteDocuments {text-align:center; margin: 20px auto 5px;}
#SiteDocuments a {font-size: 14px; color: #CC0099; background:transparent; margin:0 5px; text-decoration:none;}
#SiteDocuments a:hover {color:#E7A0BE; background:transparent;}
#SiteDocuments img {vertical-align:middle;}

.SDContent {margin-bottom:80px;}
.SDContent h3 {font-size: 18px; color:#E7A0BE; margin-bottom:0; padding-bottom:0; margin-top:30px;}
.CDList li.bullet, .TOCList li {margin:5px 0 10px 30px; font-weight:bold;}
.SDContent .Title h2 {font-size: 26px;  color:#E7A0BE; background-color:transparent; font-weight:normal; text-decoration:none;}
.SDContent .Title h2 img {position:relative; margin:0px; padding:0; vertical-align:top;}

/** == HELPDESK  == **/
#generalBox {margin-bottom:40px;}
#generalBox h3, .regSep h3 {font-size: 18px; }
table.ViewTickets {margin-bottom:40px;}

/** == SINGLE TICKET == **/
table.ViewTicket td {padding:5px;}
table.ViewTicket .tdcartTitle {font-size: 14px; font-weight:normal; padding: 5px;border-bottom:none; border-top: 2px solid #333366;}
table.ViewTicket .tdcartEven {border-top: 2px solid #333366; border-bottom:2px solid #CC0099;}
table.ViewTicket .TicketText p {margin:0; padding:0;}
table.ViewTicket .TicketText {color: #515151; font-size: 13px; line-height: 16px;}
.tdcartOdd .TicketAuthor {color: #CC0077; margin:5px 0; font-weight:bold;}
.tdcartEven .TicketAuthor {color: #663366; margin:5px 0; font-weight:bold;}

/** == STEP 1 PAGE AND EXPRESS CHECKOUT == **/
.compliance {color: #333366;}
#Separator {width: 210px;}
#ExpressOptions {margin:0 auto; text-align:center;}
#ExpressLogin {width: 520px; height: 65px; float:left;}
#ExpressRegister {width:244px; height: 65px; float:left;}
#ExpressCheckout {width: 880px;}
#returningCustomer {margin-left: 5px; width: 275px;}
#returningCustomer .tag {color: #333366; font-weight:bold;}
#returningCustomer .txtDefault {color: #CC0099;}
#returningCustomer .txtDefault:hover {color: #E7A0BE;}
#returningCustomer .textbox {width: 150px;}
#ExpressReg {text-align: center; width: 340px; margin-top:10px; margin-left: 15px;}
#ExpressReg .textbox {border: 1px solid #CC0099; width: 150px;}
#ExpressReg .tdName {text-align:left; padding: 5px 0;width: 130px;color: #333366; font-weight:bold;}
#ExpressReg .Button a {float:left; width: 75px; margin-right: 3px; text-align:center; padding:2px 4px; color: #FFFFFF; background-color: #CC0077;text-decoration: none;}
#ExpressReg .Button a:hover {color: #FFFFFF; background-color: #333366;}
#ExpressReg .commentBox {height: 100px; border: 1px solid #CC0099; width: 150px;}

/** == FAQ PAGE == **/
ol#FAQ {margin-left:30px;}
ol#FAQ li {margin:5px 0;}
ol#FAQ ul{list-style-type:none; margin-bottom:20px;}
ol#FAQ a {color: #CC0099; text-decoration:underline; background-color: transparent;}
ol#FAQ a:hover {text-decoration:none;}
.Question {font-size: 16px;  color: #E7A0BE; background-color: transparent;}
.Answer {font:12px/18px Arial, Verdana, Helvetica, sans-serif; color: #696969; background-color: transparent;}


/** == SINGLE PORTFOLIO PAGE == **/
.TopPagination, .BottomPagination {text-align:right;}
.MainTEntry {margin:0;	padding:0;width:880px;height:350px;}
.MainTImage {width:300px;border:1px solid #CCC;padding:5px;float:left;margin-right:10px;}
.MainTDescription {margin:0;padding:0;float:left;width:550px;height:300px;}
#ContactForm .textbox_special {	width:220px;background-color: #FFFFFF;border: 1px solid #A56371;font-size: 11px;color: #A56371;}

/** == BESPOKE DESIGN EMAIL FORM == **/
#BriefForm {text-align:left; padding:0; width: 600px;margin-left: 100px;}
#BriefForm td {padding:10px 5px;}
#BriefForm .tdHeading {	font-size:16px;	border-bottom:2px solid #333366; text-transform:uppercase;color: #CC0066;padding-bottom: 0;}
#BriefForm .bespoketextbox {width: 250px;border: 1px solid #A56371;color: #A56371;}

/** == OOAK DESIGN EMAIL FORM == **/
#OOAKBriefForm {width: 700px; margin-top: 40px;margin-left: 80px;}
#OOAKBriefForm .tdHeading {font-size:16px;border-bottom:3px solid #333366; text-transform:uppercase;color: #CC0066;}
#OOAKBriefForm td.tdLeft {/*width: 340px;*/}
#UsabilityReport {text-align:left;padding:5px;}
#UsabilityReport .tdHeading {font-size:16px;border-bottom:3px solid #333366; text-transform:uppercase;color: #CC0066;}
#UsabilityReport td.tdLeft {width:200px;}
#InfoBox {border: 1px solid #A56371;}

/** == FREE THEME GIVEAWAY EMAIL FORM == **/
#FreeThemeForm .tdHeading {font-size:16px;text-align:left;border-bottom:3px solid #CC0066;}
#FreeThemeForm td {padding:5px;}
#FreeThemeForm .tdLeft {text-align:right;font-weight:bold;}

/** == CONTACT FORM FOR CUSTOM MODS == **/
#CustomModForm {margin:0;width:500px; text-align:left;}
#CustomModForm td {padding:5px;text-align:left;}
#CustomModForm .textbox {width:200px;}

/** == VIEW DEMO STORE == **/
.ViewDemo {color: #CC0077;text-align: center;margin: 10px auto 20px;font-weight: bold;float: left;display: inline;width: 400px;}
.ViewDemo img {	margin: 10px auto 0;text-align: center;}

/** == CD FORMAT == **/
#ImportantNotice {margin: 20px 0;height: 220px;display: block;float: left;width: 400px;}
#CD {display: block; float: left; padding: 0;margin-right: 10px;height: 70px;}
#Notice {display: inline;float: left; width: 300px; margin-top: 10px; color: #000000;}
#AlertNotice {color: #333366;}
	
/** == NEW STYLING == **/
#leftSep  {width: 240px;float: left;display: block;padding: 0;}
#rightSep {width: 630px;float: left;display: block;}
#leftSep h3, .regSep h3 {font: normal 18px "Century Gothic";margin-top: 0;margin-bottom: 0;color: #CC0099;}
#Step1 {padding: 0 0 50px 0;margin-top: 8px;text-align: left;width: 240px;}
#Step1 td {padding: 5px 5px;}
.regSep {padding: 0 10px 50px 30px;float: left;margin: 0 10px;display: block;width: 250px;}
.regSep a {float: right;font-size: 13px;}
.regSep p.regSepInner {height: 100px;}

/** == IMPORTANT INFORMATION - STEP1 PAGE == **/
.StopIcon {float: left;display: block;height: 240px;margin-right: 10px;}
.NewInfo {font-size: 14px; line-height: 18px;}

/** == REGISTRATION PAGE == **/
#Registration {}
#Registration td.tdcartTitle {padding: 3px 0 3px 5px !important;}
#Registration .textbox {width: 150px;}
#Registration td {padding: 8px 5px}
#Registration .textboxSml {width: 30px;}
#Registration .textboxMed {width: 80px;}

/**GET CLICKY STATS
********************/
.Stats {margin: 20px auto;text-align: center;}

/** == WOT ICON == **/
.WOT {margin: 10px auto; text-align: center;}

/** == NEW TERMS == **/
#newterms {margin: 30px 30px 30px 0;color: #333333;}
#newterms h2 {margin: 0;line-height: 130%;text-align: center;color: #CC0099;}
#newterms h2 span {color: #000000}
#newterms .plain {font-weight: bold;color: #000000;font-size: 12px;text-align: center;line-height: 100%;border-bottom: none;}
#newterms h3 {font-weight: bold;color: #000000;font-size: 12px;border-bottom: 2px solid #FF0000;margin-bottom: 5px;}
#newterms ol.terms {margin: 20px;}
#newterms ol.terms li {margin: 10px;}
#newterms ol.terms ol.subtermslist {margin: 0 5px;list-style-type:upper-roman}
.termsAlert {border: 3px double #A56371;background: #E7A0BE;color: #663366;padding: 1px 15px;line-height: 150%;font-weight: bold;}
blockquote.images {border-left: 5px solid #CC0077;padding-left: 20px;font: italic 20px/120% Georgia;color: #333333;}
.stockUsage {font-size: 13px;}
h2.border {font: normal 18px/20px "Century Gothic"; color: #333366; background-color: #FFFFFF;padding-bottom: 3px;border-bottom: 2px solid #E7A0BE;margin: 30px 0 5px 0;}
.AboutUs {color: #333333;font: 13px/18px "Lucida Sans","Lucida Sans Unicode";}
.AboutUs h2 {font: normal 20px "Lucida Sans";font-weight: 600;color: #CC0088;padding-bottom: 3px;border-top: 1px solid #E7A0BE;padding-top: 20px;margin-top: 20px;margin-bottom: 10px;}
.AboutUs p {margin-top: 0;}
.AboutUs p.blockquote {margin: 0;}
.AboutUs blockquote {font: italic 20px/24px Georgia;border-left: 5px solid #E7A0BE;padding-left: 10px;margin: 20px;}

#PicNetEyeTracker {display:none}

/** == FRONT PAGE INFO == **/
#QuickTips .Box {
color: #333333; 
margin: 5px; 
padding: 10px; 
background: white;
border: 1px dashed #DDDDDD;
width: 405px;
height: 270px;
float:left;
}

#QuickTips .Box.box3,#QuickTips .Box.box4 {height: 150px;}

#QuickTips .box1 .themebox {margin-bottom: 20px;}
#QuickTips .box1 .themebox p{
line-height: 16px;
font-size: 13px;
margin: 0;
}


#QuickTips .box1 .themetitle {
font-size: 18px !important;
line-height: 22px !important;
color: #CC0099;
display: block;
margin: 0 0 0 0 !important;
padding: 0;
}

#QuickTips .Box.box1 strong {}
