/* #### DEFAULT STYLES ################## */

div, table, tr, th, td, span, font, p, pre, ul, ol, li, input, button, select, textarea, a, a:active, a:focus, a:hover, a:visited, sub, sup {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
}
body {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #7E9FEC;
}


/* #### TABS ###################### */

div#menu{float:left;width: 550px;padding-top:9px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left: 37px}
ul#nav li{float:left;width:95px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:95px;padding: 0px 0 7px;background: #FFCC77; font-size: 10pt; color: #555; }
ul#nav li.activelink a,ul#nav a:hover{color: #FFF;}


/* #### OUTER CONTAINER ################ */

.main {
	padding: 10px;
}
.foundation {
	margin-right: auto;
	margin-left: auto;
	width: 770px;
	position: relative;
}
.foundationFullwidth {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	position: relative;
	min-width:595px;
}
table.mainArea {
	width: 770px;
	background-color: #FFF;
}
table.mainAreaSubframe {
    padding: 5px;
	width: 620px;
	background-color: #FFF;
}
table.mainAreaFullwidth {
	width: 100%;
	background-color: #FFF;
}
table.mainAreaFullwidthSubframe {
    padding: 5px;
    width: 100%;
	background-color: #FFF;
}
.footer {
	text-align: right;
	color: #fff;
	margin: 18px;
}
.pageTitle {
	padding-left: 14px;
	margin-top: 2px;
	font-size: 22px;
	font-weight: bold;
	color: #999;
	float: left;
}


/* #### LEFT SIDE CONTENT ############### */

div#sidebar1 {
    background: #D9EAFD;
    margin: 10px 10px 10px 8px;
    width: 144px;
}
div#sidebar1in {
    margin: 3px 5px;
    background: #D9EAFD;
    width: 134px;
    vertical-align: top;
}
div#sidebar1title {
    margin-top: 4px;
    margin-bottom: 8px;
    width: 124px;
    height: 20px;
    padding: 5px;
    background: #4F84B0;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
}

div#sidebar2 {
    background: #D3F5B7;
    margin: 10px 10px 10px 8px;
    width: 144px;
}
div#sidebar2in {
    margin: 3px 5px;
    background: #D3F5B7;
    width: 134px;
    vertical-align: top;
}
div#sidebar2title {
    margin-top: 4px;
    margin-bottom: 8px;
    width: 124px;
    height: 20px;
    padding: 5px;
    background: #85C966;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
}

div#sidebar3 {
    background: #FAE9BD;
    margin: 10px 10px 10px 8px;
    width: 144px;
}
div#sidebar3in {
    margin: 3px 5px;
    background: #FAE9BD;
    width: 134px;
    vertical-align: top;
}
div#sidebar3title {
    margin-top: 4px;
    margin-bottom: 8px;
    width: 124px;
    height: 20px;
    padding: 5px;
    background: #fca852;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
}


/* #### RIGHT SIDE CONTENT ############## */

.contentArea {
	width: 595px;
}
.contentAreaFullWidth {
	width: 99%
}

.contentHeader {
    height: 32px;
    background: #6FAFDB;
    font-size: 14pt; color: #FFF;
    font-weight: bold;
	margin-top: 10px;
}
.contentSubhead {
    background: #B1D6F1;
	height: 25px;
	padding-bottom:5px;
    font-weight: bold;
}
.contentSubheadLft {
	padding: 8px 0px 0px 10px;
	float: left;
	height: 23px;
    font-size: 11pt; color: #111;
}
.contentSubheadRgt {
	padding: 4px 10px 0px 0px;
	float: right;
	height: 23px;
    font-size: 11pt; color: #111;
}

.contentBox {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #F5F9FE;
	border: 2px solid #c4dcfe;
 }
.helpBox {
    float: right;
	margin-bottom: 10px;
	padding: 7px;
    background-color: #E3EFFC;
	border: 3px solid #c4dcfe;
 }
