/*
|=================================================================|
|							          |	
| 		COSMOPOLITAN BLACK CC4			          |
|							          |	
|=================================================================|
|							          |
| Theme Name: COSMOPOLITAN BLACK CC4			          |
| Theme URL: http://seriradesigns.com          			  |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 4.3.7++						  |
| Creation Date: 22nd November 2008			          |
| Copyright: International and domestic Copyright Laws apply      |
| 								  |
|=================================================================|
|								  |
|			LICENCE TYPE 			  	  |
|=================================================================|
| 								  |
| COSMOPOLITAN BLACK CC4 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 as your own work, publically display this theme in or     | 
| through any medium unless explicitly authorised by 		  |
| Serira Designs.com	  					  |		
|								  |
|=================================================================|
*/


body {margin: 0 auto;padding: 0;font: normal 13px/18px "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;color: #333333;text-align: center;}
a:link, a:visited {color: #333333; text-decoration: none;}
a:active, a:focus, a:hover {color: #999999; outline:none; text-decoration: underline;}
strong {font-weight: bold; color: #333333;}

#Skin {margin: 0 auto;width: 100%;background: black;height: 40px;}
.SkinBox {margin: 0 auto;text-align: center;width: 540px;}
.SkinBox img {float: left; width: 321px;}
.SkinBox .SkinDropDown {float: left;width: 200px;border: 1px solid #DDDDDD;color: #666666;margin-top: 10px;}
	
#pageSurround {width: 980px;margin: -245px auto 0;padding: 0;background: #FFFFFF url(../styleImages/backgrounds/pageRepeat.gif) repeat-y left top;text-align: left;position: relative;z-index: 5;}
#Header {background-image:url(../styleImages/header/header.gif);background-repeat: no-repeat;background-position: top left;width: 980px;height: 245px;}
#Banner {background: #FFFFFF url(../styleImages/header/headerRepeat.gif) repeat-x 0 0;position: relatlive;height: 245px;z-index: 1;}

/** YOUR LOGO & BUSINESS NAME
*******************************/	
#Logo {margin: 13px 0 0 0; padding: 0;text-align: left;float: left;position: relative;}
#Logo h1 {margin: 0; padding: 0;}
#Logo h1 a {font-size: 74px; line-height: 100%; margin: 0;text-decoration: none;border: none;color: #FFFFFF;display: block;}
#Logo h1 a:hover {color: #999999;}

/** PAGE TITLES & HEADERS
****************************/
h2 {font-size: 48px;line-height: 100%;margin: 0;color: #333333;}
h2.border {border-bottom: 1px solid #CCCCCC; font-size: 48px; margin: -8px 0 3px 0;padding: 0;color: #333333;}
h3 {border-bottom: 1px solid #CCCCCC;font-size: 40px; margin: 0 0 3px 0;padding: 0;color: #333333;}
h4 {font-size: 32px; line-height: 90%; margin: -3px 0 0 0;padding: 0;color: #333333;}
#ShoppingBox h4 {margin-left: 55px;}

/** ICON BASED LINKS
**************************/
#topLinks {float: right;width: 210px;height: 145px;position: relative;margin: 20px 20px 0 0;}
#topLinks a.HomeLink, #topLinks a.ContactLink,#topLinks a.LoginLink, #topLinks a.CheckoutLink {background-repeat: no-repeat;background-position: top center;float:left;position: relative;width: 95px;height: 35px;text-align: center;color: #000000;margin: 0;}
#topLinks a.HomeLink { background-image:url(../styleImages/topLinks/HomeLinkIcon.gif); margin: 0 20px 83px 0;}
#topLinks a.ContactLink { background-image:url(../styleImages/topLinks/ContactLinkIcon.gif); margin: 0 0 83px 0;}
#topLinks a.LoginLink { background-image:url(../styleImages/topLinks/LoginLinkIcon.gif); margin: 0 20px 0 0;}
#topLinks a.CheckoutLink { background-image:url(../styleImages/topLinks/CheckoutLinkIcon.gif); margin: 0;}
#topLinks a.HomeLink:hover { background-image:url(../styleImages/topLinks/HomeLinkIconHover.gif);}
#topLinks a.ContactLink:hover { background-image:url(../styleImages/topLinks/ContactLinkIconHover.gif);}
#topLinks a.LoginLink:hover { background-image:url(../styleImages/topLinks/LoginLinkIconHover.gif);}
#topLinks a.CheckoutLink:hover { background-image:url(../styleImages/topLinks/CheckoutLinkIconHover.gif);}
#topLinks a.HomeLink span, #topLinks a.ContactLink span, #topLinks a.LoginLink span, #topLinks a.CheckoutLink span {float:left;display: inline;margin: 0;text-align: center;width: 95px;height: 35px;visibility: hidden;}

/**TOP BOXES - CURRENCY - LANGUAGE - SEARCH - SHOPPINGBASKET
**************************************************************/
#topLeft {float: left;display: inline; width: 740px; height: 67px; margin:0; padding: 0;position: relative;}

/**CURRENCY AND LANGUAGE BOX
*****************************/
#CurrencyBox, #LanguageBox {width: 150px; float: left; display: inline;margin: 10px 0 0 15px;}
.Currency_DropDown, .Language_DropDown {font-size: 13px; width: 145px; border: 1px inset #CCCCCC; margin-top: 5px; text-transform: lowercase;}

/**SHOPPING BASKET
********************/
#ShoppingBox {display: inline; float: right; margin: 10px 0 0 0; width: 220px; height: 55px;}
.BasketIcon {float: left; display: inline; width: 53px; height: 50px;margin-top: -25px;}
.BasketTotal {text-align: left;	float: left;display: inline; position: relative; width: 165px;	margin: -18px 0 0 55px;	font-size: 16px;}
.BasketTotal a {color: #999999; background-color: #FFFFFF; text-decoration: none;}
.BasketTotal a:hover {color: #000000; background-color: #FFFFFF;}

/**SEARCH BOX
**************/
#SearchBox {width: 175px;margin: 10px 10px 0 0;padding: 0;float: left;display: inline;}
#SearchBox p {float: left; height: 31px; margin: 0;line-height: 0;}
.searchBox {color: #333333; background-color: #FFFFFF; border: 1px inset #DDDDDD; margin: 5px 5px 0 0; float: left; width: 125px;font-size: 14px;}
.searchBtn {background:url(../styleImages/icons/searchBtn.gif);background-repeat: no-repeat;background-position: right center;width: 23px; height: 24px; border: none;text-align: right;display: block;cursor: pointer;background-color: #000000;margin: 0; float: left;}

/**MAIN CONTENT 
****************/
#LeftColumn {width: 180px; float:left; display: inline; margin-right: 7px; position: relative; z-index: 50;}
#MainContent {width: 760px; float: left; display: inline; padding: 0 0 0 20px;}
.boxContent {margin-bottom: 15px;}

/**MAILING LIST BOX
**********************/
#MailingListBox {width: 780px; height: 80px; margin-top: 30px; margin-left: 185px; border-top: 1px solid #DDDDDD;padding-top: 15px; padding-bottom: 10px;}
.MLBLeft {float: left; display: inline; width: 420px; margin-left: 50px;}
.MLTitle {}
.MLBLeft p {font-size: 13px; margin: 5px 0 0 0;}
.MLBRight {float: left; display: inline; width: 300px; margin-top: 30px;}
.MLBRight .textbox {width: 180px;}
.MLBRight p {margin: 0 0 0 25px; text-transform: lowercase;text-align: left;font-size: 12px;}

/**SIDEBOXES
**************/
.SideBox {margin-bottom: 30px; text-transform: lowercase;}
.SideBox p {font-size: 13px;}
.SideBox p strong {font-weight: normal; color: #999999; margin-left: 8px;}
.SideBox ol, .SideBox ul {margin-top: 8px; width: 178px;}
.SideBox ol li {list-style-position: outside; margin: 8px 5px 8px 25px;}
.SideBox ol li.numBorder {color: #999999;}
.SideBox ol li.numBorder span {color: #999999;}
.SideBox .featuredBox, .SideBox .featuredName {text-align: center;}
.SideBox .featuredBox {margin: 10px auto;}
.SideBox .featuredBox img {border: 1px solid #333333;}
.SideBox li.num .txtBoxSave {font-style: italic;}

/**LEFT SIDEBAR MENU
**********************/
.SideBox ul.menu{margin: 1em 0; padding: 0; list-style-type: none; border-left: 4px solid #999999;}
.SideBox ul.menu li{margin: 0 0 .5em 5px; list-style-type: none; list-style-position: inside;}
.SideBox ul.menu li a, .SideBox ul.menu li li a, .SideBox ul.menu li li li a, .SideBox ul.menu li li li li a {padding-left: 5px; text-transform: none;}
.SideBox ul.menu ul, 
.SideBox ul.menu ul ul, 
.SideBox ul.menu ul ul ul {margin: .5em 0 0 0; padding: 0;}
.SideBox ul.menu ul li, .SideBox ul.menu ul ul li, .SideBox ul.menu ul ul ul li {margin-left: 10px;}


/**HOME PAGE
*************/
.HomePage {position: relative; margin-top: -50px; margin-bottom: 50px; z-index: 500; }
.HomePageText {margin: 20px 0;}

/**PRODUCT DISPLAY
******************/
.ProductDisplay {margin-top: 40px;}
.ProdPageTop, .ProdPageBottom {background-repeat: no-repeat;background-position: top left;width: 760px;height: 30px;}
.ProdPageTop { background-image:url(../styleImages/backgrounds/ProdBoxTop.gif);}
.ProdPageBottom { background-image:url(../styleImages/backgrounds/ProdBoxBottom.gif);}
.ProdPageRepeat {background-image:url(../styleImages/backgrounds/ProdBoxRepeat.gif);background-repeat: repeat-y;background-position: top left;width: 760px;}
.spacing {display: none;}
.ProdBox {float: left;width: 335px;height: 160px;margin: 10px 0 10px 30px;display: inline;font-size: 12px;}
.ProdImage {float: left;display:inline; margin-right: 10px;width: 150px;height: 120px;text-align: center;border: 1px solid #666666;}
.ProdInfo1 {float: left;display: inline;width: 172px;height: 127px;margin-bottom: 5px;}
.ProdName {margin-bottom: 5px; line-height: 14px;}
.ProdText {color: #666666; font-size: 11px; line-height: 14px; font-style: italic;}
.ProdInfo2 {display: inline;float: left;padding: 0;width: 331px;height: 20px;padding: 5px 2px 2px 2px;background: #DDDDDD;color: #000000;}
.ProdPrice {float: left; display: inline;width: 160px;padding: 0;}
.ProdBuy {float: right;display: inline;width: 168px;text-transform: lowercase;text-align: right;padding: 0;}
.ProdInfo2 a, .ProdName a {color: #333333;}
.ProdInfo2 a:hover, .ProdName a:hover {color: #CA1010;}

/**CATEGORY PAGES
*******************/
.BreadCrumb {color: #000000; font-size:10px;}
#CategoryDescription {margin: 10px 0 20px 0;}
.CategoryImage {float: left; display: inline; margin-right: 25px;}
.CategoryImage img {border: 1px solid #333333;}
.CategoryText {font-style: italic;}
p.warning {color: #EA1100;}
p.noProds {border: 1px solid #C9CEFC; color: #333333; background-color: #EEEEEE; padding: 5px;}
.paginationTop {color: #000000; float: right;}
.pagination {color: #000000; text-align: right;}
.paginationTop .txtLink, .pagination .txtLink {border: 1px solid #333333; background-color: #EAEAEA; color: #000000; padding: 1px 5px;}
.paginationTop .txtLink:hover, .pagination .txtLink:hover, 
.paginationTop strong, .pagination strong {border: 1px solid #000000; background-color: #333333;color: #EAEAEA; padding: 1px 5px;}
.CatBreadCrumb {float: left; display: inline;}
#SortProd {float: left;}

/**SUBCATEGORIES
*******************/
#SubCategories {background: #EAEAEA;border: 1px solid #333333; color: #333333;padding: 5px;margin-bottom: 10px;}
#SubCategories a {color: #333333;text-decoration: underline;margin: 0 5px;}
#SubCategories a:hover {color: #999999; text-decoration: none;}

/**SINGLE PRODUCT PAGE
************************/
.TAF {margin: 0 0 20px 0;text-align: right; float: right;}
#SPLeft {width: 460px;float: left; display: inline;padding-bottom: 20px;}
#SPRight {float: left;width: 270px;padding-left: 20px; padding-bottom: 20px;display: inline; }
.SPImageTop, .SPImageBottom {background-repeat: no-repeat;background-position: top left;width: 452px;height: 30px;}
.SPImageRepeat {background-image:url(../styleImages/backgrounds/SPImageRepeat.gif);background-repeat: repeat-y;background-position: top left;width: 452px;}
.SPImageTop { background-image:url(../styleImages/backgrounds/SPImageTop.gif);}
.SPImageBottom { background-image:url(../styleImages/backgrounds/SPImageBottom.gif);margin-bottom: 10px;}
#SPImage {margin-left: 30px; }
#MoreImages {text-align: center; margin: 10px auto;}
.SPRightText {font-style: italic; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #999999;}
#SPRight p {margin: 0 0 10px 0;}
#Options {margin-left: 10px; margin-bottom: 20px; font-size: 11px;}
#Options select {font: 11px "Lucida Sans"; width: 150px;}
#Options td {padding: 5px;}

/**GALLERY
***************/
#Gallery {width: 390px;	text-align: center;display: block;margin: 10px 0 0 30px;}
#Gallery p {font-size: 36px; line-height: 100%; color: #333333 !important; margin-bottom: 5px}
img.GImage {width: 100px;border: 1px solid #000000;margin: 5px 2px;}

/**READ REVIEWS
*********************/
#write_review, #read_review {margin: 50px 0 0 0;}
#write_review p {margin-bottom: 7px;}
.RatingTop {background-color: #000000; color: #EAEAEA; padding: 5px;border: 1px solid #999999;}
.RatingTop strong {color: #EAEAEA;}
.RatingMain {background-color: #EAEAEA; border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 5px;color: #000000;}
.RatingBottom {background-color: #EAEAEA; border-left: 1px solid #999999; border-right: 1px solid #999999;border-bottom: 1px solid #999999;padding: 5px;color: #000000;}

/** RELATED PRODUCTS
**********************/
#RelatedProducts {margin: 60px 0 0 0;}
.RPBox {margin: 5px 10px;width: 154px;height: 180px;text-align: center;float: left;display: inline;}
.RPName {}
.RPImage {margin-bottom: 5px;}
.RPImage img {border: 1px solid #333333;}
.RPPrice {display: none;}

/**FOOTER AREA
******************/
#BottomOuterWrapper {background: #000000 url(../styleImages/backgrounds/footerRepeatBg.gif) repeat-x top left; margin: -18px 0 0 0; padding: 0; height: 58px;}
#Footer {margin: -42px auto 10px;text-align: center;padding: 0;text-transform: lowercase;position: relative;width: 980px;font-size: 13px;}
#Footer span {}
#Footer a {color: #FFFFFF; background-color: transparent; text-decoration: none; margin: 0 5px;}
#Footer a:hover {color: #999999; background-color: transparent;}

/**COPYRIGHT SERIRA DESIGNS
****************************/
#CopyrightNotice, #DesignerCredits, .txtCopyright, a.txtCopyright {font-size: 12px; text-align: center;}
#CopyrightNotice {margin-bottom: 10px;}
#DesignerCredits a, a.txtCopyright {color: #000000;text-decoration: underline; background-color: #FFFFFF;}
#DesignerCredits a:hover, a.txtCopyright:hover {text-decoration: none;}