@import "typography.css";
div#container{
	width:802px;
	margin: 0 auto;
}
div#container-fix{
	background: url(http://www.breeziway.com/images/container-middle.gif) repeat-y;
	width:802px;
	float:left;
}	

/* Header Styles ----------------------- */
div.header{
	width:792px;
	float: left;
	background: url(http://www.breeziway.com/images/container-top.gif) no-repeat top;
	padding: 0 5px;
}
div.header h1{
	text-indent: -30000px;
	width: 250px;
	height: 100px;
	background: url(http://www.breeziway.com/images/logo.gif) no-repeat;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
}
div.header h1 a{
	display: block;
	width: 250px;
	height: 90px;
}
div.header h2{
	text-indent: -30000px;
	width: 267px;
	height: 80px;
	background: url(http://www.breeziway.com/images/slogan.gif) no-repeat;
	float: right;
	margin: 20px 20px 0 0;
}
div.header ul.menu{
	width: 790px;
	float: left;
	clear: both;
	background: url(http://www.breeziway.com/images/menu-box.gif) repeat-x;
	padding: 0;
	margin:0 0 3px 0;
}
div.header ul.menu li{	
	float: left;
	background:  url(http://www.breeziway.com/images/menu-divider.gif) no-repeat right;
	text-align:center;
    width:130px;
	height:45px;
}
div.header ul.menu li.last{
	background:none;
}
div.header ul.menu li a{
	display: block;
	padding: 15px 18px;
}
div.header ul.menu li a.blog {
	display:block;
	padding:8px 18px;
}
div.header ul.menu li a.pr {
	display:block;
	margin:-6px;
	padding:15px 20px;
	text-align:center;
	width:45px;
}

/* Main Column Styles ----------------------------------- */	
div.main{
	width: 792px;
	float: left;
	clear: left;
	padding: 0 5px;
}

/* Left Col -- */
div.main div.leftCol{
	width: 500px;
	float: left;
	margin: 10px 0 0 0;
}
div.main div.leftCol div.contentArea-top{
	width:502px;
	height: 5px;
	background: url(http://www.breeziway.com/images/left-content-top.gif) no-repeat 0 0;
	font-size: 0.1em;
	float: left;
}

div.main div.leftCol div.contentArea{
	width: 478px;
	min-height: 498px;
	float: left;
	clear: left;
	border-left: 1px solid #373737;
	border-right: 1px solid #373737;
	background: url(http://www.breeziway.com/images/left-content-bg.gif) repeat-x;
	padding: 10px 10px;
}
div.main div.leftCol div.heightFix{
	min-height:	378px;
}
div.main div.leftCol div.contentArea-bottom{
	width: 502px;
	height: 5px;
	float: left;
	clear: left;
	background: url(http://www.breeziway.com/images/left-content-bottom.gif) no-repeat 0 0;
	font-size: 0.1em;
}
div.main div.leftCol div.contentArea div.contentMainLeft{
	float: left;
	clear: none;
	width: 290px;
}
div.main div.leftCol div.contentArea div.contentMainLeftClear{
	float: left;
	clear: left;
	width: 480px;
}
div.main div.leftCol div.contentArea div.contentMainLeft img {
	float: left;
	clear: none;
	padding: 10px 0 0 0;
}
div.main div.leftCol div.contentArea div.contentMainRightClear img {
	padding: 0 !important;
	margin: 0 !important;
}
div.main div.leftCol div.contentArea div.contentMainRight{
	float: left;
	clear: none;
	width: 175px;
	padding: 5px;
}
div.main div.leftCol div.contentArea div.contentMainRightClear{
	float: left;
	clear: left;
	width: 480px;
	padding: 5px;
}	
div.main div.leftCol div.contentArea div.contentMainRight p{
	width: 100%;
}	
div.main div.leftCol div.contentArea div.productcontentMainLeft{
	float: left;
	clear: none;
	width: 97%;
}

/* Left Col -- */
div.main div.rightCol{
	width: 275px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

div.main div.rightCol ul{
	margin: 0;
	padding: 0 0 0 0;
}

div.main div.rightCol ul li{
	margin: 0;
	padding: 1px 0;
}

div.main div.rightCol ul li a img{
	border: none;
}

/* Footer Styles ---------------------------------------- */
div.footer{
	width:792px;
	float: left;
	clear: both;
	padding: 10px 5px 10px 5px;
	background: url(http://www.breeziway.com/images/container-bottom.gif) no-repeat bottom;
	margin: 0 0 0 0;
}

div.footer div.footer-tab{
	width: 790px;
	float: left;
	background: url(http://www.breeziway.com/images/menu-box.gif) repeat-x;
	padding: 0;
}

div.footer div.footer-tab p{
	margin: 0;
	padding: 15px 10px;
	float: left;
	width: 450px;
}

div.footer div.footer-tab ul{
	float: left;
	margin: 0;
	padding: 15px 20px;
	background: url(http://www.breeziway.com/images/menu-divider.gif) no-repeat left;
	width: 277px;
}

div.footer div.footer-tab ul li{
	float: left;
	margin: 0;
	padding: 0;
}


/* Product Listing Pages -------------------------------- */

div.productList{
	width: 98%;
	float: left;
	clear: left;
	padding: 10px 0 5px 5px;
}

div.productList div.item{
	width:150px;
	height:172px;
	/*background: url(http://www.breeziway.com/images/item-box.gif) no-repeat;*/
	margin: 20px 6px 0 0;
	float: left;
}


div.productList div.item a img{
	border: 1px solid #9f4489;
    margin: 5px 20px 2px 46px;

}

div.productList div.item h2{
	float: left;
	width: 90%;
	font-size: 0.9em;
	margin: 0;
	padding: 0 5px 0 5px;
	height: 15px;
	overflow: hidden;
}

div.productList div.item p{
	float: left !important;
	clear: left !important;
	margin: 0 !important; 
	padding: 0 5px !important;
	font-size: 0.9em !important;
	width: 90% !important;
	height: 28px !important;
	text-align: left !important;
	overflow: hidden;
}
div.productList div.item p.desc{
	height: 38px !important;
}

div.productList div.item h3{	
	font-size: 0.9em !important;
	margin: 0 !important;
	padding: 3px 5px 0 0 !important;
	color:#9f4489 !important;
	float: right;
	clear: none;
}

.otherprods {
	border: 1px solid #9f4489;
    margin: 2px 0px 2px 17px;	
}
.formLeft {
	float: left;
	width: 120px;
}
.formRight {
	float: left;
	width: 140px;
}
.formRight input, .formRight textarea {
	background: #313131;
	color: #ccc;
}
#formSubmit {
	float: left;
	margin: 0;
	padding: 0;
	background: #333;
	width: 160px;
}
#formAddSubmit {
	margin: 0;
	padding: 0;
	background: #333;
	width: 160px;
	color: #fff;
}
.prodImg {
	border: 1px solid #CCCCCC;
	margin: 5px 3px;
}
p b {
	font-weight: normal;
}
.sitemap h4{	
	font-size: 1.1em !important;
	margin: 0 !important;
	padding: 3px 5px 0 0 !important;
	color:#9f4489 !important;
	float: left;
	clear: left;
}
.sitemap ul{
	float: left;
	clear: left;
}
#productprice {
	font-size: 1.3em;
}
/* Shopping Basket */
.shoppingbasket thead {
	background: #333;
	color: #fff;
}
.shoppingbasket .td_prod {
	width: 280px;
}
.shoppingbasket .td_qty {
	width: 50px;
	text-align: center;
}
.shoppingbasket .td_uprice {
	width: 60px;
	text-align: center;
}
.shoppingbasket .td_stotal {
	width: 60px;
	text-align: center;
}
.shoppingbasket .td_totpre {
	text-align: right;
	font-weight: bold;
}
.shoppingbasket .td_totval {
	text-align: center;
	font-weight: bold;
}
input.shoppingbasket {
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
	background: #333;
	width: 150px;
	font-size: 1em;
	color: #fff;
}
input.customizebutton {
	margin: 0;
	padding: 0;
	background: #333;
	font-size: 1em;
	color: #fff;
}
.td_label {
	width: 175px;
}
#register input {
	margin: 5px 0px;
}
#login input {
	margin: 5px 0px;
}
#formRegisterSubmit, #formLoginSubmit, #formLoginForgot, #formLoginBack, #formRegisterBack {
	margin: 5px 0pt 5px 0px !important;
	padding: 0;
	background: #333;
	width: 150px;
	font-size: 1em;
	color: #fff;
}
.basketbuttons {
	float:right;
	clear:left;
	margin: 3px 5px 0pt 0pt;
}
.checkoutbuttons {
	float:right;
	clear:left;
	margin: 5px 5px 0pt 0pt;
}
/* Validation */
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
#paypalpay {
	margin: 5px 0px 0px 310px;
	text-align: right;
}
.paypalforeword {
	width: 170px !important;
	text-align: right !important;
}
#thankyou {
	margin: 0px 0 30px 0;
}
.footertext {
	text-align: center;
	margin: 0 0 0 0;
	padding: 5px 0 0 10px;
	color: #CCC;
	font-size: 11px;
	clear: left;
}
div.customization label {
	text-align: left;
}
div.customization hr {
	margin: 20px 0 0 0;
}
input.customization {
	margin: 0;
	padding: 0;
	background: #333;
	width: 215px;
	font-size: 1em;
	color: #fff;
}
p.small {
	font-size:11px !important;
}
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:345px;
	margin-left: 15px;
	margin-top:15px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}