.messageBox {
	font-weight: bold;
    color: #555;
    padding: 8px 0px 10px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #FFF;
    border: 1px solid #f60;
}
.infoBox {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #F2F1F6;
	border: 2px solid #e9e9eb;
}

.standoutText{
    font-weight: bold;
    font-size: 16px;
    color: #CC0200;     
}

/* #### TABLES ###################### */

td.gridCellLeft {
    text-align: left;
    font-size: 13px;
    padding-left: 8px;
}

td.gridCellRight {
    text-align: right;
    font-size: 13px;
    padding-right: 8px;
}


/* #### FORMS   ###################### */

.formContents {
    float: left;
    margin-bottom: 10px;
	padding: 7px;
	border: 0px solid #c4dcfe;
 }

td.formLabels {
    color: #333333;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    padding-right: 8px;
}
select {
    border: 1px #6FAFDB solid;
    color: #333333;
    background: #FFF;
}

input {
    border: 1px #6FAFDB solid;
    padding: 1px;
    color: #333333;
    background: #FFF;
}

/* #### BUTTONS AND LINKS ###################### */

.but {
    background: #fb7c37;
    border: 1px solid #d96d15;
    color: #fff;
    font-size: 12px;
    font-weight: bold; height: 21px;
}

/* outer container links */
a.outerLink:link, a.outerLink:visited {
    text-decoration: underline;
	color: #FFF;
}
a.outerLink:hover {
	text-decoration: none;
}

/* content area links */
a.contentLink:link, a.contentLink:visited {
	text-decoration: underline;
	color: #f60;
}
a.contentLink:hover {
	text-decoration: none;
}

a.contentLinkSmall:link, a.contentLinkSmall:visited {
	text-decoration: underline;
	color: #f60;
	font-size: 10px
}
a.contentLinkSmall:hover {
	text-decoration: none;
}

a.contentLinkBig:link, a.contentLinkBig:visited {
	text-decoration: underline;
	color: #f60;
	font-size: 16px;
    font-weight: bold;
}
a.contentLinkBig:hover {
	text-decoration: none;
}

/*  Picture action links (Add to cart, Add to wishlist, Remove, etc.  */
a.picactionLink:link, a.picactionLink:visited {
    color: #111;
	font-weight: bolder;
	font: "Trebuchet MS", Verdana, Arial;
}
a.picactionLink:hover {
	color: #990000;
}

/* #### BREAD CRUMBS #################### */

.breadCrumbs {
	padding-right: 14px;
    margin-top: 5px;
    float: right;
}
.step {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 11px;
	float: left;
	padding-left:5px;
}
.stepDet {
	background-image: url(../images/stepv.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 20px;
	float:left;
}
.stepCurrent {
	background-color: #f93;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 11px;
	float: left;
	padding-left:5px;
	color:#fff;
}
.stepDetCurrent {
	background-image: url(../images/stepv-current.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 20px;
	float:left;
}
.stepDetLine {
	background-image: url(../images/stepl.gif);
	background-repeat: repeat-x;
	width: 6px;
	height: 20px;
	float: left;
}


/* ###################################### */
/* #### SPECIFIC PAGES ################## */
/* ###################################### */


/* #### ZOOM PICTURES  ################## */

.galleryOff {
    width: 100%;
    height: 125px;
    float: left;
	padding: 0px 0px 5px 0px;
	border-right: 1px solid #fff;
	background-image: url(../images/gallery-softgray.gif);
	background-repeat: repeat-x;
}
.galleryOn {
    width: 100%;
    height: 125px;
	float: left;
	padding: 0px 0px 5px 0px;
	border-right: 1px solid #fff;
	background-image: url(../images/gallery-blue.gif);
	background-repeat: repeat-x;
}

/* #### VIEW PICTURES  ################## */

.imageZoom {
	float: left;
	margin-right: 10px;
    display: block;
}
.imageRedeye {
	float: left;
	margin-right: 10px;
	padding-bottom: 5px;
    display: block;
}
.zoomArea {
	text-align: center;
	width: 144px;
	height: 120px;
	background-image: url(../images/jumpto-bg.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	border-top: 3px solid #c0ddfd;
	border-bottom: 3px solid #c0ddfd;
	padding-top: 24px;
}
.imageIco {
	float: right;
}
.icoZoom {
	display: block;
	float: left;
	padding: 0px 6px 6px 0px;
 }
.butPrevious {
	float: left;
	height: 23px;
}
.butNext {
	float: right;
	height: 23px;
	padding-right: 14px;
}
.gallery {
	margin-top: 30px;
}
.warning {
	color: #900;
    margin: 30px 20px 20px 15px;
}
.viewPictureSet {
	float: left;
	width: 170px;
	height: 181px;
}
.viewPictureIcons {
	padding-top: 5px;
	float: left;
}
.viewPictureCaption {
	display: block;
	font-size: 9px;
	padding: 3px 0px 0px 3px;
	float: left;
	width: 80px;
}

/* #### SHOPPING CART ################### */

.rightSet {
	float: right;
}
.leftSet {
	float: left;
}
.shoppingCart {
	margin-bottom: 10px;
	padding: 9px;
    background-color: #F5F9FE;
	border: 2px solid #c4dcfe;
 }
.scImage {
	float: left;
	width: 140px;
}
.scMakeSame {
	float: left;
    margin-left: 3px;
    width: 20px;
}
.scProduct {
	float: left;
	width: 290px;
}
.scUnit {
	float: left;
	width: 50px;
	text-align: right;
}
.scPrice {
	float: left;
	width: 70px;
	text-align: right;
}
.txtPaper {
	padding-left: 10px;
	line-height: 24px;
	font-weight: bold;
}
.txtPrice {
	padding-left: 10px;
	line-height: 24px;
	font-weight: bold;
	background-color: #b5daf5;
	padding: 3px;
}
.lkLine1 {
	float: left;
	line-height: 22px;
	width: 140px
}
.lkLine2 {
	float: left;
	line-height: 22px;
	width: 90px
}
.lkLine3 {
	float: left;
	line-height: 22px;
    width: 85px
}
.lkLine4 {
	float: left;
	line-height: 22px;
    width: 80px
}
.scPickerPic {
	float: left;
	width: 130px;
	height: 130px;
}


/* #### VIEW ORDER ###################### */

.listHeader {
	background-image: url(../images/bluecenter.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	height: 34px;
}
.listTitleLft {
	background-image: url(../images/blueleft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	height: 34px;
	padding-left: 10px;
	float: left;
	line-height: 34px;
}
.listSet {
	background-image: url(../images/interbluebottom.gif);
	background-repeat: repeat-x;
	height: 33px;
	padding-bottom:5px;
}
.listSetGreen {
	background-image: url(../images/intergreenbottom.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 20px;
	padding-bottom:5px;
}
.listSetContent {
	height: 18px;
	float: left;
	padding: 5px 10px 0px 10px
}
.listSetLft {
	font-weight: bold;
	padding: 8px 0px 0px 10px;
	float: left;
	height: 15px;
}
.listSetLft span {
	font-weight: bold;
}
.listSetRgt {
	background-image: url(../images/interbluebottom.gif);
	background-position: right top;
	background-repeat: repeat-x;
	height: 18px;
	float: right;
	padding: 15px 10px 0px 10px
}
.listArea {
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-blue2.gif);
	background-repeat: repeat-x;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
 }
.listSpace {
	float: left;
	width: 20px;
}
.listOrderNumber {
	float: left;
	width: 65px;
}
.listPlacedOn {
	float: left;
	width: 90px;
}
.listStatus {
	float: left;
	width: 100px;
}
.listTotal {
	float: left;
	width: 80px;
}
.listFeedback {
	float: left;
	width: 200px;
}

.infoAreaBlue {
	margin-bottom: 10px;
	padding: 7px;
	height: 100px;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
}
.infoAreaGreen {
	margin-bottom: 10px;
	padding: 7px;
	border: 2px solid #D0F1C1;
}